/* vseobecne prvky */

body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; background: url('../images/cst/layout/body-bck.gif') left top repeat-x #ffffff; font-size: 12px; color: #000000;}
a, a:active, a:visited {color: #db6313; text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none;}
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}

h1 {font-size: 18px;}
h2 {font-size: 16px; margin-top: 7px; margin-bottom: 7px;}
h3 {font-size: 16px;  margin-top: 7px; margin-bottom: 7px;}
h4, h5,h6 {font-size: 12px; font-weight: bold; color: #333333; margin-top: 7px; margin-bottom: 7px;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}

table { margin: 5px; border-collapse: collapse;}
table th {text-align: left; font-size: 11px; padding: 5px; border-bottom: 1px solid #2763bd; color: #2763bd;}
table td {font-size: 11px; padding: 5px; /*border-bottom: 1px solid #616161;*/ color: #000000;}
table td.attributeValue, table td.attributeName { padding-bottom: 0; padding-top: 0; }
table td.attributeValue { margin-left: 2em; }
input {vertical-align: middle;}

p {margin-top: 7px; margin-bottom: 7px; line-height: 15px;}

/* layout */
#body-container {width: 100%; text-align: center; }
#main-container-outer {display: block; width: 928px; min-height: 500px; overflow-x: hidden; text-align: left; margin-left: auto; margin-right: auto; margin-top: 8px; background: url('../images/cst/layout/main-container-bck.gif') left top no-repeat #ffffff;}
#main-container-inner {padding: 0px 10px 0px 10px ;}

#logo {position: relative;}
#logo a, #logo a:active, #logo a:visited, #logo a:hover {position: absolute; top: 5px; left: 15px; width: 200px; height: 75px;}

#footer {color: #666666; display: block; width: 900px; height: 50px; font-size: 10px; text-align: left; margin-left: auto; margin-right: auto; background: url('../images/cst/layout/footer-bck.gif') left top no-repeat; clear: both; padding-top: 7px; clear: both;}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {color: #666666;}
#footer .left, #footer .right {padding: 10px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

#content {clear: both; display: block; width: 908px;}

#content-inner {display: block; float: right; width: 625px; overflow-x: hidden;}
#content-inner .header-01 {margin: 7px;}

#sidebar {display: block; float: left; width: 280px; overflow-x: hidden;}
#sidebar .header-01 {margin: 7px;}

#sidebar ul  {margin: 0px; padding: 0px; list-style-type:none; font-size: 11px;}
#sidebar ul li {margin: 0px; padding: 0px; line-height: 25px;}
#sidebar ul li {margin-left: 35px;}
#sidebar ul li ul li {margin-left: 10px !important;}
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited, #sidebar ul li a:hover {margin-left: 0px; font-weight: normal; color: #000000;}
#sidebar ul li ul li a, #sidebar ul li ul li  a:active, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:hover {margin-left: 10px; font-weight: normal; color: #000000;}
#sidebar ul li a.active, #sidebar ul li a.active:active, #sidebar ul li a.active:visited, #sidebar ul li a.active:hover {margin-left: 0px; font-weight: normal; color: #000000; background: url('../images/cst/layout/li-01-bck.gif') left 50% no-repeat; padding-left: 10px;}
#sidebar ul li.active a { text-decoration: underline; }
#sidebar ul li.active ul li a { text-decoration: none; }
#sidebar ul li.active ul li.active a { text-decoration: underline; }

.sidebar-parent-item, .sidebar-parent-item:active, .sidebar-parent-item:visited, .sidebar-parent-item:hover {font-weight: bold !important;}

/* menu nejvyssi urovne */

#topbar {display: block; margin-left: 300px; height: 100px;}
#topbar h1 {display: none;}
#topbar ul  {margin: 0px; padding: 0px; list-style-type:none;}
#topbar ul li { float:left; margin: 0px; padding:0px; height: 45px;}
	
#topbar ul li a, #topbar ul li a:active, #topbar ul li a:visited, #topbar ul li a:hover { color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: center; line-height: 35px; height: 45px; width: 137px; display: block; text-decoration: none; background: url('../images/cst/layout/topbar-menu-item-nonactive.gif') left top no-repeat;}
#topbar ul li a:hover {background: url('../images/cst/layout/topbar-menu-item-active-anim.gif') left top no-repeat;} 
	
/* prvky informacniho obsahu */	
	
.banner-01 {padding: 4px;}	

.header-01 {display: block; clear: both; height: 45px; line-height: 45px; min-width: 50px; background: url('../images/cst/layout/header-01-left-bck.gif') left 50% no-repeat;}
.header-01 h2 {display: block; margin: 0px; padding: 0px; color: #ffffff; font-size: 12px; text-transform: uppercase; height: 45px; line-height: 45px; padding-left: 25px; padding-right: 15px; background: url('../images/cst/layout/header-01-right-bck.gif') right 50% no-repeat;}
.header-01 h2 a, .header-01 h2 a:active, .header-01 h2 a:visited, .header-01 h2 a:hover {color: #ffffff;}

.header-02 {color: #2763bd; border-bottom: 1px solid #2763bd; margin: 15px 7px 7px 7px; clear: both;}


.photo-overlay-01-outer {position: relative; display: block; height: 165px; width: 165px; overflow: hidden; float: left;}
.photo-overlay-01-inner {display: block; position: absolute; top: 0px; left: 0px; height: 165px; width: 165px; overflow: hidden; background: url('../images/cst/layout/photo-overlay-01.gif') left top no-repeat;}

.phone {white-space: nowrap;}

/* boxy */	

.box-01 {display: block; width: 355px; min-height: 230px; _height: 230px; overflow-x: hidden; float: left; font-size: 11px;}
.box-01 .header-01 {margin: 7px;}
.box-01 .photo-overlay-01-outer {margin: 7px;}
.box-01 h3 {color: #db6313; margin: 15px 7px 7px 7px;}
.box-01 h4 {color: #000000; margin: 15px 7px 0px 12px; font-size: 11px;}
.box-01 p {margin: 0px 7px 7px 12px;}
.box-01 h3 a, .box-01 h3 a:active, .box-01 h3 a:visited, .box-01 h3 a:hover {color: #db6313;}
.box-01 ul {margin: -7px 5px 2px 15px; padding: 0px; list-style-type:none;}
.box-01 ul li {background: url('../images/cst/layout/li-01-bck.gif') left 50% no-repeat; padding-left: 10px;}

.box-02 {display: block; width: 175px; min-height: 230px; _height: 230px; overflow-x: hidden; font-size: 11px;}
.box-02 .header-01 {margin: 7px;}
.box-02 ul {margin: 15px 7px 7px 20px; padding: 0px; list-style-type:none;}
.box-02 ul li {background: url('../images/cst/layout/li-01-bck.gif') left 50% no-repeat; padding-left: 10px;}




/* vypis produktu */	
.product-thumbnail {display: block; overflow: hidden; width: 125px; height: 175px; float: left;}
.product-thumbnail img {margin: 7px 5px 5px 7px;}
.product-thumbnail img, .product-thumbnail a img, .product-thumbnail a:active img, .product-thumbnail a:visited img, .product-thumbnail a:hover img {border: 1px solid #de651e;}
.product-thumbnail h3 {color: #dd6214; margin: 5px 5px 5px 7px; font-size: 14px;}
.product-thumbnail h3 a, .product-thumbnail h3 a:active, .product-thumbnail h3 a:visited, .product-thumbnail h3:hover {color: #dd6214; font-size: 14px;}
.product-thumbnail p {margin: 5px 5px 5px 7px; padding: 0px; font-size: 11px;}
.product-thumbnail p strong {font-size: 12px;}

/* detail produktu */

.product-detail-imagery {display: block; float: left; width: 265px; min-height: 250px; overflow-x: hidden;}
.product-detail-imagery img {border: 1px solid #dd6214; margin: 10px;}
.product-detail-specification {display: block; float: right; width: 340px; min-height: 250px; overflow-x: hidden;}
.product-detail-specification h3 {color: #dd6214; font-weight: bold; font-size: 20px;}


/* mapa CR + SR */
#reseller-map {display: block; width: 367px; height: 200px; overflow: hidden; background: url('../images/cst/map/cr-sr-map.gif') left top no-repeat;}
#reseller-map-bck {display: block; margin:20px; float: left; background: url('../images/cst/map/cr-sr-map-bck.gif') left top no-repeat;}

#prodejci-title { color: #db6313; }