/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #000; background: #fff; background-position: top center; }
img {border: 0px}
a { cursor:pointer}

fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:960px; margin:auto; text-align:left; }
#page #headerSpacer{ height:5px;}
#page #header{ position:relative; top: 0px; width: 960px;background: #fff; /*z-index: 0;*/ } 
#page #header #logo{ color:#999; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer;  left:0px ; z-index:1; width:auto; float:left; position: relative }
#page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}
#page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }


#page #header #headerNav{ position: absolute; top: 39px; right: 0px; z-index:10; overflow:visible;}
#page #header ul.nav{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
/*#page #header ul.nav li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#page #header ul.nav li a{ text-decoration:none; color:#fff; border-bottom: 0px; }
#page #header ul.nav li a:hover{ text-decoration:none; color:#999999; border-bottom: 2px solid #00afec; }
#page #header ul.nav li.nav-selected{  border-bottom: 2px solid #00afec;} */
#page #header #header-area{ }
#page #header #header-area #header-area-inside{}
#page #header #header-area img { display: block}
#page #header-area-slider { width:1155px; height: 317px;left:-94px; position: relative; }
#page #header-area-slider-images { width:960px; height: 250px;left: 94px; top:0px; position: absolute; padding-top: 20px; padding-bottom:5px;border-top:3px solid #1988c7;}
#page .divider{padding-top: 12px; background: url(/concrete/themes/default/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }
#page #panels {height: 144px; position: relative; top:-20px;}
#page #panels #panel_a,#page #panels #panel_b,#page #panels #panel_c,#page #panels #panel_d {width: 25%; float: left;} 
#page #panels #panel_b img {padding-right: 5px;}
#page #panels #panel_c img {padding-left: 10px;}
#page #panels #panel_d {text-align: right;}
#page #panels #panel_b, #page #panels #panel_c {text-align: center;}
#page #central{border-top: 3px solid #1988c7; margin-top: 0px;  clear:both;}
#page .no-sidebar { background-image: none !important}

#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 20px !important; padding-right: 0px !important; float:right}
#page #body {  }
#page #central .swp-breadcrumbs {color: #000; margin-top: 8px; margin-bottom: 5px; position: relative;
left: -10px;height: 19px; padding-top:5px; z-index: 0;}
#page #central .swp-breadcrumbs a { color: #00afec; padding-left: 3px;}
#page #central .swp-breadcrumbs .swp-breadcrumbs-level {position:relative; top: -3px; font-size: 14px; padding-left: 3px; font-family: 'Titillium Web', sans-serif;}
#page #central #body{ float:left; width:75%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:220px; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px;  font-size:14px; margin-top: 8px;
margin-bottom: 9px;}
#page #central #sidebar ul.nav li{ }

#page #central #sidebar ul.nav a{font-family: 'Titillium Web', sans-serif; text-decoration:none; display: block; height: 25px; padding-left:24px; padding-top:5px; padding-bottom: 2px;}
#page #central #sidebar ul.nav a.nav-selected {font-family: 'Titillium Web', sans-serif;font-weight: bold; border-left: 3px solid #00afec;background:url(/concrete/themes/default/images/sublink_bg.png)}
#page #central #sidebar ul.nav a:hover{ font-family: 'Titillium Web', sans-serif;text-decoration:underline; border-left: 3px solid #00afec; background:none;}
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central #product_info {background:url(/concrete/themes/default/images/contact_bg30.png);}
#page #central #product_photo {width: 450px; float: left;}
#page #central #product_photo img {padding:10px;}
#page #central #product_name {width: 270px;float:right;}
#page #central #product_params {width: 260px; float: right;}
#page #central #product_schema {width: 460px; float: left;}
#page #central #product_info {}

#page #central #contacts { /* background:url(/concrete/themes/default/images/contact_bg30.png ) repeat-y;*/ padding-bottom: 10px;}
#page #central .contacts { /*background:url(/concrete/themes/default/images/contact_bg30.png ) repeat-y; */margin: 0px; padding: 0px;}
#page #central #contacts h2, #page #central .contacts h2, .news_nadpis {font-family: 'Titillium Web', sans-serif;text-transform:uppercase;margin-left: 10px;font-weight: 300;}
#page #central #contacts #telephone {font-weight: 300;font-family: 'Titillium Web', sans-serif;background:url(/concrete/themes/default/images/telefon.png) no-repeat; margin-left:15px; padding-left: 30px; padding-right: 10px; }
#page #central #contacts #email {font-weight: 300;font-family: 'Titillium Web', sans-serif;background:url(/concrete/themes/default/images/obalka.png) no-repeat; margin-left:10px; padding-left: 35px;margin-top: 25px;padding-right: 10px;} 
#page #central #contacts #address {font-weight: 300;font-family: 'Titillium Web', sans-serif;background:url(/concrete/themes/default/images/adresa.png) no-repeat; margin-left:10px; padding-left: 35px;margin-top: 25px; margin-bottom:10px;padding-right: 10px; }

/* #page #central.navLeft{ background:url(/concrete/themes/default/images/nav_sidebar_left_bg.gif) repeat-y center; }*/
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer .left {width: 600px; float: left;}
#page #footer .right {width: 350px; float: right;}
#page #footer .clear {clear: both;}


#page #footer{ margin-top: 30px;padding:10px; clear:both;color:#999; font-size:12px; background:url(/concrete/themes/default/images/contact_bg.png) repeat-y; width:100%  }
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

/* customize_miscellaneous */ /* customize_miscellaneous */

/* ------------- Kontakt levy mailform ----------------------------------------------------------------------------------------------------------------*/
.contact_left_mail {width: 960px;height:280px; margin: 3px 0 0 0;

padding-bottom: 15px;
padding-left: 10px; 
  } 
.contact_left_mail #tlacitko_odeslat {width: 208px; height: 30px; background-color:  #00afec; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #ffffff;margin-top: 4px;  border: 0px;}
#jmeno,#kontakt,#vzkaz, #captcha, #tlacitko_odeslat {
border: 1px solid #4A4E52;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
padding:3px;
}


#jmeno,#kontakt,#vzkaz, #captcha {
width: 200px;
}
#vzkaz
{ width: 350px; height: 185px;margin-top: 0px;}
#tlacitko_odeslat {

width: 200px; height: 30px;
}
#captcha 
{
margin-bottom: 15px
}

#cf_l {float: left; padding-top: 10px;}
#cf_r { float: right; padding-top: 10px;}

.contact_left_in_mail { color: #fff; width: 570px; float: left;height:230px;padding-top:0px; float: left;}
.contact_left_in_02_mail { font-size: 12px; color: #4A4E52; margin: 4px 0 0 0}
.add_gallery {margin: 15px 0 0 0; }
.contact_left_in_02_mail strong {font-size: 11px}
.contact_right_in_mail { color: #4A4E52; width: 330px; float: left;height:230px;padding-top:0px; float: right;}
.contact_right_in_mail a {color: #ffffff}
.contact_right_in_mail h3 {padding-left: 30px; font-size: 20px; color: #fff;}
.contact_right_in_mail h2 { font-size: 24px; color: #00afec;}
.contact_left_in_mail h2 { font-size: 24px;color: #00afec;}
.contact_right_in_mail .tco, .contact_right_in_mail .tc, .contact_right_in_mail .tm{padding-left: 30px;font-size: 12px; color: #ffffff}
.contact_right_in_mail .tco{padding-top: 2px; font-weight: bold;}
.contact_right_in_mail .tm{padding-bottom: 2px;}


ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 10px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #00afec;
    background:url(/concrete/themes/default/images/contact_bg30.png);
    color: #fff;
    text-align: justify;
    line-height:1.5;
}

#product_params ol {margin-left: 25px;}
#product_params ol > li {
    position:relative; /* Create a positioning context */
    margin:0px; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #00afec;
    background:url(/concrete/themes/default/images/contact_bg30.png);
    color: #fff;
    text-align: justify;
    line-height:1.5;
    width: 200px;
    height: 20px;
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #00afec;
    color:#fff;
    background:#00afec;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
  
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}



/* NEWS - NOVINKY */
.ccm-page-list {padding-left: 5px; padding-right:5px;}
.ccm-page-list h3 {font-size: 13px;}
.ccm-page-list .ccm-page-list-description {font-size: 12px; color: #000; text-align: justify;}
.ccm-page-list .publishdate {font-size: 11px; text-align: right;}

.ccm-layout-col-spacing {/*background:url(/concrete/themes/default/images/contact_bg30.png); */text-align:center; padding-bottom: 5px; max-width: 235px;}
.ccm-layout-col-spacing .button {border: 0px;
padding:3px;
margin-right: 5px;
background:#00afec;
display: block; 
color: #fff;
}

#ccm-layout-main-21-1 .ccm-layout-row,#ccm-layout-main-19-1 .ccm-layout-row, #ccm-layout-main-16-1 .ccm-layout-row {background:url(/concrete/themes/default/images/contact_bg30.png); margin-bottom: 10px; margin-left: -10px; margin-right:10px; padding: 10px;}