/********************************* Styly kostry webu - menu, rozdělení webu, patička, hlavička ************************/
#mask-folder { background:url('img/design/folder.gif') no-repeat center top; /*width:100%;*/ }
#mask-all { padding:0 19px 0 19px; _padding:0 19px 0 19px; width:966px; margin:0 auto 0 auto; text-align: left; /*position:relative;*/}
#mask-top-obal {position:absolute; top:0px; width:966px; height:127px; left:50%; margin-left:-483px;}
#mask-top { padding-top:7px; height:127px; width:100%; /*position:relative;*/ }
#mask-logo { width:300px; height:66px; display:block; margin-left:11px; margin-top:-2px; z-index:666; float:left;}
#mask-logo img { border:0; }
#content { width:771px; float:left; color:#4d4d4d; }
#content.smaller { width:706px; position: static; }
#content-folder { background:url('img/design/content.gif') no-repeat; width:100%; }
#content-folder #content { float:right; }
#content-add { width:186px; float:right; }
#content-add-wide { width:251px; float:left; }
#content-folder #content-add { float:left; }
#content-top {padding-top:127px; }
/********* Horni menu *******/
#menu-top { padding:0; float:right;}
#menu-top li { float:left; position:relative; height:42px; z-index:10000;}
#menu-top .submenu ul { width:186px; padding-left:25px; padding-bottom:20px; padding-top:10px; }
#menu-top .submenu li { float:none; height:auto; padding:6px 0 4px 0; border-bottom:1px solid #e5e5e5; }
#menu-top .submenu li.last { border-bottom:0; }
#menu-top .submenu li a { font-size:100%; font-weight:bold; padding:2px 0 2px 21px; text-decoration: none;}
#menu-top .submenu li a, #menu-top .submenu li a:hover { background:url('img/design/blue-target.gif') no-repeat 3px 1px; } 
#menu-top .main-last a { padding-right:0; padding-left:0; }
#menu-top a { display:block; padding:9px 26px 0px 17px; height:25px; float:left; font-size:108%; }
#menu-top a:hover {text-decoration: none;}
#menu-top .show-on-over { z-index:10000; position:absolute; left:0; top:26px; width:216px; padding:10px 15px 10px 15px; background:url('img/design/top-hover-bg.png') no-repeat left bottom; _background:url('img/design/top-hover-bg.gif') no-repeat left bottom }
#menu-top .show-on-over a { display:inline; float:none; padding:0; height:auto; font-size:100%; }
#menu-top ul.show-on-over a { display:block !important; width:173px; padding-top:0px; padding-bottom:0; }
#menu-top .show-on-over a:hover { background:transparent; }
#menu-top li:hover a.lev0, #menu-top a:hover.lev0, { background:url('img/design/top-a-over.gif') no-repeat right top; color:#000; text-decoration: none;}

#menu-top li#login-form-obal:hover a.login, #menu-top a:hover.login { background:url('img/design/top-a-over-log.gif') no-repeat right top; color:#000; text-decoration: none;}
#menu-top .CSStoShow { display: block; }
#menu-top li:hover > .show-on-over { display: block; } 
#menu-top li.submenu:hover { background:url('img/design/top-li-over.gif') no-repeat; }
#menu-top li#login-form-obal:hover { background:url('img/design/top-li-over-log.gif') no-repeat; }

#menu-top .show-on-click { z-index:10000; position:absolute; left:0; top:26px; width:216px; padding:10px 15px 10px 15px; background:url('img/design/top-hover-bg.png') no-repeat left bottom; _background:url('img/design/top-hover-bg.gif') no-repeat left bottom }
#menu-top .show-on-click a { display:inline; float:none; padding:0; height:auto; font-size:100%; }
#menu-top ul.show-on-click a { display:block !important; width:173px; padding-top:0px; padding-bottom:0; }
#menu-top .isvisible > .show-on-click {display:block;}
#menu-top .isvisible a.lev0 { background:url('img/design/top-a-visible.gif') no-repeat right top !important; color:#000; text-decoration: none;}
#menu-top li.isvisible { background:url('img/design/top-li-over.gif') no-repeat !important; }


/********* Horni menu - prihlasovaci formular *******/
#form-login.show-on-over, #form-login.show-on-click { font-size:100%; padding:9px 0 25px 25px; }
#form-login a.link-sp { display:block; float:left; width:55px; margin-top:5px;  }
#form-login fieldset { float:left; }
#form-login fieldset.top { border-bottom:1px solid #e5e5e5; width:176px; padding-bottom:15px; }
#form-login fieldset.bottom { line-height:140%; padding-top:9px; width:176px; clear:both; }
#form-login fieldset.bottom .unlin { font-size:115%; } 
#form-login label { color:#4d4d4d; clear:both; display:block; padding:5px 0 1px 0; }
#form-login input { display:block; }
#form-login input.text { float:left; background:#fff url('img/design/form-text-bg.gif') no-repeat; width:161px; height:18px; padding:4px 10px 0px 5px; }
#form-login input.submit { float:right; margin-top:8px; }



/********* Jazykove mutace *******/
#mask-languages { float:right; padding:10px 2px 0 31px; background:url('img/design/separ-green.gif') 0 11px no-repeat; }
/*#mask-languages { overflow: hidden; height:15px; width:245px;}*/
#mask-languages li { float:left; }
#mask-languages a { padding:0 0 0 21px; margin-left:12px; background-repeat:no-repeat; color:#808080; font-size:92%; text-transform: uppercase;}
#mask-languages a:hover { color:#000; text-decoration:underline; }
#mask-languages #ro { background-image:url('img/design/flag-ro.gif'); }
#mask-languages #sk { background-image:url('img/design/flag-sk.gif'); }
#mask-languages #cz { background-image:url('img/design/flag-cz.gif'); }
#mask-languages #pl { background-image:url('img/design/flag-pl.gif'); }
#mask-languages #hu { background-image:url('img/design/flag-hu.gif'); }
#mask-languages #si { background-image:url('img/design/flag-sl.gif'); }
#mask-languages #en { background-image:url('img/design/flag-en.gif'); }
#mask-languages #de { background-image:url('img/design/flag-de.gif'); }



/********* Vyhledavani *******/
#mask-search { float:left; width:308px; _width:312px; margin-top:27px; padding-left:14px;}
#mask-search  input { display:block; }

#mask-search .search-obal { float:left; background:url('img/design/form-search-bg.gif') no-repeat; width:198px; height:21px; padding:5px 10px 0 30px; position:relative; z-index:150;}
#mask-search .text {color:#999; font-size:115%; width:100%; height:100%; background:none; }
#mask-search .submit { float:right; }

#search-popup { display:none; margin-left:-4px; position:absolute; width:305px; height:254px; padding:0px 5px 10px 5px; background-image:url('img/design/search.png'); background-repeat:no-repeat; }
.search-popup-item { padding-top:2px; padding-bottom:2px; background:url('img/design/search-item-bg.gif') no-repeat 14px bottom; display:block; padding-left:15px; width:290px;text-decoration:none; cursor:pointer; }
.search-popup-item.last { background:none;}
a:hover.search-popup-item { margin-top:-1px; padding-top:1px; padding-bottom:0px; border-top:2px solid #9bca3b; border-bottom:2px solid #9bca3b; text-decoration:none; background:url('img/design/arrow-blue-big.gif') no-repeat 269px 14px; }
a:hover.search-popup-item * { color:#000;}
.search-popup-item img { display:block; border:0; float:left; margin-top:8px;  }
.popup-item-text { display:block; float:right; width:193px; padding:11px 52px 16px 0; font-size:108%; color:#333333; }
.popup-item-text strong { display:block; margin-bottom:1px; color:#0089cd;}
 

/********* Info o kosiku *******/
#mask-basket-info { margin-top:11px; float:right; width:230px; height:37px; padding:13px 28px 0 0px; background-repeat:no-repeat; }
.full { background-image:url('img/design/basket-full.gif'); }
.empty { background-image:url('img/design/basket-empty.gif'); }
#mask-basket-info div { float:right; width:174px; height:37px; }
#mask-basket-info a { display:block; }
#mask-basket-info .link-pay { float:right; height:17px; }
#mask-basket-info .link-pay img { border:0;}
#mask-basket-info .link-ico { width:49px; height:47px; float:left; margin-top:-13px; }
#mask-basket-info .link-basket { font-size:115%; font-weight:bold; float:left; }
#mask-basket-info span.link-basket {color:#000; padding:0;} 
#mask-basket-info span { clear:both; display:block; padding:4px 0 0 0; }



/********* Paticka *******/
#footer { width:100%; display:table; background:url('img/design/footer.gif') repeat-x; margin-top:19px; padding-bottom:50px; float:left;}
#footer-loga { float:left; width:186px; padding:33px 0 0; }
#footer-loga a { display:block; margin-bottom:3px; text-align: center;}
#footer-loga img { border:0; }
#footer h5 { font-size:140%; color:#333; font-weight:normal; border-bottom:1px solid #bcbcbc; padding-bottom:6px; margin-bottom:9px; }
.footer-col { float:left; width:186px; _width:185px; padding:27px 0 0 9px; font-size:108%; }
.footer-col li { padding:0 0 5px 6px;}



/********* Paticka - menu*******/
#footer-menu a.gray { text-decoration:none; }
#footer-menu { margin-top:16px; margin-bottom:7px; clear:both; width:954px; padding:12px 0 10px 12px; display:table; border-top:1px solid #9bca3b; border-bottom:1px solid #e5e5e5; }
#footer-menu li { float:right; background:url('img/design/separ-green-small.gif') right 1px no-repeat; padding-right:12px; margin-right:13px; }
#footer-menu li.first { float:right; padding-right:12px; margin-right:0; background:none; width:auto;}
#footer-menu li.left {float:left;}
#footer-menu li.last { padding-right:0; margin-right:0; background:none; }



/********* Paticka - odkazy *******/
.copyright { float:left; width:30%; margin:0; padding:2px 0 0 12px; }
.created { float:right; width:300px; color:#999; line-height:150%; text-align:right; margin:0; padding:0px 11px 0 0; }
.created span { color:#666;; } 
.created a { color:#999; }
.created a:hover span, .created a:hover { color:#0089cd; text-decoration:underline; }

/********* Katalog - graficky odkaz *******/
.link-graphic-left { display:block; margin-bottom:18px; }
.link-graphic-left img { border:0;}

/********* Katalog - menu leve horni *******/
#menu-buy-opts { padding:32px 0 17px 2px; }
#menu-buy-opts h6 { font-size:108%; margin:0; padding:0; font-weight:bold; }
#menu-buy-opts li { padding:0 10px 7px 10px; }
#menu-buy-opts ul {margin:0; }
#menu-buy-opts li li { padding:0 0 1px; }
#menu-buy-opts a { color:#004084; display:block; }
#menu-buy-opts a.active {color:#000; text-decoration: underline;}
#menu-buy-opts li li a {font-weight: normal; padding:3px 0 3px 15px;}
#menu-buy-opts li li a.active {background-color:#9BCA3B; color:#FFFFFF; font-weight:bold; text-decoration:none; }
#menu-buy-opts li li a:hover { background-color:#E5E5E5; color:#000; text-decoration: none; } 

/********* Katalog - menu produktove leve *******/
#menu-products-folder { padding-bottom:23px; /*position:relative;*/ background:url('img/design/menu-products-bottom.gif') no-repeat left bottom; width:186px; }
#menu-products-folder.top-left { padding-top:14px; padding-bottom:0; margin-top:0; background:url(img/design/categories_bottom.gif) no-repeat left bottom;} 
#menu-products-folder img.bottom, 
#menu-products-folder img.top { position:absolute; left:-9px; top:0px;  display:block; }
#menu-products-folder img.bottom { bottom:0px; top:auto; }

.menu-products { background:url('img/design/menu-products.gif') no-repeat 1px 0; padding:14px 10px 0px 10px; width:166px; margin:0; font-size:108%; }
.menu-products a img { border:0; vertical-align:middle; margin-left:6px; }

.menu-products li { padding-bottom:1px; }
.menu-products li.w3c {padding:0; display:none;}
.menu-products a.lev0 { color:#0089cd; padding:3px 0px 0px 1px; font-size:115%; width:166px; }
.menu-products a:hover.lev0,
.menu-products a:hover.l0-active,
.menu-products a.l0-active { color:#4d4d4d; background:none; }
.menu-products a { display:block; /*width:154px;*/ padding:3px 12px 3px 12px; color:#004084; }
.menu-products a.active { background-color:#9bca3b; color:#fff; text-decoration:none; font-weight:bold; }
.menu-products a:hover {background-color:#e5e5e5; color:#000; text-decoration: none;}
.menu-products a.lev0.active, .menu-products a.lev0:hover {background:transparent; color:#4d4d4d;}
.menu-products a.lev0.active img, /*.menu-products a.lev0:hover img*/ {display:none;}
.menu-products-submenu { padding-bottom:17px; padding-top:3px; overflow:hidden;}
.menu-products-submenu .menu-products-submenu li a{ color:#000; padding:3px 5px 3px 22px; width:142px;} 

.menu-products-submenu2 { margin-left:15px; } 
.menu-products-submenu3 {  margin-left:15px; }   

.menu-products#top-left { display:table; }
.menu-products#top-left { background:transparent;  width:230px; }
.menu-products#top-left li { margin:0; }
.menu-products#top-left a:hover.lev0,
.menu-products#top-left a.lev0 { display:block; padding:0; width:100%; background:none; margin:0; margin-bottom:5px; float:left; }
#top-left.menu-products.order {padding-bottom:22px;}

.menu-products-bottom a:hover {background:#e5e5e5; color:#000;}
.menu-products-bottom a.active {background-color:#9BCA3B; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.menu-products-bottom ul ul {margin-left:0px;}
.menu-products-bottom ul li { padding:0 0 1px;}
.menu-products-bottom ul ul li a{ padding:3px 0 3px 17px;}
.menu-products-bottom ul ul ul li a{ padding:3px 0 3px 25px;}
.menu-products-bottom ul ul ul li a.active {background-color:#EFEFEF;}
.menu-products-bottom ul ul a.active {background-color:#9BCA3B; color:#000; font-weight:bold; text-decoration:none; width:87%; padding-right:5px;}
.menu-products-bottom li li a:hover {color:#000; background:#e5e5e5;}
/********* Katalog - menu produktove leve dolni *******/
.h5-title { padding:4px 0 2px 2px; font-weight:normal; font-size:117%; color:#4d4d4d; }
#products { background:none; padding-bottom:0; }
#products .menu-products-submenu { padding-bottom:13px; } 

#navigation { padding:10px 0 10px 2px; }
#navigation .bold { font-weight:bold; }
#navigation li { display:inline; background:url('img/design/arrow-green-small.gif') no-repeat right 5px; padding-right:10px; margin-right:5px; }
#navigation li.last { background:transparent; font-weight:normal; }

#navigation.pd {
  float:left;
  width:67%;
}