/* vseobecne prvky */

body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; font-size: 11px; background-color: #000000; color: #ffffff;}
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; border-collapse: collapse;}
table th {text-align: left; font-size: 11px; padding: 5px; background: url('../img/header-04-bck.gif') left 50% repeat-x; color: #ffffff;}
table td {font-size: 11px; padding: 5px; background: url('../img/table-delimiter-bck.gif') left bottom repeat-x; color: #000000;}
input {vertical-align: middle;}

table.reseller-table {border-collapse: collapse; }
table.reseller-table th {background: url('../img/header-04-bck.gif') }

.product-detail-specification table {width: 95%;}

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

/* layout */
#body-container {width: 100%; text-align: center; }
#main-container {display: block; width: 960px; text-align: left; margin-left: auto; margin-right: auto;}

#topbar {display: block; width: 960px; height: 47px; background: url('../img/topbar-bck.gif') left top no-repeat; }
#content {display: block; width: 710px; overflow-x:hidden;}
#sidebar {display: block; width: 250px; float: left; overflow-x:hidden; }

.content-secondlevel {float: right; background: url('../img/content-bck.gif') left bottom no-repeat #f5f5f5; margin-top: 8px; color: #000000; min-height: 435px; }
.content-homepage {float: left;}

#content h2 {color: #ffffff; margin: 0px; padding: 0px; clear: both; font-size: 12px;  background: url('../img/header-03-bck.gif') left bottom no-repeat; padding-left: 7px; line-height: 32px; height: 32px; display: block;}
#content h2 a, #content h2 a:visited, #content h2 a:active, #content h2 a:hover {color: #ffffff;}
#content h3 {color: #ff4f00; font-size: 20px; margin: 7px;}
#content p {margin: 7px;}

#footer {color: #303030; border-top: 1px solid #4f4f4f; margin-top: 7px; padding-top: 7px; clear: both; line-height: 16px;}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {color: #303030;}
#footer .light, #footer .light a, #footer .light a:active, #footer .light a:visited, #footer .light a:hover {color: #707070;}
#footer .right {color: #ffffff;}
#footer .right a, #footer .right a:active, #footer .right a:visited, #footer .right a:hover {color: #ff6700;}

.left {float: left;}
.right {float: right;}
/*.clear {clear: both;}*/
div.clear { width: 1px; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* menu nejvyssi urovne */
#topbar h1 {display: none;}
#topbar ul  {color: #293333; margin: 0px; padding: 0px; margin-left: 255px; list-style-type:none;}
#topbar ul li { float:left; margin: 0px; padding:0px; height: 32px;}
	
.parent-item, .parent-item:active, .parent-item:visited, .parent-item:hover { color: #ffffff; font-size: 12px; text-align: center; line-height: 32px; height: 32px; width: 90px; display: block; text-decoration: none; background: url('../img/topbar-menu-nonactive-bck.gif') left top no-repeat;}
.parent-item:hover {background: url('../img/topbar-menu-active-bck.gif') left top no-repeat;} 
	
#topbar ul ul {
	position:absolute;
	visibility:hidden;
	margin: 0px; padding: 0px; 
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	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: url('../img/topbar-menu-active-bck.gif') left top no-repeat; }
#topbar ul li:hover ul li , #topbar ul li.hover ul li  { background-color: #ffffff; height: 20px;}
#topbar ul li:hover a , #topbar ul li.hover a { color: #ffffff; }
#topbar ul li ul li a, #topbar ul li ul li a:active, #topbar ul li ul li a:visited, #topbar ul li ul li a:hover {display: block; text-decoration: none; background: url('../img/topbar-menu-item-nonactive-bck.gif') 10px bottom no-repeat !important;  color: #000000 !important; height: 20px; line-height: 20px; padding-left: 15px; padding-right: 15px;}
#topbar ul li ul li a:hover { background-color: #ff5200 !important; color: #ffffff !important;}
#topbar ul li li {float:none; border:none; padding:0; margin: 0; %width: 200px; min-width: 200px; }
#topbar ul li {behavior: url(hover.htc);}




/* prvky obsahu */

.box-01 {display: block; width: 247px; min-height: 323px; overflow-x: hidden; background: url('../img/box-01-bck.gif') left bottom no-repeat; color: #000000;}
.box-01 h2 {color: #ffffff; margin: 0px; padding: 0px; clear: both; font-size: 12px;  background: url('../img/header-01-bck.gif') left bottom no-repeat; padding-left: 7px; line-height: 32px; height: 32px; display: block;}
.box-01 h2 a, .box-01 h2 a:visited, .box-01 h2 a:active, .box-01 h2 a:hover {color: #ffffff;}
.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 {background: url('../img/box-01-li-bck.gif') left 50% no-repeat; padding-left: 15px;}

.box-02 {display: block; width: 247px; min-height: 135px; overflow-x: hidden; background: url('../img/box-02-bck.gif') left top no-repeat #000000; color: #ffffff;}
.box-02 ul {margin: 7px; padding: 0px; list-style-type:none;}
.box-02 ul li {line-height: 15px;}
.box-02 a, .box-02 a:visited, .box-02 a:active, .box-02 a:hover {color: #ff6700; text-align: center;}

.box-03 {display: block; width: 247px; min-height: 400px; overflow-x: hidden; padding-bottom: 20px;}
.box-03 h2 {color: #ffffff; margin: 0px 0px 15px 0px;; padding: 0px; clear: both; font-size: 12px; text-align: center; background: url('../img/header-02-bck.gif') 50% 50% no-repeat; line-height: 48px; height: 48px; display: block;}
.box-03 ul {color: #ffffff; margin: 0px; padding: 0px; list-style-type:none;}
.box-03 ul li {margin: 0px; padding: 0px; line-height: 23px; text-align: center;}
.box-03 ul li ul li a, .box-03 ul li ul l a:visited, .box-03 ul li ul li a:active, .box-03 ul li ul li a:hover {color: #ff6700 !important; text-align: center;}

.sidebar-parent-item {padding-left: 8px; }
.sidebar-parent-item, .sidebar-parent-item:active, .sidebar-parent-item:visited, .sidebar-parent-item:hover { color: #ffffff; font-size: 12px; text-align: center; line-height: 23px; height: 23px; width: 230px; overflow: hidden; display: block; text-decoration: none; background: url('../img/sidebar-menu-parent-item-nonactive.gif') 50% top no-repeat;}
.sidebar-parent-item:hover {background: url('../img/sidebar-menu-parent-item-active.gif') 50% top no-repeat; color: #ffffff;} 
.display-none {display: none;}	

.product-thumbnail {display: block; overflow: hidden; width: 140px; height: 175px; float: left;}
.product-thumbnail img {margin: 10px 5px 5px 10px;}
.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 #6f6f6f;}
.product-thumbnail h3 {color: #ff4f00; margin: 5px 5px 5px 10px; font-size: 12px; padding-left: 10px; background: url('../img/product-thumbnail-link-bck.gif') left 50% no-repeat;}
.product-thumbnail h3 a, .product-thumbnail h3 a:active, .product-thumbnail h3 a:visited, .product-thumbnail h3:hover {color: #ff4f00; font-size: 12px;}
.product-thumbnail p {margin: 5px 5px 5px 20px; padding: 0px;}
.banner-01 {padding: 0px 7px 7px 0px; }

.product-detail-image {display: block; float: left; width: 280px; overflow-x: hidden; }
.product-detail-photo {border: 1px solid #6f6f6f; margin: 15px;}
.product-detail-symbol {margin: 7px 0px 7px 14px;}
.product-detail-specification {display: block; float: right; width: 425px; overflow-x: hidden; padding-top: 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; margin:20px; float: left; background: url('../map/cr-sr-map-bck.gif') left top no-repeat;}

/* ArticleView */
.article-view {padding: 10px}