/* vseobecne prvky */

body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; background: url('../img/body-bck.jpg') center -25px no-repeat #eaeaea; font-size: 11px; color: #000000;}
a, a:active, a:visited {color: #666666; 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: 14px;  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;  clear: both;  }
table th {text-align: left; font-size: 11px; padding: 5px; border-bottom: 1px solid #fbbe2b; color: #000000;}
table td {font-size: 11px; padding: 5px; border-bottom: 1px solid #cbcbcb; color: #000000;}
input {vertical-align: middle;}

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

/* layout */
#body-container {width: 100%; text-align: center; }
#main-container {display: block; width: 962px; overflow-x: hidden; text-align: left; margin-left: auto; margin-right: auto; border-top: 15px solid #fbbe2b;}

#footer {color: #afb0af; border-top: 1px solid #fbbe2b; margin-top: 7px; padding-top: 7px; clear: both;}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {color: #afb0af;}
#footer .right {color: #fbbe2b; text-align: right;}

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


/* menu nejvyssi urovne */

#topbar {display: block; width: 962px; height: 75px; overflow: hidden; background: url('../img/topbar-bck.gif') left 25px repeat-x;}
#topbar img {clear: both;}
#topbar h1 {display: none;}
#topbar ul  {color: #616161; margin: 0px; padding: 0px; list-style-type:none;}
#topbar ul li {margin: 0px; padding:0px; position: relative; display: inline; white-space: nowrap; padding: 7px 15px 7px 0px; line-height: 30px;}
#topbar ul ul {position: absolute; top: 27px; left: 0px; display: none; background-color: #979797; margin: 0px; padding: 0px 0px 0px 7px; list-style-type:none;}
#topbar ul ul li {display: inline; line-height: 30px; margin: 0px; padding: 0px; background-color: #979797; color: #ffffff;}
#topbar ul ul li a, #topbar ul ul li a:active, #topbar ul ul li a:visited, #topbar ul ul li a:hover {padding: 5px 15px 5px 15px; margin: 0px; font-size: 11px; line-height: 30px; color: #ffffff; }
#topbar ul ul li a:hover {color: #fbbe2b; text-decoration: none}


.parent-item, .parent-item:active, .parent-item:visited, .parent-item:hover {font-weight: bold; color: #616161; text-decoration: none; }
.parent-item:hover { color: #979797;}


#topbar .right ul {margin: 0px; padding: 0px; list-style-type:none;}
#topbar .right ul li {margin: 0px; padding:0px; display: inline; padding: 7px 0px 7px 30px; line-height: 30px; text-align: right; }


/* sidebar */
#sidebar {display: block; width: 230px; float: left;}
#sidebar ul  {margin: 0px; padding: 0px; list-style-type:none;}
#sidebar ul li {margin: 0px; padding: 0px; line-height: 20px;}
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited, #sidebar ul li a:hover {margin-left: 20px; font-weight: normal; color: #616161;}
#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: 35px; font-weight: bold; color: #000000;}

.sidebar-parent-item {text-transform: uppercase;}
.active-submenu, .active-submenu:visited, .active-submenu:active {color: #fbbe2b !important;}

#content {clear: both;}
#content a, #content a:active, #content a:visited, #content a:hover {color: #ab0010;}

#content-inner {display: block; width: 700px; overflow-x: hidden; font-size: 12px;}
#content-inner h3 {color: #ab0010; font-weight: bold; font-size: 20px;}
#content-inner p {font-size: 12px;}
.reseller {float: right;}
.reseller p {margin-right: 15px;}

.secondlevel {background-color: #ffffff;}
.banner-standard-padding {padding: 20px 5px 5px 0px;}

.price-cz {font-weight: bold; font-size: 14px;}
.price-sk {font-size: 10px; color: #616161;}

.header-01 {margin: 0px; padding: 0px; margin-left: 0px; font-size: 50px; text-transform: lowercase; font-family:  Impact, "Arial Black", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; font-style: italic; color: #e5e5e5;}
.header-03 {color: #000000 !important; margin: 0px; padding: 0px; float: right; width: 270px; clear: both; font-size: 11px !important; font-weight: normal; display: block; background: url('../img/header-02-bck.gif') right bottom no-repeat #ffcf50; padding-left: 7px; line-height: 15px; height: 15px;}

/* boxy */

.box-01 {display: block; width: 233px; min-height: 141px; _height: 141px; margin-top: 20px; float: right; overflow-x: hidden; background: url('../img/box-01-bck.gif') right bottom no-repeat #ffffff; color: #000000;}
.box-01 h2 {color: #000000; margin: 0px; padding: 0px; clear: both; font-size: 11px;  background: url('../img/header-02-bck.gif') right bottom no-repeat #ffcf50; padding-left: 7px; line-height: 15px; height: 15px; display: block;}
.box-01 h2 a, .box-01 h2 a:visited, .box-01 h2 a:active, .box-01 h2 a:hover {color: #000000;}
.box-01 h3 {font-size: 11px; color: #000000; margin: 0px; padding: 5px 7px 2px 7px;}
.box-01 p {margin: 0px 7px 3px 7px; }
.box-01 ul {margin: 0px 5px 2px 155px; padding: 0px; list-style-type:none;}
.box-01 ul li {padding-left: 15px;}

.box-02 {display: block; float: right; background: url('../img/box-02-bck.gif') right bottom no-repeat #ffffff; min-height: 250px; _height: 250px;}

/* vypis produktu */

.product-thumbnail {display: block; width: 235px; height: 225px; overflow: hidden; float: left;}
.product-thumbnail h3 {color: #ab0010; margin-left: 7px; font-weight: bold; font-size: 14px;}
.product-thumbnail p {margin-left: 7px;}
.product-thumbnail ul {margin: 0px; padding: 0px; margin-left: 7px; list-style-type:none;}
.product-thumbnail ul li {margin: 0px; padding:0px; padding-right: 15px; margin-right: 10px; text-align: right; font-weight: bold; background: url('../img/product-thumbnail-link-bck.gif') right 50% no-repeat #ffffff;}

/* nalepky */

.sticker-outer {position: relative;}
.sticker-inner {position: absolute; top: 0px; left: 160px; width: 65px; height: 65px;}

/* strankovani */

.pagination-box {clear: both; font-weight: bold; display: block; width: 962px; height: 26px; overflow: hidden; line-height: 26px; color: #ab0010; background: url('../img/pagination-box-bck.gif') left top no-repeat #ffffff; text-align: right;}
.pagination-box-button-next {padding-right: 15px;  margin-right: 10px; text-align: right; font-weight: bold; background: url('../img/pagination-box-button-next-bck.gif') right 50% no-repeat;}
.pagination-box a, .pagination-box a:active, .pagination-box a:visited, .pagination-box a:hover {color: #4a4a4a !important; padding-right: 15px;}

/* informacni clanky */
.article {padding: 10px;}

/* detail produktu */

.product-detail-imagery {display: block; float: left; width: 525px; min-height: 500px; overflow-x: hidden;}
.product-detail-imagery .sticker-outer .sticker-inner {left: 420px; width: 120px; height: 120px;}

.product-detail-specification {display: block; float: right; width: 390px; min-height: 500px; overflow-x: hidden;}
.product-detail-specification h3 {color: #ab0010; font-weight: bold; font-size: 20px;}
.product-detail-specification .price-sk {font-size: 12px;}
.product-detail-specification .price-sk strong {font-size: 16px; }
.product-detail-specification .price-cz {font-size: 16px;}

.product-detail-specification-brief {font-size: 12px; padding: 15px; min-height: 200px; background: url('../img/product-detail-specification-bck.gif') right bottom no-repeat;}
.product-detail-specification-brief p {font-size: 12px;}
.product-detail-specification-additional-info {padding: 15px; font-size: 12px;}
.product-detail-specification-additional-info p {font-size: 12px;}

.product-detail-imagery-gallery {display: block; float: left; width: 230px; min-height: 150px; overflow-x: hidden;}
.product-detail-imagery-gallery p {margin-left: 12px; clear: both; color: #9c9c9c;}
.gallery-item {display: block; margin-left: 10px; height: 65px; float: left;}
.gallery-item a, .gallery-item a:active, .gallery-item a:hover, .gallery-item a:visited  {display: block; width: 88px; height: 56px; overflow: hidden; border: 1px solid #9c9c9c;}

.product-detail-imagery-technology {display: block; float: left; width: 230px; min-height: 150px; overflow-x: hidden;}
.product-detail-imagery-technology img {display: block; height: 40px; float: right; overflow: hidden;}

.technology-symbols-container {display: block; clear: both; width: 700px; overflow-x: hidden; border-top: 1px solid #fbbe2b;}
.technology-symbols-container img {display: block; height: 40px; float: left; overflow: hidden; margin: 5px;}

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