/* @@@@@@@@@@@@@@@@@@@@@@@@@@ globální definice objektů  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
Input, select, img {margin: 0px; padding: 0px;}
img {border: 0px solid}
form {margin: 0px; padding: 0px;}
a {color: black; padding: 0px; margin: 0px;}
a:hover {color: #484848; text-decoration: underline}
div {padding: 0px; margin: 0px; height:0px;}
html>body div {height: auto;}

html {height: 100%; *overflow:expression('hidden');}
body {height: 100%; padding: 0px; margin: 0px; font-family: verdana; font-size: 10px; color: #484848; background: white; }


h3, h1, h2, h4, h5 {padding: 0px; margin: 0px; font-size: 12px}

select {padding: 0px; margin: 0px; font-family: verdana; font-size: 10px; color: #484848; background: white;}

.clear {clear: both; font-size: 0px; border: none; height: 1px; margin-bottom:-1px;  position: relative}
.clear2 {clear: both; position: relative;}
.none {display: none; clear:both}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ layout  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


.containerBody { position: relative; font-size: 10px; min-width: 900px;  _width:expression(document.documentElement.clientWidth < 900? "903px": "auto" ); }
.body2 .containerBody_2 {margin-left: 216px; position: relative; padding: 0px 0px 0px 0px; }
.body1 .containerBody_2 {margin: 0px; position: relative; padding: 0px 0px 0px 0px;}

.containerBody_3 {clear: both; padding: 0px 0px 0px 0px; background: white; position: relative; margin-top: -1px;  z-index:1; height: auto; *height:expression(document.documentElement.clientHeight - 129 - (document.all.menu4?document.all.menu4.offsetHeight:0) + "px" ); ; overflow: auto; width:100%; *width:auto;
scrollbar-face-color: #FF0000;  scrollbar-3dlight-color: #FF6600 /*outer*/; scrollbar-track-color: #F4F4F4;  scrollbar-darkshadow-color: #FF6600 /*outer*/;  scrollbar-highlight-color: #FF0000/*inner*/;  scrollbar-shadow-color: #FF0000 /*inner*/;  scrollbar-arrow-color: black}
:root .containerBody_3 {margin: 0px 0px 0px 0px; top: -1px;}

.containerBody_4 {border: solid 10px white; border-top: solid 12px white ; font-size:13px;color:#484848}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ header  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* použito jen na BusinessLinku*/

#containerHeader {background: #004385; color: white; height: 73px; min-width: 900px}

#containerHeader h1 {color:#004385;height: 22px; width: 235px; overflow: hidden; position: absolute; z-index:100; top: 18px; left: 20px; font-family: tahoma; font-size: 24px; font-weight: bold; }
#containerHeader .logo {height: 22px; width: 235px; position: absolute; z-index:150; top: 23px; left: 20px;}
#containerHeader .logo img {background: #004385;color:white}
#containerHeader .banner {height: 17px; text-align: center; padding: 6px 160px 0px 275px; }

#containerHeader .banner1 {width: 100%; height: 58px; position: absolute; top:0px; xbackground: yellow; xoverflow: hidden;}
#containerHeader .banner1 div {position: relative;  right: 0px; float: right; width:605px; min-width: 605px; xbackground: aqua; padding: 7px 20px 0px 275px; height: 53px; text-align: right}
html>body #containerHeader .banner1 div {float: none; width:auto; min-width: 605px; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ menu  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* použito jen na BusinessLinku*/

.menu {padding: 0px; margin:0px; position: relative; height: 25px; font-size: 10px; background: #004385; min-width: 900px; _width:expression(document.documentElement.clientWidth < 900? "903px": "auto" );  border-bottom: 1px solid #FFFFFF;}
.menu li {padding: 0px; margin:0px; color: Black; height: 24px; float: left; list-style-type: none; xborder-top: 1px solid #FFFFFF; xborder-right: 1px solid #FFFFFF; margin-bottom: -1px}
html>body .menu li {margin-bottom: 0px}
.menu li a {display: block; text-decoration: none; text-align:center; position: relative; width: 101px; line-height: 25px; height: 25px; background: #EEE url(../img/header/menu_li_bg.gif) top right no-repeat; margin-bottom: -1px; }
/*.menu li a {display: block; text-decoration: none; padding: 4px 20px 5px 20px; position: relative;  }*/
html>body .menu li a {margin-bottom: 0px}
.menu li a:hover {text-decoration: underline}
.menu li strong { border: 1px solid #FFFFFF; display: block; height: 25px; line-height: 24px; text-align:center; width: 101px; font-weight: bold; text-decoration: none; position: relative; background: #FF0000; margin-bottom: -1px; }
html>body .menu li strong {margin-bottom: 0px}

/*.menu .bg1 a {background: rgb(141, 179, 192)}
.menu .bg2 a {background: rgb(151, 189, 202)}
.menu .bg3 a {background: rgb(161, 199, 212)}
.menu .bg4 a {background: rgb(171, 209, 222)}
.menu .bg5 a {background: rgb(181, 219, 232)}
.menu .bg6 a {background: rgb(191, 229, 242)}
.menu .bg7 a {background: rgb(201, 239, 252)}*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ menu2  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* na EK hlavní menu, na BL menu sekce */

.cMenu2 {clear:both; position: relative; height: 17px; font-size: 9px; background: #FF0000; min-width: 900px; _width:expression(document.documentElement.clientWidth < 900? "903px": "auto" );  border-top: solid 1px #FF3300; border-bottom: 1px solid #FF6600;}

.menu2 {position: relative; padding: 0px; margin:0px; font-size: 9px; background: #FF0000; height: 17px}
.menu2 li {position: relative; float: left; list-style-type: none; height: 17px; border-right: 1px solid #FF3300;  }
.menu2 li a {color: black;display: block; text-decoration: none; padding: 2px 5px 3px 5px; position: relative; *margin-bottom: -1px; border-right: 1px solid #FF6600;}
.menu2 li a:hover {background: #CC0033; color: black;text-decoration: none}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ menu3  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* nastrojova lista s ikonami */

.cMenu3 {color:black;position: relative; height: 31px; font-size: 9px; background: #FF0000; min-width: 900px; _width:expression(document.documentElement.clientWidth < 900? "903px": "auto" );  border-top: solid 1px #FF3300; border-bottom: solid 1px #FF3300;}
.cMenu3 img,  .cMenu3 input, .cMenu3 select {vertical-align: middle;}
.cMenu3 .sep1 {height: 31px; width: 0px; border-left: solid 1px #FF3300; float: left; margin-left: -1px;}
.cMenu3 .sep2 {height: 31px; border-left: solid 1px #FF6600; border-right: solid 1px #FF3300; float: left}

.cMenu3 p {position: relative; float: left; height: 31px; padding: 0px 2px 0px 2px; margin: 0px; border-left: 1px solid #FF3300; border-right: 1px solid #FF6600;}
.cMenu3 .blockIcon {position: relative; margin-left: -1px;margin-right: 1px}
.cMenu3 .blockIcon a {float: left; padding: 2px 2px 2px 2px; position: relative; top: 1px; border: solid 1px #FF0000; }
html>body .cMenu3 .blockIcon a {float: none; padding: 8px 2px 7px 2px; top: 5px;}
:root .cMenu3 .blockIcon a {padding: 7px 2px 8px 2px;}

.cMenu3 .blockIcon a:hover {border-left: 1px solid #FF3300; border-top: 1px solid #FF3300; border-right: 1px solid #FF6600; border-bottom: 1px solid #FF6600;}
.cMenu3 .blockIcon a img {position: relative; top: 0px; background: #FF0000}

.cMenu3 div {position: relative; float: left;}

.cMenu3 .inputy {display: block; margin: 0px 0px 0px 0px ;width: 83px; height:13px; font-family: verdana; font-size: 9px; border-top: solid 1px #827F7A; border-left: solid 1px #827F7A; border-right: solid 1px #EFEDEA; border-bottom: solid 1px #EFEDEA;}
html>body .cMenu3 .inputy {margin: 1px 2px 0px 0px /* Opera + Mozilla */}
:root .cMenu3 .inputy {margin: 1px 0px 0px 0px /* Mozilla */}

.cMenu3 .checkbox {text-align: center; width:50px}

.cMenu3 .checkbox .inputy { margin: 1px 0px 0px 0px; border: none; width: 15px; height:15px; background: #FF0000;font-family: verdana; font-size: 9px; }
html>body .cMenu3 .checkbox .inputy {border: auto;  margin: 1px auto 0px auto; width: 13px; height:13px; font-family: verdana; font-size: 9px; background: #FFFFFF}
:root .cMenu3 .checkbox .inputy { width: 15px; height:15px;}

.cMenu3 .twoLines {padding: 0px 0px 0px 5px}
.cMenu3 .twoLines label {display: block; padding-top: 1px}

.search { top: 15px; margin: 0px 6px 0px 6px}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ menu4  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* nenizsi uroven menu; kontextove zavisla na obsahu stranky */

.body2 .menu4 {clear: both; position: relative;  font-size: 10px; background: white; border-top: 1px solid white; min-width: 684px; width:expression(document.body.clientWidth < 684? "687px": "auto" );}
.body1 .menu4 {clear: both; position: relative;  font-size: 10px; background: white; border-top: 1px solid white; min-width: 900px; width:expression(document.body.clientWidth < 900? "903px": "auto" );}

.xbody2 .menu4 {clear: both; position: relative;  font-size: 10px; background: white; border-top: 1px solid white; min-width: 684px; _width:expression(document.body.clientWidth < 684? "687px": "auto" );}
.xbody1 .menu4 {clear: both; position: relative;  font-size: 10px; background: white; border-top: 1px solid white; min-width: 900px; _width:expression(document.body.clientWidth < 900? "903px": "auto" );}

.menu4_1 {*height: 20px; background: #FF3333; margin-left: 113px;}
.menu4 ul {position: relative; padding: 0px; margin: 0px;  position: relative;  font-size: 10px; }
.menu4 li {_width:70px;min-width:70px; display:table; text-align:center;        position: relative; padding: 0px; margin: 0px; height: 19px; float: left; list-style-type: none; border-bottom: 1px solid white; border-right: 1px solid white; white-space:nowrap}
.menu4 li a {text-decoration: none; padding: 3px 10px 4px 10px; position: relative; display: block; background: #CC3300; text-decoration: none !important; margin-bottom: -1px; }
html>body .menu4 li a {margin-bottom: 0px; }
.menu4 li a:hover {text-decoration: underline; background: #FF6600; }
.menu4 strong {position: absolute; float: left; display: block; font-weight: bold; text-decoration: none; padding: 3px 20px 5px 20px; position: relative; color: #484848; background: white; margin-bottom: -1px; }
html>body .menu4 strong {margin-bottom: 0px; }
.menu4 strong img {top:0px; position: relative; }
.menu4 li.help {float:right; border-left: 1px solid white; border-right:none}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ .categories @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
/* definice leveho panelu (seznam kategorii) */

.containerBody .categories {position: absolute; width: 215px; z-index:100; background: #FBF4E5; left: 0px; border-right: solid 1px white; }
.containerBody .categoriesHead {height: 20px; background: #FF0000; font-size: 10px;}
.containerBody .categoriesHead div {font-size: 10px; float: left; border-top: solid 1px white; border-right: solid 1px white; background: #FBF4E5; height: 19px}
.containerBody .categoriesHead div a {background: #FF6600; padding: 3px 20px 4px 20px; position: relative; display: block; margin-bottom: -1px; text-decoration: none}
html>body .containerBody .categoriesHead div a {margin-bottom: 0px;}
.containerBody .categoriesHead div strong {padding: 3px 20px 4px 20px; font-weight: bold; position: relative; display: block; margin-bottom: -1px;}
html>body .containerBody .categoriesHead div strong {margin-bottom: 0px;}
.containerBody .categoriesHead strong strong {display:none;}

.containerBody .categories .all { clear: left; position: relative; height:auto; *height:expression(document.documentElement.clientHeight - 129 - document.all.categoriesHead.offsetHeight + "px" ); overflow: auto; scrollbar-face-color: #FF6600;  scrollbar-3dlight-color: #666666 /*outer*/; scrollbar-track-color: #FBF4E5;  scrollbar-darkshadow-color: #666666 /*outer*/;  scrollbar-highlight-color: #FF6600/*inner*/;  scrollbar-shadow-color: #FF6600 /*inner*/;  scrollbar-arrow-color: #666666}
.containerBody .categories ul {list-style-type: none; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; background: #FBF4E5; clear: both; border-top: solid 1px white; border-bottom: solid 1px #F1DBAB; height: 0px}
html>body .containerBody .categories ul {height: auto;}
.containerBody .categories ul li {list-style-type: none; position: relative; left:0px; display: block; padding: 0px 0px 0px 0px; background: #FBF4E5; }
.containerBody .categories ul li a {display: block; color: #666666; text-decoration: none; padding: 0px 0px 0px 5px; height: 0px}
html>body .containerBody .categories ul li a {height: auto;}
.containerBody .categories ul li a:hover {display: block; color: black; background: white; text-decoration: none}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ path  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* byva pod kontextovym menu  */

.cPath {clear: both}
.cPath h2 {font-size: 12px; float:left; background: url(../img/trojuhelnik.gif) no-repeat 0px 4px ; padding: 0px 0px 0px 8px; }

.path {padding: 0px; margin: 0px;font-size: 12px; list-style-type: none;float: left}
.path li {list-style-type: none; float:left; display: inline; background: url(../img/trojuhelnik.gif) no-repeat 0px 4px ; padding: 0px 0px 0px 8px; margin: 0px 4px 0px 0px}
html>body .path li {float:none;}
.path li a {color: #535353}
.path li a:hover {color: black}

#divCesta1 {padding-bottom:1em}
#divCesta2 {padding-top:1em;padding-bottom:1em;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ bookmarks  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* zalozky v detailu zbozi */

.cBookmarks {margin: 20px 54px 20px 54px; clear: both}
.bookmarks {padding: 0px; margin: 0px; position: relative; z-index: 10; xbackground: aqua; list-style-type: none; font-size: 12px; color: #484848; height: 17px; border-left : solid 1px #484848; }
.bookmarks li {padding: 0px; margin: 0px; float: left; list-style-type: none; border-top: solid 1px #484848; border-right : solid 1px #484848; color: #484848; }
.bookmarks a {background: #CC3300; color: black; display: block; text-decoration: none; padding: 1px 5px 1px 5px; border-bottom: solid 1px #484848;}
.bookmarks a:hover {color: black; background: #FF6600; text-decoration: none}
.bookmarks strong {display: block; padding: 1px 5px 1px 5px; position: relative; z-index: 10; background: white; border-bottom: solid 1px white;}
.cardFile {border: solid 1px #484848; text-align: center; padding: 20px; margin-top: -1px}
html>body .cardFile {margin-top: 0px}
.cardFile .justify {display: block; text-align: justify; margin: 10px 0px 0px 0px}
.cardFile .commodity {clear: both; margin: auto; }
.cardFile .popis { TEXT-ALIGN: left }
.cardFile TABLE { TEXT-ALIGN: left }

.cardFile .cf-bom {clear: both;}
.cardFile .cf-bom table {margin:10px auto;}
.cardFile .cf-related {margin:10px auto; clear:both}
.cardFile .cf-related h5 {margin:5px auto;}
.cardFile .ms-tagline {padding:10px auto; text-align:center; font-weight:bold}
.cardFile .ms-vista {padding:10px auto; text-align:left; font-size: 80%; width:100px; float:left;}
.cardFile .ms-vista img {margin-right: 10px;}
.cardFile .ms-vista p {margin: 5px;}
.cardFile .ms-vista p span.blue {color: blue; }



/* @@@@@@@@@@@@@@@@@@@@@@@@@@ souvisejici  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* seznam clanku - souvisejici informace ke zbozi nebo vysledky hledani v clancich */

.cSouvisejici {color: #FF9900; padding: 23px 0px 23px 0px; margin: 0px 54px 0px 54px; text-align:left}
.cSouvisejici ul {clear: both; margin: 21px 0px 0px 29px; padding: 0px; list-style-type: none; }
.cSouvisejici strong {font-size: 11px !important;}
.cSouvisejici li {font-size: 10px !important; font-weight: normal !important; background: url(../img/odrazkaArr.gif) no-repeat 1px 5px; padding: 0px 0px 0px 17px}
.cSouvisejici li a {color: #FF9900; height: 0px; font-family: verdana !important; font-size: 10px !important; font-weight: normal !important; text-decoration: none;}
html>body .cSouvisejici li a {height: auto;}
.cSouvisejici li a:hover {text-decoration: underline; color: #808080}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ footer  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* ruzna mene dulezita upozorneni vespod stranek*/

.footer {text-align: center; font-size: 9px; color: #484848; margin-top: 35px}
.footer .img .fRight {float: right}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ subcategories  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* strom */

.cSubCategories {margin-left: 11px}
.cSubCategories .line {position: relative; top: 10px; clear: left; margin: 0px 0px 20px 18px; padding: 0px; font-size: 0px !important; height:0px; border-top: solid 1px #CCCCCC; }
html>body .cSubCategories .line {top: 13px; margin: 0px 0px 25px 18px;}

.cSubCategories a {text-decoration: none}
.cSubCategories a:hover {text-decoration: none}
.cSubCategories span {color: #535353; !important; font-weight: normal; padding-right: 4px}
.cSubCategories h3 {position: relative; clear: left; font-size: 13px; margin-top: 20px; color: #535353; background: url(../img/odrazkaArr.gif) no-repeat 1px 7px; padding: 2px 0px 0px 17px}
.cSubCategories h3 span {font-size:10px}
.cSubCategories h3 a {color: #535353;}
.cSubCategories h3 a:hover {color: black;}
.cSubCategories ul {clear: left; margin: 3px 0px 0px 17px; padding: 0px; list-style-type: none; position: relative;  }
.cSubCategories li {margin: 0px; padding: 1px 0px; float: left; white-space:nowrap}
.cSubCategories li a {font-size: 11px;display: block; color: #FF9966; font-weight: bold}
.cSubCategories li a:hover {text-decoration: none; color: #CC6600;}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ catalog  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* panely na uvodni strane */

.catalog {}
.catalog {padding: 0px; margin: 0px 0px 10px 0px; font-size: 10px;}
.catalogLine {background: red; position: relative; }
.catalog .space {width: 1%; background: white;}
.catalog td {width:32%; vertical-align: top; background: #F4F4F4; }
.catalog th {width:32%; vertical-align: top; text-align: center; font-size: 10px; background: url(../imghome/sloupce_roh1.gif) no-repeat left top #CC0000; color:black}
.catalog .productName {background: #F4F4F4}
.catalog .productName td {text-align:center}
.catalog .productName a {display: block; font-weight: bold; text-decoration: none; padding: 3px 0px 7px 0px; }
.catalog .productName a:hover {font-weight: bold; text-decoration: underline;}

.catalog  h3 {padding: 3px 3px 4px 3px; font-size: 10px; font-weight: bold; text-align: center}
.catalog .content td {padding: 4px; background: #F4F4F4}
.catalog .content img {float: left; width: 110px;margin: 0px 4px 0px 0px }

.catalog .prices td {text-align: center; padding: 8px 0px 0px 0px; background: url(../imghome/sloupce_roh4.gif) no-repeat right bottom #F4F4F4}
.catalog .prices strong {font-size: 18px}
.catalog .prices strong span {color: red}
.catalog .prices div {font-weight: bold; padding: 3px 0px 7px 0px}
.catalog .prices div span {font-weight: normal; }
.catalog .prices a {display: block; font-weight: bold; text-decoration: none; padding: 0px 0px 8px 0px; background: url(../imghome/sloupce_roh3.gif) no-repeat left bottom}
.catalog .prices a:hover {font-weight: bold; text-decoration: underline;}

.catalog th strong{background: url(../imghome/sloupce_roh2.gif) no-repeat right top; display: block; padding: 3px 3px 4px 3px;}

.catalog .cat-action-line {text-align: justify; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #DADADA; padding-left: 5px; font-size: 10px;}
.catalog .cat-action-line h3 {margin: 0px; padding: 0px; text-align: left;}
.catalog .cat-action-line h3 a {text-decoration: none;}
.catalog .cat-action-line h3 a:hover {text-decoration:underline}
.catalog .cat-action-line .cat-action-text {margin: 0px 0px 0px 50px; padding: 5px 6px 6px 0px; line-height: 10px;}
.catalog .cat-action-line .date-logo {float: left; width: 45px; padding: 5px 0px 10px 0px;position: relative;}
.catalog .cat-action-line .date-logo img {top: 9px; position: relative;}
.catalog .cat-action-line .cleaner {clear:left;font-size:0px;}

.top3 .doporucena-cena {text-decoration:line-through}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ homePage  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* urceno pro BusinessLink */

.homePage {text-align: center; height: 100%; position: relative;}

.vertical-align {display: table; height: 100%; _position: relative; overflow: hidden; text-align: center; width: 100%;}
.vertical-align-1 {_position: absolute; _top: 50%;display: table-cell; vertical-align: middle;}
.vertical-align-2 {_position: relative; _top: -50%; left: -50%;}

.cHomePage {width:720px; height: 442px; margin: 100px auto; position: relative; text-align: left; position: relative; }

.hpHeader {background: url(../imghome/uvod_roh1.gif) no-repeat left top #004385; border-bottom: solid 1px #FFFFFF; clear: both; height: 80px;}
html>body .hpHeader {height: auto; min-height: 80px;}
.hpHeader_1 {position: relative; background: url(../imghome/uvod_roh2.gif) no-repeat right top ; height: 80px; }
html>body .hpHeader_1 {height: auto; min-height: 80px;}
.hpHeader h1 {height: 75px; width: 309px; overflow: hidden; position: absolute; z-index:100; top: 5px; left: 5px; font-size: tahoma; font-size: 24px; color: #FFFFFF; font-weight: bold; xbackground: orange; padding:25px 0 0 28px}
.hpHeader .logo {height: 75px; width: 309px; position: absolute; z-index:150; top: 5px; left: 5px;}
.hpHeader .logo img {background: #004385;}
.hpHeader .HP {height: 20px; width: 71px; position: absolute; right: 7px; top: 7px}
.hpHeader .cFlags {height: 13px; position: absolute; right: 7px; bottom: 3px; background: #0D4E6B; z-index: 10}
.hpHeader .cFlags img {display: inline; white-space: nowrap; height: 13px; width: 19px; margin-left: 4px }
.hpmenu {margin: 0px; padding: 0px; text-align: right; position: absolute; bottom: 4px; right: 78px; xbackground: blue;z-index:200}
.hpmenu li {float: right; display: inline; padding: 0px 6px 0px 4px; color: #FFFFFF; font-size: 11px; background: url(../imghome/hpmenuSep.gif) no-repeat 100% 2px ;}
.hpmenu li a {color: #FFFFFF; text-decoration: none; }
.hpmenu li a:hover {color: #FFFFFF; text-decoration: underline;  }

.hp-containerBody {height: 362px; background: url(../imghome/column1-bg.gif) repeat-y left top #EDF3E2; clear: both; position: relative; xoverflow: hidden;}
.column-1 {float:left; width: 207px; height: 362px;position: relative; left: 0px;}
.column-1 h2 {font-size: 12px; text-align: center; xmargin: 16px 0px 4px 0px; padding:16px 0px 4px 0px;}
.column-1 p {padding: 0px 23px 9px 23px; margin: 0px; text-align: justify; font-size: 9px; color: #333333; line-height: 9px;}
.column-1 p a {color: #333333;}
.column-1 p a:hover {color: #333333;}
.column-1 .hp-center {text-align: center; padding: 0px 20px 8px 20px;}
.column-1 .hp-login {border-bottom: solid 1px #FFFFFF; }
.column-1 .login-box {height: 84px; position: relative; margin-top: 1px;}
.column-1 .login-box label {font-weight: bold; color: #000000; text-align: right;}
.column-1 .login-box .inputy {font-size: 11px; padding: 2px 1px 2px 1px; width: 99px; border: solid 1px #7E7B76; border-bottom: solid 1px #EFEEEB; border-right: solid 1px #EFEEEB; }
html>body .column-1 .login-box .inputy {font-size: 12px; padding: 2px 1px 2px 1px; width: 103px; height: 15px;}
:root .column-1 .login-box .inputy {font-size: 11px; padding: 2px 1px 2px 1px; width: 99px; height: 13px;}
.column-1 .login-box .hp-name {position: absolute; width: 50px; left: 2px; top: 3px;}
.column-1 .login-box .hp-password {position: absolute; width: 50px; top: 27px; left: 2px;}
.column-1 .login-box .i-hp-name {position: absolute; left: 55px; top: 0px;}
.column-1 .login-box .i-hp-password {position: absolute; left: 55px; top: 24px;}
.column-1 .login-box .bt-prihlasit {position: absolute; left: 76px; top: 57px;}
.column-1 .hp-registration {position: relative; height: 125px;}
.column-1 .hp-registration div {text-align: center; }
.column-1 .hp-registration strong  {text-align: center; position: absolute; bottom: 0px; font-weight: normal; text-align: center; display: block; width: 100%;}

.column-2 {float:right; width: 512px; height: 362px; background: url(../imghome/hp-c2-bg.gif) repeat-y 304px; position: relative; }
.column-2 .c1 {float:left; width: 304px; position: relative; height: 269px;}
.column-2 .c1 h2 {background: #A9D8A0; xheight: 19px; font-size: 10px; padding: 3px 3px 4px 15px; }
.column-2 .c1 .ctHotProduct_spObsah {display:block} 

/* registrace */
.column-2 .c1reg {float:left; width:  512px; position: relative; height: 269px;}
.column-2 .c1reg h2 {background: #C4D79F; xheight: 19px; font-size: 10px; padding: 3px 3px 4px 15px; }
/* registrace */

.column-2 .c2 {float:right; width: 207px;  position: relative; xbackground: red; height: 269px;}
.column-2 .c2 h2 {background: #FAC585; xheight: 19px; font-size: 10px; padding: 3px 3px 4px 15px; }
.column-2 .c2 ul {margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none;}
.column-2 .c2 ul li {margin: 0px 13px 0px 13px; padding: 0px; height: 0px; background: url(../imghome/hp-c2-li-bg.gif) no-repeat 0px 8px; font-size: 11px;}
html>body .column-2 .c2 ul li {height: auto;}
.column-2 .c2 ul li a {display: block; height: 0px; text-decoration: none; color: #000000; padding: 3px 0px 3px 15px;}
html>body .column-2 .c2 ul li a {height: auto;}
.column-2 .c2 ul li a:hover {text-decoration: underline;}
.column-2 .c2 .hp-link-1 a {font-weight: bold; color: #004385 !important;}
.column-2 .c2 .hp-link-1 a strong {text-decoration: underline; color: #000000 !important;}

.column-2 .hp-footer-top {border-top: solid 1px #FFFFFF; padding-top: 6px; *padding-top: 2px; background: #C0BFC0; font-size: 0px; clear: both; margin:0;}
.column-2 .hp-footer {background: #E5E5E5; height: 86px; color: #333333; position: relative;}
.column-2 .hp-footer-text {padding: 10px 0px 0px 10px; margin: 0px 132px 0px 0px; line-height: 11px;}
.column-2 .hp-footer-text a {font-weight: normal; color: #333333; text-decoration: none;}
.column-2 .hp-footer-text a:hover {color: #000000; text-decoration: none;}
.column-2 .hp-footer-text a span {text-decoration: underline;}

.column-2 .hp-footer .logo2 {position: absolute; right: 12px; top: 26px; width: 135px; padding: 23px 0px 0px 0px;  text-decoration: none;xtext-align: center;}
.column-2 .hp-footer .logo2 img {position: absolute; left: 0px; top: 0px; height: 23px; width: 135px;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ upoutavky @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* navesti ve vysledcich*/

.search-result {color: #FF0000;font-weight:bold; font-size: 10px}
.search-result em {color:#484848;font-style:normal}

/* kratky seznam odkazu */

.link-list {font-family: verdana; color: #FF0000; text-align:left}
.link-list strong, .link-list a {display: block; font-size: 10px; font-weight: bold; text-decoration: underline; color: #FF0000}
.link-list a {display: inline}
.link-list a:hover {text-decoration: underline; color: #FF0000}
.link-list ul {clear: both; margin: 6px 0px 0px 0px; padding: 0px; list-style-type: none}
.link-list li {font-size: 9px !important; font-weight: normal !important; background: url(../img/odrazka.gif) no-repeat 1px 5px; padding: 0px 0px 0px 14px; line-height:11px}
.link-list li a {display: inline; height: 0px; font-family: verdana !important; font-size: 9px !important; font-weight: normal !important; text-decoration: none;}
html>body .link-list li a {height: auto;}
.link-list li a:hover {text-decoration: underline;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konfigurator  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.selKusovnik { font: normal normal normal 10px Verdana; width:600px; background:white; }
.selKusovnikPocet { font: normal normal normal 10px Verdana; background:white; }
.selKusovnik .skladem { color:Green; }
.selKusovnik .neskladem { color:#FF2222; }
.selKusovnik .nezvoleno { background-color:#eaeef2; }

/* konkretni stranky */

#pgZboziDetail .hlaskaRema { FONT-SIZE: 10px; TEXT-ALIGN: center }
#pgZboziDetail .hlaskaUsetrite { FONT-SIZE: 10px; TEXT-ALIGN: center }
#pgZboziDetail .hlaskaUsetrite SPAN { COLOR: #808080 }
#pgZboziDetail #upoutavky DIV.link-list { FLOAT: left }
#pgZboziDetail #upoutavky { CLEAR: both; PADDING-RIGHT: 0em; PADDING-LEFT: 0em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ ekatalog  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* default hlavicka */

.ekheader {background:#3E6C88; height:72px; border-bottom: 1px solid #cae6ef}
.ekheader img#logo {margin:9px 0px 0px 10px;float:left}
.ekmenu1 {margin: 0px; padding: 54px 10px 0px 0px; text-align: right; }
.ekmenu1 li {float: right; display: inline; padding: 0px 6px 0px 4px; color: #FFFFFF; font-size: 11px; background: url(../imghome/hpmenuSep.gif) no-repeat 100% 2px ;}
.ekmenu1 li a {color: #FFFFFF; text-decoration: none; }
.ekmenu1 li a:hover {color: #FFFFFF; text-decoration: underline;  }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ dokument2  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#pgDokument2 .containerBody_4 {text-align:left;padding:1em 30px}
#pgDokument2 #img {float:right;width:50px;text-align:right;padding:1px 5px}
#pgDokument2 #img img {margin:3px auto 0px 0px}
#pgDokument2 #pgDokument2 h2 {display:inline;margin:0em 0px; font-size: 20px; padding: 0px 0px 3px 3px; font-weight:bold; font-family:Arial}
#pgDokument2 #spDatum {display:inline;margin:0em 0px 7px 0px;font-size:10px;font-weight:bold}
#pgDokument2 #pgDokument2 #spAbstrakt2 {margin:0em 0px 7px 0px}
#pgDokument2 #spAbstrakt2 #spAbstrakt {font-size:11px; margin-left:0px;font-style:normal;}
#pgDokument2 #pgDokument2 #spObsah { margin:0px 0px 0px 0px; clear:both}
#pgDokument2 #spObsah a {color: blue}
#pgDokument2 #spObsah a:hover {color: navy}
#pgDokument2 #spObsah TD.none { display:table-cell !important; }
#pgDokument2 #spObsah TH.none { display:table-cell !important; }

#pgUloziste .rkFormContainer {width:100%;min-width:925px;_width:935px}
#pgUloziste .rkFormRight { width: 420px; float: right;}
#pgUloziste #rkForm {width:420px}
#pgUloziste #rkForm2 {width:500px;float:left}
#pgUloziste span.ext-sklad {font-weight:bold;color:red}

#pgZbozi #filtry {display:block;clear:both;padding-bottom:1em}
#pgZbozi .filtrNaVyrobceNadpis,#pgZbozi .filtrKontextovyNadpis {color: #FF0000;font-weight:bold; font-size: 10px} 
#pgZbozi #filtry .filtrNaVyrobceAktualni a {text-decoration:underline}

#pgObjednavkaEU2v2 .cFormProdejce {MARGIN: 1em auto; WIDTH: 300px}

#pgStrom2 .cSouvisejici {border-top:1px solid #CCCCCC;margin:2em 0em 0em 0em;padding:1em 0em 0em 0em}
#pgStrom2 #vypis { margin-right:244px; clear:left;*max-width:2000px; /*IE7 hack*/;}
#pgStrom2 #upoutavky {width:234px; float:right;overflow-x:hidden;height:auto}
#pgStrom2 .promo-zbozi .form2 {clear:both;}
#pgStrom2 .promo-zbozi .formFooterInner a {text-decoration:none}
#pgStrom2 .promo-zbozi .formFooterInner .img {float:left;width:70px;text-align:center;background:white;min-height:60px;*height:60px;margin-right:5px;overflow:hidden;}
#pgStrom2 .promo-zbozi .formFooterInner {text-align:right !important;padding-right:5px;padding-bottom:5px;border:1px solid #F4F4F4;background:url(/img/white.gif) -430px top repeat-y !important;min-height:60px;*height:60px;}
#pgStrom2 .promo-zbozi .formFooterInner h3 {text-align:left;margin-bottom:7px;font-size:10px;min-height:2em;margin-top:6px;}
#pgStrom2 .promo-zbozi .formFooterInner strong {text-align:left;margin-bottom:6px;font-size:11px;color:#dd0000}
#pgStrom2 .cPath {float:left}

#preview { display:none; position: absolute; z-index:1000; background: transparent url(/img/shadow.png) 5px 5px no-repeat; width: 271px; text-align: center; padding-right:5px;padding-bottom:4px }
#preview div { border: 1px solid #ccc; padding: 10px; background: white url(/img/loading.gif) center center no-repeat; width: 250px; min-height: 120px; text-align: center; }
#preview img { max-width: 250px; _width: 250px; }



/* vlasni css */

#containerHeader {height:77px;background:url('/ek/comit/hlavicka-bgr.gif') #3E6C88}
div.logo-ek0-left {float:left;position:absolute;top:0px;left:0px;z-index:1}
div.logo-ek0-right {float:right;position:absolute;top:0px;right:0px;z-index:0}
div.trilline {float:right;position:absolute;top:5px;left:200px;}
div.popis-right {float:right;position:absolute;top:8px;right:15px;color:#FFFFFF;font-size:28px;font-family:Tahoma;font-weight:bold;letter-spacing:2px}
div.menu-ek0 {float:right;position:absolute;top:58px;right:10px;
    font-family:MS Sans Serif,sans-serif;font-size: 11px;padding:0;clear:both}
div.menu-ek0 ul {padding:0px;margin:0px;position:relative;}
div.menu-ek0 li {display:table;text-align:center;position:relative;padding:0px 5px;margin:0px;float:right;list-style-type:none;border:none;white-space:nowrap;color:#000000;font-weight:bold;text-decoration:none;}
div.menu-ek0 li a {color:#000000;font-weight:bold;text-decoration:none;}
div.menu-ek0 li a:hover {color:#000000;text-decoration:underline;}
.cMenu2 {clear:both}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@ ~F~I~N~  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */