body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; font-size: 11px; background: url('../img/body-pattern-bck.gif') left top #121212; color: #000000;}
a, a:active, a:visited {color: #000000; text-decoration: none;}
a:hover {text-decoration: underline;}
a img, a:active img, a:visited img, a:hover img {border: none; }

h1 {font-size: 14px;}
h2 {font-size: 0px;}
h3 {font-size: 10px; color: #505050;}
h4, h5,h6 {font-size: 10px; font-weight: normal;}

table th {text-align: left; font-size: 10px; padding: 3px;}
table td {font-size: 10px; padding: 3px;}
input {vertical-align: middle;}

table td, table th {background: url('../img/table-delimiter-bck.gif') left bottom repeat-x;}

/* layout */

#body-container-outer {width: 100%; text-align: center; display: block; background: url('../img/body-pattern-center-bck.gif') 50% 320px repeat-y;}
#body-container-inner {width: 100%; display: block; border-top: 1px solid #000000; background: url('../img/body-top-center-bck.gif') 50% top no-repeat;} 
#main-container {display: block; width: 961px; margin-top: 15px; text-align: left; margin-left: auto; margin-right: auto;}

#main-container h1 {display: none;}

#content {display: block; width: 961px; }
#content.homepage {background: url('../img/content-homepage-bck.gif') left bottom no-repeat #ece9e9;}
#content.secondlevel {background: url('../img/content-secondlevel-bck.gif') left top repeat-y #ffffff;}
#content-main-outer {display: block; width: 760px; overflow-x: hidden;}
#content-main-inner {padding: 5px; }




/* toolbar */

#toolbar {display: block; height: 25px; width: 100%; background-color: #ffffff; %background-color: none; margin-top: 1px; %margin-top: 0px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#toolbar img {border: none; vertical-align: middle; padding: 2px;}

#toolbar a:hover {background: url('../img/ico-active-bck.gif') left bottom no-repeat;}


/* menu nejvyssi urovne */

#topbar {border-bottom: 1px solid #ffffff; margin-left: 198px; margin-top: -25px; display: block; height: 25px;}
#topbar ul {margin: 0px; padding: 0px;}
#topbar ul  {color:#000000; padding:0; margin:0; list-style-type:none;}
#topbar ul li { float:left; padding:0px; height: 23px; _width:126px;}
	
.parent-item { color: #000000; font-size: 11px; line-height: 23px; height: 23px; width: 126px; display: block; text-decoration: none; text-align: center; border-left: 1px solid #000000; background: url('../img/topbar-menu-nonactive-bck.gif') left bottom #f5f5f5 repeat-x;}
.parent-item:hover  {background-image: url('../img/topbar-menu-active-bck.gif'); text-decoration: none;}
	
#topbar ul ul {
	position:absolute;
	visibility:hidden;
	margin: 0px; padding: 10px; 
	line-height: 23px;
	background-color: #ffffff;
	white-space:nowrap;
	opacity: 0.9;
	-moz-opacity: 0.9;	
	-khtml-opacity: 0.9; 
	/*	filter: alpha(opacity=90);*/	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	}
	
#topbar ul li:hover ul, #topbar ul li.hover ul { visibility:visible; }
#topbar ul li:hover .parent-item , #topbar ul li.hover .parent-item  {background-image: url('../img/topbar-menu-active-bck.gif') !important;}
#topbar ul li ul li a {text-decoration: none;}
#topbar ul li ul li a:hover {text-decoration: underline;}
#topbar ul li li {float:none; border:none; padding:0;}
#topbar ul li {behavior: url(hover.htc);}



/* sidebar */

#sidebar, .sidebar {display: block; width: 198px; overflow-x:hidden; float: left;}
#sidebar ul {color:#000000; padding:0; margin:0; list-style-type:none;}
#sidebar ul li {padding-left: 5px; background: url('../img/sidebar-menu-item-bck.gif') left bottom repeat-x #fbfbfb; line-height: 19px;}
#sidebar ul li ul li {padding-left: 10px; background: url('../img/empty.gif') left bottom repeat-x; line-height: 19px;}
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited, #sidebar ul li a:hover  { line-height: 16px; padding-left: 10px; background: url('../img/folder-open.gif') 0px 50% no-repeat;}
#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  {background-image: url('../img/empty.gif');}
#sidebar ul li ul li a.active, #sidebar ul li ul li a.active:visited, #sidebar ul li ul li a.active:active, #sidebar ul li ul li a.active:hover {font-weight: bold; background-image: url('../img/folder-close.gif') !important;}
#sidebar ul li a.active, #sidebar ul li a.active:visited, #sidebar ul li a.active:active, #sidebar ul li a.active:hover {background-image: url('../img/folder-close.gif') !important;}

/* clanek */
.article {padding: 10px;}
.article h1 {font-size: 18px;}
.article h2 {font-size: 16px;}
.article h3 {font-size: 14px;}
.article h4, .article h5, .article h6 {font-size: 14px; font-weight: normal;}

/* boxy */

.box-01 {display: block; width: 190px; margin-top: 4px; float: left;}
.box-01 h2 {margin: 0px; padding: 0px; padding-left: 15px; font-size: 10px; color: #ffffff; font-weight: normal; vertical-align: middle; line-height: 29px; height: 29px; background: url('../img/box-01-header.gif') 5px top no-repeat;}
.box-01 p {margin: 0px; padding: 7px; padding-left: 15px; padding-right: 15px; font-size: 10px; color: #000000;}
.box-01 ul {margin: 0px; padding-right: 15px; text-align: right; list-style: none;}

.box-02 {display: block; width: 190px; height: 190px; margin-bottom: 10px; float: left; background: url('../img/box-02-bck.gif') 50% 50% no-repeat;}
.box-03 {display: block; width: 380px; height: 190px; margin-bottom: 10px; float: left; background: url('../img/box-03-bck.gif') 50% 50% no-repeat;}
.box-02 img, .box-02 object, .box-03 img, .box-03 object  {padding: 10px;}

.product-column-outer {display: block; margin: 0px; padding: 0px; width: 250px; overflow-x:hidden; margin-bottom: 10px; float: left; }
.product-column-inner {display: block; width: 243px; overflow-x:hidden; margin-top: 7px; min-height: 230px; height:auto; _height: 230px; padding-bottom: 10px; background: url('../img/product-column-bck.gif') left top repeat-y; border-bottom: 1px solid #d5d5d5;}
.product-column-inner h2 {margin: 0px; padding: 5px; font-size: 10px;}
.product-column-inner p {margin: 0px; padding: 5px;}
.product-column-inner ul {margin: 0px; padding: 0px; list-style-type:none;}
.product-column-inner ul li a, .product-column-inner ul li a:active, .product-column-inner ul li a:visited  { line-height: 16px; padding-left: 20px; background: url('../img/product-column-item-nonactive-bck.gif') 5px 50% no-repeat;}
.product-column-inner ul li a:hover {line-height: 16px; padding-left: 20px; background: url('../img/product-column-item-active-bck.gif') 5px 50% no-repeat;}

.homepage-advert {border-bottom: 1px solid #fff402; margin-bottom: 5px;}

.clear {clear: both; }

/* detail produktu */

.product-detail-image {display: block; text-align: right; width: 370px; float: left; min-height: 275px; height:auto; _height: 370px;}
.product-detail-image img {padding-right: 10px;}
.product-detail-text {display: block; margin-left: 370px;}
.product-detail-text h2 {margin: 0px; padding: 0px; padding-left: 10px; font-size: 12px; color: #ffffff; font-weight: normal; vertical-align: middle; line-height: 25px; height: 25px; background: url('../img/product-detail-header-bck.gif') left top no-repeat;}
.product-detail-text h2 strong {color: #fff400}
.product-detail-text p {padding-left: 10px; padding-right: 10px;}

.price-cz {font-size: 22px; font-weight: bold;}
.price-sk {font-size: 14px; font-weight: bold;}
	
.specification-tabs { display: block; clear: both; height: 21px; margin: 0px; margin-left: 10px; margin-right: 10px; margin-top: 10px;background: url('../img/specification-tabs-bck.gif') right bottom repeat-x #ffffff;}
.specification-tabs ul {margin: 0px; padding: 0px; list-style-type:none;  }
.specification-tabs ul li {display: inline;}
.specification-tabs ul li a, .specification-tabs ul li a:active, .specification-tabs ul li a:visited {display: block; float: left; width: 20%; margin-right: -1px; line-height: 19px; height: 20px; text-align: center; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; background: url('../img/specification-tabs-item-nonactive-bck.gif') right bottom no-repeat #cccccc;}
.specification-tabs ul li a.active, .specification-tabs ul li a.active:visited, .specification-tabs ul li a.active:active, .specification-tabs ul li a.active:hover  {background-color: #f1f1f1; border-bottom: 1px solid #f1f1f1; font-weight: normal; background: url('../img/specification-tabs-item-active-bck.gif') right bottom no-repeat #cccccc !important; text-decoration: none;}

.specification-box {display: block; margin: 10px; padding:7px; margin-top: 0px; background: url('../img/table-tbody-bck.gif') left top repeat-x; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}


.product-detail-toolbar-print {display: block;  width: 173px; %width: 160px; padding-left: 13px; height: 24px; float: left; overflow: hidden; line-height: 24px; text-align: center; background: url('../img/product-detail-toolbar-print-bck.gif') left top no-repeat; margin-bottom: 7px;}
.product-detail-toolbar-print:hover {text-decoration: none; color: #505050;}
.product-detail-toolbar-reccommend {display: block; width: 173px; %width: 160px; padding-left: 13px; height: 24px; float: left; overflow: hidden; line-height: 24px; text-align: center; background: url('../img/product-detail-toolbar-reccommend-bck.gif') left top no-repeat; margin-bottom: 7px;}
.product-detail-toolbar-reccommend:hover {text-decoration: none; color: #505050;}
.product-detail-toolbar-addtocompare {display: block; width: 173px; %width: 160px; padding-left: 13px; height: 24px; float: left; overflow: hidden; line-height: 24px; text-align: center; background: url('../img/product-detail-toolbar-addtocompare-bck.gif') left top no-repeat; margin-bottom: 7px;}
.product-detail-toolbar-addtocompare:hover {text-decoration: none; color: #505050;}
.product-detail-toolbar-opencompare {display: block; width: 173px; %width: 160px; padding-left: 13px; height: 24px; float: left; overflow: hidden; line-height: 24px; text-align: center; background: url('../img/product-detail-toolbar-opencompare-bck.gif') left top no-repeat; margin-bottom: 7px;}
.product-detail-toolbar-opencompare:hover {text-decoration: none; color: #505050;}

.non-active, .non-active:hover {color: #808080 !important;}


.product-button-zoom {display: block; height: 25px; margin-top: -25px; clear: both; margin-right: 10px; margin-left: 10px; text-align: left; background: url('../img/product-button-zoom-bck.gif') right bottom repeat-x;}
.product-detail-image-thumbnails {display: block; height: 60px; clear: both; margin-right: 15px; text-align: right;}
.product-detail-image-thumbnails a, .product-detail-image-thumbnails a:active, .product-detail-image-thumbnails a:visited, .product-detail-image-thumbnails a:hover {border: 1px solid #d5d5d5; width: 55px; height: 55px; margin-top: 5px; margin-left: 5px; overflow: hidden; display: block; float: right; } 

.technology-in-specification-box td {width: 185px; vertical-align: top;}
.technology-in-specification-box th {text-align: left; margin: 0px;}
.technology-in-specification-box td img { margin: 0px;}
.technology-in-specification-box td p { padding: 5px 10px 5px 0px;}


/* porovnání produktu */
.compare-table-image, .clean-td {background-image: url('../img/empty.gif');}
.compare-table-image img {border: 1px solid #cccccc;;}

.button-remove-from-compare {display: block;  width: 198px; height: 25px; float: left; overflow: hidden; line-height: 25px; text-align: center; background: url('../img/button-remove-from-compare-bck.gif') left top no-repeat; margin-bottom: 7px;}
.button-remove-from-compare:hover {text-decoration: none; color: #505050; background-image: url('../img/button-remove-from-compare-hover-bck.gif');}

/* 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; width: 367px; overflow: hidden; margin-top:35px; float: left; background: url('../map/cr-sr-map-bck.gif') left top no-repeat;}


/* paticka */
#footer-container {width: 100%; text-align: center; display: block;}
#footer-outer {display: block;  width: 985px; text-align: left; margin-left: auto; clear: both; margin-right: auto; background: url('../img/footer-bck.gif') 50% top no-repeat;}
#footer-outer.homepage {background: url('../img/footer-bck.gif') 50% -24px no-repeat;}
#footer-inner {padding: 25px; padding-top: 45px; text-align: right; color: #666666; font-size: 9px; line-height: 15px;}
.homepage #footer-inner {padding-top: 19px;}
#footer-inner a, #footer-inner a:active, #footer-inner a:visited {color: #666666; text-decoration: none;}
#footer-inner a:hover {color: #888888; text-decoration: none;}
#copyright {display: block; float: left; width: 300px; text-align: left;}