/* CSS stylesheet @ Hamanek Structure: 1. globals a) html, body, global classes b) links, :focus, hrs & ol/ul + basic form things blockquotes c) clearfix 2. short reset a) margin/padding/line for headings / form / p ... 3. Main containers with background and Content container 4. headers + menu 5. footer, footsearch (absolutely top right), footlinks (absolutely top right) a) footsearch train -> absolutely top-right position b) footer basics + 4 float boxes c) footer Layer for product-companies logos and switch d) newsletter form e) copyright line f) footer links -> absolutely top-right position 6. HomePage / HP / home a) impressive image with masked corners b) product squares top right (fade effect with JS) c) news boxes d} bubble with baby and text in it e) bioHamanek big button link 7. right / left columns a) basics 8. right column a) breadcrumb navigation b) products filter form c) products / masks / icons / etc. d) JS inline helping bubble styles 9. left column a) left-menu with one-level (!) submenus b) baby with bubble and text in it c) product's icons legend with text and symbols d) left banner 10. main content styles a) textual basics b) textual Boxes c) sitemap + ul > ul + ol > ol d) product chooser */ html,body {padding:0;margin:0;border:0;min-height:100%;height:100%;} html#html {font-size: 100.01%;background: #EFF4BF;overflow:hidden;} body{font: .625em Arial, Verdana, sans-serif;color:#00498b;text-align:center;overflow:hidden;background:#EFF4BF url('../images/layout/bg-left-top.png') center top no-repeat;} input, select {font-family:Arial, Verdana, lucida, sans-serif;} .absfg {position:absolute;top:0;left:0;width:100%;height:100%;} .fr {float:right;} .fl {float:left;} .up {text-transform: uppercase;} .hide {display:none !important;} .nocss {display:none;} .noPad {padding:0 !important;} .cb {clear:both;} .tar, .tr {text-align:right;} .invisText {text-indent: -900px;} .abshide {position:absolute !important;top:-9000px;left:-9000px;} .block {display:block} a, a span, a img {cursor:pointer;} a {color: #009de0;text-decoration: underline;} a:hover, a:focus, a:active {outline:none;text-decoration: none;color:#000;} a img, fieldset {border: 0;} :focus {outline: 0;} hr {display: none;} table {font-size: 1em;} label {font-weight:normal;font-size:100%;} textarea {overflow: auto;} ol, ul {list-style: none;padding:0;margin:0;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} .clear {clear: both;} * html .clearfix {display: inline-block;} .clearfix:after {clear: both;content: '';display: block;height: 0;visibility: hidden;} h1,h2,h3,h4,h5,h6,form,fieldset,p {padding:0;margin:0;line-height:100%;} h1,h2,h3,h4,h5,h6 {font-weight:bold;} #bg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background: url('../images/layout/bg-right-bottom.png') center bottom no-repeat;} #global {text-align:left;margin:0;position:absolute;top:0;left:0;width:100%;z-index:500;height:100%;min-height:100%;max-height:100%;overflow:auto;text-align:center;} #all {position:relative;margin:0 auto;top:0;left:0;width:957px;background:#fff;z-index:100;text-align:left;min-height:100%;} #main {position:relative;width:957px;z-index:80;} #content {padding:0 20px 5px 20px;width:917px;position:relative;z-index:50;background-color: #fff;} #header {position:relative;height:215px;background:#ffffff url('../images/layout/header.jpg') 0 0 no-repeat;} #header p, #header h1, #header div {position:absolute;left:67px;top:21px;font-size:100%;height:116px;width:275px;} #header p a, #header h1 a, #header div a {text-indent:-500px;overflow:hidden;} #header p a span, #header h1 a span, #header div a span {position:absolute;top:0;left:0;background:transparent url('../images/layout/hamanek-logo-24bit.png') 0 0 no-repeat;} #menu {position:absolute;top:163px;left:0;width:957px;height:50px;overflow:hidden;} #menu ul {position:relative;top:0;width:957px;height:50px;padding:0 0 0 20px;font-size:140%} #menu ul li {width:154px;height:50px;float:left;position:relative;overflow:hidden;} #menu ul li strong, #menu ul li a {display:block;width:150px;height:30px;line-height:30px;text-align:center;font-weight:bold;background: url('../images/layout/spacer.gif') 0 0 no-repeat;overflow:hidden;position:relative;} #menu ul li strong span, #menu ul li a span {background-position: 0 0;background-repeat: no-repeat;margin-top:-50px;position:absolute;top:0;left:0;height:130px;width:150px;} #menu ul li strong, #menu ul li.active a {height:45px;} #menu ul li a:hover span {margin-top:0;} #menu ul li strong span, #menu ul li.active a span {margin-top:-91px;} #menu ul li a:hover {background-position: 100% 100%;color:#000;} #menu #mn1 strong,#menu #mn1 a {color:#2677BA;} #menu #mn1 strong span, #menu #mn1 a span {background-image: url('../images/layout/menu-1.png');} #menu #mn1 {background: url('../images/layout/menu-1.png') 0 0 no-repeat;} #menu #mn2 strong, #menu #mn2 a {color:#39CDE6;} #menu #mn2 strong span, #menu #mn2 a span {background-image: url('../images/layout/menu-2.png');} #menu #mn2 {background: url('../images/layout/menu-2.png') 0 0 no-repeat;} #menu #mn3 strong, #menu #mn3 a {color:#63AB3A;} #menu #mn3 strong span, #menu #mn3 a span {background-image: url('../images/layout/menu-3.png');} #menu #mn3 {background: url('../images/layout/menu-3.png') 0 0 no-repeat;} #menu #mn4 strong, #menu #mn4 a {color:#E17E1A;} #menu #mn4 strong span, #menu #mn4 a span {background-image: url('../images/layout/menu-4.png');} #menu #mn4 {background: url('../images/layout/menu-4.png') 0 0 no-repeat;} #menu #mn5 strong, #menu #mn5 a {color:#C94F58;} #menu #mn5 strong span, #menu #mn5 a span {background-image: url('../images/layout/menu-5.png');} #menu #mn5 {background: url('../images/layout/menu-5.png') 0 0 no-repeat;} #menu #mn6 strong, #menu #mn6 a {color:#863695;} #menu #mn6 strong span, #menu #mn6 a span {background-image: url('../images/layout/menu-6.png');} #menu #mn6 {background: url('../images/layout/menu-6.png') 0 0 no-repeat;} #menu #mn1.active, #menu #mn2.active,#menu #mn3.active,#menu #mn4.active,#menu #mn5.active,#menu #mn6.active {background: #fff;} #footsearch {position:absolute;top:0;left:600px;height:160px;width:357px;background: url('../images/layout/vlacek.png') 33px 85px no-repeat;z-index:100;} #footsearch form {z-index:100;position:relative;} #footsearch fieldset {border:0;position:relative;z-index:100;} #footsearch p {position:absolute;} #footsearch p.srch_wht {background:#ffffff url('../images/layout/hp-search.png') 0 0 no-repeat;width:198px;height:32px;top:50px;left:95px;z-index:100;} #footsearch p.srch_wht label {position:absolute;color:#00498b;white-space:nowrap;margin:4px 0 0 10px;z-index:99;display:block;font-size:180%;width:178px;line-height:23px;height:23px;font-family:Calibri, Arial, Verdana, lucida, sans-serif;font-weight:bold;text-transform:lowercase;cursor:pointer;} #footsearch p.srch_wht input {background:transparent;border:0;padding:0;margin:4px auto 0 auto;display:block;position:relative;font-size:180%;width:178px;z-index:98;height:23px;font-family:Calibri, Arial, Verdana, lucida, sans-serif;color:#00498b;font-weight:bold;} #footsearch p.srch_sbm {left:284px;overflow:hidden;position:absolute;top:59px;width:31px;height:33px;z-index:100;} #footsearch p.srch_sbm input {display:block;width:31px;height:33px;margin:0;padding:0;} #footer {position:relative;clear:both;width:917px;margin:0 20px;border-top:1px solid #BBECF9;padding:20px 0 10px 0;z-index:48;overflow:visible;} #footer .boxies {position:relative;height:130px;width:897px;padding:0 0 0 20px;z-index:10;} #footer .boxies div {position:relative;float:left;height:130px;} #footer .boxies div h4 {padding:0;height:26px;width:100%;font-size:140%;margin:0;} #footer .boxies div ul {position:relative;float:left;height:100px;width:189px;padding:0;margin:0;overflow:hidden;font-size:120%;} #footer .boxies div ul li {padding:0 15px 5px 15px;margin:0;list-style:none;background: url('../images/layout/footer-li-point.gif') 2px 5px no-repeat;} #footer .boxies div ul li a {display:block;} #footer .boxies div.fProducts {width:220px;} #footer .boxies div.fKnow {width:380px;} #footer .boxies div.fCompany {width:150px;} #footer .boxies div.fHame {position:absolute;right:0;top:0;width:127px;padding-right:10px;} #footer .boxies div.fHame p {width:127px;height:79px;display:block;position:relative;font-size:120%;} #footer .boxies div.fHame a {width:127px;height:79px;display:block;text-align:center;line-height:40px;} #footer .boxies div.fHame a span{background: url('../images/layout/footer-hamanek-logo-mail.png') 0 0 no-repeat;} #footer #fLayers {position:relative;width:899px;margin:0 auto;border-top:1px solid #BBECF9;height:49px;overflow:visible;background: url('../images/layout/footer-underneath.png') center 100% no-repeat;z-index:100;text-align:right;} #footer #fLayers h3.fSigns {position:absolute;z-index:100;top:13px;left:8px;height:29px;width:129px;overflow:hidden;cursor:pointer;text-align:left;} #footer #fLayers h3.fSigns span {background: url('../images/layout/footer-nase-znacky-btn.png') 0 0 no-repeat;position:absolute;width:129px;height:58px;top:0;left:0;} #footer #fLayers.hovered h3.fSigns span {margin-top:-29px;} #footer #fLayers.hovered {overflow:visible;} #footer #fLayers #znackyLayer {position:relative;z-index:99;float:left;height:0;width:0;overflow:hidden;left:0;top:0;margin:-76px 0 -3px -4px;text-align:left;} #footer #fLayers.hovered #znackyLayer {overflow:visible;} #footer #fLayers #znackyLayer span.fg {z-index:90;height:131px;width:742px;position:absolute;background: url('../images/layout/footer-nase-znacky-bg.png') 0 0 no-repeat;position:absolute;top:0;left:0;} #footer #fLayers #znackyLayer h4 {z-index:99;position:absolute;padding:0;font-size:140%;line-height:1.25;text-align:center;display:block;width:340px;height:47px;overflow:hidden;top:22px;left:16px;} #footer #fLayers #znackyLayer h4 a {position:absolute;top:0;left:0;width:100%;height:100%;} #footer #fLayers #znackyLayer h4 span, #footer #fLayers #znackyLayer ul li span {position:absolute;top:0;left:0;width:705px;height:47px;background: url('../images/layout/footer-nase-znacky-fg.jpg') 0 0 no-repeat;} #footer #fLayers #znackyLayer ul {position:absolute;top:17px;left:366px;z-index:99;height:70px;width:390px;} #footer #fLayers #znackyLayer ul li {position:relative;display:inline;float:left;height:47px;overflow:hidden;border-left:1px solid #C6E5F2;padding:5px 10px 8px 10px;} #footer #fLayers #znackyLayer ul li.sOtma {width:61px;} #footer #fLayers #znackyLayer ul li.sOtma a span {margin-left:-363px;} #footer #fLayers #znackyLayer ul li.sVesela {width:88px;} #footer #fLayers #znackyLayer ul li.sVesela a span {margin-left:-445px} #footer #fLayers #znackyLayer ul li.sLifeStyle {width:61px;} #footer #fLayers #znackyLayer ul li.sLifeStyle a span {margin-left:-554px} #footer #fLayers #znackyLayer ul li.sZnojmia {width:70px;} #footer #fLayers #znackyLayer ul li.sZnojmia a span {margin-left:-638px} #footer #fLayers #znackyLayer ul li a {position:relative;display:block;height:47px;overflow:hidden;line-height:1.5;font-size:120%;text-align:center;background:#fff;} #footer #fLayers #newsLetterSender {position:relative;z-index:90;float:right;height:30px;white-space:nowrap;padding:13px 4px 8px 0;display:inline;} #footer #fLayers #newsLetterSender div {float:right;z-index:90;position:relative;text-align:left;} #footer #fLayers #newsLetterSender h4 {position:relative;left:0;height:29px;line-height:29px;padding:0 8px 0 16px;font-size:120%;text-transform: uppercase;border-left:1px solid #BDE6F2;color:#1072B4;display:inline;width:auto;float:left;} #footer #fLayers #newsLetterSender h4.hRss {border-right:1px solid #CDEFF8;padding:0 16px 0 16px;} #footer #fLayers #newsLetterSender h4.hRss a {padding:0 0 0 16px;background: url('../images/layout/ico/rss.png') left center no-repeat;color:#1072B4;text-decoration:underline;} #footer #fLayers #newsLetterSender h4.hRss a:hover {color:#000;text-decoration:underline;} #footer #fLayers #newsLetterSender h4.hFb { padding: 5px 16px 0 0; border-left: none; border-right:1px solid #CDEFF8; height: 24px; } #footer #fLayers #newsLetterSender form {position:relative;z-index:90;float:left;} #footer #fLayers #newsLetterSender form fieldset {border:0;position:relative;z-index:90;float:left;} #footer #fLayers #newsLetterSender form p {position:relative;float:left;height:29px;white-space:nowrap;margin:0;z-index:90;display:inline;font-size:100%;line-height:29px;padding:0 3px 0 0;} #footer #fLayers #newsLetterSender form p.nLetterInp {width:196px;background: url('../images/layout/footer-newsletter-input.png') 0 0 no-repeat;} #footer #fLayers #newsLetterSender form p.nLetterBtn {width:30px;padding:2px 0 0 0;} #footer #fLayers #newsLetterSender form p.nLetterInp label {position:absolute;left:0;color:#70AAC3;white-space:nowrap;margin:0 0 0 10px;z-index:90;display:block;font-size:120%;line-height:29px;height:29px;font-weight:normal;text-transform:lowercase;cursor:pointer;} #footer #fLayers #newsLetterSender form p.nLetterInp input {background:transparent;border:0;padding:0;vertical-align:middle;margin:5px auto 0 auto;display:block;position:relative;font-size:140%;width:176px;z-index:88;height:20px;color:#00498b;font-weight:normal;} #footer .copyLine {position:relative;width:899px;margin:0 auto;overflow:hidden;height:25px;} #footer .copyLine p {white-space:nowrap;color:#93BDD0;padding:10px 0 5px;line-height:1.1;font-size:110%;} #footer .copyLine p a {color:#93BDD0;} #footer .copyLine .copyright {float:left;} #footer .copyLine .ePublisher {float:right;} #footlinks {position:absolute;top:15px;right:25px;z-index:100;font-size:120%;white-space:nowrap;color:#B5CBDF;overflow:visible;} #footlinks a {padding:2px 10px;color:#6DB1D5;text-decoration:underline;overflow:visible;} #footlinks a:hover {color:#000;text-decoration: underline;} .hptop {width:917px;height:310px;position:relative;} #content div.vizual {position:relative;overflow:hidden;width:635px;height:275px;} #content div.vizual p {padding:0;margin:0;position:relative;overflow:visible;} #content div.vizual p a {position:absolute;top:0;left:0;height:100%;width:100%;} #content div.vizual img {position:absolute;clip:rect(0,635px,275px,0);top:0;left:0;vertical-align:top;} #content div.vizual .mask {position:absolute;top:0;left:0;width:635px;height:275px;background: url('../images/layout/vizual-mask.png') 0 0 no-repeat;text-indent:-999px;overflow:hidden;} #product_types {height:241px;width:271px;position:absolute;right:0;top:0;margin:-6px -7px 0 0;background: url('../images/layout/hp-top.png') 0 0 no-repeat;overflow:hidden;} #product_types ul {height:241px;width:271px;padding:18px 0 0 20px;} #product_types ul li {float:left;height:106px;width:125px;overflow:hidden;position:relative;} #product_types ul li a {height:98px;width:106px;display:block;overflow:hidden;line-height:2.0;font-size:140%;position:relative;} #product_types ul li a span {background: url('../images/layout/product-types.png') 0 0 no-repeat;position:absolute;top:0;left:0;height:98px;width:326px;} #product_types ul li.ovocne a span {left:0;} #product_types ul li.masozeleninove a span {left:-110px;} #product_types ul li.kojenecke a span {left:-220px;} #product_types ul li.kojenecke {float:right;padding-right:20px;} #hpbody {position:relative;width:917px;height:230px;overflow:visible;z-index:100;} #hpbody #boxies {height:220px;position:relative;width:650px;overflow:hidden;float:left;z-index:100;} #hpbody #boxies .boxItem {position:relative;width:200px;padding:0 0 0 10px;float:left;height:220px;z-index:100;} #hpbody #boxies.js .boxItem {position:absolute;} #hpbody #boxies.js #newsItm0 {left:0;top:0;} #hpbody #boxies.js #newsItm1 {left:210px;top:0;} #hpbody #boxies.js #newsItm2 {left:420px;top:0;} #hpbody #boxies.js #newsItm3 {left:0;top:220px;} #hpbody #boxies.js #newsItm4 {left:210px;top:220px;} #hpbody #boxies.js #newsItm5 {left:420px;top:220px;} #hpbody #boxies .boxItem img {display:block;position:absolute;z-index:99;} #hpbody #boxies .boxItem .imgInstead {height:78px;width:178px;display:block;border:1px solid #CEDDE4;z-index:99;position:absolute;overflow:hidden;} #hpbody #boxies .boxItem h3 {display:block;font-size:120%;line-height:1;position:relative;z-index:100;} #hpbody #boxies .boxItem h3 a {padding:88px 0 8px 0;display:block;background: url('../images/layout/spacer.gif') 0 0 repeat;} #hpbody #boxies .boxItem p {color:#00498b;display:block;height:46px;overflow:hidden;padding:0 20px 0 0;margin:0;font-size:120%;line-height:125%;} #hpbody #boxies .boxItem p.continueReading {position:absolute;top:164px;right:20px;border-top:10px solid #D8EFFF;padding:0;height:30px;overflow:visible;line-height:20px;text-align:right;width:180px;text-transform:uppercase;background:#ffffff;} #hpbody #boxies .boxItem p.continueReading a {position:relative;overflow:visible;float:right;text-indent:40px;font-weight:bold;text-decoration:none;line-height:29px;font-size:90%;height:29px;} #hpbody #boxies .boxItem p.continueReading a:hover {text-decoration:underline;} #hpbody #boxies .boxItem p.continueReading a span {position:absolute;background: url('../images/layout/leaves.png') 0 0 no-repeat;height:34px;width:33px;top:-10px;left:0;} #bubbleLand {position:absolute;right:0;top:0;z-index:100;} #bubbleLand.hp {float:right;width:263px;height:70px;overflow:visible;} #bubbleLand.hp .baby {position:absolute;height:203px;width:157px;right:0;margin-right:0;top:0;margin-top:-98px;} #bubbleLand.hp .baby span {background: url('../images/hp/bubble-baby.png') 0 0 no-repeat;} #bubbleLand.hp #bubble {position:absolute;height:158px;width:318px;right:0;margin-right:117px;top:0;margin-top:-145px;} #bubbleLand.hp #bubble a {text-decoration:none;} #bubbleLand.hp #bubble span {background: url('../images/hp/bubble-hp.png') 0 0 no-repeat;z-index:99;} #bubbleLand.hp #bubble p {position:relative;z-index:100;padding:25px 40px;font-size:22px;font-weight:bolder;text-align:center;margin-left:-13px;font-family: calibri, Arial, Verdana, sans-serif;line-height: 110%;} #hpbody .bioHamanekImg {position:absolute;width:263px;height:121px;overflow:visible;right:0;top:80px;float:right;z-index:99;} #hpbody .bioHamanekImg h3 {padding:2ex;font-size:150%;color:#017453;margin:0;line-height:100%} #hpbody .bioHamanekImg p {color:#017453;padding:2.5ex;font-size:120%;line-height:1.5;margin:0;} #hpbody .bioHamanekImg p a {display:block;font-size:125%;font-weight:bold;} #hpbody .bioHamanekImg span {position:absolute;top:0;right:0;height:121px;width:263px;background: url('../images/hp/box-bio-hamanek.jpg') 0 0 no-repeat;} #rcol {position:relative;float:right;width:630px;overflow:visible;z-index:50;} #lcol {position:relative;float:left;width:260px;overflow:visible;z-index:50;top:0;left:0;min-height:400px;} #wcol {position:relative;float:left;width:990px;overflow:visible;z-index:50;top:0;left:0;min-height:400px;} #breadcrumb {position:relative;width:606px;padding:4px 0 0 16px;overflow:hidden;} #breadcrumb p {padding:0 15px 10px 8px;font-size:110%;line-height:110%;background: url('../images/layout/breadcrumb-hp.gif') left 3px no-repeat;width:581px;color:#666;width:580px;} #breadcrumb p span {float:left;padding:1px 11px 1px 5px;background: url('../images/layout/breadcrumb.gif') right 5px no-repeat;} #breadcrumb p span span {position:absolute;width:0;height:0;overflow:hidden;} #breadcrumb p strong {float:left;padding:1px 0 1px 5px;font-weight:normal;} #breadcrumb p a {color:#888;} #filtering form, #filtering fieldset {border:0;} #filtering, #rcol .boxBase {position:relative;width:620px;background: url('../images/layout/box-bg.png') -620px 100% no-repeat;overflow:hidden;z-index:50;} #filtering form, #rcol .boxBase .title {padding:7px 7px 7px 7px;position:relative;z-index:50;color:#146299;background: url('../images/layout/box-bg.png') -1240px 0 no-repeat;} #filtering {margin:0 0 5px 10px;padding:0 0 8px 0;} #rcol .boxBase {margin:0 0 0 10px;padding:0 0 3px 0;} #filtering.onlyTitle {padding:0;} #rcol .boxBase .title {padding:7px 7px 0 7px;} #filtering form h3, #rcol .boxBase .title h3 {height:17px;color:#146299;font-size:160%;line-height:16px;padding:7px 12px 7px;} #filtering form div {float:left;height:84px;width:auto;padding:14px 0 4px 14px;} #filtering form div h4, #mapFilter .advancedMap h4 {font-size:120%;float:left;padding-right:7px;padding-top:2px;line-height:120%;} #filtering form div p, #mapFilter .advancedMap p {font-size:120%;height:80px;float:left;padding:0 10px 0 0;position:relative;} #filtering.aktivity form div p, #filtering.aktivity form div {height:auto;} #filtering form div p span, #mapFilter .advancedMap p span {clear:both;display:block;position:relative;line-height:120%;padding:0 0 3px 0;} #filtering form div p.br, #mapFilter .advancedMap p.br {border-right:1px solid #B9DCEC;padding:0 15px 0 0;} #filtering form div p input, #mapFilter .advancedMap p input {vertical-align:middle;font-size:100%;position:relative;top:-1px;cursor:pointer;} #filtering form div p label, #mapFilter .advancedMap p label {line-height:150%;padding:0 0 0 1px;cursor:pointer;font-size:100%;} #filtering form div.druh {} #filtering form div.odMesice, #mapFilter .advancedMap div.odMesice {padding:14px 0 4px 10px;} #filtering form div.odMesice p {height:65px;} #filtering form div.odMesice p.cb {height:auto;margin:0;padding:0 15px 5px 0;float:none;text-align:right;} #filtering form div.akcniEtc {} #filtering form div.btns, #filtering form div.btns2 {float:right;padding:14px 0 0 0;overflow:visible;width:115px;} #filtering.aktivity form div.btns2 {padding:0 0 0 12px;width:205px;float:left;} #filtering form div.btns p, #filtering form div.btns2 p {display:block;font-size:110%;font-weight:bolder;height:auto;padding:0 14px 5px 0;text-align:center;width:101px;} #filtering form div.btns p.cancelFilter, #filtering form div.btns2 p.cancelFilter {padding:3px 14px 5px 0;font-weight: normal;} #filtering.aktivity form div {padding-left:12px;} #filtering.aktivity form div.btns2 p {float:right;} #filtering.aktivity form div.btns2 p.cancelFilter {clear:none;float:left;width:auto;padding:8px 0 0 3px;text-align:left;} #filtering.aktivity form div.krajEtc p {width:190px;} #filtering.aktivity form div.krajEtc p label {font-weight:bolder;padding-top:0;width:60px;float:left;margin-top:-1px;} #filtering.aktivity form div.krajEtc p span {clear:both;display:block;height:25px;padding-top:2px;} #filtering.aktivity form div.krajEtc p span input, #filtering.aktivity form div.krajEtc p span select {position:relative;border:1px solid #A7D4F0;background:#ffffff;font-size:100%;width:125px;float:right;margin:0;} #filtering.aktivity form div p.br {padding-right:10px;} #filtering form div#advancedFilter {padding:0;float:none;clear:both;position:relative;height:0;overflow:hidden;width:100%;} #filtering form div#advancedFilter.opened {height:50px;} #filtering form div#advancedFilter div.adv {padding:3px 14px 5px 0;float:none;clear:both;position:absolute;top:0;left:0;width:100%;height:auto;} #filtering form div#advancedFilter div.adv div {position:relative;height:auto;width:100%;padding:0 0 4px 14px;} #filtering form div#advancedFilter div.adv div p {height:auto;float:none;} #filtering form div#advancedFilter div.adv div p span {float:left;clear:none;padding:0 8px 0 0;word-spacing:-2px;} #filtering form div#advancedFilter div.adv div p span label {font-size:91.67%;} #filtering form div#advancedFilter div.adv h4 {float:left;clear:both;position:relative;top:0;left:0;width:120px;} #filtering form div#advancedFilter div.adv h4 label {font-weight:bold;} #filtering form div#advancedFilter div.adv h4 span {text-decoration: underline;} #filtering form div#advancedFilter div.adv p {float:left;clear:none;position:relative;top:0;left:0;width:auto;padding:0;} #rcol #products {width:613px;position:relative;padding:0 0 0 13px;z-index:50;} #rcol #products .product {position:relative;width:196px;height:243px;padding:0 4px 7px 4px;background-image: url('../images/layout/product-bgs.png');background-repeat: no-repeat;background-position: 4px 0;float:left;margin:0;overflow:hidden;z-index:50;} #rcol #products div.red {background-position:4px 0;} #rcol #products div.green {background-position:4px -250px;} #rcol #products div.orange {background-position:4px -500px;} #rcol #products .product p.desc {position:absolute;overflow:hidden;top:8px;right:11px;height:67px;width:47px;font-size:100%;text-align:left;line-height:150px;z-index:45;} #rcol #products .product p.desc span, #rcol .textual #productImage h4.desc span {position:absolute;top:0;left:0;width:148px;height:67px;background: url('../images/layout/product-od-mesice.gif') 0 0 no-repeat;overflow:hidden;} #rcol #products div.red p.desc span, #rcol .textual #productImage.red h4.desc span {margin-left:-100px;} #rcol #products div.green p.desc span, #rcol .textual #productImage.green h4.desc span {margin-left:0;} #rcol #products div.orange p.desc span, #rcol .textual #productImage.orange h4.desc span {margin-left:-50px;} #rcol #products .product p.desc strong, #rcol .textual #productImage h4.desc strong {color:#fff;font-size:260%;font-weight:bold;display:block;position:absolute;top:0;left:0;line-height:78px;width:53px;letter-spacing: -1px;text-align:center;z-index:45;} #rcol .textual #productDetail {position:relative;width:604px;padding:0 0 15px 16px;} #rcol .textual #productDetail p {padding:8px 10px 0 0;font-size:120%;line-height:1.417;} #rcol .textual #productImage {position:relative;float:left;padding:15px 10px 0 0;} /* -- zarovnany vpravo -- #rcol .textual #productImage {position:relative;float:left;padding:15px 0 0 10;} */ #rcol .textual #productImage h4.desc {top:0;left:0;position:relative;float:left;overflow:hidden;height:67px;width:47px;font-size:100%;text-align:left;line-height:150px;display:inline;margin-left:-10px;} #rcol .textual #productImage img {border:0;display:block;padding:20px 5px 40px 15px;float:left;position:relative;} #rcol .textual #productImage h3 {font-size:100%;position:relative;top:0;left:0;display:block;float:left;overflow:hidden;} #rcol .textual #productImage h3 span.fg {position:absolute;left:50%;bottom:15px;margin:0 0 0 -85px;overflow:hidden;width:180px;height:80px;} #rcol .textual #productImage h3 span.fg span {position:absolute;left:0;top:0;width:600px;height:78px;background: url('../images/layout/product-mask.png') 0 0 no-repeat;} #productDetail div.clearfix {width:200px;position:relative;padding:10px 0;clear:left;} #productDetail .symbols {position:relative;} #productDetail .symbols li {position:relative;float:left;width:40px;height:40px;overflow:hidden;display:inline;} #productDetail .symbols li span {top:0;left:0;position:absolute;background: url('../images/layout/product-icos-all.png') 0 0 no-repeat;height:40px;width:440px;} #productDetail .symbols li.wBio span {margin-left: -360px;} #productDetail .symbols li.nMilk span {margin-left: -200px;} #productDetail .symbols li.wMilk span {margin-left: -320px;} #productDetail .symbols li.nLepek span {margin-left: -160px;} #productDetail .symbols li.nChemic span {margin-left: -120px;} #productDetail .symbols li.nSugar span {margin-left:0;} #productDetail .symbols li.nSalt span {margin-left: -400px;} #productDetail .symbols li.nColor span {margin-left: -80px;} #productDetail .symbols li.nAromat span {margin-left: -40px;} #productDetail .symbols li.wVitC span {margin-left: -280px;} #rcol .textual #productDetail p.advInfo {padding-top:20px;} #rcol .textual #productDetail p.advInfo, #productDetail p.social {padding-bottom:5px;} #rcol .textual #productDetail p.social {height:18px;} #rcol .textual #productDetail p.social a {margin-right:15px;line-height:18px;float:left;} #rcol .textual #productDetail p.advActions, #rcol .textual #page_content p.advActions {padding:15px 0 0 0;border-top:1px solid #B7E4F7;margin-top:15px;height:20px;overflow:visible;clear:both;} #rcol .textual #productDetail p.advActions a, #rcol .textual #page_content p.advActions a {float:right;margin-left:15px;} #products .product .new {position:absolute;overflow:hidden;top:7px;left:11px;height:11px;width:63px;font-size:100%;text-align:left;z-index:45;color:#B51C29;} #products .product .new span {position:absolute;top:0;left:0;width:100%;height:100%;background: url('../images/layout/product-novinka.gif') 0 0 no-repeat;} #products .product .akce {position:absolute;overflow:hidden;bottom:12px;left:50%;margin-left:-57px;height:19px;width:115px;text-align:center;font-size:100%;color:red;z-index:45;line-height:19px;color:#B51C29;} #products .product .akce span {position:absolute;top:0;left:0;width:100%;height:100%;background: url('../images/layout/product-akcni-nabidka.png') 0 0 no-repeat;} #products .product h2 {position:relative;top:0;left:0;padding:5px 7px 0 7px;line-height:120%;font-size:120%;font-weight:normal;height:182px;width:182px;text-align:center;z-index:50;} #products .product h2 a {display:block;height:30px;width:176px;position:relative;padding:150px 3px 0 3px;z-index:49;background: url('../images/layout/spacer.gif') 0 0 repeat;overflow:hidden;text-align:center;} #products .product img {display:block;position:absolute;z-index:49;top:10px;left:50%;margin-left:-50px;z-index:48;} #products div.red img {padding-left:6px;} #products div.green img {padding-left:2px;} #products div.orange img {padding-left:2px;} #products .product h2 span {position:absolute;z-index:40;top:70px;left:10px;width:600px;height:78px;background: url('../images/layout/product-mask.png') 0 0 no-repeat;} #products div.green h2 span, #productImage.green h3 span.fg span {margin-left:-200px;} #products div.orange h2 span, #productImage.orange h3 span.fg span {margin-left:-400px;} #products .symbols {list-style-type:none;display:block;width:176px;padding:3px 0 0 11px;height:60px;position:relative;} #products .symbols li {display:inline;line-height:80px;overflow:hidden;position:relative;float:left;height:24px;width:24px;background-repeat:no-repeat;background-position:0 0;cursor:help;} #products .symbols li.wBio, .productsLegend li.wBio span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.wBio span {background-image: url('../images/layout/ico/bio-vyrobek.png');width:27px;} #products .symbols li.nMilk, .productsLegend li.nMilk span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nMilk span {background-image: url('../images/layout/ico/bez-mlecne-slozky.png');} #products .symbols li.wMilk, .productsLegend li.wMilk span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.wMilk span {background-image: url('../images/layout/ico/obsahuje-mlecnou-slozku.png');} #products .symbols li.nLepek, .productsLegend li.nLepek span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nLepek span {background-image: url('../images/layout/ico/bez-lepku.png');} #products .symbols li.nChemic, .productsLegend li.nChemic span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nChemic span {background-image: url('../images/layout/ico/bez-chemickych-konzervantu.png');} #products .symbols li.nSugar, .productsLegend li.nSugar span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nSugar span {background-image: url('../images/layout/ico/bez-pridaneho-cukru.png');} #products .symbols li.nSalt, .productsLegend li.nSalt span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nSalt span {background-image: url('../images/layout/ico/bez-soli.png');} #products .symbols li.nColor, .productsLegend li.nColor span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nColor span {background-image: url('../images/layout/ico/bez-umelych-barviv.png');} #products .symbols li.nAromat, .productsLegend li.nAromat span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.nAromat span {background-image: url('../images/layout/ico/bez-umelych-aromat.png');} #products .symbols li.wVitC, .productsLegend li.wVitC span, #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li.wVitC span {background-image: url('../images/layout/ico/obohaceno-vitaminem-c.png');} #bubbleInfoSymbol {position:absolute;z-index:9999;width:98px;height:48px;top:300px;left:300px;margin-top:26px;margin-left:-40px;background: url('../images/layout/spacer.gif') 0 0 repeat;} #bubbleInfoSymbol span.fg {position:absolute;top:0;left:0;width:78px;padding:11px 10px 11px 10px;line-height:120%;font-size:100%;height:26px;z-index:9999;} #bubbleInfoSymbol span.bg {position:absolute;top:0;left:0;width:98px;height:48px;background: url('../images/layout/bubble-info.png') 0 0 no-repeat;z-index:9998;} #lcol div.leftMenu {background:#fff url('../images/layout/products-menu.png') -520px 100% no-repeat;position:relative;width:260px;overflow:hidden;padding:0 0 15px 0;} #lcol div.leftMenu div {padding:18px 0 0 0;background: url('../images/layout/products-menu.png') 0 0 no-repeat;position:relative;} #lcol div.leftMenu ul li div {padding:0;background:transparent none;overflow:hidden;} #lcol div.leftMenu ul li div.collapsed {height:0;} #lcol div.leftMenu ul {margin:0;padding:0;background: url('../images/layout/products-menu.png') -260px 0 repeat-y;} #lcol div.leftMenu ul li {padding:0 18px 4px 18px;position:relative;font-size:130%;} #lcol div.leftMenu ul li a, #lcol div.leftMenu ul li strong {display:block;height:31px;line-height:30px;font-size:100%;text-indent:7px;font-weight:bold;background: #C6E5F3 url('../images/layout/products-menu-li.png') 0 0 no-repeat;color:#146299;text-decoration: none;} #lcol div.leftMenu ul li a:hover, #lcol div.leftMenu ul li strong, #lcol div.leftMenu ul li.active strong.categ a, #lcol div.leftMenu ul li.active strong.categ {color:#003B63;background-position: 0 -31px;} #lcol div.leftMenu ul li ul {margin:0;background: none;padding:0 0 1px 0;font-weight:normal;font-size:76.92%;} #lcol div.leftMenu ul li ul li {padding:3px 0 0 27px;height:auto;width:204px;background: url('../images/layout/products-menu-li-li.gif') 14px 9px no-repeat;clear:left;font-size:100%;} #lcol div.leftMenu ul li ul li a,#lcol div.leftMenu ul li ul li strong {background:none;font-size:120%;height:auto;line-height:120%;text-indent:0;padding:3px 0;font-weight:normal;color:#146299;width:197px;} #lcol div.leftMenu ul li ul li.active {background-position: -286px 9px;} #lcol div.leftMenu ul li ul li strong {font-weight:bold;color:#004A78;} #lcol div.leftMenu ul li ul li a:hover {text-decoration: underline;color:#000;} #lcol div.leftMenu ul li ul li ul li, #lcol div.leftMenu ul li ul li ul li a { width: 170px; } #lcol div.productsBaby {height:200px;width:100%;overflow:visible;position:relative;padding:10px 0;} #lcol div.productsBaby span.bg {position:absolute;top:10px;left:0;margin-left:-16px;height:190px;width:289px;background: url('../images/layout/product-menu-baby.jpg') 0 0 no-repeat;} #lcol div.productsBaby p {position:absolute;top:32px;left:100px;width:150px;height:75px;overflow:hidden;font-size:14px;font-weight:bold;text-align:center;font-family: calibri, Arial, Verdana, sans-serif;line-height:110%;text-align:center;} #lcol div.productsBaby a {text-decoration:none;} #bubble_small {height:200px;width:100%;overflow:visible;position:relative;padding:10px 0; background: url('../images/layout/product-menu-baby.jpg') 0 30px no-repeat;} #bubble_small p {position:absolute;top:32px;left:100px;width:150px;height:75px;overflow:hidden;font-size:14px;font-weight:bold;text-align:center;font-family: calibri, Arial, Verdana, sans-serif;line-height:110%;text-align:center;} #bubble_small a {text-decoration:none !important;color:#009DE0 !important;} #lcol div.productsLegend {position:relative;width:260px;padding:0 0 15px 7px;} #lcol div.productsLegend h3 {font-size:140%;border-bottom:1px solid #009de0;padding:5px 0 7px 0;} #lcol div.productsLegend ul {padding:10px 0 0 0;margin:0;width:261px;} #lcol div.productsLegend ul li {float:left;display:block;margin:0;width:130px;height:35px;background: url('../images/layout/product-legend.png') 35px 0 no-repeat;overflow:hidden;} #lcol div.productsLegend ul li span {display:block;margin:0;padding:0 10px 2px 38px;height:26px;font-size:110%;line-height:120%;background-repeat: no-repeat;background-position:5px 2px;width:83px;} #lcol div.productsLegend ul li.wBio span, #lcol div.productsLegend ul li.nLepek span, #lcol div.productsLegend ul li.nSalt span {line-height:26px;width:83px;} #lcol div.productsLegend ul li.wBio,#lcol div.productsLegend ul li.wVitC {background-position: 35px -33px;} #lcol div.leftBanner {position:relative;width:246px;height:118px;padding:5px 5px 5px 5px;background: url('../images/layout/left-menu-banner.png') center center no-repeat;overflow:hidden;} #lcol div.leftBanner p {font-size:200%;font-family:Calibri, Arial, Verdana, lucida, sans-serif;line-height:100%;color:#00498b;} #lcol div.leftBanner p a {color:#00498b;text-decoration:none;display:block;padding:18px 15px 15px 55px;text-indent:-35px;height:74px;} #lcol div.leftBanner p a:hover, #lcol div.leftBanner p a:hover strong, #lcol div.leftBanner p a:hover span {color:#000000;text-decoration:none;} #lcol div.leftBanner p strong {color:#0575ba;display:block;text-indent:7px;font-weight:normal;} #lcol div.leftBanner p a span span {font-size:150%;line-height:15px;} #rcol .textual {position:relative;width:630px;background-color:#fff;z-index:50;} #rcol .textual .wysiwyg {position:relative;width:604px;font-size:120%;padding:0 0 0 16px;} #rcol .textual .padded {position:relative;width:604px;padding:0 0 0 16px;} #rcol .textual .wysiwyg h1, #rcol .textual h1 {font-size:166.66%;padding:5px 0 10px 0;text-indent:1px;} #rcol .textual .wysiwyg h2, #rcol .textual h2 {font-size:133.33%;padding:3px 0 5px 0;text-indent:1px;} #rcol .textual .wysiwyg h3 {font-size:108.33%;padding:5px 0 0 0;} #rcol .textual .wysiwyg h4 {font-size:100%;padding:3px 0 0 0;font-style:italic;} #rcol .textual .wysiwyg p {padding:8px 0 10px 0;line-height:1.417;} #rcol .textual .wysiwyg img {border:1px solid #CEDDE4;padding:5px;background:#fff;} #rcol .textual .wysiwyg img.noborder { border: none; } #rcol .textual .wysiwyg .rImg {float:right;margin:0 0 5px 10px} #rcol .textual .wysiwyg .lImg {float:left;margin:0 10px 5px 0;} #rcol .textual .wysiwyg .newslist h2 span {display:block;font-size:62.5%;line-height:100%;padding:3px 1ex;float:right;text-align:center;font-weight: normal;word-spacing:-2px;} #rcol .textual .wysiwyg .newslist h2 {clear:both;margin:0;} #rcol .textual .wysiwyg .newslist p.date {padding:0;font-weight:bolder;} #rcol .textual .wysiwyg .newslist p.tar {padding:0 0 0 0;} #rcol .textual .wysiwyg ul, #rcol .textual .wysiwyg ol {padding:15px 10px;} #rcol .textual .wysiwyg ul li, #rcol .textual .wysiwyg ol li {background: url('../images/layout/list-bullet.png') 0 2px no-repeat;padding:0 0 5px 25px;} #rcol .textual .wysiwyg ul.newslist .imgInstead {height:80px;width:180px;border:1px solid #CEDDE4;padding:5px;background:#fff;float:right;margin:0 0 5px 10px;} #rcol .textual .wysiwyg div.newslist .imgInstead {display:none;} #rcol .textual .wysiwyg ul.newslist li {padding:10px 0 10px;border-bottom:1px solid #BBECF9;display:inline-block;width:100%;background:transparent none;} #rcol .textual .wysiwyg ul.newslist li:after {clear: both;content: '';display: block;height: 0;visibility: hidden;} .wysiwyg h1, #rcol .textual h1 {font-size:166.66%;padding:5px 0 10px 0;text-indent:1px;} .wysiwyg h2, #rcol .textual h2 {font-size:133.33%;padding:3px 0 5px 0;text-indent:1px;} .wysiwyg h3 {font-size:108.33%;padding:5px 0 0 0;} .wysiwyg h4 {font-size:100%;padding:3px 0 0 0;font-style:italic;} .wysiwyg p {padding:8px 0 10px 0;line-height:1.417;} .wysiwyg img {border:1px solid #CEDDE4;padding:5px;background:#fff;} .wysiwyg img.noborder { border: none; } .wysiwyg .rImg {float:right;margin:0 0 5px 10px} .wysiwyg .lImg {float:left;margin:0 10px 5px 0;} .wysiwyg .newslist h2 span {display:block;font-size:62.5%;line-height:100%;padding:3px 1ex;float:right;text-align:center;font-weight: normal;word-spacing:-2px;} .wysiwyg .newslist h2 {clear:both;margin:0;} .wysiwyg .newslist p.date {padding:0;font-weight:bolder;} .wysiwyg .newslist p.tar {padding:0 0 0 0;} .wysiwyg ul, #rcol .textual .wysiwyg ol {padding:15px 10px;} .wysiwyg ul li, #rcol .textual .wysiwyg ol li {background: url('../images/layout/list-bullet.png') 0 2px no-repeat;padding:0 0 5px 25px;} .wysiwyg ul.newslist .imgInstead {height:80px;width:180px;border:1px solid #CEDDE4;padding:5px;background:#fff;float:right;margin:0 0 5px 10px;} .wysiwyg div.newslist .imgInstead {display:none;} .wysiwyg ul.newslist li {padding:10px 0 10px;border-bottom:1px solid #BBECF9;display:inline-block;width:100%;background:transparent none;} .wysiwyg ul.newslist li:after {clear: both;content: '';display: block;height: 0;visibility: hidden;} body.wysiwyg {background:#fff;margin:10px;overflow:auto;text-align:left;font-size:80%;} .wysiwyg .pdf, .wysiwyg .linkuj, .wysiwyg .facebook, .wysiwyg .twitter, .wysiwyg .print, .wysiwyg .send, .textual .pdf, .textual .linkuj, .textual .facebook, .textual .twitter, .textual .print, .textual .send {padding-left:20px;background-image: url('../images/layout/ico/user-actions.png');background-repeat:no-repeat;padding-bottom:1px;} .wysiwyg .pdf, .textual .pdf {background-position:0 0;} .wysiwyg .linkuj, .textual .linkuj {background-position:0 -48px;} .wysiwyg .facebook, .textual .facebook {background-position:0 -96px;} .wysiwyg .twitter, .textual .twitter {background-position:0 -144px;} .wysiwyg .print, .textual .print {background-position:0 -192px;} .wysiwyg .send, .textual .send {background-position:0 -240px;} #rcol .textual div.boxOut {width:620px;position:relative;background: url('../images/layout/box-bg.png') -620px 100% no-repeat;margin-left:-7px;padding:0 0 7px 0;} #rcol .textual div.boxOut .boxOutIn {position:relative;width:600px;padding:0px 15px 7px 5px;background: url('../images/layout/box-bg.png') 0 0 no-repeat;} #rcol .textual div.boxOut .boxOutIn .boxCats {position:relative;display:block;width:100%;} #rcol .textual div.boxOut .boxOutIn .boxCats li {float:left;position:relative;height:98px;width:106px;background: url('../images/layout/box-small.png') 6px 6px no-repeat;padding:6px;overflow:hidden;margin:0;} #rcol .textual div.boxOut .boxOutIn .boxCats li a, #rcol .textual div.boxOut .boxOutIn .boxCats li strong {position:relative;margin:0 4px;display:block;height:106px;width:98px;} #rcol .textual div.boxOut .boxOutIn .boxCats li span {position:relative;top:65px;width:98px;left:0;line-height:15px;font-size:100%;text-align:center;display:block;font-weight:bold;} #rcol .textual div.boxOut .boxOutIn .boxCats li span.doubleLine {line-height:28px;} #rcol .textual div.boxOut .boxOutIn .boxCats li a img, #rcol .textual div.boxOut .boxOutIn .boxCats li strong img {border:0;margin:0 auto;padding:0;position:absolute;top:4px;left:0;} #rcol .textual #sitemap {padding:0 0 0 10px;} #rcol .textual #sitemap li {list-style:none;padding-top:2px;padding-bottom:8px;} #rcol .textual #sitemap ul, #rcol .textual #sitemap ol {font-size:91.67%;padding:5px 0 0 24px;} #rcol .textual #sitemap ul li, #rcol .textual #sitemap ol li {list-style-type:circle;color:#6DB1D5;background:transparent none;padding:1px 0 2px;margin:0;} #rcol #productChooser {position:relative;width:100%;height:550px;} #rcol #productChooser ul.withBg {position:absolute;top:30px;left:0;width:675px;height:500px;overflow:hidden;margin-left:-25px;background: url('../images/layout/products-rozcestnik.jpg') 0 0 no-repeat;} #rcol #productChooser ul li, #rcol #productChooser ul, #rcol #productChooser h2, #rcol #productChooser h3 {position:absolute;margin:0;padding:0;top:0;left:0;white-space:nowrap;} #rcol #productChooser li h2, #rcol #productChooser li h3, #rcol #productChooser li li {overflow:hidden;} #rcol #productChooser li li span, #rcol #productChooser ul h2 span, #rcol #productChooser ul h3 span {position:absolute;top:0;left:0;background: url('../images/layout/products-rozcestnik.jpg') 0 0 no-repeat;height:445px;width:675px;} #rcol #productChooser li li a, #rcol #productChooser li h2 a, #rcol #productChooser li h3 a {position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;} #rcol #productChooser li li a {font-size:150%;} #rcol #productChooser ul li.hamanek h2 {left:110px;top:20px;height:40px;width:142px;line-height:20px;font-size:200%;} #rcol #productChooser ul li.hamanek h2 span {background-position:-110px -20px;} #rcol #productChooser ul li.bioHamanek h2 {left:415px;top:0;height:60px;width:132px;line-height:60px;font-size:200%;} #rcol #productChooser ul li.bioHamanek h2 span {background-position:-415px -0px;} #rcol #productChooser ul li.hamanek li.ovocne {top:76px;left:130px;width:190px;height:90px;} #rcol #productChooser ul li.hamanek li.ovocne span {background-position:-130px -76px;} #rcol #productChooser ul li.hamanek li.masozel {top:172px;left:35px;width:237px;height:90px;} #rcol #productChooser ul li.hamanek li.masozel span {background-position:-35px -172px;} #rcol #productChooser ul li.hamanek li.napoje {top:268px;left:98px;width:193px;height:103px;} #rcol #productChooser ul li.hamanek li.napoje span {background-position:-98px -268px;} #rcol #productChooser ul li.bioHamanek li.ovocne {top:78px;left:340px;width:202px;height:89px;} #rcol #productChooser ul li.bioHamanek li.ovocne span {background-position:-340px -78px;} #rcol #productChooser ul li.bioHamanek li.masozel {top:172px;left:421px;width:223px;height:89px;} #rcol #productChooser ul li.bioHamanek li.masozel span {background-position:-421px -172px;} #rcol #productChooser ul li.bioHamanek li.napoje {top:265px;left:383px;width:198px;height:108px;} #rcol #productChooser ul li.bioHamanek li.napoje span {background-position:-383px -265px;} #rcol #productChooser ul li.special h2 {left:260px;top:390px;height:49px;width:168px;line-height:20px;overflow:visible;font-size:130%;} #rcol #productChooser ul li.special h2 span {width:168px;height:49px;background: url('../images/layout/products-rozcestnik-special.png') 0 0 no-repeat;} #rcol #productChooser ul li.special h2 a {position:absolute;top:0;left:0;height:100%;width:100%;line-height:46px;text-align: center;background: url('../images/layout/spacer.gif') 0 0 repeat;color:#004789;text-decoration:none;} #rcol #productChooser ul li.special h2 img {display:block;margin:-75px auto 0 auto;position:relative;} #rcol #productChooser ul li.novinky h3 {left:240px;top:461px;height:17px;width:69px;line-height:17px;overflow:hidden;font-size:100%;text-align:center;font-weight:normal;} #rcol #productChooser ul li.novinky span {background: url('../images/layout/novinky.png') 3px 3px no-repeat;} #rcol #productChooser ul li.akcniNabidka h3 {left:330px;top:460px;height:19px;width:115px;line-height:19px;overflow:hidden;font-size:100%;text-align:center;font-weight:normal;} #rcol #productChooser ul li.akcniNabidka span {background: url('../images/layout/akcni-nabidky.png') 0 0 no-repeat;} #rcol .pagination {position:relative;height:25px;clear:both;padding:15px 0 10px;width:600px;overflow:hidden;} #rcol .paginationIn {position:relative;top:0;left:50%;height:21px;margin:0;float:left;text-align:left;color:#666666;line-height:21px;} #rcol .paginationIn ul {position:relative;left:-50%;padding:0 !important;margin:0 !important;height:21px;display:block;white-space:nowrap;} #rcol .paginationIn ul li {font-size:110%;padding:0 !important;margin:0 !important;display:inline;} #rcol .paginationIn span {position:relative;float:left;margin:0 1px;} #rcol .paginationIn strong {position:relative;float:left;display:inline;margin:0 1px;letter-spacing:2px;font-weight:bold;color:#000;} #rcol .paginationIn a, #rcol .paginationIn strong, #rcol .paginationIn del {letter-spacing:0;position:relative;display:inline;float:left;padding:0 7px;height:21px;margin:0 2px;text-indent:-1px;overflow:hidden;text-decoration:none;text-align:center;text-transform:lowercase;} #rcol .paginationIn a {text-decoration:underline;} #rcol .paginationIn del {color:#999999;text-decoration:line-through;} #rcol .paginationIn li.next a {padding-right:17px;background: url('../images/layout/pagination.png') 100% 4px no-repeat } #rcol .paginationIn li.next del {padding-right:17px;background: url('../images/layout/pagination-off.png') 100% 4px no-repeat;} #rcol .paginationIn li.prev a {padding-left:17px;background: url('../images/layout/pagination.png') 0 -19px no-repeat } #rcol .paginationIn li.prev del {padding-left:17px;background: url('../images/layout/pagination-off.png') 0 -19px no-repeat;} #prodejnyList {position:relative;width:610px;padding:20px 0 20px 16px;overflow:hidden;height:auto;} #prodejnyList .prodejna {position:relative;float:left;width:101px;height:98px;overflow:visible;background-image:url('../images/map/prodejny-loga.png');background-repeat:no-repeat;} #prodejnyList .prodejna h3 a {line-height:250px;} #prodejnyList .prodejna h3 {position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;font-size:10px;} #prodejnyList .prodejna h3 a {position:absolute;top:0;left:0;height:98px;width:88px;padding:10px 0;background: url('../images/layout/spacer.gif') no-repeat;overflow:visible;} #prodejnyList .prodejna h3 a span {position:absolute;top:65px;left:0;width:88px;height:24px;background: url('../images/map/zobraz-vse.png') 0 0 no-repeat;visibility:hidden;} #prodejnyList .prodejna h3 a:hover {background-position:1px 1px;} #prodejnyList .prodejna h3 a:hover span {visibility:visible;} #prodejnyList .albert {background-position:0 8px;} #prodejnyList .tesco, #prodejnyList .tesko {background-position:-103px 8px;} #prodejnyList .lidl {background-position:-206px 8px;} #prodejnyList .globus {background-position:-307px 8px;} #prodejnyList .penny-market {background-position:-411px 8px;} #prodejnyList .kaufland {background-position:-514px 8px;} #prodejnyList .coop, #prodejnyList .terno {background-position:-617px 8px;} #prodejnyList .billa {background-position:-411px -82px;} #prodejnyList .interspar {background-position:-514px -82px;} #prodejnyList .lekarny, #prodejnyList .lekarna {background-position:-103px -82px;} #prodejnyList .e-shopy, #prodejnyList .e-shop {background-position:-307px -82px;} #prodejnyList .drogerie {background-position:-206px -82px;} #prodejnyList .maloobchodni-prodejna, #prodejnyList .maloobchodni-prodejny {background-position:0 -82px;} #prodejnyList div.lekarny h3 a, #prodejnyList div.lekarna h3 a, #prodejnyList div.e-shopy h3 a, #prodejnyList div.e-shop h3 a, #prodejnyList div.drogerie h3 a, #prodejnyList div.maloobchodni-prodejna h3 a, #prodejnyList div.maloobchodni-prodejny h3 a {padding:55px 0 10px 0;line-height:20px;font-size:10px;text-align:center;left:0;} #prodejnyList div.maloobchodni-prodejna h3 a, #prodejnyList div.maloobchodni-prodejny h3 a {line-height:10px;} #prodejnyList .prodejna span.nmb {width:41px;height:27px;position:absolute;height:27px;width:41px;top:0;left:57px;} #prodejnyList .prodejna span.nmb span {height:100%;width:100%;position:absolute;line-height:26px;font-size:12px;color:#866604;font-weight:bold;top:0;left:0;text-align: center;} #prodejnyList .prodejna span.nmb span.bg {background: url('../images/map/corner.png') 0 0 no-repeat;} #rcol #map_content {padding:0 0 20px 16px;} #rcol #map {height:340px;width:604px;position:relative;} #rcol #map_content .mapBubble {width:242px;position:relative;} #rcol #map_content .mapBubble div.fl {width:80px;text-align:center;height:80px;overflow:hidden;float:left;line-height:80px;} #rcol #map_content .mapBubble div.fr {width:160px;text-align:left;float:right;} #rcol #map_content .mapBubble h3, #rcol #map_content .mapBubble h4, #rcol #map_content .mapBubble p {clear:none !important;font-size:12px;} #rcol #map_content .mapBubble h3 {padding:0 10px 4px 0;font-weight:bolder;} #rcol #map_content .mapBubble h4 {padding:0 0 0 0;font-weight:bolder;} #rcol #map_content .mapBubble p {padding:4px 0 0 0;margin:0;} #mapFilter {position:relative;} #mapFilter form, #mapFilter fieldset {position:relative;border:0;margin:0;padding:0} #mapFilter fieldset {padding:14px 22px 24px;} #mapFilter h3 {font-size:130%;font-weight:bolder;padding:0 0 10px 0;} #mapFilter h3.bb {border-bottom:1px solid #B9DCEC;padding:20px 0 10px 0;} #mapFilter .withAdress p {padding:10px 0 1px 0;font-size:130%;text-align:left;} #mapFilter .withAdress p label {padding:2px 0 7px;} #mapFilter .withAdress p input, #mapFilter .withAdress p select {width:204px;padding:0;font-size:116.67%;border:0;background:transparent;display:block;margin:0 auto;} #mapFilter .withAdress p span {height:24px;display:block;padding:5px 0 0 0;line-height:27px;background: url('../images/map/input-bg.png') 0 100% no-repeat;width:210px;} #mapFilter .withAdress p select {} #mapFilter p.buttoned {text-align:right;background:none;width:210px;clear:both;padding:10px 0 0 0;height:30px;overflow:hidden;position:relative;} #mapFilter p.buttoned input {width:auto;margin:0;display:inline;} #mapFilter p.buttoned input.abshide {width:100px;position:absolute;top:-9999px;left:-9999px;} #mapFilter p.buttoned a {float:left;padding:6px 0;} #mapFilter {background: url('../images/map/filter-bg.png') -256px 0 repeat-y;width:256px;} #mapFilter form {background: url('../images/map/filter-bg.png') 0 0 no-repeat;} #mapFilter form fieldset {background: url('../images/map/filter-bg.png') -512px 100% no-repeat;} #mapFilter .advancedMap div h4 {display:block;float:none;width:100%;padding:5px 0 0 0;clear:both;} #mapFilter .advancedMap div {padding:0;border:0;} #lcol #mapFilter .advancedMap div.akcniEtc, #lcol #mapFilter .advancedMap div.akcniEtc p, #mapFilter .advancedMap div.druh {width:100%;padding:5px 0 0;height:auto;} #mapFilter .advancedMap div.akcniEtc span {width:49%;float:left;clear:none;} #mapFilter .advancedMap div.odMesice, #mapFilter .advancedMap div.odMesice p, #mapFilter .advancedMap div.odMesice p.br, #mapFilter .advancedMap div.druh, #mapFilter .advancedMap div.druh p, #mapFilter .advancedMap div.druh p.br {border:0;padding:5px 0 0 0;height:auto;} #mapFilter .advancedMap div.odMesice {width:66%;padding:10px 0;} #mapFilter .advancedMap div.odMesice p, #mapFilter .advancedMap div.odMesice p.br {width:33%;} #mapFilter .advancedMap div.druh span {float:left;white-space:nowrap;clear:none;padding-right:10px;} #rcol #detailProdejny {position:relative;z-index:50;} #rcol #detailProdejny .prodejnaMap {height:306px;overflow:hidden;background: url('../images/map/detail-adress.png') 0 0 no-repeat;width:600px;position:relative;z-index:48;} #rcol #detailProdejny .prodejnaMap div.adress {width:242px;padding:15px;position:absolute;top:0;left:0;height:140px;} #rcol #detailProdejny .prodejnaMap div.adress h3 {display:block;font-size:120%;padding:0 0 5px 0;} #rcol #detailProdejny .prodejnaMap div.adress h3 img {border:0;display:block;padding:0 0 20px 0;} #rcol #detailProdejny .prodejnaMap p {margin:0;font-size:120%;line-height:133.33%;padding:5px 0 0;} #rcol #detailProdejny .prodejnaMap p.backlink {width:232px;position:absolute;padding:0 10px 5px 15px;height:20px;margin:0;top:240px;} #rcol #detailProdejny .prodejnaMap p.backlink a {} #rcol #map-detail {float:right;width:325px;height:306px;position:relative;clear:none;} #rcol #mapDetailCanvas {position:relative;height:306px;width:325px;} #rcol #detailProdejny .prodejnaProdukty {width:604px;position:relative;padding:60px 0 100px;z-index:50;overflow:hidden;} #rcol #detailProdejny .prodejnaProdukty p.advText {padding:0 0 20px 0;font-size:120%;line-height:125%;} #rcol #detailProdejny .prodejnaProdukty h2 {padding:0;font-size:180%;} #rcol #detailProdejny .prodejnaProdukty ul {position:relative;width:100%;padding:20px 0 60px;z-index:50;} #rcol #detailProdejny .prodejnaProdukty ul li {position:relative;width:296px;overflow:visible;z-index:48;margin:2px 2px 0 0;float:left;display:inline;} #rcol #detailProdejny .prodejnaProdukty ul li h4 {font-size:110%;line-height:11px;padding:7px 5px 8px 27px;display:block;font-weight:normal;} #rcol #detailProdejny .prodejnaProdukty ul li h4 a {color:#1a278c;display:block;} #rcol #detailProdejny .prodejnaProdukty ul li span.od {float:left;width:22px;overflow:hidden;height:26px;line-height:26px;text-align:center;font-size:160%;font-weight:bold;letter-spacing:-2px;color:#ffffff;padding:0;text-indent:-1px;} #rcol #detailProdejny .prodejnaProdukty ul li span.od span {position:absolute;text-indent:-9999px;} #rcol #detailProdejny .prodejnaProdukty ul li.green h4 {background-color:#E1EEBC;} #rcol #detailProdejny .prodejnaProdukty ul li.red h4 {background-color:#FED3D3;} #rcol #detailProdejny .prodejnaProdukty ul li.orange h4 {background-color:#FEF8CF;} #rcol #detailProdejny .prodejnaProdukty ul li div {position:absolute;top:-200px;right:900px;overflow:hidden;z-index:48;} #rcol #detailProdejny .prodejnaProdukty ul li div {width:166px;height:188px;padding:5px 4px 7px 4px;background-image: url('../images/map/product-bgs-small.png');background-repeat: no-repeat;background-position: 4px 0;margin:0;overflow:hidden;} #rcol #detailProdejny .prodejnaProdukty ul li.doubleLine h4 {padding:1px 5px 3px 27px;} #rcol #detailProdejny .prodejnaProdukty ul li.hovered, #rcol #detailProdejny .prodejnaProdukty ul li:hover {z-index:50;} #rcol #detailProdejny .prodejnaProdukty ul li.red span.od {background: url('../images/map/detail-lis.png') 0 -30px no-repeat;} #rcol #detailProdejny .prodejnaProdukty ul li.green span.od {background: url('../images/map/detail-lis.png') 0 0 no-repeat;} #rcol #detailProdejny .prodejnaProdukty ul li.orange span.od {background: url('../images/map/detail-lis.png') 0 -60px no-repeat;} #rcol #detailProdejny .prodejnaProdukty ul li.hovered div, #rcol #detailProdejny .prodejnaProdukty ul li:hover div {top:-70px;right:0;visibility:visible;z-index:50;} #rcol #detailProdejny .prodejnaProdukty ul li div img {padding:0;background:transparent none;border:0;display:block;margin:0 auto;position:relative;z-index:50;} #rcol #detailProdejny .prodejnaProdukty ul li div span {position:absolute;z-index:49;top:67px;left:0;width:600px;height:78px;background: url('../images/layout/product-mask.png') 0 0 no-repeat;} #rcol #detailProdejny .prodejnaProdukty ul li.green div span {margin-left:-200px;} #rcol #detailProdejny .prodejnaProdukty ul li.orange div span {margin-left:-400px;} #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend {position:absolute;bottom:10px;width:155px;height:49px;left:10px;padding:0;margin:0;} #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li {float:left;height:24px;width:24px;position:relative;display:inline;overflow:hidden;line-height:60px;text-indent:-9999px;} #rcol #detailProdejny .prodejnaProdukty ul li div ul.productsLegend li span {position:absolute;top:0;left:0;width:24px;height:24px;margin:0 !important;} #rcol #prodejnyList #filterLoaderAnim {position:absolute;height:500px;width:700px;line-height:40px;padding:10px 0 0 16px;font-size:120%;left:0;top:0;background:#ffffff;text-align:left;} #prodejnyVypis {overflow:hidden;position:relative;padding:0 0 0 16px;width:600px;font-size:120%;} #prodejnyVypis div.kraj {padding:0 0 5px 0;position:relative;overflow:hidden;width:600px;} #prodejnyVypis div.krajin {margin-top:10px;position:relative;overflow:hidden;width:600px;} #prodejnyVypis h3 {font-size:133.33%;padding:5px 0;border-bottom:1px solid #10C2E0;position:relative;cursor:pointer;} #prodejnyVypis h4 {font-size:133.33%;padding:5px 0;position:relative;} #prodejnyVypis div.kraj h3 span {position:absolute;right:0;top:0;padding:5px;text-align:right;font-weight:bold;font-size:20px;} #prodejnyVypis table {width:600px;;border:0;font-size:100%;text-align:left;} #prodejnyVypis table thead th {font-weight:bold;padding:8px 6px;background: url('../images/map/tbl.png') center top no-repeat;font-size:100%;} #prodejnyVypis table td, #prodejnyVypis table tbody th {padding:9px 3px 9px 6px;vertical-align:top;font-size:100%;} #prodejnyVypis table tbody tr.o td, #prodejnyVypis table tbody tr.o th {background-color:#F2FBFF;} #prodejnyVypis table th.lt {width:80px;background: url('../images/map/tbl.png') 0 0 no-repeat;} #prodejnyVypis table th.rt {width:130px;background: url('../images/map/tbl.png') right top no-repeat;} #prodejnyVypis table th.l2 {width:200px;} #prodejnyVypis div.kraj tbody th {background-repeat:no-repeat;background-position:center center;} #prodejnyVypis div.tesco tbody th, #prodejnyVypis div.tesko tbody th {background-image:url('../images/map/ico-tesco-s.png');} #prodejnyVypis div.coop tbody th, #prodejnyVypis div.terno tbody th {background-image:url('../images/map/ico-coop-s.png');} #prodejnyVypis div.globus tbody th {background-image:url('../images/map/ico-globus-s.png');} #prodejnyVypis div.kaufland tbody th {background-image:url('../images/map/ico-kaufland-s.png');} #prodejnyVypis div.interspar tbody th {background-image:url('../images/map/ico-interspar-s.png');} #prodejnyVypis div.albert tbody th {background-image:url('../images/map/ico-albert-s.png');} #prodejnyVypis div.billa tbody th {background-image:url('../images/map/ico-billa-s.png');} #prodejnyVypis div.lidl tbody th {background-image:url('../images/map/ico-lidl-s.png');} #prodejnyVypis div.penny-market tbody th {background-image:url('../images/map/ico-penny-market-s.png');} #prodejnyVypis div.drogerie tbody th {background-image:url('../images/map/ico-drogerie-s.png');} #prodejnyVypis div.lekarny tbody th, #prodejnyVypis div.lekarna tbody th {background-image:url('../images/map/ico-lekarny-s.png');} #prodejnyVypis div.e-shopy tbody th, #prodejnyVypis div.e-shop tbody th {background-image:url('../images/map/ico-e-shopy-s.png');} #prodejnyVypis div.maloobchodni-prodejny tbody th, #prodejnyVypis div.maloobchodni-prodejna tbody th {background-image:url('../images/map/ico-maloobchod-s.png');} .form { background: url('../images/layout/form-mid.png') repeat-y; width: 605px; } .form-top { background: url('../images/layout/form-top.png') top no-repeat; } .form-btm { background: url('../images/layout/form-btm.png') bottom no-repeat; padding: 10px; } #page_content .form .f1, #page_content .form .f2 { padding: 5px 0; } #page_content .form label { width: 110px; float: left; padding: 5px 10px 0 0; text-align: right; } #page_content .form .f2 label { width: auto; text-align: left; } #page_content .form .f3 label { text-align: left; } #page_content .form input.inp1, #page_content .form input.inp2, #page_content .form .f1 select, #page_content .form .f1 textarea { width: 160px; float: left; border: 1px solid #408ec3; color: #5192af; padding: 5px; } #page_content .form input.inp2 { width: 20px; } #page_content .form .f1 select { width: 172px; } #page_content .form .f1 textarea { width: 452px; } #page_content .form .f2 input { float: left; } #page_content .form .f2 { float: left; } #page_content .form .button { float: right; margin-top: 10px; } #page_content #form_wysiwyg .f1{clear:both;} #flashBannerWrapper {position:absolute;top:0;left:0;height:100%;width:100%;text-align:left;z-index:9999999;display:none;} #flashBannerWrapper div {position:absolute;top:0;left:50%;width:560px;height:600px;display:inline;margin:0 0 0 -300px;} #flashBannerWrapper div.overlay {background:#fff;left:0;top:0;height:100%;width:100%;margin:0;opacity:0.5;} body#flash { background: none; }