body{color:#5E5D5E;background-color:#FFF;font-size:85%;letter-spacing:.03em;margin:0;padding:0} table{font-size:100%;border-collapse:collapse;margin:15px 0} td,th{color:#000;font-family:inherit;margin:0;padding:0} th{font-weight:700} form{display:inline} input,textarea,select{font-family:inherit;font-size:1em;border:0;background-color:#fff;border-radius:0;border:1px solid #ddd;max-width: 100%;} button{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;overflow: visible;text-transform: none;} button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;} label{cursor:pointer} ul{margin:0;padding:0;padding-left:20px;margin-left:20px;margin-top:5px;margin-bottom:5px} li{padding:0;margin:0} p{margin:0;padding:0;margin-top:5px;padding-right:5px;line-height:20.5px} img{border:0;padding:0;margin:0} fieldset{margin-bottom:1em;border:0;border-top:1px solid #D50069} fieldset.kontant{border-top:0;} legend{color:#D50069;text-align:center;font-size:1.6em;padding:0 20px} a:link,a{color:#D50069;text-decoration:underline} a:visited{color:#D50069} a:hover,a:active,a:focus{color:#000} h1,h2,h3,h4,h5,h6{padding:0;margin:0} h1{color:#D50069;font-size:1.4em} h2{font-size:1.6em;color:#D50069;margin-bottom:.2em} h3{color:#D50069;font-size:1.3em;font-weight:700;padding-top:1em} h4{font-size:1.1em;font-weight:700;padding-top:1em} h5{font-size:1em;padding-top:.8em} #cloud{padding:10px 15px;text-align:center;background-color:#eee;margin:25px 0;line-height:2.2em} #cloud a{text-decoration:underline} #cloud a:hover{text-decoration:none} #cloud h1,#cloud h2,#cloud h3,#cloud h4,#cloud h5{display:inline;margin:0;padding:0} #cloud h1{color:#f26521;font-size:1.8em} #cloud h1 a{color:#f26521} #cloud h2{color:#739e00;font-size:1.6em} #cloud h2 a{color:#739e00} #cloud h3{color:#f26521;font-size:1.4em;font-weight:400} #cloud h3 a{color:#f26521} #cloud h4{color:#739e00;font-size:1.2em;font-weight:700} #cloud h4 a{color:#739e00} #cloud h5{color:#f26521;font-size:1em;font-weight:700} #cloud h5 a{color:#f26521} .clearFloat{clear:both} .center{text-align:center} .errMsg{display:block;vertical-align:middle;padding:2px;padding-left:25px;padding-top:3px;border:1px solid #c12a2f;color:#c12a2f;font-weight:700;margin-top:5px} .infoMsg{display:block;vertical-align:middle;padding:2px;padding-left:25px;padding-top:3px;border:1px solid #d50069;color:#d50069;font-weight:700} .krk3 .errMsg{margin-bottom:1.5em;} .fileSize{float:left;height:17px;padding-top:3px;padding-right:10px} .hide{display:none} .noborder{border:0} .pointer{cursor:pointer} #dikZaEmail,#badEmail{font-weight:700;font-size:1.2em;padding:30px;margin-top:20px;border:1px solid #efa038;color:#efa038} #dikZaEmail.bad,#badEmail{color:#c12a2f;border:1px solid #c12a2f} .datatable{width:100%} .datatable th{font-weight:700;padding:.1em;padding-left:1em;background-color:#FFF;vertical-align:top} .datatable td{padding:.1em;padding-left:1em;background-color:#FFF} .datatable td.suda{background:#d50069;color:#fff} .datatable td.cena{text-align:right;white-space:nowrap} .datatable.basket td{padding:8px 0} .datatable.doprava{margin-top:15px} .datatable.doprava td.cenaDoprava{width:125px} .datatable.doprava td.cenaCelk{font-size:1.2em} .datatable.rozpis{margin-top:15px} .datatable.rozpis td.cenaDoprava{width:170px;text-align:right;padding-right:92px} .datatable.rozpis td.cenaCelk{font-size:1.2em;text-align:right;padding-right:85px} table.vanoceT td{vertical-align:top} table.vanoceT table td{padding:.5em .25em} .redizajn{position:absolute;top:0;left:0} .myBody{background:none;color:#000;overflow-x:hidden} body{font-family:Helvetica,Arial,sans-serif} .wf-active body{font-family:'Fira Sans',sans-serif} hr{border:1px solid #000} input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none} .datatable.hp{border-collapse:collapse;display:none} .datatable.hp ~ .cyclCont,.cyclCont{display:none} .HP .cyclCont{display:block} .menuText h2[style*="align:right"]{color:#000;text-transform:uppercase;padding-top:5px} .menuText h2 a[href*="e-shop"]{color:#D50069} #leftC #searchBlockC #doSearch.leftsearchform_btn{background:#d50069 url(/images/veci/lupa.png) center no-repeat;width:56px;height:36px;margin:0;color:#fff;text-align:center;font-weight:700;cursor:pointer;font-size:0;float:left} #ContainerC{width:100%;height:100%;text-align:center} #Container{margin-left:auto;margin-right:auto;text-align:left;max-width:1550px;width:100%} #contentC{float:left;padding:0 0 0 60px;width:calc(100% - 306px);margin-bottom:50px} #content{margin:0;width:100%} .HP #contentC,.kosik #contentC{width:100%;padding:0;background:#fff} .HP #content{width:100%} #content .menuText{margin:0;padding:0} #content .anot img{float:left;padding-right:1em} #content .text{padding-top:1em} #content .productDetail .text{padding-top:1em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;grid-column: 1/2;grid-row: 6/7;} #content span.datum{color:#000} #content .pozvankaFoto{float:left;text-align:center;width:152px;display:inline-block;vertical-align:top;min-height:158px;max-height:158px;margin-bottom:15px} #content .pozvankaFoto img{margin-top:.5em} #content .pozvankaFoto + .clearFloat{display:none} #content .photogaleryFoto{float:left;text-align:center;width:185px;width:calc(100%/4 - 10px);margin:0 5px;max-height:300px;overflow:hidden} #content .photogaleryFoto img{margin-top:1em;max-height:300px;max-width:100%} .photogaleryFoto + .clearFloat{display:none} #content .menuText{margin-bottom:1em;margin-right:0;} #Container.eshop #content .menuText{font-size:0.9em;} #content .anotx h3{margin-bottom:10px} #content .anot.sprelepkou{position:relative;margin-top:5px;clear:both} #content .anot.sprelepkou .prelepka{position:absolute;top:-12px} #actPath{display:grid;grid-template-columns: auto 1fr auto;padding: 5px 0 0;box-sizing: border-box;min-height: 40px;}/*border-bottom: 1px solid #000;*/ #actualPathInnerC{grid-column:1/2;grid-row:1/2;align-self: end;justify-self: start;margin: 0 0 8px 0;} #actualPathInner{--Vpismo:0.75rem;width:100%;overflow:hidden;height:auto;font-size: var(--Vpismo);display: flex;align-items: center;flex-wrap: wrap;} #actPath h1,#actPath p.likeh1{color:#000;font-weight:bold;line-height:1em;grid-column:1/3;grid-row:2/3;align-self: end;justify-self: start;font-size: 1.47em;margin: 0 0 0.5em 0;} /*#actPath p.likeh1{display:none;}#actPath p.likeh1 + #actualPathInnerC #actualPathInner{font-size:0.95em;}*/ #actualPathInner span.sipka{color:#757575;display:inline-block;font-size:.84rem;margin: 3px 8px;} #actualPathInnerC h1{padding:0;color:#000;margin:0;display:inline;font-size:.9em} #actualPathInner a,#actualPathInner a:link,#actualPathInner a:visited{text-decoration:none;color:#757575;font-size:var(--Vpismo);} #actualPathInner a:active,#actualPathInner a:hover,#actualPathInner a:focus{text-decoration:none} /*presunout*/ .blog #actPath h1{grid-column: 1/-1;grid-row: 1/2;align-self: center;justify-self: center;} .klic{float:right;margin:0;position:relative;grid-column:3/4;grid-row:1/2;align-self: end;justify-self: end;} .klic a{background:url(/images/veci/akce-na-klic_ruzova.png) no-repeat;background-position:left center;text-decoration:none;width:100px;height:52px;display:block;padding-left:70px;text-align:center;font-size:1.23em} .klic .akce,.klic .dopl{display:block;float:left;width:100%} .klic .akce{border-bottom:1px solid #D50069;color:#D50069;font-style:italic;padding-bottom:5px} .klic .dopl{color:#000;font-size:.6em;margin:10px 0} /* .Rdva #actPath{grid-template-columns: 1fr auto;grid-template-rows: 1fr auto;} .Rdva .klic{grid-column: 2/3;grid-row: 1/3;} .Rdva #actPath h1,.Rdva #actPath p.likeh1{grid-column: 1/2;grid-row: 2/3;margin-left: 0;} .Rdva #actualPathInnerC{grid-column: 1/2;} */ #hpSlogan{margin:15px 20px;display:none} #hpSlogan h1{font-family:'Allura',cursive;font-size:2.3em} #archivNl{clear:both} .HP .block_text,.HP .ikon,.HP .frci,.HP .ikodole{display:block;position:relative} .block_text,.ikon,.frci,.ikodole{display:none} .block_text{margin-bottom:140px} .block_text img{float:left} .block_text img:hover{opacity:.65} .block_text .tx{width:calc(100% - 635px);float:left;vertical-align:middle;display:inline-block;text-align:center;margin-top:50px;color:#000} .block_text h1{font-size:1.7em;margin:0 0 25px;color:inherit} .block_text p{padding:0;margin:0 0 15px;font-size:1.2em} .block_text .party{font-size:2.15em} .block_text .partysr{font-size:1.1em} .block_text .party,.block_text .partysr{letter-spacing:7px;font-weight:700} .block_text:after{content:"";display:block;clear:both} .ikon{margin-bottom:150px} .ikon img{width:calc(33% - 6%);margin:0 3%} .frci{ position:relative; margin-top:50px; margin-bottom:25px } #lb-recommend-element-product_detail #ProduktyHP .frci{margin-top:1em;} .frci .frcinadpis{ text-align:center; color:#000; font-size:2.7em; font-style:italic; font-weight:400; padding:0; display: flex; flex-direction: row; } .frci .frcinadpis:before,.frci .frcinadpis:after{ content:""; display:block; flex: 1 1; margin: auto; background:#cccccc; height:2px; background-position:0 0 } .frci .frcinadpis:before{margin-right: 0.5em;} .frci .frcinadpis:after{margin-left: 0.5em;} .licka{ --grid-layout-gap: 0.75em; /*mezera*/ --grid-column-count: 2; /*pocet sloupcu*/ --grid-item--min-width: 300px; /*min sirka*/ --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap)); --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count)); display: grid; grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); grid-gap: 0 var(--grid-layout-gap); } .licka .liNew{} .licka.dva{--grid-column-count: 2;} .licka.tri{--grid-column-count: 3;} .licka.navigInspirace{--grid-column-count: 4;--grid-item--min-width: 144px;} .licka{margin: 5em 0;padding: 0;} .licka .liNew{text-align: center;position:relative;margin-bottom: 5em;justify-self:center;width:100%;} .licka.navigInspirace .liNew{width:100%;max-width: 240px;margin-bottom: 2em;margin-left:10px;margin-right:10px;} .licka.navigInspirace .liNew img{aspect-ratio:1/1;width:100%;height:auto;object-fit: cover} .licka.dva .liNew{max-width:690px;} .licka.dva .liNew img{aspect-ratio:23/14;width:100%;height:auto;object-fit:cover;} .licka.tri .liNew{max-width:388px;} .licka.tri .liNew img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;} .licka .liNew .tlNakupBIG{position:absolute;top:0;left:0;right:0;bottom:0;} .frci.male .frcinadpis:before,.frci.male .frcinadpis:after{width: calc(50% - 7.5em);} .licka a.tlNakup{border: 1px solid #D50069;color: #D50069;padding: 3px 12px;text-decoration: none;letter-spacing: 2px;font-size: 1.3em;font-weight: 700;display: inline-block;margin: 0.5em 0 0} .orderProductForm .button.objednat{border: 1px solid #D50069;color: #D50069;background:transparent;} .licka a.tlNakup:hover,.orderProductForm .button.objednat:hover,.productDetail .cfooter .button.objednat:hover{background: #D50069;color:#fff;} .licka .prelepka{width:136px;height:132px;position:absolute;top:-4em;right:15%;} .orderProductForm .nafuk {clear:both; float:left;grid-column: 1/-1;grid-row: 4;margin-bottom: 0;} .orderProductForm .nafuk.bezI{grid-column: 1/-1;grid-row: 5;} .orderProductForm .nafuk span {line-height:21px;font-weight:normal;} .nafuk {display: block;position: relative;padding-right: 30px;margin-bottom: 17px;padding-top: 4px;font-size: 16px;width: 100%;box-sizing: border-box;margin-top: 6px;} .nafuk label{cursor: pointer;} .nafuk label input {position: absolute;z-index: -1;opacity: 0;} .grafcheck {position: absolute;top: 2px;right: 0;height: 22px;width: 22px;background: #ffffff;border: 2px solid #cdcdcd;border-radius: 0px;box-shadow: inset 0 0 7px 2px #EBEBEB;} .nafuk label:hover input ~ .grafcheck,.nafuk label input:focus ~ .grafcheck {background: #ffffff;} .nafuk label input:checked ~ .grafcheck {background: #ffffff;} .nafuk label:hover input:not([disabled]):checked ~ .grafcheck,.nafuk label input:checked:focus ~ .grafcheck {background: #ffffff;} .nafuk label input:disabled ~ .grafcheck {background: #e6e6e6;opacity: 4;pointer-events: none;} .grafcheck:after {box-sizing: unset;content: '';position: absolute;display: none;} .nafuk label input:checked ~ .grafcheck:after {display: block;} .nafuk label .grafcheck:after {left: 7px;top: 2px;width: 5px;height: 12px;border: solid #d50069;border-width: 0 3px 3px 0;transform: rotate(45deg);} .nafuk label input:disabled ~ .grafcheck:after {border-color: #7b7b7b;} .nafuk.bezI{padding-right:0;} .NafukIco{background: url(/images/nafuk/nafuk.png) no-repeat;height: 35px;width: 25px;background-size: contain;margin: -11px 5px 0 0;} .NafukOtaznik{background: url(/images/nafuk/otaznik.png) no-repeat;width: 25px;height: 25px;background-size: contain;margin: -3px 0 -0.5px 1.15em;cursor: pointer;} .schovat .NafukPop{display: none;} .NafukPop{position: absolute;bottom: -240%;right: 100%;display: grid;background: #fff;border: 5px solid #f7cce1;margin: 0 20px 0 0;min-width: 430px;padding: 0 10px 20px;box-sizing: border-box;grid-template-columns: 1fr 2fr;grid-gap: 20px;} .NafukPop .NafukZavrit{position: absolute;top: 5px;right: 5px;line-height: 0.4em;font-size: 2em;font-weight: 100;cursor: pointer;} .NafukPop .NafukImg{grid-column: 1/2;background: url(/images/nafuk/nafukB.png) no-repeat;background-size: contain;margin: 21px 0 0 0;box-sizing: border-box;position: relative;} .NafukPop .NafukImg.NafVz{background: url(/images/nafuk/nafukBVZ.png) no-repeat;background-size: 79% auto;background-position: top center;} .NafukPop .NafukCena{position: absolute;top: 70px;right: 10px;color: #fff;} .NafukPop .NafukTxt{grid-column: 2/3;text-align: left;font-weight: normal;} .kosik .nafuk{padding-top: 14px;max-width: 400px;} .kosik .nafuk label{float: left;} .kosik .NafukIco{display: block;float: left;} .kosik .grafcheck{top: 11px;} .kosik .NafukOtaznik{display: block;float: left;} .kosik .NafukPop{right: -100%;margin: 0 0 0 0;max-width: 430px;} #platbyNewDopravy li div.doprava { margin:0;display:inline-block;padding: 0px;width:unset;} #platbyNewDopravy li div.doprava .NafukOtaznik{ display:inline-block;height:11px;width:11px} .doprava .NafukPop .NafukTxt {grid-column:1/3} .doprava .NafukPop {padding: 20px; left:0;right:unset;z-index:100;} .nafuk.detail {float: right; width: 33px; margin: 0; height: 15px; padding: 0;} .nafuk.detail .NafukPop {bottom: 100%;padding: 17px 20px; width:350px;} .nafuk.detail .NafukOtaznik{ display:inline-block;height:15px;width:15px} .nafuk.detail .NafukPop .NafukTxt {grid-column:1/3} .nafuk.basket {float: left; width: 33px; margin: 0; height: 15px; padding: 0;color:black;} .nafuk.basket .NafukOtaznik{ display:inline-block;height:11px;width:11px;margin-top:3px;} .nafuk.basket .NafukPop {bottom: 100%;left:0;padding: 17px 20px;max-width:350px;} .nafuk.basket .NafukPop .NafukTxt {grid-column:1/3} .basketExternal {color:red; margin-top:10px;} .basketExternal label {float:left} .licka .prelepka.akce { background: url(/images/party/MP_ikona-AKCE.svg) no-repeat; } .licka .prelepka.dnes{background: url(/images/party/MP_ikona-DNES.svg) no-repeat;} .licka .prelepka.eko{background: url(/images/party/MP_ikona-EKO.svg) no-repeat;} .licka .prelepka.fresh{background: url(/images/party/MP_ikona-FRESH.svg) no-repeat;} .licka .prelepka.nove{background: url(/images/party/MP_ikona-NOVE.svg) no-repeat;} .licka .prelepka.tip{background: url(/images/party/MP_ikona-TIP.svg) no-repeat;} .licka .prelepka.top{background: url(/images/party/MP_ikona-TOP.svg) no-repeat;} .licka .prelepka.trend{background: url(/images/party/MP_ikona-TREND.svg) no-repeat;} .licka .prelepka.halloween{background: url(/images/party/MP_ikona-HALLOWEEN.svg) no-repeat;} .licka .prelepka.mikulas{background: url(/images/party/MP_ikona-MIKULAS.svg) no-repeat;} .licka .prelepka.silvestr{background: url(/images/party/MP_ikona-SILVESTR.svg) no-repeat;} .licka .prelepka.vanoce{background: url(/images/party/MP_ikona-VANOCE.svg) no-repeat;} /*MP SK prelepky*/ .SKweb .licka .prelepka.akcia{background: url(/images/partysk/MP_AKCIA.svg) no-repeat;} .SKweb .licka .prelepka.fresh{background: url(/images/partysk/MP_FRESH.svg) no-repeat;} .SKweb .licka .prelepka.silvester{background: url(/images/partysk/MP_SILVESTER.svg) no-repeat;} .SKweb .licka .prelepka.vianoce{background: url(/images/partysk/MP_VIANOCE.svg) no-repeat;} .SKweb .licka .prelepka.zlava{background: url(/images/partysk/MP_ZLAVA.svg) no-repeat;} .SKweb .licka .prelepka.zlava50{background: url(/images/partysk/MP_ZLAVA-50.svg) no-repeat;} .ikodole:before{ content:""; display:block; position:absolute; left:0; right:0 } .ikodole{ margin-top:3%; text-align:center; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -ms-flex-pack:distribute; justify-content:space-around; -ms-flex-wrap:wrap; flex-wrap:wrap }/*border-top:1px solid #000;*/ .ikodole img{ display:block; margin:0 auto -1.8em } .SKweb .ikodole img{ margin:0 auto 1em } .ikodole a{ display:inline-block; text-decoration:none; color:#000; vertical-align:top; margin:0 0 40px } .ikodole span{ display:block; font-size:.8em } .ikodole a:first-child{ margin-left:0 } .ikodole a:last-child{ margin-right:0 } #reklamaOkno{position:absolute;z-index:1000010;left:0;top:0;right:0;bottom:0;margin:auto;width:734px;height:491px;padding:0;border:3px solid #fff;}body.popko:before{z-index:1000000;content:"";display:block;background:rgba(50,50,50,0.50);width: 100%;height: 100%;position: absolute;}body.popko{overflow:hidden;max-height:100vh;} #reklamaOkno #closeReklama{height:22px;width:25px;position:absolute;top:-12px;right:-13.5px;cursor:pointer;border:1px solid #fff;background:#000;color:#fff;text-align:center;text-decoration:none;border-radius:12px;padding-bottom:2px;z-index:1} #reklamaOkno #closeReklama span{font-weight:700;font-size:1.5em} #opacityBlock{width:280px;float:right;height:491px;position:relative;} .popAdvent{position:absolute;top:0;left:0;right:0;bottom:0;width:95%;height:93%;margin:auto;} #reklamaOkno #reklamaPlky{margin-top:5px;font-size:2.58em;font-style:italic;float:right;width:275px;padding:45px 0 15px;line-height:1.5em;color:#5f5f5f;font-weight:700;letter-spacing:0;font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;text-align:center;display:none} #reklamaOkno #reklamaPlky span.cifra{font-size:1.7em;display:block;padding:15px 0} #reklamaOkno #reklamaPlky span.small{font-size:.9em} #reklamaOkno #reklamaPlky span.smaller{font-size:.6em;display:block;line-height:1.5em} #reklamaOkno #reklamaInner{clear:both;float:right;width:260px;position:absolute;bottom:-5px} #reklamaOkno #reklamaInner .g_recaptcha{margin-left:-30px} #slevaBlock{margin:10px 0} #slevaBlock #vou_email{border:1px solid #dfdfdf;padding:8px 5px;width:235px;margin:16px auto;background:#fff} #slevaBlock .inputSubmit{width:248px;margin-top:2px;border:0;background:#d50069;color:#fff;text-transform:uppercase;padding:6px 7px;font-weight:700;font-size:1.3em;letter-spacing:.02em} #slevaBlock .inputSubmit:hover{cursor:pointer;color:#fff;background:#ff7da0} #slevaBlock .smalinfo{font-size:.8em} #reklamaOkno input[placeholder]{color:#000} .inputTextSmall{width:50px} .inputTextMiddle{width:95px} .inputText{width:200px} .inputSelect{width:200px} .inputTextarea{width:200px;height:100px} .inputTextCaptcha{width:110px} #captchaImg{vertical-align:bottom} .zvyrazni{text-decoration:underline} .pageNumbersC{--brv:#d50069;--brv2:#ff7da0;} .pageNumbersC{clear:both;display:flex;flex-direction:column;gap:1.5em;justify-content:center;align-items:center;} .pageNumbersC > button{font-size:1.4em;background:var(--brv);color:#fff;border:2px solid var(--brv);padding:0.25em 0.65em;margin:0;box-sizing:border-box;} .pageNumbersC > button:hover{cursor:pointer;background:var(--brv2);border-color:var(--brv2);} .pageNumbersC .pageNumbers{display:flex;justify-content:center;align-items:center;gap:0.5em;flex-wrap:wrap;} .pageNumbersC .pageNumbers :where(b,a){text-decoration:none;display:inline-block;font-size:1.2em;width:1.75em;height:1.75em;min-width: 1.75em;background:#fff;border:1px solid var(--brv2);border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:bold;} .pageNumbersC .pageNumbers :where(b,a:hover,a:focus){cursor:pointer;color:#fff;background:var(--brv);border-color:var(--brv);} .pageNumbersC .pageNumbers a:hover,.pageNumbersC .pageNumbers a:focus{background:var(--brv2);border-color:var(--brv2);} /* .pageNumbersC{margin-bottom:1em;clear:both} .productItemX + .pageNumbersC{padding:.5em} */ #catalogHeader{padding:.5em} .pageNumbersF{background-color:#fff} h2.searchHeader{background:#eaeaea;color:#000;font-size:1em;padding:.4em 1em;margin-top:1em} .searchBlock{background-color:#eaeaea;padding:1em} #content .img_left{padding-right:1em} #content .img_right{padding-left:1em} .subThemaList_HP ul,.subThemaList_DRUHY ul,.subThemaList_HLAVNI ul{padding:0;margin:10px 0 0;float:left;width:100%} .subThemaList_HP li,.subThemaList_DRUHY li,.subThemaList_HLAVNI li{list-style:none;display:block;float:left;height:175px;width:100%;text-align:center;margin:0 25px 60px;overflow:hidden;width:calc(100%/5 - 40px);height:auto;position:relative;padding-bottom:170px;min-height:325px;-webkit-box-sizing:border-box;box-sizing:border-box} @media only screen and (min-width:1361px) { .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(5n+0),.subThemaList_DRUHY li:nth-child(5n+0){margin-right:0} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(5n+1),.subThemaList_DRUHY li:nth-child(5n+1){margin-left:0} } .subThemaList_HP li img,.subThemaList_HLAVNI li img,.subThemaList_DRUHY li img{width:172px} .subThemaList_HP li .odkazImg,.subThemaList_HLAVNI li .odkazImg .subThemaList_DRUHY li .odkazImg{height:144px;width:180px;display:table-cell;vertical-align:middle} .subThemaList_HP h4{color:#739e00;font-size:1em;padding:.4em 0;margin:0} .subThemaList_HP a,.subThemaList_HP a:link,.subThemaList_HP a:visited{color:#fff;text-decoration:none} .subThemaList_HP a:hover,.subThemaList_HP a:active,.subThemaList_HP a:focus{text-decoration:underline} .subThemaList_HLAVNI,.subThemaList_DRUHY{margin:25px 0 0} .subThemaList_HLAVNI h4,.subThemaList_DRUHY h4{position:absolute;display:block;top:155px;left:0;right:0;bottom:0;background:#e5dcd5;width:100%;height:170px;margin:0 auto;padding-top:.8em;-webkit-box-sizing:border-box;box-sizing:border-box} .subThemaList_HLAVNI li img,.subThemaList_DRUHY li img{width:100%;height:100%} .subThemaList_HLAVNI h4 a,.subThemaList_HLAVNI h4 a:link,.subThemaList_HLAVNI h4 a:visited,.subThemaList_DRUHY h4 a,.subThemaList_DRUHY h4 a:link,.subThemaList_DRUHY h4 a:visited{color:#000} .subThemaList_HLAVNI a,.subThemaList_HLAVNI a:link,.subThemaList_HLAVNI a:visited,.subThemaList_DRUHY a,.subThemaList_DRUHY a:link,.subThemaList_DRUHY a:visited{color:#000;text-decoration:none;float:left} .subThemaList_HLAVNI li:hover h4 a,.subThemaList_HLAVNI li:active h4 a,.subThemaList_HLAVNI li:focus h4 a,.subThemaList_HLAVNI li:hover h4 a, .subThemaList_HLAVNI a:hover,.subThemaList_HLAVNI a:active,.subThemaList_HLAVNI a:focus,.subThemaList_DRUHY a:hover,.subThemaList_DRUHY a:active,.subThemaList_DRUHY a:focus{color:#D50069!important} .subThemaList_HLAVNI li:hover a h4,.subThemaList_DRUHY li:hover a h4{color:#919090} .subThemaList_HLAVNI h4 a,.subThemaList_DRUHY h4 a{text-align:center;width:100%;letter-spacing:.1em;font-size:.95em;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;max-height:54px;overflow:hidden} .subThemaList_HLAVNI h4 ~ a,.subThemaList_DRUHY h4 ~ a{width:100%;height:173px;margin:0 auto;float:none!important;display:block;max-height:155px;height:100%;overflow:hidden} .subThemaList_HLAVNI h4 a span,.subThemaList_DRUHY h4 a span{display:block} .subThemaList_HLAVNI a.SipTla,.subThemaList_DRUHY a.SipTla{position:absolute;top:270px;color:#fff;width:100px;height:auto;padding:5px 9px;left:0;right:0;font-size:1.07em;text-transform:uppercase} .subThemaList_HLAVNI a.SipTla.barva0,.subThemaList_DRUHY a.SipTla.barva0,.subThemaList_HLAVNI.cont a.SipTla.barva0{background:#b0c32c} .subThemaList_HLAVNI a.SipTla.barva0:hover,.subThemaList_DRUHY a.SipTla.barva0:hover,.subThemaList_HLAVNI.cont a.SipTla.barva0:hover{background:#cfe635} .subThemaList_HLAVNI a.SipTla.barva1,.subThemaList_DRUHY a.SipTla.barva1,.subThemaList_HLAVNI.cont a.SipTla.barva1{background:#cba5d8} .subThemaList_HLAVNI a.SipTla.barva1:hover,.subThemaList_DRUHY a.SipTla.barva1:hover,.subThemaList_HLAVNI.cont a.SipTla.barva1:hover{background:#ddbde9} .subThemaList_HLAVNI a.SipTla.barva2,.subThemaList_DRUHY a.SipTla.barva2,.subThemaList_HLAVNI.cont a.SipTla.barva2{background:#267ccf} .subThemaList_HLAVNI a.SipTla.barva2:hover,.subThemaList_DRUHY a.SipTla.barva2:hover,.subThemaList_HLAVNI.cont a.SipTla.barva2:hover{background:#6d9cc9} .subThemaList_HLAVNI a.SipTla.barva3,.subThemaList_DRUHY a.SipTla.barva3,.subThemaList_HLAVNI.cont a.SipTla.barva3{background:#ff99cb} .subThemaList_HLAVNI a.SipTla.barva3:hover,.subThemaList_DRUHY a.SipTla.barva3:hover,.subThemaList_HLAVNI.cont a.SipTla.barva3:hover{background:#fbbcdb} .subThemaList_HLAVNI a.SipTla.barva4,.subThemaList_DRUHY a.SipTla.barva4,.subThemaList_HLAVNI.cont a.SipTla.barva4{background:#34cccd} .subThemaList_HLAVNI a.SipTla.barva4:hover,.subThemaList_DRUHY a.SipTla.barva4:hover,.subThemaList_HLAVNI.cont a.SipTla.barva4:hover{background:#78d0d1} .subThemaList_HLAVNI a.SipTla.barva5,.subThemaList_DRUHY a.SipTla.barva5,.subThemaList_HLAVNI.cont a.SipTla.barva5{background:#fd9936} .subThemaList_HLAVNI a.SipTla.barva5:hover,.subThemaList_DRUHY a.SipTla.barva5:hover,.subThemaList_HLAVNI.cont a.SipTla.barva5:hover{background:#fcb976} .subThemaList_HLAVNI a.SipTla.barva6,.subThemaList_DRUHY a.SipTla.barva6,.subThemaList_HLAVNI.cont a.SipTla.barva6{background:#ff99cb} .subThemaList_HLAVNI a.SipTla.barva6:hover,.subThemaList_DRUHY a.SipTla.barva6:hover,.subThemaList_HLAVNI.cont a.SipTla.barva6:hover{background:#fbbcdb} .subThemaList_HLAVNI a.SipTla.barva7,.subThemaList_DRUHY a.SipTla.barva7,.subThemaList_HLAVNI.cont a.SipTla.barva7{background:#66cafe} .subThemaList_HLAVNI a.SipTla.barva7:hover,.subThemaList_DRUHY a.SipTla.barva7:hover,.subThemaList_HLAVNI.cont a.SipTla.barva7:hover{background:#93daff} .subThemaList_HLAVNI a.SipTla:hover,.subThemaList_DRUHY a.SipTla:hover{color:#fff!important} .subThemaList_HLAVNI .CaraSipka,.subThemaList_DRUHY .CaraSipka{border-top:1px solid #605b55;width:45%;margin:10px auto;position:absolute;top:215px;left:0;right:0} .subThemaList_HLAVNI .CaraSipka:before,.subThemaList_DRUHY .CaraSipka:before{content:"";background:url(/images/veci/sipka-cerna-dolu.png) no-repeat;background-size:contain;width:23px;height:36px;display:block;margin:5px auto} .subThemaList_DRUHY a.SipTla{margin:auto;z-index:100;top:345px} .subThemaList_DRUHY .CaraSipka{display:none} .subThemaList_DRUHY li p{display:none;overflow:hidden;z-index:150;position:relative;height:122px;margin-top:207px;vertical-align:top;padding:0 8px} .subThemaList_DRUHY li p:first-of-type{display:block} .subThemaList_DRUHY h4{height:235px} .subThemaList_DRUHY li{height:155px;padding-bottom:235px} .subThemaList_DRUHY h4 a{max-height:36px;overflow:hidden} .subThemaList_DRUHY li a:nth-of-type(2) span{width:208.8px;display:block;height:155px;position:relative;text-align:center} .subThemaList_DRUHY li a span img{width:auto;height:auto;display:inline-block} .ko-inf{max-width:100%} .menuText .balonek1,.menuText .balonek2{float:left} .menuText .balonek2{margin-top:50px} .tema{float:right;text-align:center;position:absolute;top:-150px;right:5px} .tema span{color:#D50069;font-weight:900;display:block;font-size:2.2em} .subThemaList_HLAVNI.cont .tema span a{float: none;color: inherit;padding-left: 39px;} .tema span:before{content:"";background:url(/images/veci/tel-ruz.png) no-repeat;background-size:contain;width:23px;height:30px;display:block;position:absolute;margin:5px 0 0 9px} .subThemaList_HLAVNI.cont .tema span ~ a{text-decoration:none;background:#D50069;color:#fff;padding:10px 35px;font-size:1.5em} .subThemaList_HLAVNI.cont .tema span ~ a:hover{color:#fff!important} .subThemaList_HLAVNI.cont{float:left;width:calc(100% - 410px);position:relative;margin-top:150px;margin-left:-280px} .subThemaList_HLAVNI.cont li{padding-bottom:0;min-height:198px;margin:0 5px;width:198px} .subThemaList_HLAVNI.cont h4{top:0;height:auto} .subThemaList_HLAVNI.cont h4 a{text-transform:none;padding:0 25px;font-weight:400;font-style:italic;font-size:1.069em;max-height:70px;line-height:22px} .subThemaList_HLAVNI.cont li:hover h4 a{color:#fff!important} .subThemaList_HLAVNI.cont .CaraSipka{top:70px;border:0} .subThemaList_HLAVNI.cont .CaraSipka:before{background:url(/images/veci/sipka-bila-dolu.png) no-repeat;background-size:contain} .subThemaList_HLAVNI.cont a.SipTla{top:auto;bottom:15px;color:#000;background:#fff;width:153px;height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;font-size:1.324em} .subThemaList_HLAVNI.cont a.SipTla:hover{color:#fff!important;background:rgba(255,255,255,0.4)} .subThemaList_HLAVNI.cont:after,.kont2:after{content:"";display:block;clear:both} .subThemaList_HLAVNI.cont .clr1 h4{background:#ff99cb} .subThemaList_HLAVNI.cont .clr2 h4{background:#98d6bd} .subThemaList_HLAVNI.cont .clr3 h4{background:#33cbcc} .subThemaList_HLAVNI.cont .clr4 h4{background:#d3c4a1} .subThemaList_HLAVNI.cont .clr5 h4{background:#afc32d} .subThemaList_HLAVNI.cont .clr6 h4{background:#cba5d7} .subThemaList_HLAVNI.cont .clr7 h4{background:#fdc93d} .subThemaList_HLAVNI.cont .clr8 h4{background:#ff9934} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) .ukavic{display: flex;justify-content: center;align-items: center;margin: 0 0 1.5em;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) .ukavic span{display:flex;justify-content: space-between;align-items: center;cursor: pointer;color: #D50069;border: 2px solid #D50069;padding: 3px 7px;font-weight: bold;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) .ukavic span:hover{background:#D50069;color:#fff;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) .ukavic span:after{content:'';--sipicka: 2px solid #D50069;border-right: var(--sipicka);border-bottom: var(--sipicka);width: 5px;height: 5px;display: block;transform: rotate(45deg);margin:-2px 0 0 5px;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) .ukavic span:hover:after{border-color:#fff;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI.vice .ukavic{display:none;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont){} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul{display: grid;grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));grid-gap: 3em 3.68em;margin:0 0 1.5em 0;float: none;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li{margin: 0;width: 100%;height: 100%;padding: 0;float: none;text-align: center;overflow: visible;min-height:auto;max-height: none;max-width:200px;align-self: start;justify-self: center;display: grid;grid-template-rows: auto 1fr;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li:before, #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li:after{content:"";display: block;width: 38px;height: 38px;grid-column: 1/2;grid-row: 1/2;place-self: start end;z-index: 1;background: #fff;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li:after{width: 0;height: 0;z-index: 2;border-style: solid;border-width: 31px 0 0 31px;border-color: transparent transparent transparent #D50069;margin: 5px 5px 0 0;} /*#Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont,.vice) ul li:nth-child(n+6){display:none;}*/ #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li h4{background: transparent;font-weight: normal;height: 3.2em;position: static;overflow: hidden;grid-column: 1/2;grid-row: 2/3;margin-bottom: 0.5em;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li h4 a{text-transform:none;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li .CaraSipka{display: none;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li .SipTla{display: none;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li img{width:100%;height:100%;object-position:center;object-fit:cover;max-height:200px;max-width:200px;aspect-ratio: 1/1;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) li h4 ~ a:not(.SipTla){width: auto;height: auto;margin: 0;float: none !important;max-height: 200px;position: static;grid-column: 1/2;grid-row: 1/2;} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li:hover{} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul li:hover a{color:#D50069 !important;} .subThemaList_UVODKA_ROZCESTNIK{padding:2.5em 0 1em} .subThemaList_UVODKA_ROZCESTNIK ul{list-style:none;margin:0;padding:0;} .subThemaList_UVODKA_ROZCESTNIK ul li{margin:0 auto;padding:0;display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;gap:.8em;width:100%;max-width: 200px;} .subThemaList_UVODKA_ROZCESTNIK li .ur-nadpis{grid-column:1/-1;grid-row:2/3;font-size: 1.1em;text-align: center;height: 3.2em;overflow: hidden;margin-bottom: 0.5em;} .subThemaList_UVODKA_ROZCESTNIK li .ur-nadpis a{color:#000;width: 100%;letter-spacing: .1em;font-size: .95em;padding: 0 5px;box-sizing: border-box;max-height: 54px;overflow: hidden;text-decoration: none;} .subThemaList_UVODKA_ROZCESTNIK li:hover .ur-nadpis a{color:#D50069} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek{grid-column:1/-1;grid-row:1/2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek img{width: 100%;height: 100%;object-position: center;object-fit: cover;max-height: 200px;max-width: 200px;aspect-ratio: 1/1;} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek a{grid-column:1/-1;grid-row:1/-1;} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek:before, .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek:after{content:'';grid-column:2/3;grid-row:1/2;place-self: center;display: block;position:relative;} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek:before {width: 38px;height: 38px;z-index: 1;background: #fff;} .subThemaList_UVODKA_ROZCESTNIK li .ur-obrazek:after {width: 0;height: 0;z-index: 2;border-style: solid;border-width: 31px 0 0 31px;border-color: transparent transparent transparent #D50069;} .subThemaList_UVODKA_ROZCESTNIK .owl-carousel .owl-item{padding:0 0.65em;box-sizing: border-box;} .subThemaList_UVODKA_ROZCESTNIK .owl-carousel.owl-theme .owl-controls{margin:0;} .subThemaList_UVODKA_ROZCESTNIK .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev, .subThemaList_UVODKA_ROZCESTNIK .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {opacity: 1;position: absolute;top: 0;bottom: 0;padding: 0;margin: auto;width: 17px;height: 23px;font-size: 0;} .subThemaList_UVODKA_ROZCESTNIK .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;background: url(/images/veci/sipkaleva.png) no-repeat;background-size: 17px 23px;} .subThemaList_UVODKA_ROZCESTNIK .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {right: 0;background: url(/images/veci/sipkaprava.png) no-repeat;background-size: 17px 23px;} @media only screen and (max-width:500px) { .subThemaList_UVODKA_ROZCESTNIK{padding:1.5em 0 1em} } iframe[src*="google.com/maps"],.ko-inf iframe{max-width:100%} #kde_je_moje_objednavka ~ hr,.ko-inf hr{margin:40px 0} #writeusform.kontant{float:left;width:67.5%;position:relative;margin:-200px 0 0 150px} /*.SKweb #writeusform.kontant{margin:0 0 0 150px}*/ #writeusform.kontant fieldset{width:47%;text-align:left} #writeusform.kontant legend{text-align:left} .popup{width:150px;height:190px;text-align:left;padding:15px 10px;font-weight:700;color:#fff;background:url(/images/party_table_new.png) no-repeat scroll 0 0 transparent;position:absolute;z-index:5;margin-top:-220px!important;margin-left:-10px} .subThemaList_HLAVNI .popup{margin-left:0} .popupInner{height:138px;overflow:hidden} .bannerHP_TOP,.bannerHP_BOT,.bannerRightBlock{text-align:center;margin:1em 0} .bannerLEFT_OUT{position:relative;top:auto!important;text-align:center;margin-top:25px;border-top:solid 1px #000;padding-top:25px} .info-banner-top{position: relative;color: #000;padding: 0.5em 0.75em;font-size: 1rem;text-align: center;} .info-banner-top a{color: #000;text-decoration: underline;} .info-banner-top a:hover{color: #000;text-decoration: none;} .info-banner-top p{margin: 0;padding: 0;} .info-banner-top::before{content: '';display: block;position: absolute;z-index: -1;top: 0;left: 0;width: 100vw;height: 100%;margin-left: calc(-1*(100vw - 100%)/2);background:#ffff00;}/*background: #D50069;*/ #topBanner{max-width:1550px;width:100%;display: grid;grid-template-columns: auto auto 1fr auto auto;grid-template-rows: auto 1fr auto;padding: 47px 0 0;box-sizing: border-box;margin:0 0 2px;} #logo{grid-column:1/2;grid-row:1/3;align-self: center;justify-self: center;} #TopDopravaInfo{grid-column:2/3;grid-row:1/2;align-self: end;margin: 22px/*27*/ 0 0;font-size:0.883em;place-self: start center;line-height: 1em;} .TopKont{grid-column:3/4;grid-row:1/2;align-self: end;justify-self: center;display: grid;grid-template-columns: auto 1fr;grid-template-rows:repeat(2,auto);font-size:1.471em;margin: 0 0 0 -129px;line-height: 1em;} #topFirstBlock{grid-column:4/6;grid-row:1/2;justify-self: end;align-self: end;} #searchBlockC{grid-column:2/4;grid-row:2/3;justify-self: stretch;align-self: center;} #kosikBlockC{grid-column:5/6;grid-row:2/3;align-self: center;justify-self: center;} #topNavigC{grid-column:1/-1;grid-row:3/4;align-self: center;justify-self: center;} .TopKont:before{content:"";grid-column:1/2;grid-row:1/-1;display:block;background: url(/images/veci/svg/IKONA_mobil_MP.svg) no-repeat;height: 40px;width: 23px;background-size: contain;margin: 0 18px 0 0;align-self: center;justify-self: center;} .TopKont ul{grid-column:2/3;grid-row:1/2;margin:0;padding:0;list-style:none;display:flex;flex-direction:row;align-self: center;} .TopKont ul li + li:before{content:", ";color:#D50069;} .TopKont ul li a{text-decoration:none;} .TopKont p{grid-column:-2/-1;grid-row:2;/*! display: none; */font-size: 0.7em;line-height: 1.1em;text-align: center;} #topBanner #logoC h1{float:right;text-align:left;background:transparent!important} /*#logoC:before{content:"";display:block;width:100%;position:absolute;height:1px;background:#000;left:0;top:158px;z-index:-1}*/ #logo{width:181px;height:118px;border-bottom:none;z-index:100;margin-right:calc(114px + 128px);}/*margin: 0 114px 0 128px;*/ #logoC{width:181px;height:118px;background: url(/images/veci/svg/logo-MP-ruzove.svg) no-repeat center;background-size:cover} #logoC.SK{background: url(/images/veci/logoSk.png?v=2) no-repeat center;background-size:contain} .fixed #logo{z-index:201;position: relative;} .fixed #logoC{display:block;position:fixed;top:0;left:10px;margin:2px 0 0;z-index:201;height:63px;width:101px} .fixed #logoC:before{display:none} .fixed #logoC a{height:63px;width:101px} #logoC a{display:block;width:181px;height:118px;position:relative;z-index:100} #logoC span{position:absolute;left:-10000px;border:0} #topBanner p.cernej{position:absolute;margin-left:239px;top:119px;background:#000;color:#fff;height:35px;line-height:35px;padding:0 10px;font-size:1.6em;font-weight:700;letter-spacing:2px} #topBanner a.BtBlog{font-size:0;text-decoration:none;background:url(/images/veci/blognew.png) no-repeat;background-size:contain;position:absolute;top:5px;width:121px;height:113px;margin-left:163px} #topFirstBlock{font-size:1.25em;z-index:100;display: flex;justify-content: flex-end;--Vpismo:0.706em;} /*#ruzlista{display:block;background:#d50069;width:100%;height:45px;position:absolute;top:0;left:0;text-align:center;line-height:45px;color:#fff;font-size:1em;letter-spacing:.05em;font-weight:700} #ruzlistaC{width:100%;max-width:1550px;margin:0 auto;position:relative;font-style:italic} #ruzlista .TopKont{position:absolute;top:0;right:0;height:auto;line-height:45px;letter-spacing:.11em;margin:0;font-size:1.1em;font-style:normal} .TopKont span{color:#fff;font-weight:400} .TopKont .ruzTelef{font-weight:900;margin-right:22px;background:url(/images/veci/ruzTelef.png) no-repeat;background-position:center left;background-size:contain;padding-left:20px} .TopKont .ruzTelef a{color:inherit;text-decoration:none} .TopKont .ruzTelef a:hover{text-decoration:underline}*/ /*#kontaktBlock{padding:0;float:left;background:none} #kontaktBlock p{display:none}*/ #regBlock{/*padding:63px 0 20px;*/float:left;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;} #regBlock.empty{/*margin-left:calc(100% - 322px)*/} #regBlock ~ a{font-size: .66em;text-decoration:none;color:inherit;margin-left:0.75em;} #regBlock ~ ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;font-size:var(--Vpismo);line-height: 1em;} #regBlock ~ ul li{margin:0;padding:0;margin-left:15px;}#regBlock ~ ul li ul{display:none;} #regBlock ~ ul li a{text-decoration:none;color:inherit;}#regBlock ~ ul li a:hover,#regBlock span.registr:hover{text-decoration:underline;} #regBlock span.registr{color:#000;text-decoration:none;margin-right:0;font-size:var(--Vpismo);cursor:pointer;line-height: 1em;} #regBlock a.oblibene{padding:4px 5px;color:#000;text-decoration:none;text-transform:uppercase;background:url(/images/veci/svg/oblibene.svg) right center no-repeat;padding-right:31px;margin-right:40px;font-size:.66em;background-size:36%} .fixed #topFirstBlock{z-index:201;position:relative;} .fixed #regBlock{position:fixed;top:14px;z-index:201;display:block;margin-left:calc(100% - 1433px);padding:0;margin-left:0;right:120px;width:65px;right:45px} /*.fixed #regBlock.empty{right:30px}*/ .fixed #kosikBlockC{position:fixed;top:14px;z-index:201;right: 0;} /*.fixed #kosikBlockC.empty{background-size:30px;min-width:30px;background-position:center;height:30px;top:15px;right:0}*/ /*.fixed #kosikBlockC #kosikBlock #obsahKosik{width:33px;margin-left:0;height:22px}*/ .fixed #kosikBlockC #kosikBlock p#obsahKosik span.basPrice{display:none} .fixed #regBlock span.registr{background:url(/images/veci/svg/prihlaseni.svg) right center no-repeat;} .fixed #regBlock span.registr,.fixed #regBlock a.oblibene{font-size:0;padding:0;margin-right:5px;display:inline-block;width:40px;height:40px;vertical-align:top;background-size:contain} .fixed #regBlock span.registr{font-size:0} .fixed .preklad{z-index: 201;position: fixed;top: 20px;right: 120px;}.fixed.scrollUp .preklad{display:none;} .fixed .empty .preklad{right: 101px;} .fixed .preklad img{width:21px;} #prihlasenipop{background:rgba(128,128,128,0.5);width:100%;height:100%;position:fixed;z-index:100000;top:0;left:0;right:0;bottom:0;display:none} #prihlasenipopC{position:absolute;max-width:500px;width:100%;min-height:250px;left:0;right:0;top:15%;text-align:center;margin:auto;background:rgba(255,255,255,1);z-index:50000;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;padding:30px;border:1px solid #bfbfbf} #prihlasenipop .clos{color:#000;position:absolute;top:4px;right:7px;font-size:1em;font-weight:700;cursor:pointer} #regBlock #prihlasenipop #loginBlock{position:relative;margin:0} #regBlock #prihlasenipop #loginBlock table{margin:15px auto;font-size:1.4em} #regBlock #prihlasenipop #loginBlock .odsadZleva{color:#000;text-align:left;font-size:.83em} #regBlock #prihlasenipop #loginBlock table input[name="doLogin"]{background:#fff;height:25px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom} #regBlock #prihlasenipop #loginBlock.BoxPrihlaseni{width:auto;height:auto;} #regBlock #prihlasenipop #loginBlock.BoxPrihlaseni table,#loginBlock.BoxPrihlaseni table{display:block;width:80%;margin: 1em auto 0;} #loginBlock.BoxPrihlaseni table{max-width: 444px;margin-left:0;} #loginBlock.BoxPrihlaseni table tbody{display:block;width:100%;} #loginBlock.BoxPrihlaseni tr{display:flex;flex-direction: column;gap: 0.3em 0;} #loginBlock.BoxPrihlaseni tr td{text-align: left;} #loginBlock.BoxPrihlaseni input[type="text"],#loginBlock.BoxPrihlaseni input[type="password"]{width: 100%;height: 43px;border: 1px solid #CCC;background: #fff;margin: 5px 0;padding: 6px 9px 0;-webkit-box-shadow: inset 0 0 7px 2px #EBEBEB;box-shadow: inset 0 0 7px 2px #EBEBEB;-webkit-box-sizing: border-box;box-sizing: border-box;} #loginBlock.BoxPrihlaseni input[type="submit"],#regBlock #prihlasenipop #loginBlock.BoxPrihlaseni input[type="submit"]{background:#d50069;color: #fff;width: 100%;min-width: 200px;height: 37px;text-transform: uppercase;font-size: 1.3em;cursor: pointer;border: 0;} .ZapomenuteH tr{display:flex;flex-direction: column;gap: 0.3em 0;} .ZapomenuteH input[type="text"]{width: 100%;height: 43px;border: 1px solid #CCC;background: #fff;margin: 5px 0;padding: 6px 9px 0;-webkit-box-shadow: inset 0 0 7px 2px #EBEBEB;box-shadow: inset 0 0 7px 2px #EBEBEB;-webkit-box-sizing: border-box;box-sizing: border-box;} .ZapomenuteH input[type="submit"],#regBlock #prihlasenipop #loginBlock.BoxPrihlaseni input[type="submit"]{background:#d50069;color: #fff;width: 100%;min-width: 200px;height: 37px;text-transform: uppercase;font-size: 1.3em;cursor: pointer;border: 0;} #kosikBlockC{position:relative;display:block;float:left;background:url(/images/veci/svg/kosik.svg) no-repeat;min-width: 40px;height: 40px;background-size: contain;margin: 0 1.5em 0 0;background-position: bottom right;} #kosikBlockC.empty{/*min-width:40px;background-position:center -6px;background-size:90%*/} #kosikBlockC #kosikBlock .emptyBas{display:none} #kosikBlockC #kosikBlock{float:right;display:block;width: 100%;height: 100%;} #kosikBlockC #kosikBlock #doKosikuC{padding:0;margin:0;height:100%;position:absolute;display:block;min-width:40px;z-index:100;right:0;left:0;line-height:normal;} #kosikBlockC #kosikBlock a#doKosiku{position:absolute;display:block;top:0;left:0;right:0;bottom:0} #kosikBlockC #kosikBlock a#doKosiku span{display:none} #kosikBlockC #kosikBlock #obsahKosik{margin:0;padding:0;width:100%;position:relative;line-height:normal;display: grid;grid-template-columns: auto 40px;height: 100%;} #kosikBlockC #kosikBlock a#doKosiku2{font-size:0.71em;background:#D50069;border-radius:10px;color:#fff;text-decoration:none;padding:2px 3px;min-width:10px;text-align:center;grid-column: 2/3;grid-row: 1/2;place-self: end;/*! box-sizing: border-box; */} #kosikBlockC #kosikBlock p#obsahKosik span.basPrice{font-size:0.85em;position:relative;line-height:22px;width:auto;display:block;grid-column: 1/2;grid-row: 1/2;place-self: center;margin: 0 0.5em 0 0;} @media only screen and (min-width:881px) { #topBanner:not(.fixed) #kosikBlockC.kuspridat{background-position-x:70px} #topBanner:not(.fixed) #kosikBlockC.kuspridat #kosikBlock #obsahKosik{width:90px} #topBanner:not(.fixed) #kosikBlockC.kuspridat #kosikBlock p#obsahKosik span.basPrice{line-height:25px;width:90px} } #kosikBlockC.kuspridat #kosikBlock a#doKosiku2{bottom:-2px;font-size:.7em;line-height:11px} #topNavig2C{float:right;width:640px;height:30px;font-size:1.2em;text-align:right;display:none} #topNavig2 ul{margin:.5em 0} #topNavig2 li{display:inline} #topNavig2 a{padding:0 .5em;color:#cacaca;text-decoration:none} #topNavigC{width:100%;box-sizing: border-box;margin:0;} #topNavig{height:auto;max-width:1550px;width:100%;height:100%;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:90} .fixed #topNavig{position:fixed;top:0;left:0;right:0;max-width:100%;height:68px;z-index:200;background:#fff;border-bottom:1px solid #000;padding:0 150px 0 120px} .fixed .empty #topNavig{padding:0 130px 0 120px} #topBanner:not(.fixed) #topNavig{margin: 1em 0;} #topNavig ul{padding:0 /*117px*/;margin:0;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;} .fixed #topNavig ul{padding:0;} #topNavig li{font-weight:400;color:#fff;display:inline-block;width:auto;margin-right:0;z-index:100;vertical-align:top;background:none} .fixed #topNavig a{font-size:1.1em;line-height:68px} #topNavig a{padding:0 20px;color:#000;text-decoration:none;font-size:1.475em;width:auto;display:block;float:left;line-height:1.75em;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px} #topNavig li.posledni a{border-right:none} #topNavig a:hover,#topNavig a:active,#topNavig a:focus,#topNavig li.actual a{z-index:5;position:relative} #topNavig a:hover,#topNavig a:active,#topNavig a:focus,#topNavig ul li:hover a{z-index:5} #topNavig ul li ul{display:none} #topNavig ul li.klasik{position:relative;display: flex;align-items: center;padding: 4px 0;margin:0 2px;box-sizing: border-box;border-left: 1px solid transparent;border-right: 1px solid transparent;} #topNavig ul li.klasik:first-child{margin-left:0;}#topNavig ul li.klasik:last-child{margin-right:0;} #topNavig ul li.klasik:hover,#topNavig ul li.actual{background: rgb(251, 236, 243);} #topNavig ul li.klasik:hover ul{display:block} /*#topNavig ul li.klasik ul:before{content:"";display:block;width:100%;height:100%;background:rgba(221,221,221,0.5)}*/ /*#topNavig ul li.klasik ul:before{content:"";display:block;background:#fff url(/images/veci/sipkamenu.png) center bottom no-repeat;width: 20px;height: 15px;margin: -10px auto 5px;}*/ #topNavig ul li.klasik ul{display:none;background:rgb(251, 236, 243);z-index:-1;padding:0 0 15px 0;border-left:1px solid rgba(200,200,200,0.9);border-right: 1px solid rgba(200,200,200,0.9);border-bottom: 1px solid rgba(200,200,200,0.9);margin:0;position:absolute;top:100%;left:-1px;padding: 15px 10px;min-width:calc(100% + 2px);width:auto;height:auto;box-sizing: border-box;} #topNavig ul li.klasik ul li{margin:0;width:100%;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box} #topNavig ul li.klasik ul li a:before{content: '';display: inline-block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #d5006b;vertical-align: middle;margin: -2px 6px 0 0;} #topNavig ul li.klasik ul li a{line-height:normal;padding:0;width:100%;font-size:1.03em;border:0;word-wrap:break-word;margin:0;color:#000;display:block;vertical-align:top;text-align:left;height:auto;text-transform:none;line-height: 1.713em;white-space: nowrap;} #topNavig ul li.klasik ul li:hover a,#topNavig ul li:hover li a{background:none;padding-bottom:0;color:#D50069} #topNavig ul li.klasik ul li:hover a{background: transparent;color:#D50069;} #topNavig ul li.klasik:last-child ul{left:auto;right:-1px;} /*#topNavig ul li.klasik:last-child ul li a{text-align:right;padding:0 35px 0 10px;}*/ @media only screen and (min-width:971px) { #topBanner:not(.fixed) #topNavig > ul{box-shadow: inset 0 0 10px rgba(200,200,200,0.4);border-top: 1px solid rgba(200,200,200,0.9);border-bottom: 1px solid rgba(200,200,200,0.9);} #topNavig ul li.klasik:hover,#topNavig ul li.actual{border-color: rgba(200,200,200,0.9);} } #topNavig ul li.big:hover .velkejC{display:block} #topNavig ul li.big .velkejC{display:none;z-index:-1;position:absolute;top:64px;left:0;background:#fff;width:calc(100% + 6000px);margin:0;margin-left:-3000px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #000} .fixed #topNavig ul li.big .velkejC{top:68px} #topNavig ul li.big .velkej:after{content:"";display:block;clear:both} #topNavig ul li.big .velkej{width:100%;max-width:1550px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1.789% 15px;display:-webkit-box;display:-ms-flexbox;display:flex} #topNavig ul li.big ul{display:block;padding:10px 0;margin-right:15px;min-width:150px} #topNavig ul li.big ul li{width:100%;text-align:left;margin-bottom:5px} #topNavig ul li.big ul li:first-child{font-weight:700;margin-bottom:10px;text-transform:uppercase;color:#000} #topNavig ul li.big ul:hover li:first-child{color:#D50069} #topNavig ul li.big ul li a{line-height:normal;padding:0;width:100%;font-size:1em;border:0;word-wrap:break-word;text-transform:none;display:block;color:#000;vertical-align:top;text-align:left;height:auto} #topNavig ul li.big ul li a:hover{color:#D50069} #topNavig ul li.big .velkejC .nejhledane{width:100%;max-width:1550px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 115px 20px;text-align:left;border-top:2px dashed #787878} #topNavig ul li.big .velkejC .nejhledane span{color:#000;display:block;text-transform:uppercase;font-weight:700} #topNavig ul li.big .velkejC .nejhledane p{color:#787878} #topNavig ul li.big .velkejC .nejhledane a{background:none;text-transform:none;float:none;display:inline-block;line-height:normal;font-size:1em;padding:0;color:#787878;padding:0;margin:0;height:auto} #topNavig ul li.big .velkejC .nejhledane a:hover{color:#000;text-decoration:underline} #sed{width:100%;height:100vh;position:absolute;top:166px;left:0;right:0;background-color:rgba(243,243,243,0.8);z-index:80;display:block;visibility:hidden;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #sed.sed{visibility:visible;opacity:1} #topBanner.fixed ~ #sed{position:fixed;top:68px} .fixed #topNavig ul li.klasik ul{top:67px} .HP #leftC,.kosik #leftC{display:none} #leftC{width:246px;float:left;/*margin-top:5px;*/margin-bottom:50px;padding-left:0;overflow:hidden} #leftC .kateg{height:64px;padding:5px 0 0.5em 11px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.47em;font-weight:bold;margin:0;display: grid;grid-template-columns:100%;grid-template-rows:1fr auto;} #leftC .kateg:before{content:"";display:block;grid-column:1/2;grid-row:1/2;width:40px;height:2px;background:transparent;justify-self: start;align-self: center;margin-top: 8px;} #hidecolor,#hidenavig,#leftC h3 span{display:none} #topBanner #searchBlockC{max-width: 990px;width: 100%;margin:0;padding: 0 8px 0 0;box-sizing: border-box;} #topBanner #searchBlockC form{margin:0 auto;display:block;} #topBanner #searchBlockC h3{display:none} #topBanner #searchBlockC #searchBlock{width:100%;height:45px;margin:0 auto /*10px*/;display: grid;grid-template-columns:1fr auto;} #topBanner #searchBlockC #searchBlock #searchText,#topBanner #searchBlockC #searchBlock #doSearch{float:left;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Fira Sans',sans-serif;font-size:0.883em;} #topBanner #searchBlockC #searchBlock #searchText{border:1px solid #CCC;background:#fff;width:100%;padding:0 9px;-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB;box-sizing: border-box;grid-column: 1/2;grid-row: 1/2;} #topBanner #searchBlockC #searchBlock #doSearch{background:#D50169;background-size:cover;cursor:pointer;border:0;width:119px;height:100%;display:block;color:#fff;text-align: center;grid-column: 2/3;grid-row: 1/2;} @media only screen and (min-width:881px) { #topBanner #searchBlockC #searchBlock::before{content:"";display:block;width:33px;height:32px;background: url(/images/veci/svg/IKONA_lupa_MP.svg) no-repeat;grid-column: 1/2;grid-row: 1/2;background-size: contain;place-self: center start;margin-left: calc((76px - 33px)/2);} #topBanner #searchBlockC #searchBlock #searchText{padding-left:76px} } #topBanner #searchBlockC #searchBlock #doSearch.SK{background:#D50169;background-size:cover} #leftC .navigBlockC{padding-bottom:14px} #leftC .navigBlockC a,#leftC .navigBlockC a:visited,#leftC .navigBlockC a:link{display:block} .navigBlockC ul{margin:0;padding:.3em 0} .navigBlockC li{list-style:none;list-style-image:none;margin:0;padding:.2em .5em;border-top:0;background:none} .navigBlockC ul li:first-child{border:0} .navigBlockC li span{display:block} .navigBlockC li.menuActual li{font-weight:400!important} .navigBlockC li span{padding:.4em .5em} .navigBlockC li a,.navigBlockC li a:visited,.navigBlockC li a:link{color:#000;text-decoration:none;font-size:.9em} .navigBlockC .navig1 > li > a:hover span,.navigBlockC .navig1 > li > a:active span,.navigBlockC .navig1 > li > a:focus span,.navigBlockC .navig1 > li.menuActual > a span{font-weight:bold;} .navigBlockC .navig2{margin:5px -10px 5px 15px;padding:0} .navigBlockC .navig2 li span{padding:0;margin:0;color:#000;background:none;padding-top:0;} .navigBlockC .navig2 li a span,.navigBlockC .navig2 li a:visited span,.navigBlockC .navig2 li a:link span{text-decoration:none} .navigBlockC .navig2 li a{padding:.4em .5em;} .navigBlockC .navig2 li a:hover,.navigBlockC .navig2 li a:active,.navigBlockC .navig2 li a:focus,.navigBlockC .navig2 li.menuActual a{background-color:rgba(213, 0, 105,0.07);color:#000;} .navigBlockC .navig2 li.menuActual,.navigBlockC .navig2 li:hover{color:#D50069;} .navigBlockC li.menuActual .navig3 li span{color:#000} .navigBlockC .navig3 li span{padding:0;margin:0;color:#000;background:none;padding-top:0} .navigBlockC .navig3 li a span,.navigBlockC .navig3 li a:visited span,.navigBlockC .navig3 li a:link span{text-decoration:none} .navigBlockC .navig3 li a:hover span,.navigBlockC .navig3 li a:active span,.navigBlockC .navig3 li a:focus span,.navigBlockC .navig3 li.menuActual a span{background-color:transparent;color:#D50069} .navigBlockC .navig2 li,.navigBlockC .navig3 li,.navigBlockC .navig4 li{border:0;list-style-type:none;padding:0;margin-left:0;padding-right:0;} .navigBlockC ul{background-color:#fff;border:none} #leftNavig{border-bottom:1px solid #000} #colorBlock{position:relative;padding-top:25px;width:226px} #colorBlock:after{content:"";display:block;clear:both} #colorBlock h4{background-color:#fff;color:#000;padding:3px 0 3px 5px;margin-bottom:10px;font-weight:400;font-size:1.5em} a.colorOdkaz{display:block;width:32px;height:31px;background:url(/images/veci/barvy.png) no-repeat 0 0;float:left;margin:2px} a#color_1{background-position:0 -2px} a#color_2{background-position:-40px 0} a#color_3{background-position:-78px 0} a#color_4{background-position:-115px 0} a#color_5{background-position:-154px 0} a#color_6{background-position:-192px 0} a#color_7{background-position:0 -32px} a#color_8{background-position:-40px -32px} a#color_9{background-position:-78px -32px} a#color_10{background-position:-115px -32px} a#color_11{background-position:-154px -32px} a#color_12{background-position:-192px -32px} a#color_13{background-position:0 -61px} a#color_14{background-position:-39px -62px} a#color_15{background-position:-77px -62px} a#color_16{background-position:-115px -62px} a#color_17{background-position:-153px -62px} a#color_18{background-position:-191px -62px} a#color_19{background-position:0 -91px} a#color_20{background-position:-38px -92px} a#color_21{background-position:-77px -92px} a#color_22{background-position:-113px -92px} a#color_23{background-position:-154px -92px} a#color_24{background-position:-191px -92px} a#color_25{background-position:0 -122px} a#color_26{background-position:-38px -122px} a#color_27{background-position:-77px -121px} a#color_28{background-position:-115px -122px} a#color_29{background-position:-153px -122px} a#color_30{background-position:-191px -122px} a#color_31{background-position:0 -152px} a#color_32{background-position:-38px -152px} a#color_33{background-position:-76px -151px} a#color_34{background-position:-114px -151px} a#color_35{background-position:-153px -151px} a#color_36{background-position:-191px -152px} a.colorOdkaz span{display:none} #fbLeft{padding-top:20px;clear:both;display:none} #serazeni{} #serazeni .filtry :is(.dalsiFiltry,.ViceFiltru){padding:1em 0 0;padding-left:10px !important;padding-right: 10px !important;border-left:var(--ram);border-right:var(--ram);box-sizing: border-box;} #serazeni .filtry{--ram:none;--ramB:none;border-bottom:var(--ram);} #serazeni .filtry input[type="checkbox"],input[type="checkbox"],input[type="radio"]{-webkit-appearance: none;appearance: none;margin: 0 8px 0 4px;background: transparent;border: 0;cursor: pointer;} #serazeni .filtry input[type="checkbox"]:before,input[type="checkbox"]:before,input[type="radio"]:before{content: '';box-sizing: border-box;display: inline-block;width: 19px;height: 19px;border: 2px solid #b2b2b2;border-radius: 100%;vertical-align: middle;background: #fff;cursor: pointer;} #serazeni .filtry input[type="checkbox"]:hover:before,input[type="checkbox"]:hover:before,input[type="radio"]:hover:before{border-color: #D50069;} #serazeni .filtry input[type="checkbox"]:checked:before,input[type="checkbox"]:checked:before,input[type="radio"]:checked:before{border-color: #D50069;background-image: url(/images/veci/svg/zaskrtnuti.svg);background-repeat: no-repeat;background-position: center;background-size: contain;} #serazeni .filtry input[type="checkbox"][disabled]:hover:before,input[type="checkbox"][disabled]:hover:before,input[type="radio"][disabled]:hover:before{border-color: #b2b2b2;background: #e5e5e5} /*jinde*/ input[type="checkbox"],input[type="radio"]{margin-bottom:2px;} input[type="checkbox"]:before{border-radius: 2px;} input[type="radio"]:checked:before{background: radial-gradient(circle, rgba(213,0,105,1) 0%, rgba(213,0,105,1) 35%, rgba(255,255,255,0) 40%);} #serazeni .tlacitkaFiltry{display:flex;flex-wrap:wrap;width: 100%;background: #fbecf3;border: 1px solid rgba(200,200,200,0.9);padding: 0;} #serazeni .tlacitkaFiltry button{border:0;background:transparent;cursor:pointer;padding:10px 20px;margin:0;border-right: 1px solid rgba(200,200,200,0.9);font-family: inherit;} #serazeni .tlacitkaFiltry button:is(:hover,.active){background: #fff;} #serazeni .tlacitkaFiltry .totalCount{padding:3px 6px;margin:0 1em 0 auto;align-self: center} #serazeni .tlacitkaFiltry .totalCount #filtrTotalCount{margin-right: 0.5em;} @media only screen and (max-width:770px) { /*#serazeni .tlacitkaFiltry{flex-wrap:nowrap;}*/ /*#serazeni .tlacitkaFiltry button{margin:0 0 0 1em;flex-grow:0;position:relative;z-index:0;border-bottom:1px solid #fff !important;}*/ /*#serazeni .tlacitkaFiltry button:is(.active){z-index:1;top: 1px;}*/ #serazeni .tlacitkaFiltry button{border: 1px solid rgba(200,200,200,0.9);margin: 0.25em;flex-grow: 1;} #serazeni .tlacitkaFiltry .totalCount{margin:0 auto;flex-grow: 1;flex-basis: 100%;text-align: center;} } #serazeni .filtry .dalsiFiltry{padding: 1em 0;display: grid;grid-template-columns: repeat(5,auto) 1fr;grid-gap: 1em 0;align-items: center;justify-items: start;} #serazeni .filtry .dalsiFiltry .filterOne.jen-skladem{grid-column: 1/2;grid-row: 1/2;margin-left: 0;margin-right: 2em;} #serazeni .filtry .dalsiFiltry .filterOne{margin-left:15px;min-height: 20px;display: flex;align-items: center;font-size: 1.03em;} #serazeni .filtry .dalsiFiltry .filterOne label{display: flex;flex-wrap:wrap;align-items: center;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo{grid-column: 2/-1;grid-row: 1/2;margin-left: 18px;display: flex;align-items: center;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo label{flex-direction: row-reverse;align-items: center;flex-wrap: wrap;justify-content: center;cursor: default;height: 100%;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo :where(#price,#price:focus){border: 0;background: transparent;text-align: center;width: 100px;padding: 0;outline:none;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo .ui-slider{width: 200px;margin: auto 20px;border-radius: 0;height: 5px;min-height: 5px;position: relative;background: #e5e5e5;border-color: #e5e5e5;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo .ui-slider .ui-slider-range{height: 5px;top: calc(50% -(5px/2));background: #aeaeae;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo .ui-slider .ui-slider-handle.ui-state-default{border-color: #fff;background: #D50069;cursor: pointer;top: calc(-1.2em/2 + 1px);border-radius: 100%;border-width: 2px;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo .ui-slider .ui-slider-handle.ui-state-default:hover{background:#D50069;} #serazeni .ViceFiltru{display:none;} #serazeni .ViceFiltru.uka{display:flex;flex-direction:row;flex-wrap:wrap;padding: 15px 0 10px;box-sizing: border-box;border-top: 1px solid rgba(200,200,200,0.9);} #serazeni .filterItem{position: relative;min-width:180px;max-width:310px;display: flex;align-items: center;border: 1px solid #ddd;margin: 0 10px 10px 0;box-sizing: border-box;flex-grow: 1;font-size:1.03em;} #serazeni .filterItem:not(.barvyS){margin-top: 22px;} #serazeni .filterItem .filterTitle{font-size: 1em;line-height: 1.2em;padding: 3px 6px 3px 4px;box-sizing: border-box;} #serazeni .filterItem:not(.barvyS) .filterTitle{flex-grow: 1;display: flex;justify-content: space-between;align-items: center;cursor: pointer;padding: 8px 11px 8px 0;} #serazeni .filterItem:not(.barvyS) .filterTitle .nameTitle{position: relative;top: -27px;} #serazeni .filterItem:not(.barvyS) .filterTitle:after{content:"";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: #d5006b transparent transparent transparent;} #serazeni .filterItem:is(.uka) .filterTitle:after{transform: rotate(180deg);} #serazeni .filterItemS{display: flex;flex-direction: column;padding: 0;box-sizing: border-box;position: absolute;top: 100%;left: -1px;right: 0;background:#fff;z-index:22;width: calc(100% + 2px);max-height:0;overflow:hidden;} #serazeni .filterItem:is(.uka) .filterItemS{border: 1px solid #ddd;max-height: 50vh;min-height: 150px;overflow: auto;filter: drop-shadow(2px 3px 1px #6f6f6f);} #serazeni .filterCheckItem{display: flex;align-items: center;padding: 6px 0 6px 6px;box-sizing: border-box;margin: 0;} #serazeni .filterCheckItem.ColorItem:after{content:'';width: 25px;height: 25px;min-width: 25px;min-height: 25px;margin: 0 9px 0 auto;background: url(/images/color.png);background-color: var(--color);background-size: contain;background-repeat: no-repeat;background-position: center;} /*#serazeni .filterCheckItem:hover{background: #D50069;color: #fff;}*/ #serazeni .filterCheckItem input{margin: 1px 5px 0;} #serazeni .filterItemDisabled{color:#cecece;cursor: no-drop;text-decoration: line-through;} #serazeni .filterColorItem{display:inline-block;height:30px;width:30px;margin:3px;border:var(--ramB);position:relative;} #serazeni .filterColorItem input{position:absolute;height:30px;width:30px;opacity:0;margin:0;} #serazeni .filterColorItem:not(.filterItemDisabled) input{cursor:pointer;} #serazeni .filterColorItem.filterItemDisabled:before,#serazeni .filterColorItem.filterItemDisabled:after{content:"";width:100%;height:2px;background:red;display: block;position: absolute;transform: rotate(45deg);left: 0;right: 0;top: 0;bottom: 0;margin: auto;} #serazeni .filterColorItem.filterItemDisabled:before{transform: rotate(-45deg);} #serazeni .filterColorItem.filterItemDisabled{cursor:not-allowed;} #serazeni .filterColorItem:not(.filterItemDisabled):is(.filterColorItemChecked,:hover){border-radius: 100%;box-shadow: 0 0 0 2px #D50069;overflow: hidden;} /*#serazeni .filterItem.barvy{flex: 1 1 100%;min-width: auto;border: 0;margin:0;flex-direction: column;align-items: flex-start;} #serazeni .filterItemS.barvy{display: grid;grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));justify-items: center;align-items: center;position: static;max-height: none;overflow: visible;width: 100%;flex: 1 1 100%;z-index:0;}*/ #serazeni .BtnFiltry .vseF{display:block;flex-grow: 1;margin-right: 0.95em;}/*display:none;*/ #serazeni .BtnFiltry{grid-column: 1/2;grid-row: 2/3;background:#D50069;color:#fff;padding: 5px 15px;font-size: 1em;border-radius: 0;margin: 0;cursor: pointer;border: 2px solid #D50069;box-sizing: border-box;display: flex;align-items: center;} #serazeni .BtnFiltry:after{content: '';display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: #fff transparent transparent transparent;} #serazeni .BtnFiltry.vsefiltr:after{transform: rotate(180deg);} #serazeni .BtnFiltry:hover:after{border-color: #d5006b transparent transparent transparent;} #serazeni .BtnFiltry:hover{background: #fff;color: #D50069;} #serazeni .BtnFiltryReset{grid-column: -1/-2;grid-row: 2/3;background:#D50069;color:#fff;padding: 5px 15px;font-size: 1em;border-radius: 0;margin: 0;cursor: pointer;border: 2px solid #D50069;box-sizing: border-box;display: flex;align-items: center;justify-self: end;order: 15;display:none;} #serazeni .BtnFiltryReset:hover{background: #fff;color: #D50069;} @media only screen and (max-width:790px) { #serazeni .filterItem{max-width:none;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo{margin: 0;width: 100%;max-width: 300px;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo label{flex-direction: column-reverse;width: 100%;row-gap: 10px;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo .ui-slider{width: calc(100% - 40px);} } @media only screen and (max-width:560px) { #serazeni .filtry .dalsiFiltry{grid-template-columns:repeat(3,auto);grid-gap: 1em 0.5em;grid-template-rows: repeat(4,auto);} #serazeni .filtry .dalsiFiltry .filterOne{margin:0;} #serazeni .filtry .dalsiFiltry .filterOne.cenaodo{margin: 0 auto;grid-column:1/-1;grid-row:1/2;} #serazeni .filtry .dalsiFiltry .filterOne.jen-skladem{margin-right: 0;grid-row: 2/3;} #serazeni .BtnFiltry{margin: 0 auto;grid-column:1/2;grid-row:-2/-1;justify-self: center;} #serazeni .BtnFiltryReset{grid-column:2/-1;grid-row:-2/-1;justify-self: center;} } #Container.AdventKalendar{} #Container.AdventKalendar #contentC{width:100%;padding:0;} #Container.AdventKalendar #content{background:url(/data/kalendar/2020/adventKPozadi.jpg);} #Container.AdventKalendar ul.advetnikalendar{margin:0;padding:0;list-style:none;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));grid-gap: 5em;padding: 1.5em;box-sizing: border-box;} #Container.AdventKalendar ul.advetnikalendar li{} #Container.AdventKalendar ul.advetnikalendar li a{} #Container.AdventKalendar ul.advetnikalendar li img{width: 100%;} #Container.AdventKalendar .otevrenePole{display:none;} .otevrenePole{height: 100%;width: 100%;} .otevrenePole a{text-decoration: none;color:#D50069;} .otevrenePole .otevrenePoleC{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));grid-gap: 1em;width: 100%;height: 100%;} .otevrenePole span{font-size: 3em;line-height: normal;align-self: center;justify-self: center;border: 1px solid #6666;padding: 0.4em;color:#D50069;} .otevrenePole .otevreneden{align-self: center;justify-self: center;} .otevrenePole img{width: 100%;max-width: 525px;} #bottomC:before{content:"";display:block;position:absolute;height:610px;width:100%;left:0;right:0;background:#F2F2F2;z-index:1} .SKweb #bottomC:before{content:"";height:340px} #bottomC:after{content:"";display:block;clear:both} #bottomC{clear:both;background:#F2F2F2;height:auto;z-index:2} #bottomNavig,.pod_odkazy{background:#F2F2F2} .pod_odkazy{position:relative;z-index:5;height:64px} .pod_odkazy:after{content:"";display:block;clear:both} .noprint{display:none} #ourWebs{clear:both;max-width:1550px;width:100%;height:30px;font-weight:400;color:#fff;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.95em;letter-spacing:.12em;bottom:30px} #ourWebs a,#ourWebs span{display:block;width:auto;margin:0 15px;height:30px;text-decoration:none;text-align:center;float:left;color:#3E3E3E;line-height:30px} #ourWebs a{background-color:#F2F2F2} #ourWebs span.mezera{color:#3E3E3E;width:auto;margin:0;display:inline-block;vertical-align:middle} #ourWebs a:hover{color:#D50069} #bottomC ul{padding:0 15px;margin:0;list-style:none;float:left} #bottomNavig ul{width:246px;padding:0;margin-top:22px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:45px} #bottomC li:first-child{background:none;padding-left:5px;font-size:.98em;font-weight:700} #bottomC li{padding:3px .4em;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;width:100%} #copyright{text-align:center;font-size:.9em;padding:0 0 5px;clear:both;position:absolute;bottom:0;width:100%} .paticka{position:relative;z-index:5;display:flex;justify-content:space-between;gap:0 40px;flex-wrap:wrap;} .paticka .partak_newsleter,.paticka .pat_box_nad,.paticka .nafuka_kalendarium{display:inline-block} .paticka .pat_box_nad{width:340px;padding:20px 0 0;margin:0} .paticka .pat_box_nad picture{} .paticka .pat_box_nad.akceK{margin:0;width:344px} .paticka .nad_text{float:left;font-weight:700;margin:10px 0;width:100%} .paticka iframe{float:left} .paticka .akce_klic{float:left;background:#fff;padding:5px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;text-align:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr repeat(2,auto) 1fr;} .paticka .akce_klic .imag{width: 100%;max-width: 166px;aspect-ratio: 1/1;grid-column:1/2;grid-row:1/-1;position:relative;background-repeat: no-repeat;background-size:cover;background-position: center;display:flex;justify-content:center;align-items:center;}/*height:166px;width:166px;*/ .paticka .akce_klic .imag:not(.lazyload){background-image: url('/images/veci/akce-klic-pozadi.jpg');} .paticka .akce_klic .imag:before{content:"";display:block;background-repeat: no-repeat;width:96px;height:93px;} .paticka .akce_klic .imag:not(.lazyload):before{background-image: url('/images/veci/akce-na-klic_bila.png');} .paticka .akce_klic .akce_tx{grid-column:2/3;grid-row:2/3;position:relative;font-style:italic;font-size:1.5em;align-self:center;display:flex;flex-direction: column;} .paticka .akce_klic .akce_tx:after{content:"";display:block;background:url(/images/veci/sipka-cerna-dolu.png) no-repeat;background-size:contain;width:21px;height:29px;margin:auto} .paticka .akce_klic .tl_vic{grid-column:2/3;grid-row:3/4;justify-self:center;align-self:center;} .paticka .akce_klic .tl_vic,a.tlacitko{width:auto;text-decoration:none;color:#fff;background:#D50069;padding:8px 22px;margin:0 auto;cursor:pointer;border:1px solid transparent;font-size:1.3em} .paticka .akce_klic .tl_vic:hover,a.tlacitko:hover{color:#fff;background:#ff7da0;border:1px solid #ff7da0} .paticka .partak_newsleter{width:100%;max-width:330px;padding:15px 0 0;margin:0} .paticka .partak_newsleter .balonek{background:url(/images/veci/Balon_ilustrace_ZAPATI.png) no-repeat;width:106px;height:295px;float:left;display:block;margin:0 100px 0 0} .paticka .partak_newsleter .formular{float:left;display:block;width:330px} .paticka .partak_newsleter .partak{margin:55px 0 0;font-weight:700;float:left} .paticka .partak_newsleter form{float:left;display:block;width:100%} .paticka .partak_newsleter .formular .inputText{-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB;float:left;width:100%;padding:15px 13px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:21px 0} .paticka .partak_newsleter .formular .NewObalka{background:url(/images/veci/obalka_novinky.png) no-repeat;background-size:contain;width:67px;height:51px;float:left} .paticka .partak_newsleter .formular .NewSend{color:#fff;background:#D50069;border:1px solid transparent;padding:8px 22px;font-size:1.3em;margin:12px 0 0 14px;cursor:pointer} .paticka .partak_newsleter .formular .NewSend:hover{color:#fff;background:#ff7da0;border:1px solid #ff7da0} .paticka .nafuka_kalendarium{width:275px;display: flex;padding: 15px 0 5px;flex-direction: column;align-items: stretch;justify-content: flex-end;} .paticka .nafuka_kalendarium .kal_naf{background-repeat: no-repeat;background-size:contain;width:100%;height:148px;margin:0 auto} .paticka .nafuka_kalendarium .kal_naf:not(.lazyload){background-image: url('/images/veci/Nafuka_zapati-blog_2024.png?v=1');} .paticka .nafuka_kalendarium .kal_tl{color:#fff;background:#D50069;border:1px solid transparent;padding:8px;font-size:1.3em;margin:0;cursor:pointer;text-decoration:none;display:block;box-sizing:border-box;text-transform:uppercase;text-align:center} .paticka .nafuka_kalendarium .kal_tl:hover{color:#fff;background:#ff7da0;border:1px solid #ff7da0} #bottomNavig{margin:0 auto;margin-top:10px;max-width:1550px;width:100%;display:inline-block;padding:20px 35px;position:relative;z-index:5;vertical-align:top;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-grid;display:grid;-ms-grid-columns:250px auto auto auto;grid-template-columns:250px auto auto auto;grid-template-areas:"icolog btm . apek" "icolog btm shoprokuNew shoprokuNew" "icolog btm shoproku shoproku"} .icolog{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;float:left;width:250px;grid-area:icolog} .icolog .logopat{background-repeat: no-repeat;width:130px;height:83px;display:block;margin:0 auto -1.5em;background-size:contain} .icolog .logopat:not(.lazyload){background-image:url('/images/veci/svg/logo-MP-cerne.svg');} .icolog .logopat.SK{background-repeat: no-repeat;width:98px;height:66px;margin:0 auto} .icolog .logopat.SK:not(.lazyload){background-image:url('/images/veci/logopat_SK.png?v=2')} .icolog p{text-align:center;font-size:.99em;margin:30px 0;line-height:1.5em} .icolog p span{font-weight:700} .icolog .fb,.icolog .twi,.icolog .pp,.icolog .int{display:inline-block;float:left;margin:10px 24px} .icolog .fb{background:url(/images/veci/fbico.png) no-repeat;width:9px;height:17px;background-size:9px 17px} .icolog .twi{background:url(/images/veci/twiico.png) no-repeat;width:16px;height:17px;background-size:16px 17px} .icolog .pp{background:url(/images/veci/ppico.png) no-repeat;width:13px;height:17px;background-size:13px 17px} .icolog .int{background:url(/images/veci/insico.png) no-repeat;width:17px;height:17px;background-size:17px 17px} .btm{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:2;grid-area:btm} #bottomNavig .btm li:not(:first-child) + li{margin-top:0.5em;} .btm:after{content:"";display:block;clear:both} #bottomNavig a{color:#3E3E3E;text-decoration:none} #bottomNavig li{color:#3E3E3E;font-size:.95em} #clen-apek{-ms-grid-row:1;-ms-grid-column:4;grid-area:apek;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center} #shoprokuPatNew{-ms-grid-row:2;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:shoprokuNew;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;width:170px} #shoprokuPat{-ms-grid-row:3;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:shoproku;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;width:170px} #shoprokuPatOLD{-ms-grid-row:4;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:shoprokuold;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;width:170px;display: none;} #shoprokuPatNew img,#shoprokuPat img,#shoprokuPatOLD img{max-width:100%;height: auto;} .nafuka,.nafukaItem{float:left;width:calc(100%/2);min-height:370px;max-height:370px;margin-bottom:3em;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative} .nafukaItem{width: calc(100%/4 - 10px);} .nafuka *,.nafukaItem *{max-width:100%} @media only screen and (min-width:500px) { .nafuka *,.nafukaItem *{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0} } #ProduktyHP:not([style*="display: block"]){display:block;height:444px;} #ProduktyHP:not([style*="display: block"]) *{display:none;} #ProduktyHP .productItemX{width:100%;height:100%;} #ProduktyHP .owl-buttons .owl-prev,#ProduktyHP .owl-buttons .owl-next{opacity:1;position:absolute;top:0;bottom:0;padding:0;margin:auto;width:17px;height:23px;font-size:0} #ProduktyHP .owl-buttons .owl-prev{left:0;background:url(/images/veci/sipkaleva.png) no-repeat;background-size:17px 23px} #ProduktyHP .owl-buttons .owl-next{right:0;background:url(/images/veci/sipkaprava.png) no-repeat;background-size:17px 23px} .kosik .productItemX{width:calc(100%/5 - 10px)} .productItemX{float:left;width:calc(100%/4 - 10px);margin-right:10px;margin-bottom:3em;min-height:370px;padding:10px 35px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative} .productItemX h3{color:#ccc;font-size:1em;padding:.4em 0;margin:0;height:2.1em;position:absolute;top:210px;left:0;font-weight:400;width:100%;text-align:center;overflow:hidden} .productItemX h3 a,.productItemX h3 a:link,.productItemX h3 a:visited{color:#000;text-decoration:none} .productItemX h3 a:hover,.productItemX h3 a:active,.productItemX h3 a:focus{text-decoration:underline} .productItemC .anot{text-align:center;height:200px;margin-bottom:2.5em} .productItemC .anot img{float:none!important;width: auto;height: auto;object-fit: cover;max-width: 200px;max-height: 200px;box-sizing: border-box;} .productItemC .anot p{text-align:left} .productItemC .cfooter,.productDetail .cfooter{margin-top:.7em;font-weight:700;clear:both;float:left;height:70px;width:100%;position:relative} .productItemC .cfooter span{clear:left} .productItemC .cfooter span.doOrder{clear:none;position:absolute;top:75px;text-align:center;width:100%;padding:0;height:50px} .productItemC .cfooter span.doOrder.pujcka{width:80px;height:auto;left:0;right:0;margin:0 auto} .productItemC .cfooter span.doOrder .koupit,.productItemC .cfooter span.doOrder.pujcka{border:2px solid #d50069;padding:3px 12px;text-decoration:none;color:#d50069;text-transform:uppercase;letter-spacing:2px;font-size:1.3em;font-weight:700} .productItemC .cfooter span.doOrder span.koupit{display:inline-block} .productItemC .cfooter span.doOrder .koupit:hover,.productItemC .cfooter span.doOrder.pujcka:hover{background:#d50069;color:#fff;cursor:pointer} .productItemC .cfooter span.doOrder:hover .kusy{display:block} .productItemC .cfooter span.doOrder .kusy{display:none;position:absolute;background:#fff;border:1px solid;width:150px;margin:10px auto 0;left:0;right:0;z-index:150;padding:6px 0 6px 15px} .productItemC .cfooter span.doOrder .kusy .txks{width:36px;display:inline-block;vertical-align:top;line-height:21px;margin-right:10px} .productItemC .cfooter span.doOrder .kusy .txks:after{display:none} .productItemC .cfooter span.doOrder .kusy #pocetminus,.productItemC .cfooter span.doOrder .kusy #pocetplus,.productItemC .cfooter span.doOrder .kusy .pocetminus,.productItemC .cfooter span.doOrder .kusy .pocetplus{width:15px;height:15px;font-size:1.2em;margin:2px 7px 0 0;float:none;display:inline-block;line-height:15px} .productItemC .cfooter span.doOrder .kusy #pocetkusudetail,.productItemC .cfooter span.doOrder .kusy .pocetkusudetail{vertical-align:top;padding-top:3px} .productItemC .cfooter span.doOrder .kusy.seznam #pocetkusudetail,.productItemC .cfooter span.doOrder .kusy.seznam .pocetkusudetail{text-align:center;position:relative} .productItemC .cfooter span.doOrder .kusy.seznam .pocetplus{position:relative;margin-left:5px} .productItemC .cfooter span.doOrder .kusy.seznam .pocetminus{margin-right:5px} .productItemC .cfooter span.doOrder .kusy #pocetminus:after,.productItemC .cfooter span.doOrder .kusy #pocetplus:after,.productItemC .cfooter span.doOrder .kusy .pocetminus:after,.productItemC .cfooter span.doOrder .kusy .pocetplus:after{line-height:15px} .kusy.seznam .pocetminus:after,.kusy.seznam .pocetplus:after{display:none!important} .productItemC .cfooter .detail{clear:none;position:absolute;top:8px;right:0;width:50%;text-align:right;padding-top:0!important;letter-spacing:.5em;text-transform:uppercase;text-align:center} .productItemC .cfooter .detail a{font-weight:400;text-decoration:none;color:#757575} .productItemC .cfooter span.price,.productItemC .cfooter span.price span{clear:none;color:#000;font-weight:400;text-align:center;border-top:1px solid #b6b6b6;padding-top:10px;font-size:16px} .productItemC .cfooter span.price span{border:0;padding:0} .productItemC .cfooter span.price{position:absolute;top:30px} .productItemC .cfooter span.price + br + span.price{margin-top:27px;padding:0;border:0;font-size:1em} .productItemC .cfooter span.price + br + span.price .colorPrice{border:0;font-size:1em} .productItemC .vyssipaticka{height:80px} .productDetail .cfooter{height:auto} .productItemC .price,.productDetail .price{display:block;float:left;font-size:1.1em} .productItemC .price{min-width:110px} .productItemC .cfooter a,.productDetail .cfooter a{font-size:15px} .productItemC .cfooter .sleva{font-size:.9em} .productDetail .price{width:200px} .productItemC .doOrder,.productDetail .doOrder{display:block;width:100%;float:right;text-align:right;padding-top:.1em;padding-bottom:.5em} .hodnoceni{font-size:1.1em;color:#f26521} .productDetail h1.nazev{padding-bottom:23px;color:#000;font-size:2.2em;grid-column: 1/2;grid-row: 1/2;} .productudj{margin-top:15px;display: grid;grid-template-columns: 1fr calc(42% - 5em);grid-auto-rows: auto;} .productudj:after{content:"";display:block;clear:both;grid-column: 1/-1;grid-row: 8;} table.detailtabulka,.SklKod,.productDetail .cfooter{grid-column: 1/2;grid-row: 4;width: 100%;} table.detailtabulka{margin: 0;} table.detailtabulka,table.detailtabulka > tbody,table.detailtabulka > tbody > tr,table.detailtabulka > tbody > tr > td{display: block;} table.detailtabulka *{color:#000} table.detailtabulka tr,table.detailtabulka tr td{padding: 0;margin: 0;} table.detailtabulka tr:first-child td{overflow: hidden;}/*max-height: calc(1.2em*2);line-height:1.2em*/ table.detailtabulka tr:first-child td *:first-child{margin-top: 0;} table.detailtabulka td .btVice{border: 0;background: transparent;padding: 0;cursor: pointer;display: inline-block;position: relative;} table.detailtabulka td .btVice:not(:hover)::before{content: '';position: absolute;bottom: 0;width: 100%;height: 1px;background: #000;} .SklKod{border-top:3px solid #000;display:inline-block;padding:15px 0;grid-column: 1/2;grid-row: 2;} .SklKod div{text-align:right;margin:5px 0} .SklKod div .spanOdskok{float:left} .productDetail .cfooter{border-top:1px solid #000;padding:15px 0 0;margin-top: 0;margin-bottom:10px;clear:none;float:right;grid-column: 1/2;grid-row: 3;} .productDetail .cfooter .price{font-size:1.05em;margin-top:0;float:left;width:100%;color:#000;border-bottom:1px solid #000;padding-bottom:15px;margin-bottom:10px} .productDetail .cfooter .price .colorPrice{float:right;font-size: 1.6em;} .productDetail .cfooter .price .colorSleva{text-decoration: line-through;} .productDetail .doOrder{width:200px} .productDetail .cfooter .button{grid-column: 1/-1;grid-row: 3;display:block;background:#d50069;color:#fff;text-decoration:none;padding:10px 15px;font-size:1.15em;text-align:center} .productDetail .cfooter .button.objednat:hover{background:#ff7da0;color:#fff;cursor:pointer} .productDetail .cfooter form{display: grid;grid-template-columns: 100%;gap: 12px 0;} #addBlock{margin-bottom:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;grid-column: 1/2;grid-row: 5/6;} .produktDetailFotka{float:left;padding-right:5em;padding-bottom:2em;width:150px;width:58%;position:relative;grid-column: 1/2;grid-row: 1/5;width: 100%;box-sizing: border-box;} .produktDetailFotka a.zvetsit{font-size:.9em;display:block;text-align:left} .produktDetailFotka img{max-width:590px;width:100%;display:block;margin:0 auto;text-align:center;aspect-ratio:1/1} .ProducDRightBox{grid-column: 2/3;grid-row: 1;display: grid;grid-template-columns: 100%;grid-template-rows: repeat(6,auto) 1fr;} /* table.detailtabulka td{padding-bottom:10px} */ /* table.detailtabulka td span.spanOdskok{display:inline-block;width:100px} */ .basketStep{float:left;width:120px;height:30px;text-align:center;padding-top:5px;border:1px dotted #4B6A2D} .basketStepActive{float:left;width:120px;height:30px;text-align:center;font-weight:700;padding-top:5px;border:1px solid #f26521;background-color:#F2F8DF} .payByCard a{color:#fff;line-height:normal;text-decoration:none;margin:15px 0;display:inline-block;padding:5px 10px;background:#d50069;text-transform:uppercase} .payByCard a:hover{background:#ff7da0} #basketStepsBlock{padding:5px 0 0;margin:50px 0 20px} #basketStepsBlock .basketStep,#basketStepsBlock .basketStepActive{width:calc(100%/4);text-transform:uppercase} #basketStepsBlock .basketStep a{color:#000} #basketStepsBlock .basketStep a:hover{text-decoration:none} #basketStepsBlock .basketStep{height:50px;text-align:center;border:0;padding-top:0;background:#f3f3f3} #basketStepsBlock .basketStepActive{height:50px;padding-top:0;border:0;color:#fff;background-color:#d50069} #basketStepsBlock .basketStep span,#basketStepsBlock .basketStepActive span{vertical-align:middle;display:block;width:100%;height:50px;font-size:.99em;line-height:50px} #basketStepsBlock .basketStep span span,#basketStepsBlock .basketStepActive span span{display:inline} .prihlasbasket{margin-bottom:15px} p.registruj a{background:#F36621;color:#fff;text-decoration:none;font-weight:700;padding:4px 10px} p.registruj a:hover{background:#000} .infoBasket{color:red;padding:5px;border:1px solid red;margin-top:5px;text-align:center} td.basketPhoto{vertical-align:top} td.infoTd{color:#d50069} #recommend{margin:50px 0} #recommend:after{content:"";display:block;clear:both} #recommend h4{font-weight:400;font-size:1em;text-transform:uppercase;border-bottom:solid 1px #9f9f9f;padding-bottom:10px} .productudj .ProductDInfo{clear:both;background: #D50069;color: #fff;text-align: left;padding: 0.5em;margin: 0.5em 0 0.75em;} .productudj .ProductDInfo p{margin: 0;padding: 0;} .productudj .ProductDInfo a{color: #fff;text-decoration: underline;} .productudj .ProductDInfo a:hover{color: #fff;text-decoration: none;} .productudj .ProductDInfo .copyClick{cursor: pointer;position: relative;text-decoration: underline;} .productudj .ProductDInfo .copyClick.cypuruji::after{content: attr(data-alert);display: block;position: absolute;left: 50%;bottom: calc(100% + 0.5em);transform: translateX(-50%);color: #009900;background: #fff;min-width: 100%;white-space: nowrap;z-index: 22;border: 1px solid #009900;font-size: 0.9em;line-height: 1.4em;padding: 0.15em 0.4em;text-align: center;font-weight: normal;} #adProducts{display:grid;grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));} .productAdd{margin:10px 5px 0;display: flex;flex-direction: column;} .productAdd h3{padding:0 3px;margin:5px 0;font-size:1em;height:calc(1.2em*2);overflow:hidden;font-weight:400;box-sizing: border-box;line-height: 1.2em;} .productAdd h3 a{text-decoration:none;color:#000} .productAdd h3 a:hover{text-decoration:underline} .productAdd .productAddInner{text-align:center} .productAdd .images img{width:auto;max-height:150px} .productAdd .price{margin-top:3px;padding-top:3px;font-size:1.18em} .productAdd .doOrder a{border:2.5px solid #d50069;padding:3px 12px;text-decoration:none;color:#d50069;text-transform:uppercase;display:inline-block;margin-top:10px} .productAdd .doOrder a:hover{background:#d50069;color:#fff} /* .productAdd{width:calc(100%/5 - 2px);float:left;margin:25px 0 0 2px;padding:0 25px 5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box} */ .divFormC.new legend.noarrows.dopravaleg{padding:0 20px;float:left} .divFormC.new legend.dopravaleg span{display:block;float:left;padding:10px 0} .divFormC.new legend.dopravaleg .platbaspan{float:right;padding-right:220px;border-left:10px solid #fff;padding-left:15px} tr#platbyNew td{padding-left:0} tr#platbyNew ul{list-style:none;margin-left:0;border:1px solid rgba(213, 0, 105,0.1);width:100%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box} tr#platbyNew ul ul{float:none;width:100%;border:0;} tr#platbyNew ul li{padding:10px} tr#platbyNew ul li[id^="del"]{padding-left: calc(10px + 2em);} tr#platbyNew ul li[id^="del"] > input{margin-left: -2em;margin-right: 1em;} tr#platbyNew ul li[id^="del"] > label{} tr#platbyNew ul li[id^="del"] > div.nafuk{} tr#platbyNew ul li[id^="del"] > div:not(.nafuk){width:100%;} tr#platbyNew ul li[id^="del"] > div:not(.nafuk):after{content:'';display:block;clear:both;} tr#platbyNew ul li[id^="del"] > div:not(.nafuk) span{display:block;} tr#platbyNew ul li input{margin-top:1px;border:0;vertical-align:top} tr#platbyNew select{width: 100%;} #platbyNewDopravy{margin-right:10px} #platbyNewDopravy li ul{padding:0;margin:5px 0 0} #platbyNewDopravy li ul li{padding:5px 0 5px 10px;display:block} /* #platbyNewDopravy li ul input{display:block;float:left} */ /* #platbyNewDopravy li ul label{display:block;float:left;} */ #platbyNewDopravy li input{margin-top:1px;border:0;vertical-align:top} #platbyNewDopravy li label div{margin:5px 0 0 20px} tr#platbyNew.urgent ul {margin:0;padding:0;border:none} tr#platbyNew.urgent ul li {padding:0} .paymentDelivery{clear:both;font-weight:700;width:88%} .colorek{width:100%} .colorek .colorCheck{float:left;padding:0;margin:10px 0 10px 20px} .colorek label{height:30px;width:30px;display:block;float:left;margin-right:11px} .colorek label span{display:none} .colorek #colorSubmit{background:#fff;border:0;color:#000;float:right;margin-top:10px;padding:5px 10px;text-transform:uppercase;font-weight:400;border:1px solid #d50069;font-size:.82em} .colorek #colorSubmit:hover{cursor:pointer;background:#d50069;color:#fff;border-color:#fff} #right_quick_panel{position:fixed;right:0;z-index:5000;width:150px;display:none} #right_quick_panel li{list-style:none;height:139px;width:150px;text-align:left;color:#fff;margin-bottom:4px} #right_quick_panel li a{margin-left:0;float:left;width:195px;overflow:hidden} #right_quick_panel li span.panel_text{display:none} #right_quick_panel li a img{float:left} .qp_eshop,.qp_shop,.qp_info{display:block;text-decoration:none;color:#fff} .fancybox-inner{overflow-x:hidden!important} .fancybox-inner img{float:left} .fancybox-inner .souvisejici{float:left;width:170px} .fancybox-inner div[id^="inline_"]{display:block;width:100%} .fancybox-inner div[id^="inline_"]:after{content:"";display:block;clear:both} .fancybox-inner div[id^="inline_"] > img{width:calc(100% - 170px)} .fancybox-inner .souvisejici .productItemX{padding:10px 0;min-height:320px;float:none;width:100%} .fancybox-inner .souvisejici .productItemC .anot img{max-height:150px} .fancybox-inner .souvisejici .productItemC .cfooter .detail a,.fancybox-inner .souvisejici .icoSkladem{font-size:.8em} .fancybox-inner .souvisejici .productItemC .cfooter .detail{margin-right:-7px} .fancybox-inner .souvisejici .icoSkladem{height:17px;padding-top:2px} .fancybox-nav{width:50px!important} .fancybox-prev{left:-70px!important} .fancybox-next{right:-70px!important} .datatable.doprava{margin-top:0} .datatable.doprava td.cenaDoprava{width:125px;text-align:right} .datatable.doprava td.cenaCelk{font-size:1.2em;text-align:right} .divFormC.new{border:0;width:100%;margin:0 auto} .divFormC.new:after,.divFormC.new .divForm:after{content:"";display:block;clear:both} .divFormC.new fieldset{border:0;margin-top:15px} .divFormC.new legend{width:100%;padding:10px 5px;background:#d50069 url(/images/closeArrows.png) no-repeat 130px 15px;color:#fff;font-weight:700;cursor:pointer} .divFormC.new legend.close{background:#d50069 url(/images/openArrows.png) no-repeat 130px 15px} .divFormC.new legend.noarrows{background:#d50069;text-decoration:none} .divFormC.new legend#dod{background-position:105px 15px;font-size:1.4em} .divFormC.new legend#fir{background-position:110px 15px} .divFormC.new legend#fir.billing{background-position:130px 15px} .divFormC.new legend#nov{background-position:108px 15px} .divFormC.new legend#fak{background-position:58px 15px} .divFormC.new legend.jinabarva{background:#d50069;color:#fff} .divFormC.new legend #dodInfo{margin-left:150px;text-decoration:none} .divFormC.new table{background:none} .divFormC.new table td:first-child{text-align:right} .divFormC.new table.doprava td:first-child{text-align:left} .divFormC.new table input.inputText{padding:4px;border:1px solid #ddd} input.normBtn{padding:5px;cursor:pointer;border:0} input.normBtn:hover{padding:5px;background:#cacaca} a.contShop,input.normBtn.bck{text-decoration:none;font-weight:400;padding:5px 20px;font-size:1.48em;border:1px solid #000;min-width:270px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-transform:uppercase;background:url(/images/veci/sipka-cerna-leva.png) no-repeat;background-size:28px 25px;background-position:5% center;box-sizing:border-box;height:35px} input.normBtn.bck{padding:5px 20px 5px 50px} a.contShop:hover,input.normBtn.bck:hover{background:#ff7da0 url(/images/veci/sipka-cerna-leva.png) no-repeat;background-size:28px 25px;background-position:5% center;border:1px solid #ff7da0;color:#fff} input.normBtn.bck,input.normBtn.bck:hover{border:0} input.grayBtn{background:#cacaca;padding:5px 20px;font-size:1.48em;cursor:pointer;border:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-transform:uppercase;} input.grayBtn:hover{background:#ff7da0} input.greenBtn{padding:5px 20px;float:right;color:#fff;font-size:1.48em;cursor:pointer;border:0;width:270px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-transform:uppercase;background:#d50069 url(/images/veci/sipka-cerna-prava.png) no-repeat;background-size:28px 25px;background-position:95% center} input.greenBtn:hover{background:#ff7da0 url(/images/veci/sipka-cerna-prava.png) no-repeat;background-size:28px 25px;background-position:95% center} td.basketPhoto img{max-width:90px;height:auto} td.pocty{width:80px} td.prName{font-size:1.2em} .datatable.basket tr.productLine{border-top:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f} tr.productLine .prName a{color:#000} tr.productLine .prName a:hover{text-decoration:none} tr.productLine td:last-child.basPrice{text-align:right} .formC.newbas td.pocty img{vertical-align:bottom} td.basPrice{white-space:nowrap;text-align:right;padding-right:25px} td.basPrice strong:last-of-type{color:#d50069;font-size:1.4em} .balInfo{border:1px solid #d50069;padding:5px 12px;margin:5px 0;font-weight:700;color:#d50069;clear:both} a.deleteP{text-decoration:none;color:#000} a.deleteP:hover{color:#D50069} .deleteP{display:block;padding:0 20px 0 40px;height:16px;margin-left:10px;float:right;background:url(/images/veci/delete.png) no-repeat center right} .deleteP span{font-size:.9em} input.pocet{text-align:center;margin:0 4px;width:25px;border:0;box-sizing: border-box} tr.oddelCenu th{padding-top:10px;text-align:left} .divFormC.new table.leftText{margin-bottom:10px} .divFormC.new table.leftText td{text-align:left} .divFormC.new table.leftText textarea[name*="ord_note"]{width:100%;margin:10px 0} .divFormC.new table.leftText #conditions_agree,.divFormC.new table.leftText #conditions_heu,.divFormC.new table.leftText #sleva5, .divFormC.new table.leftText #18plus_agree{margin-left:0} table.spodnibuttony{width:100%;margin-top:30px;margin-bottom:30px} .prelepkyIkon{position:absolute;margin-left:-12px;right:0} .prelepkyIkon.prodDetail{right:auto;} .prelepkyIkony{display:block;position:relative;background-color:#F26521;color:#fff;padding:1px 5px;margin-top:5px} .prelepkyIkon.prodDetail .prelepkyIkony{font-size:1.2em;width:140px;padding:3px 5px 5px;margin-top:10px;margin-left:12px} .prelepkyIkony.icoNovinka,.prelepkyIkony.icoAkce,.prelepkyIkony.icoAkceJaro, .prelepkyIkony.icoVyzkouseli,.prelepkyIkony.ico18Plus,.prelepkyIkony.icoDopravazdarma{font-size:0!important;background:url(/images/party/MP_ikona-NOVE.png) no-repeat;background-size:contain;width:45px;height:55px} .prelepkyIkony.icoAkce{background:url(/images/party/MP_ikona-AKCE.png) no-repeat;background-size:contain} /*.SKweb .prelepkyIkony.icoAkce{background:url(/images/partysk/MP_AKCIE.svg) no-repeat;background-size: 140%;background-position: center;}*/ .SKweb .prelepkyIkony.icoAkce{background:url(/images/partysk/MP_AKCIA.svg) no-repeat;background-size: contain;background-position: center;} .prelepkyIkony.icoVyzkouseli{background:url(/images/party/MP_ikona-ZK.png) no-repeat;background-size:contain} .prelepkyIkony.icoAkceJaro{background:url(/images/veci/akce2Jaro.gif) no-repeat;background-size:contain} .prelepkyIkony.ico18Plus,.prelepkyIkon.prodDetail .prelepkyIkony.ico18Plus{background:url(/images/party/MP_ikona-18.svg) no-repeat;background-size:contain;width:35px;height:35px;} .prelepkyIkon.prodDetail .prelepkyIkony.ico18Plus{width:55px;height:55px;position:absolute;bottom:60px;right:30%} .prelepkyIkon.prodDetail .icoNovinka,.prelepkyIkon.prodDetail .icoAkce,.prelepkyIkon.prodDetail .icoAkceJaro, .prelepkyIkon.prodDetail .icoVyzkouseli,.prelepkyIkon.prodDetail .icoDopravazdarma{width:113px;height:113px} .prelepkyIkony.icoVyprodej{background-color:#919090} .prelepkyIkony.icoDopravazdarma{background:url(/images/party/MP_ikona-doprava-zdarma.svg) no-repeat;background-size:contain} .icoSkladem{color:#757575;display:block;padding-top:0;position:absolute;top:8px;width:50%;font-size:15px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;border-right:1px solid #b6b6b6;text-align:center} .SKweb .icoSkladem{letter-spacing:0.145vw} .productItemC .cfooter span.doOrder.poptat, .productItemC .cfooter span.doOrder.tedneni{color:#000;margin:0 auto;line-height:35px;font-size:1.2em;padding-right:0;font-weight:200;text-decoration:none;height:36px;display:block;vertical-align:top;text-transform:capitalize} .productItemC .cfooter span.doOrder.poptat{background:url(/images/veci/skladem-neni.png) no-repeat;background-position:86% center!important;background-size:34px!important;} .productItemC .cfooter span.doOrder.poptat:hover{background:url(/images/veci/skladem-neni-hover.png) no-repeat;cursor:pointer} .poptatmin{border:1px solid #ddd;width:117.5%;min-width:272px;height:auto;position:absolute;top:140px;padding:15px;margin:0 0 0 -15%;z-index:10;background:-webkit-gradient(linear,left top,left bottom,from(rgba(213,0,105,1)),color-stop(33%,rgba(213,0,105,1)),color-stop(33%,rgba(255,255,255,1)),to(rgba(255,255,255,1)));background:-o-linear-gradient(top,rgba(213,0,105,1) 0%,rgba(213,0,105,1) 33%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(213,0,105,1) 0%,rgba(213,0,105,1) 33%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 100%)} .poptatmin .PartakBal{background:url(/images/veci/bal-partak.png) no-repeat;background-size:contain;width:76px;height:188px;float:left;margin-right:15px} .poptatmin span{clear:none!important;float:left;width:66%} .poptatmin .dotaz{margin-bottom:21px;font-size:1.4em;font-style:italic;color:#fff} .poptatmin .tele,.poptatmin .email{color:#D50069;font-size:1.3em} .poptatmin .doba{font-weight:400;font-size:.84em;margin:5px 0} .poptatmin .tl_napsat{float:left;border:1px solid #D50069;width:auto;margin:12px 0 0;color:#D50069;padding:7px 6px;letter-spacing:.14em;background:url(/images/veci/tl-obalka-poptat.png) no-repeat 5px center;background-size:20px;padding-left:35px} .poptatmin .tl_napsat:hover{color:#fff;background:#D50069 url(/images/veci/tl-obalka-poptat-hover.png) no-repeat 5px center;background-size:20px;cursor:pointer} .poptatmin.detapop{border:0;background:none;position:relative;top:auto;margin:25px 0 0;padding:15px 0;float:left;width:100%;min-width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;grid-column: 1/2;grid-row: 5/7;font-weight: 700;} .poptatmin.detapop .PartakBal{width:102px;height:254px;margin-left:30px;margin-top:20px} .poptatmin.detapop .rika{border:1px solid #ddd;float:right;width:62%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:1.4em;position:relative} .poptatmin.detapop .rika:before{content:"";background:url(/images/veci/trjuhl.jpg) no-repeat;width:18px;height:23px;display:block;position:absolute;left:-17px;top:80px} .poptatmin.detapop .rika span{width:100%;font-size:1em} .poptatmin.detapop span.doba{font-size:.8em} .poptatmin.detapop .rika .dotaz{color:#000;margin:0;font-size:1.1em} .poptatmin.detapop .rika hr{width:40%;margin:20px auto;float:none;height:0;border-color:#D50069;display:inline-block;border-bottom:0} .poptatmin.detapop .rika .tl_napsat{margin:26px 25px 0;font-size:.9em;padding-left:40px;letter-spacing:.1em} .watchdogpopup,.poptatpopup,.PujcP{background:rgba(128,128,128,0.5);width:100%;height:100%;position:fixed;z-index:100000;top:0;left:0;right:0;bottom:0} .watchdogpopupC,.poptatpopupC,.PujcPC{width:300px;background:#fff;margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;padding:20px 30px;-webkit-box-shadow:0 0 5px 2px #4b4b4b;box-shadow:0 0 5px 2px #4b4b4b} .watchdogpopupC{min-height:265px;top: 50%;left: 50%;transform: translate(-50%, -50%);right: auto;bottom: auto;} .poptatpopupC{height:405px} .watchdogpopup span,.poptatpopup span,.PujcP span{font-size:1.6em;font-style:italic} .watchdogpopup form,.poptatpopup form,.PujcP form{margin:10px 0;display:block} .watchdogpopup .zavrit,.poptatpopup .zavrit,.poptatmin .zavrit,.PujcP .zavrit{background:url(/images/veci/delete.png) no-repeat center right;width:15px;height:15px;position:absolute;top:11px;right:11px;cursor:pointer} .watchdogpopup .inputTextCaptcha,.watchdogpopup .inputText,.poptatpopup .inputText,.poptatpopup .inputTextarea,.poptatpopup .inputTextCaptcha,.PujcP .inputText,.PujcP .inputTextarea,.PujcP .inputTextCaptcha{width:100%;padding:7px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB} .watchdogpopup .inputText,.poptatpopup .inputText,.PujcP .inputText{margin-bottom:15px} .poptatpopup .inputTextarea{resize:none;margin-bottom:15px} .watchdogpopup .inputTextCaptcha,.poptatpopup .inputTextCaptcha,.PujcP .inputTextCaptcha{width:65%;margin-left:15px} .watchdogpopup .poslat_zpravu,.poptatpopup .poslat_zpravu,.PujcP .poslat_zpravu{float:right;border:2px solid #D50069;width:auto;margin:20px 0 0;color:#fff;padding:5px 4px;letter-spacing:.14em;padding-left:28px;background:#D50069 url(/images/veci/tl-obalka-poptat-hover.png) no-repeat 5px center;background-size:20px} .watchdogpopup .poslat_zpravu:hover,.poptatpopup .poslat_zpravu:hover,.PujcP .poslat_zpravu:hover{color:#D50069;cursor:pointer;background:url(/images/veci/tl-obalka-poptat.png) no-repeat 5px center;background-size:20px} .PujcP{display: flex;justify-content: center;align-items: center;} .PujcP .PujcPC{height: auto;position: relative;top: auto;left: auto;right: auto;bottom: auto;margin: 0 15px;width: 100%;max-width: 300px;} .PujcP .PujcPop:after{content:"";display:block;clear:both;} .PujcP .pujcDatKus{display:flex;align-items:flex-start;margin: 0 0 20px 0;} .PujcP div.pujcDatKus{flex-wrap:wrap;} .PujcP .pujcDatKus label{flex-basis: 50%;position:relative;} .PujcP .pujcDatKus #kusu,.PujcP .pujcDatKus #terminOD,.PujcP .pujcDatKus #terminDO{margin:0;padding-right: 3px;} .PujcP .pujcDatKus #kusu{width: 60px;} .PujcP .pujcDatKus #terminOD,.PujcP .pujcDatKus #terminDO{width: calc(100% - 35px);padding-left: 3px;} .PujcP p{margin: 10px 0 20px;display: block;line-height: 1.2em;} .PujcP .Psmall,.PUJCOVNA + .divFormC .Psmall{font-size:0.8em;color:#6d6d6d;line-height: normal;margin: 0;} div.button.poptat{cursor:pointer;} .PujcP .pujcDatKus label input[type="date"]::-webkit-calendar-picker-indicator { position:absolute;top:0;right:0;left:-25px;bottom:0; width:135px;height:auto; background-position:98% center; background-size:15px; } .PUJCOVNA + .divFormC{width: 100%;max-width: 450px;} .PUJCOVNA + .divFormC fieldset{border:0;} #writeusform .PUJCOVNA + .divFormC fieldset{float: none;} .PUJCOVNA + .divFormC legend{display:none;} @media only screen and (max-width:400px) { .PujcP .PujcPC{padding:20px 15px;} .PujcP .inputTextCaptcha{width:calc(100% - 86px - 15px);} #writeusform table.datatable .Fdatum,#writeusform table.datatable .Fdatum + .Fdatum{width:100% !important;margin:0 !important;} } .skladem{background:#a4bd25 none repeat scroll 0 0;margin-left:-12px;position:absolute;margin-top:30px;color:#fff;width:80px;color:#fff;padding:2px 5px 3px;width:105px} .price{width:100%} .skrtlaSeva{float:right;display:block;text-decoration:line-through} #newsletterobal .logomojeparty{display:none} #cookiesInfo{display:block;bottom:0;width:100%;background-color:#d50069;position:fixed;z-index:500;padding:8px 0;text-align:center;color:#fff;font-weight:700} #cookiesInfo a{color:#FFF} #cookiesInfo_rozumim{cursor:pointer;display:inline-block;background:#e3599d;padding:4px 6px;margin:3px 0 0} .postTitleType{display:block;float:right;margin-right:7px;font-size:.75em;text-transform:uppercase;padding-top:0;position:absolute;right:0;bottom:-10px} #zasilkovnaFrame,#pplFrame{background-color:#fff;border:1px solid #5a5a5a;height:500px;padding-top:5px;position:fixed;width:685px;z-index:2000;margin:auto;top:0;right:0;left:0;bottom:0} #zasilkovnaFrame iframe,#pplFrame iframe{border:0 none;height:460px;margin:5px 0 0;width:680px} .zasilkovna_select,.ppl_select{width:340px} .openZasilkovnaFrameSpan,.openPPLFrameSpan{cursor:pointer;text-decoration:underline;padding:5px;float:right} ul#rozcestnik,ul#rozcestnik ul{list-style:none;margin:0} ul#rozcestnik li{background:url(/images/puntaGr.png) no-repeat 15px 5px;padding:0 0 0 30px} .orderProductForm{float:left;width:100%;position:relative} .orderProductForm form select{width:100%;margin:.5em 0;padding:.3em 0} .orderProductForm form option{white-space:pre} .orderProductForm span:not(.copyClick),.orderProductForm input.orderProductCnt{float:left} .orderProductForm input.orderProductCnt{margin-top:6px;height:20px;padding-left:0;text-align:center;padding-right:0;border:0;background:none;margin-left:6px;font-size:1.24em} .orderProductForm span:not(.copyClick){line-height:42px;font-size:.98em} .orderProductForm .button.objednat{float:left;width:100%;background:#d50069;border:0;text-transform:uppercase;padding:9px 15px;font-size:1.9em;font-weight:700;letter-spacing:3px} .orderProductForm form .focus{animation: pulse 0.5s ease-out infinite alternate ;} @keyframes pulse{ 0% {outline: 0px solid #d50069;} 100%{outline: 5px solid #d50069;} } .productDetail .doOrder{width:100%;float:left;} #trInfo{position:relative} #trInfo .infoTd{top:-70px;position:relative}/*-55px*/ .SKweb #trInfo .infoTd{font-size:1.4em;} table.slevakod{margin-top:15px;margin-top:-40px} table.slevakod:after{content:'';display:block;clear:both;} table.slevakod p{margin:0;padding:0;line-height:30px;font-size:1em;text-transform:uppercase} .siroke{line-height:26px;margin-left:15px} .discountApplyButton{background-color:#d50069;border:1px solid #d50069;color:#fff;cursor:pointer;margin-left:25px;line-height:28px;text-transform:uppercase} .discountApplyButton:hover{background:#ff7da0;border-color:#ff7da0} .pocty .pointer{display:none} table#socialBar{margin:0 auto} table.datatable.basket tr:first-child .suda{padding-left:10px;padding-right:10px} table.datatable.basket tr:first-child .suda.basPrice strong{color:#fff;font-size:1em} .pocty .basket_pm.pointer{display:inline-block;width:19px;height:19px;color:#000;border:1px solid #ddd;text-align:center;line-height:15px;font-size:15px;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB} .boxKusy{grid-column: 1/-1;grid-row: 1;display: flex;align-items: center;} .boxKusy #pocetkusudetail,.boxKusy #pocetplus,.boxKusy #pocetminus{margin-top: 0;} .boxKusy .txks{margin-right: auto;} .boxKusy::after{content: '';display: block;clear: both;} .boxVariant{grid-column: 1/-1;grid-row: 2;} .txks{width:calc(100% - 115px);text-align:left;color:#000} #pocetplus,#pocetminus,.pocetplus,.pocetminus{height:20px;width:20px;display:block;float:left;margin-top:6px;cursor:pointer;font-size:1.56em;border:1px solid #ddd;-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB} #watchDog.tlpod,#addFavourite.tlpod{display:block;color:#000;text-decoration:none;margin:3px 0;float:left;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 80px 2px 4px;font-weight:400;text-align:right;font-size:1.2em!important;cursor:pointer;text-transform:uppercase;line-height:1.5em} #addFavourite.tlpod{background:url(/images/veci/oblibene.png?v=2) 92% center no-repeat} #watchDog.tlpod{background:url(/images/veci/watchdog.png) right center no-repeat;padding-right:40px} #pocetplus,.pocetplus{margin-right:0;margin-left:6px} #pocetplus:after,.pocetplus:after{content:'+';color:#000;line-height:20px;text-align:center;width:100%;display:block} #pocetminus:after,.pocetminus:after{content:'-';color:#000;line-height:20px;text-align:center;width:100%;display:block} .pohlednice{max-width:700px;width:100%;margin:0 auto} #reguserform table.datatable th,#writeusform table.datatable th,#pohlednice table th{display:inline-block;width:100%!important;padding:.1em;height:35px;line-height:35px} #reguserform table.datatable td,#writeusform table.datatable td,#pohlednice table td{display:inline-block;width:100%!important;padding:.1em} #reguserform table.datatable .inputText,#writeusform table.datatable .inputText,#pohlednice table .inputText, #reguserform table.datatable .inputTextSmall,#writeusform table.datatable .inputTextSmall,#pohlednice table .inputTextSmall, #reguserform table.datatable .inputTextarea,#writeusform table.datatable .inputTextarea,#pohlednice table .inputTextarea, #reguserform table.datatable .inputTextCaptcha,#writeusform table.datatable .inputTextCaptcha,#pohlednice table .inputTextCaptcha, #reguserform table.datatable .inputSelect,#writeusform table.datatable .inputSelect,#pohlednice table .inputSelect, #reguserform table.datatable .inputFiles,#writeusform table.datatable .inputFiles,#pohlednice table .inputFiles {width:100%;height:43px;border:1px solid #CCC;background:#fff;margin:5px 0;padding:6px 9px 0;-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB;-webkit-box-sizing:border-box;box-sizing:border-box} #reguserform table.datatable .inputTextSmall,#writeusform table.datatable .inputTextSmall,#pohlednice table .inputTextSmall{max-width: 25%;min-width: 125px;} #reguserform table.datatable .inputFiles,#writeusform table.datatable .inputFiles,#pohlednice table .inputFiles{padding: 6px 9px;width: auto;height: auto;} #writeusform table.datatable .inputText.datum{width: 100%;box-sizing: border-box;margin-left: 10px;} #writeusform table.datatable .Fdatum{width: calc(150px + 20px);display: flex;float: left;margin-right: 10px;align-items: center;} #writeusform table.datatable .Fdatum + .Fdatum{margin: 0;margin-left: 10px;} #reguserform table.datatable .inputText.inputError{-webkit-box-shadow:inset 0 0 7px 2px red;box-shadow:inset 0 0 7px 2px red} #reguserform table.datatable .inputTextarea,#writeusform table.datatable .inputTextarea,#pohlednice table .inputTextarea{height:auto} form[action*="basket.asp?step=2"] .basketPrava,form[action*="basket2.asp?step=2"] .basketPrava{width:100%;float:left} form[action*="basket.asp?step=2"] .basketPrava table.datatable.basket,form[action*="basket2.asp?step=2"] .basketPrava table.datatable.basket{width:100%;float:none;margin:0} form[action*="basket.asp?step=2"] .paymentDelivery,form[action*="basket2.asp?step=2"] .paymentDelivery{display:none} #reguserform fieldset,#writeusform fieldset{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-right:2%;padding:.5em 0} #reguserform fieldset:nth-of-type(2){margin-right:0;margin-left:2%} #reguserform[action*="reguser.asp"] fieldset,#reguserform[action*="reguser.asp"] fieldset:nth-of-type(2){width:calc(50% - 2.2%);float:none;margin:0 auto} #reguserform[action*="basket.asp?step=3"]:after,#reguserform[action*="basket2.asp?step=3"]:after{content:"";display:block;clear:both} /*#reguserform[action*="basket.asp?step=3"],#reguserform[action*="basket2.asp?step=3"]{display:inline-block;width:50%;float:left;margin-bottom:25px}*/ #reguserform[action*="basket.asp?step=3"] fieldset,#reguserform[action*="basket2.asp?step=3"] fieldset{margin:0;padding:0;} #reguserform[action*="basket.asp?step=3"] fieldset legend,#reguserform[action*="basket2.asp?step=3"] fieldset legend{padding:0;display:none} .vcetne{font-size:.9em} table.datatable.basket{width:100%;float:right;margin:0 auto} .kosik #content{position:relative;padding-bottom:45px !important} .kosik #content:not(:has( .infoMsg)){display:grid;} .kosik #content{grid-template-columns:1fr 1fr;gap: 0 50px;} .kosik #content:has(>form#reguserform){grid-template-rows:repeat(2,auto) 1fr} /*krok1*/ .kosik #content #basketStepsBlock{grid-column:1/-1;} .kosik #content .prihlasbasket{grid-column:1/-1;} .kosik #content form:not([id],[class]){grid-column:1/-1;} .kosik #content .recommendnew,.kosik #content .recommendnew2{grid-column:1/-1;} /*krok2*/ .kosik #content .basketPrava{grid-column:-2/-1;grid-row: 2/3;} .kosik #content form#reguserform{grid-column:1/2;grid-row: 2/4;} .kosik #content #paymentErrorPopup{grid-column:-2/-1;grid-row: 3/4;} /*.kosik #content:after{content:"";display:block;clear:both}*/ .datatable.doprava span.dopravaspan,.datatable.doprava span.platbaspan{color:#fff;background:#d50069;text-align:center;font-size:1.6em;width:100%;float:left;padding:10px 0} #reguserform[action*="basket.asp?step=3"] fieldset + p,#reguserform[action*="basket2.asp?step=3"] fieldset + p{float:left;width:100%;position:absolute;bottom:0} /*.basketPrava{width:50%;float:right}*/ .basketPrava:after{content:'';display:block;clear:both;} .basketPrava .errMsg,#paymentErrorPopup .errMsg{display:block;clear:both} /*#reguserform[action*="basket.asp?order=ok"] .divForm,#reguserform[action*="basket2.asp?order=ok"] .divForm{float:left;width:calc(50% - 50px)}*/ #reguserform[action*="basket.asp?order=ok"] .divForm > p,#reguserform[action*="basket2.asp?order=ok"] .divForm > p{margin:0;padding:0} #reguserform[action*="basket.asp?order=ok"] .divForm + p,#reguserform[action*="basket2.asp?order=ok"] .divForm + p{float:left;width:100%;position:absolute;bottom:0} #reguserform[action*="basket.asp?order=ok"] fieldset,#reguserform[action*="basket2.asp?order=ok"] fieldset{margin-right:0;margin-left:0;margin-top:0;-webkit-box-sizing:border-box;box-sizing:border-box} #reguserform[action*="basket.asp?order=ok"] fieldset legend,#reguserform[action*="basket2.asp?order=ok"] fieldset legend{font-size:1.5em;background-position:15px center!important;-webkit-box-sizing:border-box;box-sizing:border-box} #reguserform[action*="basket.asp?order=ok"] fieldset legend #dodInfo,#reguserform[action*="basket2.asp?order=ok"] fieldset legend #dodInfo{margin-left:10px} #reguserform[action*="basket.asp?order=ok"] fieldset table td,#reguserform[action*="basket2.asp?order=ok"] fieldset table td{text-align:left} #reguserform[action*="basket.asp?order=ok"] fieldset #block_kontakt .inputText,#reguserform[action*="basket2.asp?order=ok"] fieldset #block_kontakt .inputText{height:30px} #reguserform[action*="basket.asp?order=ok"] fieldset + table.leftText,#reguserform[action*="basket2.asp?order=ok"] fieldset + table.leftText{width:100%} #reguserform[action*="basket.asp?order=ok"] fieldset table tr,#reguserform[action*="basket2.asp?order=ok"] fieldset table tr{width:47%;display:block;float:left;margin-right:3%} #reguserform[action*="basket.asp?order=ok"] fieldset table tr:nth-child(2n+2),#reguserform[action*="basket2.asp?order=ok"] fieldset table tr:nth-child(2n+2){margin-right:0;margin-left:3%;} #reguserform input[type="submit"],#writeusform input[type="submit"],#pohlednice input[type="submit"]{background:#d50069 url(/images/veci/sipka-cerna-prava.png) no-repeat;background-size:28px 25px;background-position:95% center;color:#fff;min-width:400px;height:37px;text-transform:uppercase;font-size:1.3em;float:right;cursor:pointer;border: 0} #reguserform input[type="submit"]:hover,#writeusform input[type="submit"]:hover,#pohlednice input[type="submit"]:hover{background:#ff7da0 url(/images/veci/sipka-cerna-prava.png) no-repeat;background-size:28px 25px;background-position:95% center} .infoK{float:left;margin:-1.5em 0 2.5em} #pohlednice input[type="submit"],#pohlednice input[type="submit"]:hover{background-image:none} .popup{display:none!important} #reguserform .DoDoBox .DoDoText table.dodoDoprava{display:table !important} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody{display:table-row-group !important} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr{display:table-row !important} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > th, #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > td{display:table-cell !important;background:transparent;padding:0;height:auto;} #reguserform .DoDoBox .DoDoText table.dodoDoprava{margin:0.5em 0 0;width: auto;} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr{width:100%;float:none;margin:0;} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > th{width:auto !important;line-height:1.4em;border:0 solid #000;border-width:2px 0;font-weight:normal;} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > td{width: auto !important;} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > th, #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr > td{padding:0.3em 0.6em} #reguserform .DoDoBox .DoDoText table.dodoDoprava > tbody > tr:last-child > td{border:0 solid #000;border-width:0 0 2px 0} #reguserform .DoDoBox .DoDoText img{width:100% !important;max-width:128px;height:auto !important;margin:0 1.5em 1em 0} #reguserform .DoDoBox .DoDoBTN{margin:1.75em 0 0;margin-left:calc(125px + 1.5rem)} @media only screen and (max-width:1011px) { #reguserform .DoDoBox .DoDoText img{max-width:100px;float: none !important;margin: 0;} #reguserform .DoDoBox .DoDoBTN{margin-left:0;} } #colorBlock h4{background:#fff url(/images/veci/barva.png) no-repeat center right;height:35px;line-height:35px;margin-bottom:20px;text-transform:uppercase;width:calc(100% + 15px)} .levaikocent{border-top:solid 1px #000;margin-top:20px} .levaikocent a{text-decoration:none;display:block;font-size:1.5em;padding:25px 0;border-bottom:solid 1px #000;position:relative;color:#000;line-height:35px} .levaikocent a:hover{cursor:pointer;color:#D50069} .levaikocent a img{max-width:65px;position:absolute;top:0;bottom:0;right:0;margin:auto} .SKweb .levaikocent a img{max-width:44px} .levaikocent a span{display:block;position:absolute;top:43px;left:2px;font-size:.6em} a.nabor{text-decoration:none} a.nabor img{border-top:solid 1px #000;margin-top:25px} .shoproku{border-top:solid 1px #000;margin-top:25px;padding-top:25px;text-align:center;margin-bottom:5px} #regBlock #loginBlock{display:inline-block;position:relative;/*width:80px;*/vertical-align:top} #regBlock #loginBlock:before{content:"Profil";display:block;position:relative;color:#000;/*background:url(/images/veci/registrace.png) 100% center no-repeat;height:20px;*/font-size:.66em;/*text-transform:uppercase;line-height:20px*/} .fixed #regBlock #loginBlock{width:21px} .fixed #regBlock #loginBlock:before{content:"";background-position:center;height:21px} #regBlock #loginBlock #odkazyInfo{display:none;background:#fff} #regBlock #loginBlock:hover #odkazyInfo,#regBlock #loginBlock.hover #odkazyInfo{display:block;position:absolute;min-width:160px;margin-left:-59%;padding:15px 10px 8px;-webkit-box-shadow:3px 4px 3px #ddd;box-shadow:3px 4px 3px #ddd;z-index:10000;background-color:#fff} .fixed #regBlock #loginBlock:hover #odkazyInfo,.fixed #regBlock #loginBlock.hover #odkazyInfo{margin-left:0;right:0} #regBlock #loginBlock table{display:none} #regBlock #odkazyInfo p{font-size:.8em} #regBlock #odkazyInfo p a{line-height:23px} #regBlock #prihlasenipop #loginBlock:before{display:none} #regBlock #prihlasenipop #loginBlock{width:auto;display:block} #regBlock #prihlasenipop #loginBlock table{width:190px;display:block;font-size:.9em} .tuk{display:block;background:red;color:#fff;width:130px;height:25px;margin:10px auto;border-radius:10px;line-height:23px;font-weight:700} .tuk:hover,#popupbck .close:hover{cursor:pointer} body.popbasket{margin-right:17px;overflow:hidden} #popupbck{background:rgba(128,128,128,0.5);width:100%;height:100%;position:fixed;z-index:100000;top:0;display:none;overflow-y:auto} #popupbck #popupokno{position:relative;width:550px;top:15%;margin:0 auto;background:transparent;display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;-webkit-filter:drop-shadow(0 0 10px #454545);filter:drop-shadow(0 0 10px #454545)} #popupokno .productAdd .images img{height:95px;width:80px} #popupbck .zavrit{position:absolute;top:-.1em;right:.2em;line-height:1em;font-size:1.9em;cursor:pointer} #popupbck .pprodukt{background:#fff} #popupbck .koupeni{background:#E8E9EA;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5em} #popupbck .produkt_obrazek{position:relative;width:50px;height:50px;border:1px solid #000;margin:.2em .35em 0 0;background:#fff;-webkit-box-flex:0;-ms-flex:0 50px;flex:0 50px} #popupbck .produkt_obrazek img{max-width:90%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto} #popupbck .ptxt{text-align:left;padding-right:1em;-webkit-box-flex:1;-ms-flex:1 190px;flex:1 190px} #popupbck .ptxt span{font-weight:700} #popupbck .dalsi_nakup{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4/5;margin-top:10px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:233px;font-size:.89em;background:#fff} #popupbck .dalsi_nakup h4{width:100%} /*#popupbck .dalsi_nakup .productAdd,*/#popupbck .dalsi_nakup .productItemX{margin:10px 5px 0;width:100%;padding:0;float:none;display:inline-block} #popupbck .dalsi_nakup .productItemX{min-height: auto;display: flex;flex-direction: column;float: left;} #popupbck .dalsi_nakup .productItemX h3{position: static;padding:0 3px;margin:5px 0;font-size:1em;height:calc(1.2em*2);overflow:hidden;font-weight:400;box-sizing: border-box;line-height: 1.2em;} #popupbck .dalsi_nakup .productItemX .productItemC{margin: 6px 0 0;} #popupbck .dalsi_nakup .productItemX .prelepkyIkon{max-height: 80px;overflow: hidden;} #popupbck .dalsi_nakup .productItemX .prelepkyIkony.icoNovinka,#popupbck .dalsi_nakup .productItemX .prelepkyIkony.icoAkce,#popupbck .dalsi_nakup .productItemX .prelepkyIkony.icoAkceJaro,#popupbck .dalsi_nakup .productItemX .prelepkyIkony.icoVyzkouseli,#popupbck .dalsi_nakup .productItemX .prelepkyIkony.ico18Plus{width: 35px;height: 35px;padding: 0;} #popupbck .dalsi_nakup .productItemX .anot{height: auto;margin-bottom: auto;} #popupbck .dalsi_nakup .productItemX .anot img{width: 100%;height: 100%;max-width: 90px;max-height: 90px;} #popupbck .dalsi_nakup .productItemX .cfooter{float: none;height: auto;} #popupbck .dalsi_nakup .productItemX .cfooter span.doOrder{position: relative;height: auto;top: auto;padding-bottom: 10px;} #popupbck .dalsi_nakup .productItemX .cfooter span.doOrder .koupit{font-size: .89em;font-weight: 500;} #popupbck .dalsi_nakup .productItemX .cfooter span.doOrder .kusy,/*{left: calc(-50% + (15px/2));}*/ #popupbck .dalsi_nakup .productItemX .cfooter .icoSkladem, #popupbck .dalsi_nakup .productItemX .cfooter .detail, #popupbck .dalsi_nakup .productItemX .cfooter .price, #popupbck .dalsi_nakup .productItemX .clearFloat{display: none;} #popupbck .nextxfinish{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:2em;padding-bottom:2em} #popupbck .next,#popupbck .finish{border:1px solid #d50069;color:#fff;padding:.1em 0 .3em;text-transform:uppercase;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;width:240px;line-height:2em;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-decoration:none} #popupbck .next{padding-right:.5em;margin-left:-55px;background:#d50069} #popupbck .finish{padding-left:.5em;margin-right:-55px;background:#d50069} #popupbck .next:hover,#popupbck .finish:hover{cursor:pointer;background-color:#ff7da0} .nextxfinish .next span,.nextxfinish .finish span{display:inline-block} .nextxfinish .next .sipky,.nextxfinish .finish .sipky{margin:0 .3em;font-size:2em;font-weight:500;position:relative;top:4px} #preload{position:fixed;width:100%;height:100%;z-index:100000;background:rgba(128,128,128,0.5);top:0} #preload .preloader{font-size:0.8rem;position:absolute;top:0;bottom:0;left:0;right:0;vertical-align:middle;margin:auto;display:inline-block;width:200px;height:200px;border-radius:25px; color: #D50069;background:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 2em;padding: 0;box-sizing: border-box;background-size: 85%;text-align: center;} #preload .preloader .lds-spinner {--velikost:90px;display: inline-block;position: relative;width: var(--velikost);height: var(--velikost);} #preload .preloader .lds-spinner div {transform-origin: calc(var(--velikost)/2) calc(var(--velikost)/2);animation: lds-spinner var(--at) linear infinite;transform: rotate(calc(360deg/var(--p)*var(--i)));animation-delay: var(--ad);} #preload .preloader .lds-spinner div:after {--rozmer:18px;content: '';display: block;position: absolute;top: 0px;left: calc(var(--velikost)/2 - var(--rozmer)/2);width: var(--rozmer);height: var(--rozmer);border-radius: 100%;background: #D50069;} @keyframes lds-spinner {0% {opacity: 1;}100% {opacity: 0;}} /*#preload .preloader:after{content: "Načítám";}*/ iframe[src*="youtube"]{max-width:560px;width:100%} #topBanner.fixed.scrollUp #logoC,#topBanner.fixed.scrollUp #regBlock,#topBanner.fixed.scrollUp #kosikBlockC,#topBanner.fixed.scrollUp #topNavig,#topBanner.fixed.scrollUp #topNavigC ~ #hidenavigac{display:none} #topNavigC ~ #hidenavigac{display:none} .smazOblibene:hover{color:#f50000;border:2px solid #f50000} .smazOblibene{color:#757575;border:2px solid #757575;cursor:pointer;position:absolute;top:20px;left:30px;padding:3px 11px;border-radius:100px;font-size:1.5em;font-weight:700} table.voorder{width:100%} table.voorder img{max-width:100px;max-height:100px} table.voorder tr.hidden{display:none} table.voorder th[colspan*="7"]{font-size:1.2em;border-bottom:solid 4px #fff;padding:5px 4px;background:#D50069;font-weight:400} table.voorder th[colspan*="7"]:hover{background:#ff7da0} table.voorder th[colspan*="7"] a.dolu{background-image:url(/images/openArrows.png)} table.voorder th[colspan*="7"] a.nahoru{background-image:url(/images/closeArrows.png)} table.voorder th[colspan*="7"] a{text-decoration:none;color:#fff;padding-left:25px;background-repeat:no-repeat;background-position:4px center} table.voorder tr[class*="menu"]{border-bottom:1px solid #ddd} table.voorder tr[class*="menu"] td .inputTextSmall{-webkit-box-shadow:inset 0 0 7px 2px #EBEBEB;box-shadow:inset 0 0 7px 2px #EBEBEB;padding:10px 6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 14px} table.voorder tr[class*="menu"] td{padding:10px 0} .testEmailError{z-index:2} table.VOtable{width:57.2%} table.VOtable th{background:#d50069;color:#fff;white-space:nowrap} table.VOtable td{line-height:1.5em} table.VOtable th,table.VOtable td{border:1px solid #000;padding:3px 6px 2px} table.VOtable th,table.VOtable td:nth-child(2),table.VOtable td:nth-child(3){text-align:center} table.VOtable td:last-child{line-height:normal} img.mpFB{padding-bottom:40px} .schovTR{display:none} .prekladP{position:absolute;width:100%;max-width:1550px} .preklad{position:relative;float:right;top:120px;right:13px} .preklad img{width:30px;cursor:pointer} .preklad #google_translate_element{display:none;background:#fff;position:absolute;top:0;right:115%;padding:.5em 1em;-webkit-box-shadow:4px 4px 4px -2px #f27db7;box-shadow:4px 4px 4px -2px #f27db7;border:1px solid #ff9acc;z-index:999} .preklad.VL #google_translate_element{display:block} .ukaheslo{padding-right: 40px !important;} .ukaz-heslo{font-size: 1.33em;margin: 0 0 0 -35px;cursor: pointer;color: #777;} .ukaz-heslo.fa-eye,.ukaz-heslo:hover{color: #111;} #pplApFrame, #DPDFrame{width: 100% !important;height: 100% !important;background: rgba(0, 0, 0, 0.8) !important;} .pplApFrame{width: 98vw !important;height: 98vh !important;max-width: 1000px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto !important;border: 0;padding: 5px 5px 10px !important;box-sizing: border-box;display: flex;flex-direction: column;background: #fff;} /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/ #pplApFrame .pplpZavri, #DPDFrame .pplpZavri{margin:0;padding:0;} #pplApFrame .pplpZavri a, #DPDFrame .pplpZavri a{text-decoration: none;font-size: 4em;line-height: calc(1em/2);display: inline-flex;justify-content: flex-end;align-items: center;} .pplFrameDiv{flex: 1 1 100%;position: relative;z-index: 1;border: 0;margin: auto !important;width: 100%;height: 100%;box-sizing: border-box;} .pplFrameDiv #pplApIFrame,.pplFrameDiv #dpdIFrame{box-sizing: border-box;display: block;bottom: 0;right: 0;border:0;min-height: 100%;} .nerespotable{display: block;overflow-x: auto;width: auto;} table.nerozbit{min-width: 615px !important;} table.nerozbit{display:table !important}table.nerozbit tbody{display:table-row-group !important}table.nerozbit tr{display:table-row !important}table.nerozbit th,table.nerozbit td{display:table-cell !important} /*respo*/ @media only screen and (max-width:1600px) { .preklad{right:45px} } @media only screen and (max-width:1550px) { #topFirstBlock{padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box} .HP #content{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box} .fixed #topNavig ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0} .fixed #topNavig a{font-size:1em;padding:0 5px;height:63px;vertical-align:middle} #Container,#topBanner,#bottomNavig,#ruzlista,#topNavig{min-width:320px} #Container{overflow:hidden} #leftC{padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box} #contentC{padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 246px)} #bottomC{height:auto} #bottomC:before{display:none} #bottomC #bottomNavig{padding:40px 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box} #colorBlock h4{width:100%} #reguserform[action*="basket.asp?order=ok"] fieldset legend,#reguserform[action*="basket2.asp?order=ok"] fieldset legend{padding-left:35px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:35px} .subThemaList_HLAVNI.cont li{max-width:100%;width:calc(198px - 2px)} .subThemaList_HLAVNI.cont{width:calc(100% - 164px)} .tema{right:auto;left:550px} .btm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #bottomNavig ul{width:auto} #topNavig ul li.big .velkejC{width:100%;margin-left:0} .menuText img{max-width:1500px} .menuText.kalenday img{width:auto!important} .sliderWrapper,.sliderInner,.summaryWrapper,.summaryImage div{height:100%!important} .summaryImage{width:100%!important;height:100%!important;aspect-ratio:1550/587;box-sizing:border-box}/*padding-top:35.48366%!important;*/ .summaryImage img{width:100%!important;height:100%!important} .sliderInner:after{content:"";display:block;clear:both} .sliderWrapper:before{display:none;width:100%!important;height:0!important;padding-top:35%!important;-webkit-box-sizing:border-box;box-sizing:border-box} .fixed #topNavig a{height:68px} .sluzby .subThemaList_HLAVNI li{height:0;padding-bottom:24.35%;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:auto;max-height:none} .sluzby .subThemaList_HLAVNI li h4{height:0;padding-bottom:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .sluzby .subThemaList_HLAVNI li h4 a{padding:0 5px} .kalendarium .blogg{padding-left:50px;padding-right:80px} .kalendarium #content .blogg a + h3{font-size:1em} .kalendarium #content .blogg .vedle_sipky{font-size:2em;width:197px;height:197px;padding:50.5px 15px} .datatable.basket td.alignRight.basPrice{padding-right:10px} .fotapp .anotx{height: 0;padding-bottom: 24.35%;} } @media only screen and (max-width:1510px) { .kalendarium #content .blog_detail h3{font-size:3em} .kalendarium #content .blog_detail .vedle_sipky{font-size:1.9em;width:197px;height:197px;padding:50.5px 15px} } @media only screen and (max-width:1480px) { .divFormC.new legend#dod{font-size:1.2vw} } @media only screen and (max-width:1455px) { #sed{top:242px} #topBanner a.BtBlog{margin-left:100px} #topNavig ul li.klasik:first-child ul{min-width:19vw} } @media only screen and (max-width:1454px) { #topNavig ul li.big .velkejC{top:46px} } @media only screen and (max-width:1420px) { #writeusform.kontant{width:calc(100% - 150px)} #topNavig ul li.klasik:first-child ul{min-width:20vw} #topNavig ul li.klasik.posledni ul{min-width:20vw} .poptatmin.detapop .PartakBal{width:70px;height:177px} .nafuk label:after{content: "";display: block;clear: both;} .nafuk label{float: left;} .nafuk span{text-align:left;} .NafukOtaznik{float: left;display: block;} .NafukIco{margin-top: -5px;} .orderProductForm .nafuk label .NafukIco + span{width: calc(100% - 30px);text-align: left;} } @media only screen and (max-width:1380px) { .fixed #topNavig a{font-size:.9vw} } @media only screen and (max-width:1366px) { .productItemX,.kosik .productItemX,.nafukaItem{width:calc(100%/3 - 10px)} .kalendarium #content .blog_detail{padding:25px 80px 0 50px} .kalendarium.KalDayDet #content .menuText{left:30px} .kalendarium #content .blog_detail h3{margin:0 0 0 50px} } @media only screen and (max-width:1360px) and (min-width:1161px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/4 - 42px)} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(4n+0){margin-right:0} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(4n+1){margin-left:0} } @media only screen and (max-width:1330px) { #logo{margin-right:15px}.TopKont{margin:0;} #topNavig li.klasik > a{font-size:1.1vw;} .ikodole{margin-top:40px} .HP .ikodole{display:inline-block;width:100%} .poptatmin.detapop .PartakBal{display:none} .poptatmin.detapop .rika{width:100%} .poptatmin.detapop .rika .tl_napsat{margin-left:auto;margin-right:auto;float:none;clear:both;max-width:145px;margin-top:90px} .poptatmin.detapop .rika:before{display:none} } @media only screen and (max-width:1310px) { #topBanner a.BtBlog{margin-left:2.5px} .tema{left:auto;right:5px} .subThemaList_HLAVNI.cont li{width:calc(100%/4 - 10px);max-width:198px} } @media only screen and (max-width:1300px) { #topNavig ul li.big ul{margin:0 20px} #topNavig ul li.big .velkej{padding:0 0 15px} #topNavig ul li.klasik:first-child ul{min-width:22vw} #topNavig ul li.klasik.posledni ul{min-width:22vw} #copyright{clear:both;position:static} #bottomC .pod_odkazy{height:auto;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box} #ourWebs{height:auto;flex-wrap:wrap;position:static;margin-bottom:.5em} #ourWebs a,#ourWebs span{margin:0 6px;height:2em;line-height:2em} } @media only screen and (max-width:1280px) { #bottomNavig ul{padding-left:10px} } @media only screen and (max-width:1240px) { .kalendarium #content .blog_detail{padding:25px 15px 0} .kalendarium #content .blog_detail h3{margin:0 0 0 25px} .kalendarium.KalDayDet #content .menuText{left:0} .kalendarium #content .blog_detail .anot,.kalendarium #content .blog_detail + .text{padding:0 20px 0 95px} .kalendarium #content .blog_detail + .text{padding-left:111px} } @media only screen and (max-width:1250px) { .sluzby .subThemaList_HLAVNI li h4 a{font-size:1.5vw} } @media only screen and (max-width:1220px) { #ourWebs{bottom:35px;width:100%} #content .photogaleryFoto{width:calc(100%/3 - 10px)} .kalendarium .blogg{padding-left:25px;padding-right:25px} } @media only screen and (max-width:1215px) { .fotapp .anotx .boxfot h3{padding-top:1.5em} .fotapp .anotx .boxfot .btn_vic_fot{font-size:1em;width:125px} .fotapp .anotx .boxfot .btn_vic_fot:before{width:30px;height:41px} .sluzby .subThemaList_HLAVNI li h4{padding-top:1.5em} .sluzby .subThemaList_HLAVNI li a.SipTla{font-size:1em;width:90px} .sluzby .subThemaList_HLAVNI li .CaraSipka{width:30px;height:41px} } @media only screen and (max-width:1200px) { #bottomNavig ul:nth-of-type(1){padding-left:0} .klic .akce,.klic .dopl{display:none} .klic a{padding:0;width:55px} .klic{right:0;margin-bottom:5px;} .fixed #topNavig a{font-size:.85em} } @media only screen and (max-width:1190px) { .ikodole a{margin:25px 10px!important} .blog #content .blog_detail,.blog #content .blogg .anot > p{padding:0} .blog #content .blogg h3 a,.blog #content .blog_detail h3{font-size:2.5em;line-height: 1.11em;padding: 0;} } @media only screen and (max-width:1180px) { #logo{margin:0 10px} .subThemaList_HLAVNI.cont li{margin:0 5px!important} } @media only screen and (max-width:1170px) { .produktDetailFotka{grid-row: 1/4;} #addBlock{grid-row: 4/5;}#content .productDetail .text{grid-row: 5/6;} .icolog:after{content:"";display:block;clear:both} #bottomNavig{grid-template-areas:"icolog apek shoprokuNew shoproku" "btm btm btm btm"} .btm{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:5} .icolog{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1} #clen-apek{-ms-grid-row:1;-ms-grid-column:2} #shoprokuPatNew{-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:1} #shoprokuPat{-ms-grid-row:1;-ms-grid-column:4;-ms-grid-column-span:1} #shoprokuPatOLD{-ms-grid-row:1;-ms-grid-column:5;-ms-grid-column-span:1} #topNavig ul li.klasik:first-child ul{min-width:23vw} #topNavig ul li.klasik.posledni ul{min-width:23vw} } @media only screen and (max-width:1160px) and (min-width:971px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/3 - 42px)} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(3n+0){margin-right:0} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(3n+1){margin-left:0} } @media only screen and (max-width:1150px) { .kalendarium.KalDayDet #content .menuText.kalenday img{width:200px!important;height:auto!important} .kalendarium #content .blog_detail h3{padding:25px 0 0;font-size:2.5em;margin:0 0 0 55px} .kalendarium #content .blog_detail .vedle_sipky{margin:13px 0 0;font-size:1.4em;width:145px;height:145px;padding:40px 15px} } @media only screen and (max-width:1145px) { .blog #content .blogg .sipka:after{display:none} #regBlock a.oblibene{margin-right:0} #topNavig ul li.big ul{margin:0 10px} .menuText .balonek1,.menuText .balonek2{width:300px} .subThemaList_HLAVNI.cont{background:#fff;width:96%} #writeusform.kontant{margin:-140px 0 0 110px;width:calc(100% - 100px)} } @media only screen and (max-width:1130px) { .kalendarium #content .blogg a + h3{font-size:.7em} .kalendarium #content .blogg .vedle_sipky{font-size:1.4em;width:145px;height:145px;padding:40px 15px} .kalendarium .blogg{padding-left:15px;padding-right:15px} } @media only screen and (max-width:1115px) { #topBanner a.BtBlog{left:0;height:90px;width:78px} .sluzby .text img{height:auto!important} } @media only screen and (max-width:1090px) { .productItemX,.kosik .productItemX,.nafukaItem{width:calc(100%/2 - 10px)} #content .photogaleryFoto{width:calc(100%/2 - 10px)} .fancybox-inner .souvisejici .productItemC .anot img{max-width:60%} } @media only screen and (max-width:1065px) { .paticka{justify-content:center;} } @media only screen and (max-width:1045px) { #topBanner{padding-top:0;} #topNavig ul li.big .velkejC,#topNavig ul li.klasik ul,#topNavig ul li.big:hover .velkejC,#topNavig ul li.klasik:hover ul{display:none} #topNavigC{grid-row: 5/6;margin: 0;border:0;position:relative;} #topNavigC ~ #hidenavigac{grid-column: 1/-1;grid-row: 4/5;align-self: center;justify-self: center;display:block;width:25px;height:10px;cursor:pointer;border-top:2px solid #000;border-bottom:2px solid #000;display:flex;justify-content:center;flex-direction: column;margin:8px 0;} #hidenavigac:after{content:"";display:block;width:100%;height:2px;background:#000;} .fixed #topNavigC ~ #hidenavigac{position:fixed;margin-top:27px;top:0;left:10px;z-index:200;} .fixed #logoC{left: 0;right: 0;margin-left: auto;margin-right: auto;} #topNavig ul{display:none} #topNavig.hidenav{background:#fff;position:absolute;top:0;left:0;right:0;z-index:101;} .fixed #topNavig.hidenav{padding:0;position: fixed;top: 0;border:0;} .fixed #topNavig.hidenav ul{background:#fff;margin-top:67px;border-top:1px solid #000;border-bottom:1px solid #000;padding:0 10px;box-sizing: border-box} #topNavig.hidenav ul{position:relative;width:100%;top:auto;left:auto;height:auto;padding: 0 10px 10px;box-sizing: border-box;flex-direction:column;background:#fff;} #topNavig.hidenav ul:after{content:"";display:block;clear:both} #topNavig.hidenav ul{display:flex;} #topNavig li{width:100%;text-align:center;height:auto;margin:0} #topNavig ul li.klasik{min-height:auto;margin-left:0;} #topNavig li.posledni{width:100%} #topNavig li.klasik > a,.fixed #topNavig li.klasik > a{padding:5px 0;width:100%;font-size:1.3em;line-height:1em;display:inline-block;height:auto;float:left;margin:0} #topNavig a:hover,#topNavig a:active,#topNavig a:focus,#topNavig ul li:hover a{background:none} #topNavig li.posledni a{width:100%} #topNavig li ul{display:none} #reguserform[action*="reguser.asp"] fieldset,#reguserform[action*="reguser.asp"] fieldset:nth-of-type(2){width:calc(70% - 2.2%)} .fixed .preklad{position:fixed;z-index:201;top:19px;} .fixed .empty .preklad{right:105px} .fixed .preklad img{width:21px} #topNavig li,#topNavig a, .fixed #topNavig a{text-align:left;} #topNavig a, .fixed #topNavig a{text-transform: none;} } @media only screen and (max-width:1040px) { #kosikBlockC.empty{float:right} } @media only screen and (max-width:1025px) { .divFormC.new legend#dod{font-size:.85em} } @media only screen and (max-width:1000px) { .TopKont .ruzTelef{background:none;width:240px;display:inline-block;padding:0;margin:0;font-size:.8em} .otevrenePole span{font-size:2.5em} } @media only screen and (max-width:990px) { #reguserform[action*="basket.asp?order=ok"] fieldset,#reguserform[action*="basket2.asp?order=ok"] fieldset{width:100%} } @media only screen and (max-width:980px) { #regBlock.empty{margin-left:0} #kosikBlockC{top:auto} .sliderWrapper2 .summaryWrapper,.sliderInner2,.sliderWrapper2,.sliderWrapper2 #slideshow-control,.summaryImage2,.summaryImage2 div,.summaryImage2 img{height:35vw!important} .fotapp .anotx .boxfot h3{padding-top:1em;font-size:1em} .fotapp .anotx .boxfot .btn_vic_fot{bottom:0;font-size:.9em;width:104px} .sluzby .subThemaList_HLAVNI li h4{padding-top:1em;font-size:.8em} .sluzby .subThemaList_HLAVNI li a.SipTla{font-size:.9em;width:85px;margin-top:0;margin-bottom:15px} .sluzby .subThemaList_HLAVNI li .CaraSipka{bottom:50px} .fancybox-outer,.fancybox-inner{min-width:auto} #regBlock #loginBlock:hover #odkazyInfo,#regBlock #loginBlock.hover #odkazyInfo{margin-left:0;right:0;z-index:3000000000} .preklad{right:115px} } @media only screen and (max-width:970px) and (min-width:881px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/2 - 42px)} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(2n+0){margin-right:0} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(2n+1){margin-left:0} } @media only screen and (max-width:970px) { #topBanner{grid-template-columns: repeat(2,auto) 1fr repeat(2,auto);grid-template-rows: repeat(3,auto);padding:5px 10px 0;box-sizing:border-box;} #TopDopravaInfo{display:none;} .TopKont{display:none;} #regBlock ~ a,#regBlock ~ ul{display:none;} #topNavigC ~ #hidenavigac{grid-column:1/2;grid-row:1/2;align-self: center;justify-self: center;margin-right:15px;} #logo{grid-column:1/-1;grid-row:1/3;align-self: center;justify-self: center;} #topFirstBlock{grid-column:4/5;grid-row:1/2;align-self: center;justify-self: center;} #kosikBlockC{grid-column:5/6;grid-row:1/2;align-self: center;justify-self: center;} #searchBlockC{grid-column:1/-1;grid-row:3/4;align-self: center;justify-self: center;} #topNavigC{grid-column:1/-1;grid-row:2/5;align-self: start;justify-self: center;height:auto;} #topBanner #searchBlockC{margin:0 0 8px 0;} #topNavig{border:0;} } @media only screen and (max-width:960px) { .kalendarium #content .blog_detail h3{margin:0 0 0 10px} } @media only screen and (max-width:940px) { .subThemaList_HLAVNI.cont li{width:calc(100%/2 - 10px);margin:0 5px 10px!important;max-width:none} .subThemaList_HLAVNI.cont ul{margin:0} .menuText .balonek1,.menuText .balonek2{display:none} .subThemaList_HLAVNI.cont{margin-left:0} .tema{left:0;right:0;margin:auto;width:268px} #writeusform.kontant fieldset{width:100%} #writeusform.kontant{margin:0;width:99%} #Container.AdventKalendar ul.advetnikalendar{grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));grid-gap: 1em;padding: 1em;} } @media only screen and (max-width:920px) { .productudj{display:block;} .block_text .tx{width:100%} .block_text img{float:none;width:300px;margin:0 auto;margin-right:calc(100% - 305px*2);width:calc(100%/2);max-width:300px} .block_text .tx ~ a img{margin-right:0} .produktDetailFotka{width:100%;padding-right:0} .ProducDRightBox{width: 100%;} table.detailtabulka,.SklKod,.productDetail .cfooter{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%} .productDetail .doOrder{margin-bottom:10px} .produktDetailFotka img{margin:0 auto;text-align:center;display:block} .poptatmin.detapop .rika{width:250px;float:none;margin:0 auto} .NafukPop{max-width: 430px;right: 50px;min-width: auto;bottom: 140%;} .kosik .NafukPop{right: auto;left: 0;bottom: 0;z-index: 501;min-width: 430px;} } @media only screen and (max-width:900px) { .fancybox-inner .souvisejici{float:none;width:100%} .fancybox-inner .souvisejici .productItemX{float:left;width:calc(100%/2 - 10px);margin-right:0} .fancybox-inner div[id^="inline_"] > img{width:100%} } @media only screen and (max-width:890px) { #bottomNavig ul{width:36%;padding:0;margin-bottom:15px} } @media only screen and (min-width:881px) { .productDetail .plouvouciBox{display: none;} } @media only screen and (max-width:880px) { .productDetail .cfooter:not(.plouvouciBox) .button.objednat{display: none;} .productDetail .plouvouciBox{position: fixed;bottom: 0;left: 0;right: 0;z-index: 22;background: #fff;padding: 10px;box-sizing: border-box;display: grid;grid-template-columns: 1fr auto 1fr;gap: 1em 2em;border: 0;margin: 0;box-shadow: 0 0 15px -5px #aaa;} .productDetail .plouvouciBox .plouvouciObalTl{grid-column: -2;grid-row: 1;} .productDetail .plouvouciBox .plovouciTl{border: 0;border-radius: none;cursor: pointer;} .productDetail .plouvouciBox .price.plovouciCena{grid-column: 1;grid-row: 1;align-self: center;border: 0;padding: 0;margin: 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .productDetail .plouvouciBox .price.plovouciCena br{display: none;} .productDetail .plouvouciBox .price.plovouciCena .slevaBox{flex: 1 1 100%;} .productDetail .plouvouciBox .boxKusy.plovouciKusy{grid-column: 2;grid-row: 1;display: grid;grid-template-columns: auto 1fr auto;width: auto;} .productDetail .plouvouciBox .boxKusy.plovouciKusy::after{display: none;} .productDetail .plouvouciBox .plovouciKusy .txks{grid-column: 1/-1;grid-row: 1;width: auto;margin: 0;line-height: 1.2em;text-align: center;} .productDetail .plouvouciBox .plovouciKusy .plovouciPocet{grid-row: 2;cursor: pointer;background: none;margin: 0;display: flex;justify-content: center;align-items: center;} .productDetail .plouvouciBox .plovouciKusy .plovouciPocet.pocetminus{grid-column: 1;} .productDetail .plouvouciBox .plovouciKusy .plovouciPocet.pocetplus{grid-column: -2;} .productDetail .plouvouciBox .plovouciKusy .plovouciKus{grid-column: 2/-2;grid-row: 2;margin: 0;width: 40px;} input.schovSipky::-webkit-outer-spin-button, input.schovSipky::-webkit-inner-spin-button{-webkit-appearance: none;} input.schovSipky[type=number]{-moz-appearance: textfield;} .myBody:has( .productDetail) #supportBox-iframe{display: none !important;} } @media only screen and (max-width:450px) { .productDetail .plouvouciBox{grid-template-columns: 1fr 1.5fr;grid-template-rows: auto auto;gap: 1em;} .productDetail .plouvouciBox .price.plovouciCena{grid-column: 1/2;grid-row: 1/-1;} .productDetail .plouvouciBox .plouvouciObalTl{grid-column: -2/-1;grid-row: 2;} .productDetail .plouvouciBox .boxKusy.plovouciKusy{grid-column: -2/-1;grid-row: 1;} .productDetail .plouvouciBox .boxKusy.plovouciKusy{grid-template-columns: 1fr repeat(3,auto);} .productDetail .plouvouciBox .plovouciKusy .txks{grid-column: 1;grid-row: 1;text-align: left;} .productDetail .plouvouciBox .plovouciKusy .plovouciPocet.pocetminus{grid-column: 2;grid-row: 1;} .productDetail .plouvouciBox .plovouciKusy .plovouciKus{grid-column: 3;grid-row: 1;} .productDetail .plouvouciBox .plovouciKusy .plovouciPocet.pocetplus{grid-column: 4;grid-row: 1;} .productDetail .plouvouciBox .plovouciTl{font-size: 20px;padding: 9px 0;} } @media only screen and (max-width:880px), (max-width:930px) and (max-height:500px) and (orientation: landscape) { .preklad{top:60px;right:135px} .preklad #google_translate_element{right:0;top:120%} #reguserform[action*="basket.asp?order=ok"] fieldset table tr,#reguserform[action*="basket2.asp?order=ok"] fieldset table tr{width:100%;margin-right:0} #reguserform[action*="basket.asp?order=ok"] fieldset table tr:nth-child(2n+2), #reguserform[action*="basket2.asp?order=ok"] fieldset table tr:nth-child(2n+2){margin-left:0;} #leftC{display:none} #contentC{width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box} .productItemX,.kosik .productItemX,.nafukaItem{width:calc(100%/3 - 20px);padding:10px 0;margin-right:20px} .redizajn{display:none} #topFirstBlock{display: flex;justify-content: space-evenly;} #regBlock{padding-top:0;width:auto;text-align:right} #topBanner #searchBlockC form{margin:0;left:auto;right:10px} #logo{margin-top:115px;width:101px;height:63px;padding:0;margin-top:10px} #logoC,#logoC a{width:101px;height:63px} #logoC:before{display:none} #topBanner p.cernej{display:none} #topBanner{padding-bottom:10px} #topNavigC{background:transparent;height:auto} #ruzlista{display:none} #topBanner a.BtBlog{margin-left:120px} #regBlock span.registr{background:url(/images/veci/svg/prihlaseni.svg) right center no-repeat;} #regBlock a.oblibene,#regBlock span.registr{display:inline-block;width:30px;height:30px;vertical-align:top;padding:0;background-size:auto;background-position:center} #regBlock a.oblibene,#regBlock span.registr,#kosikBlockC #kosikBlock p#obsahKosik span.basPrice{font-size:0} #kosikBlockC.empty{margin:0 10px 0 0;} #topNavig.hidenav ul{margin-top:0} #topBanner #searchBlockC{width: 100%;max-width: 290px;margin:8px 0;padding:0;} #topBanner #searchBlockC #searchBlock #searchText,#topBanner #searchBlockC #searchBlock #doSearch{height:30px} #topBanner #searchBlockC #searchBlock #searchText{max-width:calc(320px - 60px);width:100%;padding-top:3px} #topBanner #searchBlockC #searchBlock #doSearch,#topBanner #searchBlockC #searchBlock #doSearch.SK{font-size:0;width:30px;padding:0;background:url(/images/veci/lupaMob.png) no-repeat;background-size:30px 30px} #topBanner #searchBlockC form,#topBanner #searchBlockC #searchBlock{height:30px;width:auto;top:10px} .kalendarium #content .blog_detail h3{float:none;display:inline-block;margin:auto;width:215px} #addBlock{width:100%} #addBlock img{margin-bottom:5px} .block_text{margin-bottom:6%} .ikon{margin-bottom:4%} #regBlock #loginBlock{width:30px;height:30px} #regBlock #loginBlock:before{content:"";height:30px;background-position:center} .licka{margin:0;}.licka .liNew{margin-bottom:2.5em;} .navigInspirace .liNew img{width:100%;max-width: 170px;} .licka .prelepka{width: 107px;height: 107px;top: -2em;right: 10%;background-size: contain !important;} .frci {margin-top: 25px;margin-bottom: 30px;} .frci .frcinadpis{font-size: 1.7em;} #Container.eshop #content .menuText:not(.MobilUka){display:none;} } @media only screen and (max-width:880px) and (min-width:769px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/3 - 34px)} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(3n+0){margin-right:0} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(3n+1){margin-left:0} } @media only screen and (max-width:865px) { .otevrenePole .otevrenePoleC{grid-template-columns:100%;} .otevrenePole .otevreneden{grid-row:2/3;} .otevrenePole img{max-width:365px;} .otevrenePole span{grid-row:1/2;padding: 0;border: 0;text-align: center;} } @media only screen and (max-width:850px) { .productItemX,.kosik .productItemX,.nafukaItem{width:calc(100%/3 - 10px);padding:10px;margin-right:10px} .productItemX h3{width:87%;right:0;margin:auto} .info ul li{background-size:13px 13px;margin:0 7px} .info li.activeSlide,.info li:hover{background-size:13px 13px} } @media only screen and (max-width:820px) { .ikon img{width:calc(30% - 4%);margin:0 3%} #reguserform[action*="reguser.asp"] fieldset,#reguserform[action*="reguser.asp"] fieldset:nth-of-type(2){width:calc(90% - 2.2%)} } @media only screen and (max-width:800px) { .icolog{width:100%} .icolog span.soco{width:260px;position:relative;display:block;margin:0 auto;margin-bottom:0;margin-bottom:15px} table.rozbit,table.rozbit tbody,table.rozbit tr,table.rozbit th,table.rozbit td{display:block;width:100%!important;text-align:center!important;border:0} table.rozbit tr:first-child{display:none} table.rozbit tr{margin-bottom:3.5em;border:1px solid #000} table.rozbit td:nth-child(1),table.rozbit td:nth-child(2),table.rozbit td:nth-child(3){width:calc(100%/3)!important;float:left;border:0;box-sizing:border-box} table.rozbit td:nth-child(4){clear:both} table.rozbit td img{max-width:100%} } @media only screen and (max-width:770px) { tr#platbyNew ul li{position: relative;} #platbyNewDopravy li div.doprava{position: static;} .doprava .NafukPop {right: 16px;left: auto;top: 0;bottom: auto;} } @media only screen and (max-width:768px) { .kosik #content{display:grid;grid-template-columns:100%;padding-bottom:7.75em !important;} .kosik #content:has(>form#reguserform){grid-template-rows:repeat(3,auto) 1fr} /*krok1*/ .kosik #content #basketStepsBlock{grid-column:1/-1;} .kosik #content .prihlasbasket{grid-column:1/-1;} .kosik #content form:not([id],[class]){grid-column:1/-1;} .kosik #content .recommendnew,.kosik #content .recommendnew{grid-column:1/-1;} /*krok2*/ .kosik #content .basketPrava{grid-column:1/-1;grid-row: 2/3;} .kosik #content form#reguserform{grid-column:1/-1;grid-row: 4/5;} .kosik #content #paymentErrorPopup{grid-column:1/-1;grid-row: 3/4;} #reguserform[action*="basket.asp?step=3"] fieldset + p, #reguserform[action*="basket2.asp?step=3"] fieldset + p{display:flex;flex-wrap:wrap;justify-content: center;gap:0.75em;} #copyright{font-size:1em;padding:15px 0 0;bottom:0} #leftC{width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none} #contentC{width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box} #leftNavig,.levaikocent,#colorBlock{width:calc(50%);float:left;display:block} #leftNavig{padding-top:45px;border:0} #colorBlock{width:226px;width:50%;padding-top:5px} #leftC .kateg{width:30%;height:45px;line-height:45px;position:absolute} #colorBlock h4{width:100%;padding-left:0} .nafuka{margin-bottom:3em;width:calc(100%/2 + 40px)} #content .photogaleryFoto{width:calc(100%/3 - 10px)} .sluzby .subThemaList_HLAVNI li{width:calc(100%/2 - 10px)} .basketPrava,#reguserform[action*="basket.asp?order=ok"] .divForm,#reguserform[action*="basket.asp?step=3"],.basketPrava,#reguserform[action*="basket2.asp?order=ok"] .divForm,#reguserform[action*="basket2.asp?step=3"]{width:100%} .basketPrava{float:none} #reguserform[action*="basket.asp?order=ok"],#reguserform[action*="basket2.asp?order=ok"]{float:none} #reguserform[action*="basket.asp?step=3"] fieldset,#reguserform[action*="basket2.asp?step=3"] fieldset{width:100%} #reguserform[action*="basket.asp?order=ok"] fieldset table tr,#reguserform[action*="basket2.asp?order=ok"] fieldset table tr{width:47%;margin-right:3%} #content.krk3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} #content.krk3 .basketPrava{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-bottom:0} #reguserform[action*="basket.asp?step=3"] fieldset + p,#reguserform[action*="basket2.asp?step=3"] fieldset + p{position:absolute} #reguserform[action*="basket.asp?order=ok"] .divForm + p,#reguserform[action*="basket2.asp?order=ok"] .divForm + p{position:absolute;bottom:0;float:none} .eshop #contentC{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box} } @media only screen and (max-width:768px) and (min-width:611px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/4 - 22px);margin:0 10px 30px;min-height:auto;min-height:276px;max-height:276px} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(4n+0){margin-left:10px;margin-right:10px} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(4n+1){margin-right:10px;margin-left:10px} } @media only screen and (max-width:768px) { .subThemaList_HLAVNI h4 a,.subThemaList_DRUHY h4 a{padding:0 2px;max-height:72px;overflow:hidden} .subThemaList_HLAVNI .CaraSipka{display:none} .sluzby .subThemaList_HLAVNI li img,.sluzby .subThemaList_HLAVNI .CaraSipka{display:block} .subThemaList_HLAVNI h4{height:130px} .subThemaList_HLAVNI a.SipTla{top:auto;bottom:10px} .subThemaList_HLAVNI li{padding-bottom:130px} .subThemaList_HLAVNI.cont{width:100%} .subThemaList_HLAVNI.cont li{min-height:198px} #reklamaOkno{max-width:734px;width:95%} .subThemaList_HLAVNI.cont h4{position:absolute} } @media only screen and (max-width:700px) { .productItemX,.kosik .productItemX{width:calc(100%/2 - 10px)} .nafukaItem{width:calc(100% - 10px);max-height:none;} .nafuka{width:100%;} .kosik #chat-application{display:none!important} #basketStepsBlock{margin-top:15px;margin-left:-10px;margin-right:-10px} #basketStepsBlock .basketStep,#basketStepsBlock .basketStepActive{width:calc(100%/4);height:auto;padding:5px 0;min-height:63px;-webkit-box-sizing:border-box;box-sizing:border-box} #basketStepsBlock .basketStep span,#basketStepsBlock .basketStepActive span{word-wrap:break-word;height:auto;width:auto;line-height:1.3em;padding:0;font-weight:400} #basketStepsBlock .basketStep span span,#basketStepsBlock .basketStepActive span span{display:block} #reguserform[action*="basket.asp?step=3"] fieldset legend,#reguserform[action*="basket2.asp?step=3"] fieldset legend{width:100%;position:relative} #reguserform[action*="basket.asp?step=3"] fieldset span,#reguserform[action*="basket2.asp?step=3"] fieldset span{width:100%} #reguserform[action*="basket.asp?step=3"] fieldset span.platbaspan,#reguserform[action*="basket2.asp?step=3"] fieldset span.platbaspan{width:100%} tr#platbyNew ul{width:100%} table.basket td.basketPhoto img{display:none} .deleteP span{display:none} #zasilkovnaFrame,#pplFrame{max-width:650px;width:100%;height:100%;max-height:450px;-webkit-box-sizing:border-box;box-sizing:border-box} #zasilkovnaFrame iframe,#pplFrame iframe{width:100%} #naPoste{width:100%;max-width:650px;-webkit-box-sizing:border-box;box-sizing:border-box} .sluzby .subThemaList_HLAVNI li .CaraSipka{display:none} .sluzby .subThemaList_HLAVNI li h4 a{font-size:1.1em} table.datatable.basket tr:first-child .suda[colspan*="2"]{padding:0} table.datatable.basket tr:first-child .suda[colspan*="2"] strong{display:none} .datatable.basket tr.productLine td.prName{padding-left:5px} .datatable.basket tr.productLine td:last-child{padding-right:5px} #bottomNavig{-ms-grid-columns:(auto)[4];grid-template-columns:repeat(4,auto);grid-template-areas:"icolog icolog icolog" "apek shoprokuNew shoproku" "btm btm btm"} .btm{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:4;flex-wrap:wrap} .icolog{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:4} #clen-apek{-ms-grid-row:2;-ms-grid-column:1} #shoprokuPatNew{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1} #shoprokuPat{-ms-grid-row:2;-ms-grid-column:3;-ms-grid-column-span:1} #shoprokuPatOLD{-ms-grid-row:2;-ms-grid-column:4;-ms-grid-column-span:1} table.vanoceT td{display:block} table.vanoceT table{width:100%} table.vanoceT table td{display:table-cell} .fotapp .anotx .boxfot .btn_vic_fot:before{display:none;} } @media only screen and (max-width:680px) { #popupbck .next,#popupbck .finish{margin-left:auto;margin-right:auto} } @media only screen and (max-width:656px) { #bottomNavig ul{width:calc(100%/2 - 25px);margin-left:25px} .nafuka{margin-bottom:3em;} .deleteP{padding:0 10px} table.slevakod{margin-top:0} input.greenBtn,a.contShop,input.normBtn.bck{width:100%;margin:10px 0} #content.krk3 .basketPrava{padding-bottom:0} table.responazvy,table.responazvy > tbody,table.responazvy > tbody > tr,table.responazvy > tbody > tr > td{display:block;border:0;} table.responazvy{width:100% !important;height:auto !important;} table.responazvy > tbody > tr{border:1px solid #000;} table.responazvy > tbody > tr + tr{margin-top:1.5em;} table.responazvy > tbody > tr > td{padding:0.25em 0.15em} table.responazvy > tbody > tr > td + td{border-top:1px solid #000;} table.responazvy tr:first-child{display:none;} table.responazvy td:before{content:attr(data-title);display:block;color:inherit;white-space: nowrap;font-weight: bold;} } @media only screen and (max-width:610px) and (min-width:501px) { .subThemaList_HP li,.subThemaList_HLAVNI li{width:calc(100%/3 - 22px);margin:0 10px 30px;min-height:auto;min-height:276px;max-height:276px} } @media only screen and (max-width:640px) { .block_text img,.block_text .tx ~ a img{margin-right:auto;width:49%} } @media only screen and (max-width:630px) { #content .photogaleryFoto{width:calc(100%/2 - 10px)} .kalendarium #content .blogg a + h3{margin:0;width:60%} .kalendarium #content .blogg .vedle_sipky{margin:0!important} .kalendarium .blogg{padding-left:10px;padding-right:10px} } @media only screen and (max-width:600px),(max-height:510px) {#reklamaOkno{display:none}body.popko{overflow:visible;overflow-x:hidden;max-height:none;}body.popko:before{display:none;}} @media only screen and (max-width:600px) { .kalendarium.KalDayDet #content .menuText.kalenday img{width:155px!important} .kalendarium #content .blog_detail h3{padding:0;font-size:2em;width:170px} .kalendarium #content .blog_detail .vedle_sipky{margin:0} .kalendarium.KalDayDet #content .menuText{margin:0} .kalendarium #content .blog_detail hr{margin:-20px 0 0} } @media only screen and (max-width:590px) { #popupbck{overflow-y:auto} #popupbck #popupokno{width:85%;max-width:550px;top:2%;margin:0 auto} #popupbck .dalsi_nakup #adProduct{overflow:hidden;overflow-x:auto} #popupbck .dalsi_nakup #adProducts{grid-template-columns: none;grid-auto-flow: column;} #popupbck .dalsi_nakup .productItemX,#popupbck .dalsi_nakup .productAdd{min-width:130px;} #popupbck .dalsi_nakup .productAdd{margin-bottom:15px} #popupbck .nextxfinish{display:block} #popupbck .next,#popupbck .finish{margin-bottom:10px} } @media only screen and (max-width:566px) { .basketPrava .datatable.basket,.basketPrava .datatable.basket tbody,.basketPrava .datatable.basket tr,.basketPrava .datatable.basket td{display: block;} .basketPrava .datatable.basket tr:first-child{display: none;} .basketPrava .datatable.basket tr.productLine{display: grid;grid-template-columns: calc(100vw - 20px);grid-template-rows: repeat(4,auto);} .basketPrava .datatable.basket tr.productLine td{display: block;width: 100%;text-align: left;padding-left: 155px;box-sizing: border-box;position: relative;} .basketPrava .basket tr.productLine td:after{content: "";display: block;clear: both;} .basketPrava .datatable.basket tr.productLine td:before{content: attr(data-title)":";position: absolute;top: 8px;left: 8px;} .basketPrava .datatable.basket tr.productLine td.basketPhoto{display: none;} .basketPrava .datatable.basket tr.productLine td.prName{min-height: 2em;} .basketPrava .datatable.basket tr.productLine td.basPrice + .basPrice{padding-bottom: 32px;} .basketPrava .datatable.basket tr.productLine td.basPrice + .basPrice a.deleteP{padding: 0 20px 0 0;line-height: 17px;position: absolute;right: 9px;bottom: 9px;margin: auto;max-width: 72px;width: 100%;box-sizing: border-box;} .basketPrava .datatable.basket tr.productLine td.basPrice + .basPrice .deleteP span{display: block;} #trInfo .infoTd{top: 0;} .dpM{display: none;} .kosik .nafuk{width: calc(100vw - 28px);margin-left: calc(-155px + 8px);max-width: none;} .kosik .NafukIco{display: none;} .kosik .nafuk label{width: calc(100% - 35px);} .kosik .NafukPop{right: 0;grid-template-columns: 100%;min-width: auto;} .kosik .NafukPop .NafukImg{display: none;} .kosik .NafukPop .NafukTxt{grid-column: 1/2;} .fotapp .anotx{width:calc(100% - 10px);max-width: 350px;float: none;margin: 0 auto 10px !important;padding-bottom: 0;height:auto;max-height: 170px;} .sluzby .subThemaList_HLAVNI li{width:100%;max-width:350px;float:none;margin:0 auto 10px!important;padding-bottom:0;height:auto;max-height:155px} .sluzby .subThemaList_HLAVNI li h4 a{font-size:1.2em} .sluzby .subThemaList_HLAVNI li .CaraSipka{display:none} .ko-inf td{display:block;padding:0} .ko-inf img{margin-right:1.5em} } @media only screen and (max-width:540px) { #bottomNavig{-ms-grid-columns:(auto)[2];grid-template-columns:repeat(2,auto);grid-template-areas:"icolog icolog " "apek shoprokuNew" "shoproku ." "btm btm"} .btm{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2} .icolog{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2} #clen-apek{-ms-grid-row:2;-ms-grid-column:1} #shoprokuPatNew{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1} #shoprokuPat{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1} #shoprokuPatOLD{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:1} .subThemaList_HLAVNI.cont h4 a{max-height:none;padding:0 5px} .NafukPop{grid-template-columns: 100%;} .NafukPop .NafukImg{display: none;} .NafukPop .NafukTxt{grid-column: 1/2;} } @media only screen and (max-width:530px) { #actPath{padding:5px 0;} .klic{display:none} #actPath h1{margin-bottom: 0;min-height: 19px;display: flex;align-items: center;} #bottomNavig ul:nth-of-type(1){padding-left:0;} #bottomNavig ul{width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:15px auto;float:none} #bottomC li{width:100%} table.colorek,table.colorek *{display:block} table.colorek:after{content:"";display:block;clear:both} table.colorek tr{display:block} table.colorek td{display:block;float:left;max-width:33px;width:100%} table.colorek tr:last-child{width:100%;float:left} table.colorek tr:last-child td{max-width:none} .colorek .colorCheck{margin:10px auto;float:none} table.slevakod{width:100%;margin:0 auto} table.slevakod,table.slevakod tbody,table.slevakod tr{width:100%;display:block} table.slevakod tr:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:0 0.5em;} table.slevakod tr td:nth-child(1){grid-column:1/3;grid-row:1/2;} table.slevakod tr td:nth-child(2){grid-column:1/2;grid-row:2/3;} table.slevakod tr td:nth-child(3){grid-column:2/3;grid-row:2/3;} table.slevakod .siroke, table.slevakod .discountApplyButton{width:100%;height: 100%;margin:0;box-sizing:border-box;} } @media only screen and (max-width:515px) { .kalendarium #content .blog_detail h3{width:calc(100% - 160px)} .kalendarium #content .blog_detail .vedle_sipky{float:none;margin:20px auto 40px;font-size:1.3em} .kalendarium #content .blog_detail hr{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .kalendarium #content .blog_detail .anot,.kalendarium #content .blog_detail + .text{padding:0} .kalendarium #content .blog_detail{padding:0} .kalendarium #content .blog_detail + .text{padding-left:60px} .kalendarium #content ul li{background-size:50px;padding-left:60px;background-position:0 21px;margin-left:-60px} #ourWebs span.mezera{display:none} .paticka .partak_newsleter .formular{width:100%;padding: 0 0.75em;box-sizing: border-box;} .paticka .partak_newsleter form{display: grid;grid-template-columns: 100%;grid-template-rows: auto auto;} .paticka .partak_newsleter .formular .inputText{grid-column: 1/-1;grid-row: 1/2;} .paticka .partak_newsleter .formular .NewObalka{display:none;} .paticka .partak_newsleter .formular .NewSend{grid-column: 1/-1;grid-row: 2/3;margin:0;} .paticka .pat_box_nad.akceK{width:100%;max-width:300px;} .paticka .akce_klic{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr auto;} .paticka .akce_klic .imag{grid-column: 1/2;grid-row: 1/3;width: 100%;height: 100%;aspect-ratio: 1/1;} .paticka .akce_klic .akce_tx{grid-column: 2/3;grid-row: 1/2;width: auto;margin: 0;align-self: center;justify-self: center;} .paticka .akce_klic .akce_tx::after{position:static;} .paticka .akce_klic .tl_vic{grid-column: 2/3;grid-row: 2/3;justify-self: center;align-self: center;} } @media only screen and (max-width:500px) { #prihlasenipopC{width:calc(100% - 30px);top:calc((100vh - 250px)/2);} .ikon img{width:calc(30% - 0%);margin:0 1%} #leftC #leftC2{width:250px;margin:auto} #leftC .kateg{position:relative} #leftNavig{padding-top:0} #leftNavig,.levaikocent,#colorBlock,#leftC .kateg{width:100%} .subThemaList_HP li,.subThemaList_HLAVNI li{display:block;text-align:center;width:calc(100%/2 - 22px);margin-bottom:20px;min-height:auto;min-height:276px;max-height:276px} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(2n+0){margin-left:10px;margin-right:10px} .subThemaList_HP li,.subThemaList_HLAVNI li:nth-child(2n+1){margin-right:10px;margin-left:10px} .productItemC .cfooter span.doOrder.poptat,.productItemC .cfooter span.doOrder.poptat:hover{background:none} .nafuka{margin-bottom:1em;min-height:auto} #reguserform[action*="basket.asp?order=ok"] fieldset table tr,#reguserform[action*="basket2.asp?order=ok"] fieldset table tr{width:100%;margin-right:0} #reguserform[action*="reguser.asp"] fieldset,#reguserform[action*="reguser.asp"] fieldset:nth-of-type(2){width:calc(100% - 15px)} .blog #content .blogg h3 a,.blog #content .blog_detail h3{font-size:1.8em} #Container.AdventKalendar ul.advetnikalendar{grid-template-columns: repeat(2,1fr);} .prelepkyIkon.prodDetail .icoNovinka, .prelepkyIkon.prodDetail .icoAkce, .prelepkyIkon.prodDetail .icoAkceJaro, .prelepkyIkon.prodDetail .icoVyzkouseli {width: 55px;height: 55px;} } @media only screen and (max-width:490px) { #topBanner a.BtBlog{display:none} } @media only screen and (max-width:460px) { #popupbck .koupeni{-ms-grid-columns:1fr 43px 1fr;grid-template-columns:1fr 43px 1fr} } @media only screen and (max-width:450px) { #logo{grid-column:2/4;} .productItemX,.kosik .productItemX{width:calc(100%/2);margin-right:0;padding:10px} .productItemC .cfooter .detail a,.icoSkladem{font-size:14px} .productItemC .cfooter .detail,.productItemC .cfooter .icoSkladem{position:relative;right:auto;top:auto;width:100%;border:0;letter-spacing:.3em;width:100%} .productItemC .cfooter span.price{top:40px} .productItemC .cfooter span.doOrder{top:85px} #content .productItemC .anot img{max-width:100%;max-height:100%} .zasilkovna_select,.ppl_select{max-width:340px;width:100%} tr#platbyNew ul{display:block} #ourWebs{flex-direction:column} } @media only screen and (max-width:430px) { .fixed .preklad{left: auto;right: 105px;} body{min-width:320px;} .preklad{top:60px;right:auto;left:106px;float:left} .preklad #google_translate_element{right:auto;left:-50px} .kalendarium #content .blogg a + h3{width:auto;float:none} .kalendarium #content .blogg .vedle_sipky{float:none!important;margin:0 auto!important;display:block;font-size:1.2em} #Container:is(.eshop,.SvatbaVyzdoba):not(.sluzby) .subThemaList_HLAVNI:not(.cont) ul{grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));grid-gap:3em 1.5em;} #reguserform input[type="submit"], #writeusform input[type="submit"], #pohlednice input[type="submit"]{min-width:auto;max-width:400px;width:100%;} } @media only screen and (max-width:415px) { .poptatmin.detapop .PartakBal{margin-left:0;margin-right:0;width:75px;height:189px} .poptatmin.detapop .rika{width:70%} .productItemC .cfooter span.doOrder:hover .kusy.seznam{display: flex;} .productItemC .cfooter span.doOrder .kusy.seznam{padding: 6px 0;width: calc(100% + 1em);align-items: center;justify-content: space-around;margin-left: -0.5em;} .productItemC .cfooter span.doOrder .kusy.seznam .txks{width: auto;margin: 0;} .productItemC .cfooter span.doOrder .kusy.seznam .pocetminus{margin: 0;} .productItemC .cfooter span.doOrder .kusy.seznam #pocetkusudetail{margin: 0;} .productItemC .cfooter span.doOrder .kusy.seznam .pocetplus{margin: 0;} } @media only screen and (max-width:400px) { #bottomNavig{-ms-grid-columns:100%;grid-template-columns:100%;grid-template-areas:"icolog" "apek" "shoprokuNew" "shoproku" "shoprokuold" "btm"} .btm{-ms-grid-row:6;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1} .icolog{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1} #clen-apek{-ms-grid-row:2;-ms-grid-column:1} #shoprokuPatNew{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1} #shoprokuPat{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:1} #shoprokuPatOLD{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:1} .ikodole a{width:calc(100%/2 - 20px)} .ikodole img{max-width:100%;height: auto;} .navigInspirace .liNew{margin-left: 5px;margin-right: 5px;width: calc(100%/2 - 10px);display:flex;flex-direction:column;} .navigInspirace .liNew > p{padding:0;margin-bottom:5px;} .navigInspirace .liNew a.tlNakup{margin-top:auto;padding-left: 0;padding-right: 0;width: 100%;box-sizing: border-box} } @media only screen and (max-width:370px) { .poptatmin.detapop .rika{width:300px} } @media only screen and (max-width:350px) { .ikodole a{margin:25px 5px!important;width:calc(100%/2 - 10px)} } .payByComgate a { border: 2px solid #b11111; display: block; width: 300px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 10px; text-decoration: none; color: black; } /*dosasne*/ #sed{display:none !important;}.TopKont ul li strong{font-weight:normal;} #TopDopravaInfo .TopKont{display:none !important;} #popUpC{background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;} #popUp{position: relative;font-size: 1rem;filter: drop-shadow(0 1px 4px #333);} #popUp *{box-sizing: border-box;} #popUpclose{z-index:300;position: absolute;top: 0;right: 0;width: calc(1em + 0.13em);height: calc(1em + 0.13em);font-size: 1.7em;line-height: 1em;display: flex;align-items: center;justify-content: center;padding: 0;background: #fff;border-radius: 100%;border: 1px solid #595959;box-sizing: border-box;margin: calc(-1*(1em + 0.13em)/3);cursor: pointer;transition: all linear 0.3s;font-family: arial;} #popUpclose:hover{color: #fff;background: #222;} #popUp .content{max-width:90vw;max-height:90vh;display: grid;grid-auto-rows: 100%;overflow: hidden;border-radius: 15px;background:#fff;} #popUp img.PoPobrazek{aspect-ratio: auto;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;} #popUp a.PoPodkaz{position: relative;z-index: 3;} #popUp .Popobsah{padding: 0.95em;position: relative;z-index: 2;min-width: 250px;min-height: 150px;} /*vse pres cele*/ #popUpC.cele .content,#popUpC:not(.pulka) .content{grid-auto-columns: 100%;} #popUpC.cele img.PoPobrazek,#popUpC:not(.pulka) img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;} #popUpC.cele a.PoPodkaz,#popUpC:not(.pulka) a.PoPodkaz{grid-column: 1/2;grid-row: 1/2;} #popUpC.cele .Popobsah,#popUpC:not(.pulka) .Popobsah{grid-column: 1/2;grid-row: 1/2;} #popUpC.maxSV:not(.pulka) .Popobsah{width: 90vw;height: 90vh;max-width: 100%;max-height: 100%;} /*pul text a obrazek*/ @media only screen and (min-width: 950px){#popUp{max-width: 1300px;}} #popUpC.pulka .content{grid-auto-columns: 1fr 1fr;} #popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;} #popUpC.pulka a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;} #popUpC.pulka .Popobsah{grid-column: 2/3;grid-row: 1/2;} @media only screen and (max-width: 600px){ #popUpC.pulka .content{grid-auto-columns: 100%;grid-template-rows: 1fr 1fr;} #popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;} #popUpC.pulka a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;} #popUpC.pulka .Popobsah{grid-column: 1/2;grid-row: 1/2;} } .Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;font-size:1em;font-family:inherit;} .Popobsah table,.Popobsah table tbody,.Popobsah table tr,.Popobsah table th,.Popobsah table td, .Popobsah table.datatable,.Popobsah table.datatable tbody,.Popobsah table.datatable tr,.Popobsah table.datatable th,.Popobsah table.datatable td {margin:0;padding:0;color:inherit;} .Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:2.5em;background: transparent;line-height:normal;margin:0;padding:0;}