/* ================================================== globalni definice ================================================================= */ body, .main, option, input, button, select{font-family:tahoma, verdana, arial, sans-serif} body{font-size:14px;margin:0;min-width:1000px;color:#333;text-align:center;font-family:'Source Sans Pro', sans-serif;background:#E6E6E6;-webkit-font-smoothing:antialiased;overflow-x:hidden} body.printpage{min-width:0} body.nomove{overflow:hidden !important;margin-right:17px !important} *,*:before,*:after{box-sizing:border-box;-webkit-text-size-adjust:none !important;outline:none} tr{vertical-align:middle} h1,h2,h3,h4,h5{margin:0;display:block;font-weight:300} h1{font-size:36px;margin:10px 0 20px 0} h2{font-size:30px;margin:20px 0 20px 0} h3{font-size:26px;margin:15px 0 10px 0} h4{font-size:20px;margin:30px 0 10px 0;font-weight:400} h5{font-size:20px;margin:10px 0;font-weight:400} q{quotes:none} em{font-style:normal} select.multiselect{padding-top:0;padding-bottom:0;height:auto} u{text-decoration:none} input{vertical-align:bottom;border:1px solid #b5b5b5;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0} input[type="text"],input[type="password"],input[type="number"],select{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:13px;display:inline-block;width:100%;height:32px;padding:6px 8px;color:#666;background:#fff;border:1px solid #b5b5b5} textarea{border:1px solid #b5b5b5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} table{border-collapse:collapse;border-spacing:0} table th, table td{vertical-align:middle} div{text-align:left;margin:0;padding:0} div.news{text-align:justify;margin:0;padding:0} a{text-decoration:none;color:#558318;cursor:pointer;transition:all 200ms} a:hover{text-decoration:underline} a img{border:0} img{font-size:0;line-height:0} hr{color:#fff;background-color:#cacaca;border:0;height:1px} form{margin:0} p{margin:15px 0;font-size:14px;line-height:26px} ul{list-style:none;margin:0;padding:0;line-height:24px} ol{margin:0;line-height:24px} .input_submit, .input_button{cursor:pointer;_cursor:hand} .clear{height:0;height:0;font-size:0;clear:both} div.clear{width:100%;height:0;overflow:hidden !important;clear:both} .noclear{clear:none} .emptychar{float:left;margin:0;padding:0;width:0;height:0;overflow:hidden} .cspan{background:url(img/refresh_icon.png) no-repeat;float:left;height:32px;font-size:0;width:32px;margin:-4px 2px 0 2px} input.midsize{padding:5px;width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} select.midsize{padding:4px;width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;height:29px} /***** UPRAVY PRO SEO *****/ .bold{font-weight:bold !important} .normal{font-weight:normal} .line_through{text-decoration:line-through !important} .nowrap{white-space:nowrap !important} .al_left{text-align:left !important} .al_right{text-align:right !important} .al_center{text-align:center !important} .f_left{float:left !important} .f_right{float:right !important} .w100{width:100%} .w33{width:33.33%} .w50{width:50% !important} table.w50{width:50% !important} .pad20{padding:20px} .font_wingdings{font-family:wingdings} .ds_block{display:block !important} .ds_none{display:none !important} .ds_tbl{display:table !important} .ds_tblrow{display:table-row !important} .ds_tblcell{display:table-cell !important} .ds_inline{display:inline !important} .grey{color:grey} .out{float:left;margin:0;padding:0} .in{float:left;margin:0;padding:0} .gallery_note img{width:0;height:0;overflow:hidden} .hint{color:#777 !important} @font-face{font-family:FontDiscomp2;src:url('fonts/FontDiscomp2_3.ttf')} [data-icon]:before{font-family:FontDiscomp2;content:attr(data-icon);font-weight:normal} /* ================================================= konec globalni definice ================================================================= */ .btnn{text-align:center;margin:0;padding:0;white-space:nowrap;float:left;border:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} #maincont{position:relative;width:1220px;margin:0 auto;background:#fff;min-height:900px;display:block} #maincont[data-logged='0'] #whisper-box .whspitem .pricewotax{display:none} #maincont[data-logged='0'] #whisper-box .whspitem .pricewtax{display:none} #top .dc_logo{padding:22px 20px;float:left;position:relative} #top .dc_logo img{width:280px;height:auto} header{position:absolute;left:0;right:auto;top:0;bottom:auto;width:100%} #top{position:relative;float:left;margin:0;padding:0;width:100%;height:100px} .outercont{padding:210px 20px 60px 0;min-height:650px;display:block} .innercont{width:100%;float:left} .wrapcont{float:left;width:100%} #leftcont{position:relative;float:left;padding:0;width:280px} #centercont{position:relative;float:right;width:calc(100% - 300px);height:auto;overflow:hidden} /*neeeew*/ body.homepage .outercont{padding-left:20px} body.homepage #centercont{width:100%} body.homepage #leftcont{display:none} /*neeeew*/ #rightcont{position:relative;float:right;margin-right:-130px;min-height:300px;padding:5px;width:120px} .tstrun{width:468px;height:75px;margin:5px auto} .dc_hide_left_col #leftcont{display:none} .dc_hide_left_col #centercont{width:100%;overflow:visible} .dc_hide_left_col .outercont{padding:190px 0 60px 0} /*format tlacitek*/ .button{text-align:center;margin:0;padding:0;white-space:nowrap;float:left} /*symboly dle statusu produktu*/ .char{font-family:wingdings} a.prim,a.sec,a.blue{font-size:15px;text-decoration:none;white-space:nowrap;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:inline-block;line-height:22px} a.prim,a.blue{padding:10px 20px;color:#fff;background:#77a248;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.3)} a.prim:hover{background:#68913b} a.blue{background:#3d92b3} a.blue:hover{background:#2f84a5} a.sec{padding:9px 20px;color:#333;background:#fff;border:1px solid #a3a3a3} a.sec:hover{border:1px solid #666;background:#fcfcfc} a.prim.ico.loading:before, a.blue.ico.loading:before, a.sec.ico.loading:before{content:"\f110";display:inline-block;margin-right: 10px;position:static;animation:spin 1.2s linear infinite;font-size:20px} .btnn a{display:block;float:left;text-decoration:none;white-space:nowrap;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} .btnn.disabled{display:none !important} .switch{width:50px;height:16px;border-radius:15px;float:left;background:#88ce87;position:relative} .switch:before{position:absolute;top:-3px;left:24px;width:22px;height:22px;border-radius:100%;background:#fff;content:"";transition:all 300ms;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.9)} .switch.off{background:#b5b5b5} .switch.off:before{left:4px} @keyframes spin { from {transform:rotate(0deg)} to {transform:rotate(360deg)} } /* ===================================================================================================================================== */ .boxcont{margin:0;padding:0;height:auto} .boxcont.docscont.xlogincont{padding:0 20px;margin-top:20px} .boxcont .hdr .c{float:left;margin:0;padding:0} .boxcont .hdr .l, .boxcont .hdr .r, .boxcont .ftr{display:none} .buybox{float:right;margin-top:10px} .buybox .inp_txt_qty{text-align:center;float:left;font-size:13px;width:30px;height:32px;border:1px solid #999;border-radius:2px;padding:0} .buybox .glbact{display:none} .buybox .btnn.buy{margin:0 0 0 3px;float:left} .buybox .btnn.buy a{padding:6px 11px;background:#f9582e;color:#fff;font-size:13px;line-height:20px;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.3)} .buybox .btnn.buy a:hover{background:#ec490f} .buybox .btnn.buy.logedonly a{background:#4f94a4} .buybox .btnn.buy.logedonly a:hover{background:#408393} .buybox .btnn.buy.notallow a{background:#60787e} .buybox .btnn.buy.notallow a:hover{background:#4b5d62} #loadingCont{z-index:5} #loadingCont img{background:url('img/loading-small.gif') 0 0 no-repeat;width:32px;height:32px;float:left} #loadingCont .inner{vertical-align:middle} #loadingCont span{color:#666666;margin:6px 0 0 15px;display:block;float:left;font-size:16px;font-weight:bold} #loadingCont.loadingprodlist{margin-top:30px} /*dostupnost*/ .stiqtyin{width:100%;float:left;white-space:nowrap;font-size:13px} .stiqtyin:not(:last-child){padding-bottom:5px} .stiqty{width:100%;float:left} .stiqty em{margin:0 0 0 5px;display:inline;font-size:14px;line-height:17px;padding:0;position:relative} .stiqty em:before{font-size:15px;font-family:FontDiscomp2;font-weight:normal;display:inline;line-height:17px;padding:0 3px 0 0} .stiqty .imgno .unknowndate, /*na ceste, neznamy termin*/ .stiqty .shipmin .knowndate, /*na ceste, znamy termin*/ .stiqty .shipmin, .stiqty .way{color:#1061a8} /*na ceste*/ .stiqty .imgout{color:#915100;color:#18608a} /*skladem jinde - do 48h*/ .stiqty .imgno{color:#ae3939} /*neni skladem*/ .stiqty .partly{color:#EF6821} /*castecne*/ .stiqty .imgyes{color:#558318} /*uplne skladem*/ .stiqty .picked{color:#333} /*vyzvednuto-objednavky*/ .stiqty .imgno:before{content:"\f00d"} .stiqty .shipmin:before{content:"\f072"} .stiqty .imgout:before{content:"\f0d1"} .stiqty .imgno:before{content:"\f00d"} .stiqty .partly:before{content:"\f14a"} .stiqty .way:before{content:"\f0d1"} .stiqty .imgyes:before{content:"\f14a"} .stiqty .picked:before{content:"\f00c"} /*statusy, stitky*/ .sts,.bundle,.hook{clear:left;float:left;padding:4px 8px;color:#fff;font-size:12px;line-height:12px;text-transform:lowercase;margin:0 0 5px 0;border-radius:2px} .freedelivery{background-color:#246e74} .hook, .bundle{background:#676767 !important} .comp:before{content:"\f080";text-decoration:none;font-size:22px;line-height:22px} .tofav:before{content:"\f199";text-decoration:none} .tofav.remove:before{color:#e25151 !important} .sts1{background:#349c45 !important} .sts.discount{width:45px;height:45px;background:#ffdb32 !important;color:black;text-align:center;line-height:45px;border-radius:50%;font-weight:500;font-size:16px;padding:0} #stistssrch .srchststdiv.srchststdiv1 label{color:#349c45 !important} #lastvisiteddettable{float:left;width:100%;padding:0 20px 20px 20px;float:left;width:100%;background:#fff} #leftcont .lefttreecont{float:left;width:100%;margin:0 0 20px 0;transition:all 500ms} #leftcont .lefttreecont .hdr{width:100%;float:left} .td_strid_hide a{color:#333} #td_strid_1{float:right} .div_strid_block{display:block;float:left;background:#558318;width:100%;height:auto;overflow:hidden} .div_strid_hide{display:none;float:left} .td_strid_block, .td_strid_hide{line-height:30px;float:left;text-align:center;width:50%;height:30px;font-size:14px;font-weight:500;background:#ccc} .td_strid_block{background:#558318} .td_strid_block a{color:#fff} /* #leftcont.paramexist .lefttreecont:not(:hover) .cnt{visibility:hidden;height:0;overflow:hidden} #leftcont.paramexist .lefttreecont{position:relative} #leftcont.paramexist .lefttreecont:hover .cnt{box-shadow:0 10px 20px 0 rgb(75, 75, 75);position:absolute;top:30px;z-index:1} */ .i6lt_ul li{padding:0;float:left;width:100%;position:relative;border-top:1px solid #fff} .i6lt_ul * li{border-bottom:none} .i6lt_ul ul li{margin-left:5px} .i6lt_ul a{display:block;height:40px;margin:0;padding:9px 10px 0 0;font-size:16px;color:#fff;font-weight:500} .i6lt_ul ul a{border:none;font-weight:normal} .i6lt_plus span, .i6lt_minus span, .i6lt_not span{display:block;float:left;cursor:pointer;font-size:0} .i6lt_minus .i6lt_not span{display:none} .i6lt_not span{background:none !important} .i6lt_ul .active{font-weight:bold} /*drobecky*/ .navbar{float:left;width:100%;padding:0} .navbar ul{float:left;width:100%;line-height:18px} .navbar li{float:left;padding:0 0 10px 10px;margin:0} .navbar .inbox{float:left} .navbar li.hp{padding-left:0} .navbar li:not(:first-child):before{content:"/";margin:0 8px 0 0;float:left;line-height:18px;font-size:13px;color:#777;font-weight:bold} .navbar a{float:left;line-height:18px} .navbar a:hover{text-decoration:underline} .navbar .hp em{display:none} .navbar .hp a:before{content:"\f015";font-family:FontDiscomp2;float:left;line-height:18px;font-size:18px;color:#777} .navbar span[data-icon]{display:none} .navbar h1{float:left;font-weight:500;padding:0;font-size:14px;text-decoration:none;text-transform:none;color:#777;margin:0} .navbar li span{color:#555} .dc_hide_left_col .navbar{padding:20px 20px 10px 20px} /*new*/ .navibar{width:100%;float:left;height:42px;overflow:hidden;border-bottom:1px solid #d1d1d1} .navibar a{float:left;position:relative;background:#fff;text-decoration:underline} .navibar a.hp{padding:13px 20px;font-size:15px;text-decoration:none;background:#f5f5f5;color:grey} .navibar a.norm{padding:13px 20px 13px 32px;font-size:13px} .navibar h1{float:left;font-size:13px;padding:12px 20px 11px 32px;position:relative;color:grey;font-weight:normal;margin:0} .navibar a:hover{background:#f5f5f5;text-decoration:none} .navibar a:before, .navibar a:after{z-index:2;right:-12px;top:-1px;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:12px solid #d1d1d1;content:"";position:absolute} .navibar a:before{border-left-color:#fff;z-index:3;right:-11px} .navibar a.hp:before{border-left-color:#f5f5f5} .navibar a:hover::before{border-left-color:#f5f5f5} /* strankovani */ .pagenav{display:table;padding:20px 0;width:100%;text-align:center} .pagenav .left-part, .pagenav .right-part{width:14%;float:left;padding-top:8px} .pagenav .center-part{width:72%;float:left;margin-right:14%} .pagenav .pages{width:auto;margin:0 auto;display:table} .pagenav .pagetext{float:left;color:grey;width:14%;padding-top:8px} .pages a{display:inline-block;height:32px;background:white;font-weight:normal;line-height:32px;width:32px;border:1px solid #a3a3a3;text-align:center;color:#333;border-radius:2px;margin:0 2px;overflow:hidden} .pages a:hover{border:1px solid #666;text-decoration:none} .pages a.active{pointer-events:none;background:#e9e9e9;border:1px solid #888} .pages a.prevpage, .pages a.nextpage{background:#77a248;color:#fff;border-color:#77a248;line-height:31px} .pages a.prevpage:hover, .pages a.nextpage:hover{background:#68913b;border:1px solid #68913b} .pages a.nextpage:before{content:"\f105"} .pages a.prevpage:before{content:"\f104"} .pages .paging{display:none} .pages .break{display:inline-block;overflow:hidden;margin:0 4px} /* definice stylu pro addons*/ .colsviewer .cmDiv{background:none !important;border:none;padding-bottom:3px !important} .colsviewer .main{background:none !important;border:none} .colsviewer a{border:none !important;color:#1987B0 !important;text-decoration:underline !important} .colon{color:green;cursor:pointer;background:url('img/tick.png') top left no-repeat;padding:0 0 0 20px !important} .coloff{color:red;cursor:pointer;background:url('img/cross.png') top left no-repeat;padding:0 0 0 20px !important} #thumbimg{position:absolute;border:2px solid #0C4789;background:#09396D;display:none;color:#fff;margin:0;padding:0} #thumbimg p{padding:5px;margin:0;color:#fff} #stiqtypreview{position:absolute;border:2px solid #0C4789;background:#fff;display:none;color:#0C4789;margin:0;padding:0} #stiqtypreview p{padding:5px;margin:0;color:#0C4789} /*popup message*/ #popupbckg{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#FFFFFF;border:1px solid #FFFFFF;z-index:1} .popupcont{display:none;position:fixed;z-index:10001;box-shadow:0 0 20px #888888;opacity:.8;background:#555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .popupcont p{color:#fff;white-space:nowrap;padding:30px !important;margin:0 !important} .popupcont p a{color:#fff;text-decoration:underline} .popupcont p a:hover{text-decoration:none} .popupcont .popupclose{color:#ddd;padding:5px;position:absolute;right:0;top:0;font-size:24px;line-height:12px} .popupcont .popupclose:hover{opacity:1;text-decoration:none;color:#fff} .popupcont .cnt{display:block;min-width:250px;text-align:center;min-height:80px} .popupcont .cnt .thumbnail{display:none} .reg_antispam_tab{width:200px} .reg_antispam_tab td{vertical-align:middle} .reg_antispam_tab input{width:105px} #head_menu2{position:relative;width:100%;height:40px;background:#e6e6e6;z-index:35} #head_menu2 > ul{float:left;margin:0;padding:0;line-height:18px} #head_menu2 > ul > li{float:left;list-style:none;padding: 11px 0;position:relative} #head_menu2 > ul > li:not(:last-child) > a{border-right: 1px solid #afafaf} #head_menu2 a{padding: 0 8px;color:#444;line-height: 18px;text-decoration:none;white-space:nowrap} #head_menu2 ul ul{position:absolute;visibility:hidden;padding:0;margin:0;top:40px;left:0;border-radius:3px;box-shadow:2px 2px 0 0 rgba(153,153,153,1);border: 1px solid #CCC} #head_menu2 ul ul li:first-child:before{top: -7px;border:1px solid #ccc;margin-left:19px;content:"";position:absolute;z-index:-1;width:16px;background:#fff;height:16px;transform:rotate(45deg)} #head_menu2 ul ul li{display:list-item;z-index:1;position:relative} #head_menu2 ul ul li a{display:block;margin:0;padding: 4px 40px 4px 20px;text-transform:none;background:#fff;transition:0s} #head_menu2 ul ul li:last-child a{border-radius:0 0 3px 3px} #head_menu2 ul ul li:first-child a{border-radius:3px 3px 0 0} #head_menu2 ul ul a:hover{background:#d0e0ba;text-decoration:none} #head_menu2 ul li:hover ul{visibility:visible} #whisper-box{position:absolute;width:600px;overflow:hidden;border:1px solid #ccc;z-index:9;left:0;top:43px;color:#333;background:#fff;font-size:12px;box-shadow: 2px 2px 0 0 rgba(153,153,153,1);padding:5px 0} #whisper-box:hover{display:block !important} #whisper-box.closed{display:none} #whisper-box .whspitem{float:left;width:100%} #whisper-box .whspitem a{float:left;width:100%;position:relative;height:38px;overflow:hidden;text-decoration:none} #whisper-box .whspitem a:hover:after{background:#0000000a;position:absolute;content:"";left:0;top:0;right:0;bottom:0} #whisper-box .whspitem .separator{padding:0 17px 0 10px;display:inline;color:#444} #whisper-box .whspitem .separator:before{content:"\f105";line-height:16px;font-size:16px} #whisper-box .pricewotax{position:absolute;right:12px;top:4px;color:#f15a24;font-weight:bold;font-size:14px;display: none} #whisper-box .pricewtax{position:absolute;right:11px;top:20px;font-size:12px;color:#808080; display: none} #whisper-box .whimg{position:absolute;top:1px;left:12px;right:auto;bottom:auto} #whisper-box .whimg img{width:36px;height:36px} #whisper-box .whname{position:absolute;top:12px;left:62px;height:15px;overflow:hidden;width:calc(100% - 62px);color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:600} #maincont[data-logged='1'] #whisper-box .whname{width:calc(100% - 200px)} #whisper-box .comp, #whisper-box .tobskt, #whisper-box .whcode{display:none} #whisper-box > div[class^="h_"]{padding:8px 15px;float:left;width:100%} #whisper-box h2{padding:5px 3px;font-size:14px;font-weight:600;border-bottom:1px solid #d8d8d8;margin:0;line-height:18px} #whisper-box .whspitem.produceritem a{height:30px;padding-top:10px} #whisper-box .whspitem.produceritem .whname, #whisper-box .whspitem.produceritem .whimg{top:6px} #whisper-box .whspitem.produceritem .whimg:before{content:"\f07b";font-family:"FontDiscomp2";padding-left:12px;font-size:20px;color:#f0bf4d;line-height:16px} #whisper-box .whspitem.produceritem .whimg img{display:none} #whisper-box b{color:#61971c} #frqsrchword-box{display:none !important} /*bezpecnost hesla*/ #strongPass{float:left} #strongPass span{padding-left:5px} #strongPass .line{background:silver;margin-top:2px} #strongPass .line span{height:0;display:block} #passMsg{float:left;color:red;padding-left:5px;font-weight:bold} .user-errors{padding:20px} /* global style for buttons */ button.link, button.submit{background:#879935;padding:2px 10px;height:22px;margin:0;border:none;float:left;position:relative;cursor:pointer;font-size:12px;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} button.link:before, button.submit:before{content:"";width:10px;float:left;position:absolute;left:0;top:0} button.link:after, button.submit:after{content:"";width:10px;float:right;position:absolute;right:0;top:0} /* end global style for buttons */ #cookieUseAgreement{display:inline-block;padding:20px 10px;width:100%;background:#fff;border-bottom:1px solid #c7c7c7} #cookieUseAgreement .info{width:1160px;margin:0 auto} #cookieUseAgreement p{float:left;width:calc(100% - 150px);margin:0 20px 0 0;padding-left:60px} #cookieUseAgreement p:before{content:"\f085";left:0;font-size:40px;line-height:40px;color:#3f515f} #cookieUseAgreement .accept{width:130px;text-align:center} /* informacni cedule */ .infotab{width:100%;margin-bottom:20px;background:#e2eef5;padding:20px 20px 20px 70px;position:relative;display:table;border-radius:2px} .infotab:before{left:24px;top:calc(50% - 18px);font-size:30px;opacity:.8;content:"\f05a"} .infotab a{color:#333;text-decoration:underline;font-weight:600} .infotab a:hover{text-decoration:none} .infotab.ok{background:#d4eacf;color:#0E5C0E} .infotab.ok:before{content:"\f058"} .infotab.ok a{color:#0E5C0E} .infotab.warn{background:#f6e5e5;color:#7f0000} .infotab.warn:before{content:"\f05a"} .infotab.warn a{color:#7f0000} .infotab.info{background:#dee9f2;color:#0D364B;background:#e9f0f6} .infotab.info a{color:#2B6683} .infotab span{display:none} .infotab p{margin:0;width:100%;line-height:22px;display:table-cell;vertical-align:middle} .infotab.tech-support:before{content:"\f0ad"} .infotab.oversize:before{content:"\f0d1"} .infotab.smile:before{content:"\f118"} .infotabcenter{background:#f3f3f3;width:100%;float:left;margin-bottom:20px} .infotabcenter.noresult{margin-top:40px} .infotabcenter p{width:auto} .infotabcenter.ok{background:#beeab4} .infotabcenter.warn{background:#f9c6c6} .infotabcenter .infotab{width:auto;margin:0 auto;background:none} /* popup info okenka */ .popupwin{position:absolute;top:-40px;background-color:rgba(0, 0, 0, 0.7);padding:8px;border-radius:3px;text-align:center;color:#fff;display:none;z-index:100} .pop{position:relative} .pop:hover .popupwin{display:block} .popupwin:before{content:"";position:absolute;top:34px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0, 0, 0, 0.7)} /* ===== N E W ===== */ label:hover{text-decoration:underline} #favourcont{display:none} .commaninfocont{display:none} .tagscloud{display:none} .i6lt_minus .i6lt_plus span,.i6lt_minus .i6lt_minus span{position:absolute;width:30px;height:25px;background-position:8px 6px;margin:0;padding-top:5px;padding-left:8px} .i6lt_minus .i6lt_plus span:before{content:"\f0fe";font-family:"FontDiscomp2";color:#fff;font-size:17px} .i6lt_minus .i6lt_minus span:before{content:"\f146";font-family:"FontDiscomp2";color:#fff;font-size:17px} .i6lt_minus .i6lt_plus span:hover:before,.i6lt_minus .i6lt_minus span:hover:before{color:#222} .i6lt_minus .i6lt_minus .i6lt_minus span, .i6lt_minus .i6lt_minus .i6lt_plus span{padding-left:23px;width:45px} .i6lt_minus .i6lt_minus .i6lt_minus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span:before{content:"\f146"} .i6lt_minus .i6lt_minus .i6lt_plus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span:before, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span:before{content:"\f0fe"} .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span{padding-left:38px;width:60px} .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span{padding-left:53px;width:75px} .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_plus span, .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus .i6lt_minus span{padding-left:68px;width:90px} .i6lt_ul{width:100%;float:left} #ul_0 > li.i6lt_plus > span, #ul_0 > .i6lt_not > span,#ul_0 > .i6lt_minus > span{position:absolute;width:100%;height:40px;margin:0;padding-top:11.5px;padding-left:12px} #ul_0 > .i6lt_minus > span{padding-top:9px;padding-left:9px} #ul_0 > .i6lt_minus > span:before{content:"\f078";font-family:"FontDiscomp2";color:#c6d137;font-size:17px} #ul_0 > .i6lt_plus > span:before{content:"\f054";font-family:"FontDiscomp2";color:#c6d137;font-size:17px} #ul_0 > li > a{padding-left:30px} #ul_0.i6lt_ul.cuttree > li > a{pointer-events:none} #ul_9 > li.i6lt_plus > span, #ul_9 > .i6lt_minus > span, #ul_9 > .i6lt_not > span{position:absolute;width:100%;height:40px;margin:0;background-position:10px center} #ul_9 > li > a{padding-left:30px} .i6lt_ul ul{float:left;margin:0;padding:10px 0;background:#808080} .i6lt_ul ul a:hover{font-weight:700;color:#222;text-decoration:none} .i6lt_ul ul .active{color:#222} .i6lt_ul ul ul{padding:0} .i6lt_ul li li{margin:0;border:none !important;background:#808080} .i6lt_ul li li a{height:25px;padding:3px 10px 0 30px} .i6lt_ul li li li a{padding-left:45px} .i6lt_ul li li li li a{padding-left:60px} .i6lt_ul li li li li li a{padding-left:75px} .i6lt_ul li li li li li li a{padding-left:90px} .i6lt_ul.cuttree > .i6lt_not, .i6lt_ul.cuttree > .i6lt_minus ul > .i6lt_plus{display:block} .akcespan{background:none !important} #dc_curr{position:absolute;top:5px;right:65px;z-index:40;padding-right:5px;border-right:1px solid #c5c5c5} #dc_curr a{float:left;padding:8px 7px;text-decoration:none;font-size:14px;line-height:14px;color:#666} #dc_curr a.active{font-weight:bold;color:#4a4a4a} #dc_curr a:before{left:7px;right:7px;bottom:5px;background:#9e9e9e;height:1px} #dc_curr a.active:before{content:""} #dc_curr a:hover:before{content:"";bottom:3px;background:#555;left:3px;right:3px} #dc_flags{position:absolute;height:12px;top:14px;right:0;z-index:40} #dc_flags a{position:relative;float:left;width:18px;height:12px;margin-right:5px;overflow:hidden;border-radius:3px} #dc_flags a svg{height:12px;width:18px;overflow:hidden} #dc_flags a:not(.active){opacity:.5} #dc_search{position:absolute;top:28px;right:410px;left:390px;height:44px;margin:0;padding:0;z-index:30} #whisperinput{float:right;width:100%;height:44px;font-size:13px;border:1px solid #ddd;background:#f9f9f9;padding-left:44px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #whisperinput::placeholder{color:#777 !important;opacity:1 !important} #whisperinput:focus::placeholder{color:transparent} #dc_search input[type="text"]:hover{border:1px solid #bbb} #dc_search input[type="button"]{position:absolute;left:0;width:44px;height:44px;padding:0;border:none;background:none;cursor:pointer;font-family:FontDiscomp2;color:#bbb;font-size:20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:44px} .TopMainBtn{float:right;width:110px;height:100px;text-align:center;position:relative;margin:0 10px 0 0} .TopMainBtn .count{position:absolute;background:#f15a24;font-size:14px;line-height:20px;position:absolute;right:26px;top:6px;width:20px;border-radius:50%;color:#fff;z-index:1;height:20px} .TopMainBtn .iconbtn{padding-top:50px;float:left;width:100%;height:100%;font-size:14px;line-height:16px;text-align:center;cursor:pointer;transition:all 0s} .TopMainBtn .iconbtn:before{left:0;right:0;text-align:center;top:10px;font-size:32px;line-height:40px} .TopMainBtn.empty .count{display:none} .TopMainBtn.empty .iconbtn{color:#999;cursor:default} #compcont .iconbtn:before{content:"\f080"} #comparedetailstable{float:left;width:100%;padding:5px 10px;min-height:200px;max-height:350px;overflow-y:scroll} #comparedetails{right:-50px;top:90px;width:500px;background:#fff;display:none;border:1px solid #aaa;z-index:25;position:absolute;-webkit-box-shadow:0 5px 30px 0 rgba(50, 50, 50, 0.5);-moz-box-shadow:0 5px 30px 0 rgba(50, 50, 50, 0.5);box-shadow:0 5px 30px 0 rgba(50, 50, 50, 0.5)} #compcont:not(.empty):hover #comparedetails{display:block} /*#comparedetails:before{top:-10px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #bbb;left:327px;content:"";position:absolute}*/ #comparedetails .item{float:left;width:100%;position:relative;border-bottom:1px solid #e4e4e4} #comparedetails .item:last-child{border:none} #comparedetails .pic{width:40px;height:40px;position:absolute;left:0;top:3px} #comparedetails .name{height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;padding:0 50px;white-space:nowrap;font-size:12.5px;float:left;width:100%} #comparedetails .rowremove{position:absolute;right:0;top:0;font-size:20px;text-decoration:none;color:#ccc;width:30px;text-align:center;height:45px;line-height:45px} #comparedetails .rowremove:before{content:"\f057";position:static;display:inline-block} #comparedetails .rowremove:hover{color:#777} #comparedetails .buttons{float:left;width:100%;background:#eee;padding:10px;text-align:right;border-top:1px solid #ccc} #comparedetails .buttons a.showproducts{margin:0;padding:0 10px;text-decoration:none;float:left} #comparedetails .buttons a.showproducts:before{content:"\f00a";position:static;font-size:20px;line-height:40px;color:#555} #bsktcont .iconbtn:before{content:"\f07a"} #bsktcont #i6_basket_price{color:#f15a24;font-size:16px;position:absolute;left:0;right:0;bottom:18px;line-height:16px} #bsktcont.empty #i6_basket_price{display:none} #bsktcont:not(.empty) #emptyBasket{display:none} #dc_login .iconbtn:before{content:"\f007"} #dc_login .iconbtn{height:calc(100% - 16px);overflow:hidden} #dc_login sm{font-size:94%} #dc_login .logout{color:#f15a24;line-height:17px;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:13px;display:none} #dc_login .logout:before{content:"\f00d";position:initial;padding-right:5px} #dc_login .u-menu{position:absolute;visibility:hidden;z-index:30;background:#fff;width:280px;right:0;transition-delay:200ms;border-radius:5px;box-shadow:0 0px 5px 0 rgba(0,0,0,0.3), 0 4px 8px 3px rgba(0,0,0,0.15);top:99px;overflow:hidden} #dc_login .u-menu .group{float:left;width:100%;padding:8px} #dc_login .u-menu .group:not(:last-child){border-bottom:1px solid #e4e4e4} #dc_login .u-menu a{height:95px;margin:0;padding:60px 0 0 0;overflow:hidden;text-align:center;transition:0ms all;font-size:14px;font-weight:normal;text-transform:none;border-radius: 5px;background:#fff;position:relative;float: left;width: 33.33%} #dc_login .u-menu a:before{left:0;top:0;text-align:center;right:0;line-height:65px;font-weight:normal;content:"\f0f6";font-size:34px;color:#2f6a7d} #dc_login .u-menu a.quit:before{content:"\f08b";color:#d8724e;transform:rotate(180deg)} #dc_login .u-menu a.navi:before{content:"\f015";color:#368ab3} #dc_login .u-menu a.rma:before{content:"\f0ad";color:#71573f} #dc_login .u-menu a.new.rma:before{content:"\f044"} #dc_login .u-menu a.tool:before{content:"\f085";color:#ee5050} #dc_login .u-menu a.order:before{content:"\f07a";color:#3b7357} #dc_login .u-menu a.notdelivery:before{content:"\f0ca"} #dc_login .u-menu a:hover{text-decoration:none;background:#f2f7f9} #dc_login .u-menu a span{position:relative;color:#333;font-weight:normal;line-height:12px;font-size:14px} #dc_login:hover .u-menu{visibility:visible} #res_menu_btn{position:absolute;left:0;top:0;width:40px;height:40px;display:none;cursor:pointer} #res_menu_btn:before{top:10px;left:10px;width:20px;height:20px;color:#616161;content:"\f00a";font-size:20px;line-height:20px;position:absolute;font-family:"FontDiscomp2"} #res_menu_btn:hover:before{color:#333} #res_tree_btn, #res_search_btn{border-radius:3px;background:#515151;display:none} #res_tree_btn:before, #res_search_btn:before{left:0;right:0;top:0;text-align:center;font-size:28px;line-height:50px;content:"\f002";color:#fff} #res_tree_btn{background:#558318} #res_tree_btn:before{content:"\f03a"} #sidebanners {position:absolute;top:190px;width:1220px;display:block;} #sidebanners.fixed {position:fixed; top:0;} .SideBanner{position:absolute;top:0;right:100%} .SideBanner img{max-width:200px} .SideBanner.rSide{right:auto;left:100%} nav #closecatmenu{position:fixed;top:0;right:0;width:50px;height:50px;display:none;z-index:1;text-align:center;background:#d94b4b;cursor:pointer} nav #closecatmenu:before{width:100%;height:100%;top:0;left:0;line-height:50px;text-align:center;content:"×";color:#fff;font-size:40px} nav{position:relative;float:left;width:100%;height:50px;background:linear-gradient(#383838,#505050);z-index:20} nav .l3{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} nav .l3 > li{list-style:none;flex:1 1 auto} nav .l3 > li > a{height:50px;padding:0px;text-align:center;color:#d6d6d6;transition:0s;font-size:14px;line-height:48px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:default;border-top:2px solid #383838;font-family:Helvetica,'Source Sans Pro', sans-serif} nav .l3 > li:not(:last-child){border-right:1px solid #000} nav .l3 > li:not(:first-child):not(:last-child){border-left:1px solid #444} nav .l3 > li:hover .l6, nav .l3 > li:active .l6, nav .l3 > li:focus .l6{visibility:visible} nav .l3 > li:hover > a, nav .l3 > li:active > a, nav .l3 > li:focus > a{transition-delay:200ms;text-decoration:none;color:#54811B;border-top:2px solid #b8ca84;background:#fff} nav .l3 > li:not(:last-child):hover{transition-delay:200ms;border-right:1px solid rgba(255, 255, 255, 0)} nav .l6{transition:0s visibility;transition-delay:200ms;position:absolute;visibility:hidden;top:50px;left:0;padding:15px 0 0 20px;border-bottom:4px solid #b8ca84;background:#fff;width:100%;display:flex;flex-wrap:wrap} nav .l6 li{width:25%;float:left;padding:0 15px 15px 0} nav #topSpecialOffers .l6 li, nav #top14505189 .l6 li{width:25%} nav .l6 img{width:65px;max-height:65px} nav .actico:before{font-size:50px;color:#515151 !important;line-height:75px;padding-left:15px} nav .l6 > li:hover .actico:before{color:#61971c} nav .l6 a{transition:0s !important} nav a.img{width:65px;height:65px;overflow:hidden;text-decoration:none;margin-right:10px;/*display:table-cell;vertical-align:middle*/float:left} nav a.txt{max-width:calc(100% - 75px);font-weight:600;border:none;font-size:17px;line-height:18px;float:left;padding:8px 0 5px 0} nav .c{width:calc(100% - 75px);color:#999;line-height:19px;font-size:13px;font-weight:bold;float:right} nav .c a{color:#444;font-weight:normal;line-height:19px} nav .c a:hover{color:#000} nav .c.text{color:#666;font-weight:normal} nav #showcatmenu{width:100%;float:left;padding:16px;position:relative;color:#fff;font-size:18px;line-height:18px;font-weight:300;height:100%;display:none} nav #top14501288 > a{min-width:70px} nav #top7068021{max-width:190px} #top14505189{background:linear-gradient(#3e561c,#547d1c);border-left:none;border-right:none} #top14505189 > a{border-top:2px solid #3e561c} #i6sub_akce{display:none} /* nav #top7068021 .l6 > li:nth-child(2) > a.txt{} nav #top7068021 .l6 > li:nth-child(2) > a.txt:before{content:"NEW";padding:1px 8px;border-radius:2px;background:#ec343d;font-size:12px;color:#fff;font-weight:400;box-shadow:0px 0px 5px 0px rgba(128,128,128,1);display:inline-block;margin:0 5px 5px 0} html[lang='cs'] nav #top7068021 .l6 > li:nth-child(2) > a.txt:before{content:"NOVĚ"} */ /* nav #top7068021 .l6 > li:nth-child(2) > a.img{position:relative} nav #top7068021 .l6 > li:nth-child(2) > a.img:before{content:"NEW";padding:1px 8px;border-radius:2px;background:#ec343d;font-size:12px;color:#fff;font-weight:400;box-shadow:0px 0px 5px 0px rgba(128,128,128,1);margin:5px 5px 0 0;bottom:10px;right:0;position:absolute} html[lang='cs'] nav #top7068021 .l6 > li:nth-child(2) > a.img:before{content:"NOVĚ"} */ .dc_shade{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;padding:10px;z-index:1000;overflow-y:auto;text-align:center} .dc_shade:before{content:"";display:inline-block;height:100%;width: 0px;vertical-align:middle} .dc_popup{display:inline-block;border-radius:3px;background:#fff;position:relative;max-width:99%;overflow:hidden;width:550px;vertical-align:middle;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.75);min-height:100px} .dc_shade:not(.sti) .dc_popup{width:620px} .dc_shade:not(.sti) form{width: 49%;display:table-cell;float:none} .dc_shade .info{width: 51%;display:table-cell;padding:30px;font-size:12px;border-left:1px solid #d8d8d8;background:#ececec} .dc_shade .info h3{font-size: 20px;font-weight: 400;margin:0} .dc_shade .info h3 span{font-size:24px;font-weight:600} .dc_shade .info .benefits{margin:20px 0;width:100%;float:left} .dc_shade .info .benefits p{padding:0;margin:0;line-height:30px} .dc_shade .info .benefits p:before{content:"\f00c";padding-right:5px;display:inline-block;position:static} .dc_shade .info .reg{padding:6px 10px;margin:0 auto;width:100%;text-align:center} .dc_shade .reg2{margin-left:10px;display:none} .dc_shade form{float:left;width:100%;padding:30px} .dc_shade h2{margin:0;padding:0 50px 0 0} .dc_shade .close{position:absolute;right:10px;top:10px;font-size:50px;cursor:pointer;line-height:50px;width:50px;height:50px;text-align:center;font-weight:300;color:#555;z-index:1} .dc_shade .buttons{float:right;width:100%;margin-top:20px} .dc_shade .form-row{width:100%;float:left;margin-top:20px} .dc_shade .form-row-name{width:100%;float:left;margin-bottom:5px} .dc_shade .form-row .newpswd{float:right;font-size:13px;margin-top:5px} .dc_shade .form-row.notvalid textarea, .dc_shade .form-row.notvalid input[type="text"]{background:#fdf0ee;border:1px solid #d91f29} .dc_shade .form-row.notvalid .errmsg{width:100%;float:left;padding:2px 0;color:#e21621} .dc_shade.sti .buttons{text-align:center} .dc_shade.sti .buttons a{padding-right:60px;padding-left:60px} .dc_shade.sti textarea{width:100% !important;float:left;min-height:100px !important} .dc_shade.sti img.code{display:inline-block;margin:0 5px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray} .dc_shade.sti .newcode{height:24px;width:24px;display:inline-block;cursor:pointer} .dc_shade.sti .newcode:before{line-height:24px;content:"\f021";font-size:20px;width:24px} footer{width:1220px;margin:0 auto;display:block;background:#292929;clear:both} footer .info{width:100%;padding:20px;display:table} footer .info h2{color:#b2b2b2;margin:0 0 20px 0;text-align:center;border-bottom:1px solid #666;padding-bottom:10px} footer .contacts{float:right;width:100%} footer .contacts div{float:left;width:25%;color:#b2b2b2;line-height:23px;padding:0 0 0 40px;font-size:15px} footer .contacts div:{border-left:1px solid #555} footer .contacts div span{font-size:18px;font-weight:bold;text-transform:uppercase;width:100%;float:left;padding:0 0 5px 0} footer .contacts div sup{font-size:65%;font-weight:600} footer .contacts div a{text-decoration:none;color:#d8d8d8} footer .contacts div a:hover{text-decoration:underline;color:#eee} footer .logos{display:none} #copyright{width:100%;padding:10px 10px 30px 10px;color:#666;display:table;text-align:center;background:#e6e6e6} #footermenu{float:left;width:calc(100% - 100px);padding:30px 20px 10px 20px} #footermenu .group{float:left;width:230px;padding:0 0 20px 30px} #footermenu .cname{float:left;width:100%;color:#b2b2b2;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #555;font-size:20px} #footermenu .group a{color:#b2b2b2;float:left;width:100%;line-height:20px;padding-bottom:2px} #footermenu .group a:hover{text-decoration:underline;color:#eee} .back-to-top{display:none;position:fixed !important;opacity:0.2;bottom:0;width:1220px;z-index:90;left:0;right:0;margin:0 auto} .back-to-top:before{content:"\f077";font-size:35px;color:#FFF;border-radius:5px;background:#a2a2a2;padding:15px;line-height:35px;bottom:150px;right:-150px} .back-to-top:hover{opacity:.6;text-decoration:none} #advantages{width:100%;display:flex;padding:0 8%;flex-wrap:wrap;background:#252523} #advantages .box{width:20%;text-align:center;font-size:16px;padding:75px 1.5% 20px 1.5%;color:#b2b2b2} #advantages .box:hover{text-decoration:none;color:#dadada} #advantages .box:before{left:0;right:0;top:25px;text-align:center;content:"\f005";font-size:38px;line-height:38px} #advantages .box:nth-child(2):before{content:"\f1b3"} #advantages .box:nth-child(3):before{content:"\f0d1"} #advantages .box:nth-child(4):before{content:"\f002"} #advantages .box:nth-child(5):before{content:"\f0ad"} #socials{float:left;width:100px;text-align:right;padding:40px 20px} #socials .facebook{width:30px;height:30px;opacity:.6;display:inline-block} #socials .facebook:before{content:"\f230";font-size:30px;line-height:30px;color:#bdb9b9;position:static} #socials .facebook:hover{opacity:1;text-decoration:none} footer .contacts div span, #advantages .box:before{color:#8aa764} .ico,.icons{position:relative} .ico:before,.ico:after,.icons:before,.icons:after{font-family:FontDiscomp2;font-weight:normal;position:absolute} input:focus,textarea:focus,select:focus{outline:0 !important;border-color:#558318} .strsrchcont .strsrchcont .navbar, .strsrchcont .strsrchcont #stoitems_srch > .hdr, .strsrchcont .strsrchcont #stoitems_srch > .filtersbtm{display:none} #pagemap{padding:20px} #pagemap h2{font-size:18px;font-weight:normal;margin:0;padding:10px;background:#6a8293} #pagemap h2 a{color:#fff} #pagemap h3{font-size:16px;font-weight:normal;margin:0 0 3px 0} #pagemap h3 a{color:#606658} #pagemap .lvl1{width:100%;float:left;padding:0;margin:0 0 100px 0;display:flex;flex-wrap:wrap} #pagemap .lvl1 > li{width:24%;margin:0 1% 2% 0} #pagemap .lvl2{padding:10px 15px;background:#ecf2f8} .unitable{margin:0 0 15px 0;width:100%;border-spacing:0;border-collapse:collapse;background:#fefefe} .unitable tr{width:100%;border-bottom:1px solid #ddd} .unitable tr td, .unitable tr th{padding:10px;vertical-align:middle;border:1px solid #ddd} .unitable tr:nth-child(odd) td{background:#f3f3f3} .unitable tr th{background:#ecf4fa;padding:15px 5px} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;/*margin-left:auto;margin-right:auto*/} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dots{display:block;width:100%;padding:20px 0 0 0;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:16px;height:16px;padding:5px;cursor:pointer;color:transparent;border:0;background:#ddd;border-radius:50%;margin:2px;transition:all 200ms} .slick-dots li.slick-active button{background:#aaa} /*.products-slider*/ .products-slider{float:left;width:100%;overflow:hidden} .products-slider:not(.active){visibility:hidden;overflow:hidden;max-height:0} .products-slider .item{width:25%;display:inline-block;text-align:center;padding:0 5px} .products-slider .item img{width:120px;height:120px;margin:0 auto} .products-slider .item h3{height:40px;overflow:hidden;font-size:16px;color:#558318;font-weight:500;line-height:20px;margin:5px} .products-slider .item .price{font-size:18px;font-weight:bold;color:#f15a24;line-height:20px} .products-slider .item .wovat{display:none} /*rychlokosik*/ .basketdetailsframe{position:absolute;top:100%;right:-10px;background:#fff;z-index:99;width:700px;box-shadow:0 0px 5px 0 rgba(0,0,0,0.3), 0 4px 8px 3px rgba(0,0,0,0.15);border-radius:5px;overflow:hidden;min-height:140px} .basketdetailsframe .basketmainbox{width:100%;float:left} #basketpreview_list{width:100%;float:left;max-height:500px;overflow-y:auto;padding:15px} #basketpreview_list .row{width:100%;float:left;border-bottom:1px solid #ccc} #basketpreview_list .row:last-child{border-bottom:none;margin-bottom:20px} #basketpreview_list .row .main{width:100%;float:left;padding:2px 0} #basketpreview_list .row .slave{width:100%;float:left} #basketpreview_list .row .img{float:left;width:36px;height:auto;text-align:right;overflow:hidden} #basketpreview_list .row .img img{width:36px;height:auto;max-height:36px} #basketpreview_list .row .name{overflow:hidden;text-overflow:ellipsis;padding:0 0 0 10px;white-space:nowrap;float:left;width:calc(100% - 256px);font-size:12px} #basketpreview_list .row .qty{float:left;width:70px;text-align:center;position:relative} #basketpreview_list .row .qty input{float:left;width:50px;text-align:center;padding:6px 0;margin:2px 10px} #basketpreview_list .row .qty .minus{position:absolute;left:0;bottom:2px;width:18px;border-top-left-radius:5px;border-bottom-left-radius:5px;background:linear-gradient(#ddd,#eee);border:1px solid #b5b5b5;cursor:pointer;height:32px;text-align:center;line-height:30px} #basketpreview_list .row .qty .plus{position:absolute;right:0;bottom:2px;width:18px;border-top-right-radius:5px;border-bottom-right-radius:5px;background:linear-gradient(#ddd,#eee);border:1px solid #b5b5b5;cursor:pointer;height:32px;text-align:center;line-height:30px} #basketpreview_list .row .qty .minus:hover, #basketpreview_list .row .qty .plus:hover{background:linear-gradient(#ccc,#ddd);border:1px solid #aaa} #basketpreview_list .row .prcwovat{float:left;width:100px;text-align:right;font-weight:bold;font-size:12px} #basketpreview_list .row .del{float:left;width:50px;text-align:right} #basketpreview_list .row .del a{font-size:20px;text-decoration:none;color:#ddd} #basketpreview_list .row .del a:hover{color:#777} #basketpreview_list .row .del a:before{content:"\f057";position:static;display:inline-block} #basketpreview_list .row .main >*{line-height:36px} #basketpreview_list .row .slave >*{line-height:20px} #basketpreview_list .row .slave .name, #basketpreview_list .row .slave .qty{color:grey} #basketpreview_list .row .slave .prcwovat{font-weight:normal} #basketpreview_buttons{border-top:1px solid #ccc;background:#eee;width:100%;float:left;padding:15px;text-align:right} #basketpreview_buttons .btnnOrd1Buy{padding:8px 15px;font-size:14px;margin-left:5px} #basketpreview_buttons .btnnOrd1Clear{padding:7px 15px;font-size:14px} #bsktcont .basketdetailsframe.loading *{pointer-events:none !important} #bsktcont .basketdetailsframe.loading:before{left:0;right:0;text-align:center;content:"\f110";animation:spin 1.2s linear infinite;top:calc(50% - 30px - 34px);font-size:60px;opacity:.1} #bsktcont .basketdetailsframe.loading.empty:before{top:calc(50% - 30px)} /*uvodni stranka - levy panel*/ #skoleniRoot{width:calc(100% - 20px);float:left;margin-bottom:20px;position:relative;margin-left:20px} #skoleniRoot .skolenirow{width:100%;float:left;padding:20px 0;position:relative} #skoleniRoot .skolenirow:before{position:absolute;content:"";left:calc(33% - 5px);width:10px;height:100%;background:#6a9929;top: 0} #skoleniRoot .skolenirow:nth-child(2):before{border-top-left-radius: 5px;border-top-right-radius:5px;height:50%;top:50%} #skoleniRoot .skolenirow:last-child:before{border-bottom-left-radius: 5px;border-bottom-right-radius:5px;height:50%} #skoleniRoot .skolenirow:hover .skoleniImg:before{top:calc(50% - 6px);content:"";left:calc(50% - 6px);background:#333;position:absolute;width:12px;height:12px;border-radius:50%} #skoleniRoot .skoleniImg{height:30px;width:30px;overflow:hidden;position: absolute;left: calc(33% - 15px);border: 1px solid #526253;padding: 7px;border-radius: 50%;background: #fff;top: calc(50% - 15px);overflow: hidden} #skoleniRoot .skoleniImg img{height:100%;width:100%;transition:all 200ms;display: none !important} #skoleniRoot .skolenirow:hover img{width:106%;height:106%;margin:-3%} #skoleniRoot .skoleniName{position: relative;float: left;width: 100%} #skoleniRoot .skoleniName .date{color:#333;font-size:22px;position: absolute;top: calc(50% - 10px);left: 0;width: calc(33% - 20px);text-align: center;line-height: 20px;/*! background: #f7f7f7; */font-weight: 600} #skoleniRoot .skoleniName span{font-weight:normal;position:absolute;top:calc(50% - -12px);left:0;line-height:18px;min-width:26px;height:18px;border-radius:3px;text-align:center;font-size:14px;color:#999;width: calc(33% - 20px);font-style: italic} #skoleniRoot .skoleniName .name{width:calc(66.66% - 25px);float:right;min-height: 54px;color: #333} #skoleniRoot .skolenirow:hover .skoleniName .name{text-decoration:underline} #skoleniRoot .hdr{float:left;width:100%;/*! background:#e5e5e5; */padding:7px;text-align:center;font-size:25px;font-weight:300} #zapujckyRoot{width:100%;float:left;padding:0 0 20px 20px;border-right:#eee;display: none} #zapujckyRoot .hdr{float:left;width:100%;background:#e4ece2;padding:7px;text-align:center;font-size:25px;font-weight:300;border-left: 8px solid #6a9929} #zapujckyRoot .content{width:100%;float:left;padding:20px 10px 120px 10px;text-align:center;line-height:20px;color:#333;background:#f9f9f9} #zapujckyRoot .content:before{content:"\f0ad";bottom:15px;width:100%;text-align:center;font-size:100px;left:0;color:#0d0d0d;z-index:0;opacity:.2;line-height:100px;transition:all 500ms} #zapujckyRoot .content:hover:before{opacity:.8;transform: rotate(270deg);color:#599b5b} #importByICO {padding: 6px 25px; color: #fff; background: #879935; border: none; cursor: pointer} #import_cz {display: none} /*print*/ @media print{ .noprint, footer, header{display:none !important} .outercont{padding-top:0 !important} #maincont{width:100% !important} body{background:#fff !important} } .b2b-content p { margin: 0; } .b2b-content img { width: 100%; height: auto; } .b2b-content .boxcont.wrap { margin: 0; padding: 0; justify-content: space-between; } .ds_flex { display: flex; } .b2b-content .boxcont.half { width: 49%; } .b2b-content { text-align: center; } .b2b-content ul, .b2b-content li { all: revert; } .b2b-content h1, .b2b-content h2 { width: 100%; float: left; text-align: center; font-size: 36px; font-weight: 300; line-height: 1.1em; color: #333333; margin: 10px 0; } .b2b-content h2 { font-size: 30px; margin: 0; } .b2b-content .boxcont { padding: 0 5px; margin: 15px 0 30px 0; } .b2b-content .boxcont:before, .b2b-content .boxcont:after { content: none; } .b2b-content .flex_column { flex-direction: column; } .b2b-content .btn { background: #68913B; border-radius: 0; padding: 10px 20px; box-shadow: 2px 2px 0px #000000; } .b2b-content .btn span { font-size: 14px; font-weight: normal; color: white; text-wrap: nowrap; } .b2b-content .btn:hover { text-decoration: none; } .b2b-content .col-left h2 { text-align: left; } .b2b-content .col-left ul { padding-left: 20px; } .b2b-content .col-left ul li { font-size: 18px; font-weight: 400; } .b2b-content a.link { font-size: 14px; color: #F7931E; text-decoration: underline; } .b2b-content .links { align-items: center; gap: 10px; } .b2b-content .invite { align-items: center; gap: 30px; } .b2b-content .invite .col-left {flex: 1;} .b2b-content .invite .col-right {flex: 2;} .b2b-content .partner { background: #292929; color: #b2b2b2; padding: 30px 60px; text-align: center; gap: 30px; margin: 15px 5px 30px 5px; } .b2b-content .partner h2 { color: #b2b2b2; } .b2b-content .partner .boxcont { justify-content: space-evenly; flex-wrap: wrap; margin: 0; padding: 0; } .b2b-content .partner .boxcont .item { text-align: center; min-width: 175px; } .b2b-content .partner .boxcont .item:before { content: url(../img/user/b2b-checked.png); } .b2b-content .partner .boxcont .item span { font-size: 24px; color: white; float: left; padding: 5px 0; } .b2b-content .partner .boxcont .item p { font-size: 14px; } .b2b-content .partner p { text-align: center; font-size: 14px; line-height: 21px; margin: 0; } .b2b-content .partner .btn { display: inline-block; float: none; margin: 20px auto 10px auto; } .b2b-content .benefit { align-items: center; gap: 30px; } .b2b-content .benefit .col-left {flex: 1;} .b2b-content .benefit .col-right {flex: 2;} .b2b-content .benefit h2 { margin-bottom: 20px; } .b2b-content .benefit p { font-size: 14px; line-height: 21px; text-align: left; } .b2b-content .banner { background: #759F00; padding: 30px; color: white; justify-content: space-between; align-items: center; gap: 30px; margin: 15px 5px 30px 5px; } .b2b-content.spt .banner { margin: 0 0 30px 0; padding: 20px; gap: 20px; } .b2b-content.stoitem .banner { margin: 0; padding: 20px; gap: 20px; } .b2b-content .banner:before { content: url(../img/user/b2b-tag.png); } .b2b-content .banner div { text-align: left; } .b2b-content .banner span.title { font-size: 30px; line-height: 1.1em; font-weight: bold; } .b2b-content .banner span.title u { float: right; margin-left: 5px; font-size: 16px; line-height: 16px; } .b2b-content .banner p { font-size: 30px; line-height: 1.1em; font-weight: 300; } .b2b-content.spt .banner p { font-size: 28px; } .b2b-content.stoitem .banner p { font-size: 26px; } .b2b-content .banner .btn { margin-left: auto; background: white; } .b2b-content .banner .btn span { color: black; } .b2b-content .products h2 { text-align: left; } .b2b-content .products .b2b-content { margin: 20px 0 40px 0; border-left: 1px solid #e6e6e6; } .b2b-content .products .b2b-content .title, .b2b-content .products .b2b-content .product { float: left; border-top: 1px solid #e6e6e6; } .b2b-content .products .b2b-content .title div, .b2b-content .products .b2b-content .product div { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .b2b-content .products .b2b-content .title { text-align: left; font-size: 20px; font-weight: 600; color: #333333; max-width: 150px; } .b2b-content .products .b2b-content .title .img { min-height: 215px; } .b2b-content .products .b2b-content .title div { padding: 10px; } .b2b-content .products .b2b-content .title p { font-size: 14px; font-weight: normal; line-height: 16px; color: #555555; } .b2b-content .products .b2b-content .title p.nowrap { text-wrap: nowrap; } .b2b-content .products .b2b-content .product a { text-align: center; } .b2b-content .products .b2b-content .product .img { align-items: center; } .b2b-content .products .b2b-content .product .img img { max-width: 128px; height: 128px; } .b2b-content .products .b2b-content .product .img a.stiplname { max-width: 150px; margin: 10px; font-size: 15px; line-height: 1.1em; height: 66px; overflow: hidden; } .b2b-content .products .b2b-content .product .b2b-price { color: #F15A24; font-size: 24px; font-weight: 600; padding: 15px 0; text-align: center; } .b2b-content .question h2 { display: flex; align-items: center; gap: 20px; text-align: left; } .b2b-content .question h2:before { content: url(../img/user/b2b-qa.png); } .b2b-content .question .item { width: 100%; float: left; border: 1px solid #e6e6e6; margin: 3px 0; color: #555555; } .b2b-content .question .item .title { padding: 15px; cursor: pointer; font-size: 14px; text-align: left; } .b2b-content .question .item .title:after { content: url(../img/user/b2b-down.png); float: right; } .b2b-content .question .item p { display: none; padding: 0 15px 10px 15px; font-size: 14px; text-align: left; } .b2b-content .question .item.open .title:after { transform: rotate(180deg); } .b2b-content .question .item.open p { display: block; } .b2b-content .contact { gap: 30px; text-align: left; } .b2b-content .contact h2 { text-align: left; margin: 10px 0 30px 0; } .b2b-content .contact h4 { font-size: 18px; font-weight: bold; } .b2b-content .contact p, .b2b-content .contact q { color: #555555; font-size: 14px; } .b2b-content .contact q { margin: 20px 0; float: left; font-style: italic; quotes: auto; } .b2b-content .contact img { width: 265px; } .b2b-content .contact div.contact { float: left; clear: left; } .b2b-content .contact div.contact p { font-size: 14px; font-weight: bold; float: left; color: black; min-width: 3rem; margin: 0; } .b2b-content .contact div.contact a { float: left; margin: 3px; } .b2b-content .b2b-reg { align-items: center; gap: 30px; } #dc_vo {position:absolute;top:5px;right:190px;z-index:40} #dc_vo a {float:left;padding:8px 7px;text-decoration:none;font-size:14px;line-height:14px;color:#666; padding-left: 35px;} #dc_vo a:before {content: url(img/user/b2b_build_icon.svg); filter: grayscale(1); position: absolute; left: 0; top: 0; width: 30px;} #dc_vo a:hover {text-decoration: underline;} #dc_vo_menu_item {background:linear-gradient(#593C21, #825424);border-left:none;border-right:none} #dc_vo_menu_item > a{border-top:2px solid #593C21;} #vo-banner.banner { background: #759F00; padding: 15px; color: white; justify-content: space-between; align-items: center; gap: 15px; margin: 15px 5px 30px 5px; } #vo-banner.banner:before { content: ""; background-image: url(../img/user/b2b-tag.png); background-size: 68px 68px; width: 68px; height: 68px; } #vo-banner.banner div { text-align: left; } #vo-banner.banner span.price { font-size: 30px; line-height: 1.1em; font-weight: bold; } #vo-banner.banner u {font-size: 15px; font-weight: bold; float: right; margin-left: 5px; line-height: 15px;} #vo-banner.banner p { font-size: 30px; line-height: 1.1em; font-weight: 300; margin: 5px 0; } #vo-banner.banner .btn { margin-left: auto; background: white; } #vo-banner.banner .btn span { color: black; } #vo-banner.banner .btn { background: white; border-radius: 0; padding: 10px 20px; box-shadow: 2px 2px 0px #000000; margin-left: auto; } #vo-banner.banner .btn span { font-size: 14px; font-weight: normal; color: black; } #vo-banner.banner .btn:hover { text-decoration: none; } @media screen and (max-width:950px) { .b2b-content .invite {flex-direction: column;} .b2b-content .benefit {flex-direction: column;} .b2b-content .banner {padding: 15px;} .b2b-content .banner:before {content: none;} .b2b-content .boxcont.wrap {flex-direction: column;} .b2b-content .boxcont.half {width: 100%;} }#stoitem_detail{padding:20px 20px 0 20px;float:left;width:100%} #sticomment{position:relative;float:left;width:64%;padding-right:20px;overflow:hidden} #stoitem_detail.tabpage.sticomment p{font-size:14px} #sticomment.full{width:100% !important;padding:0 !important} #parsets{position:relative;float:right;width:36%;padding-left:20px} #stoitem_detail .tabpage{padding-bottom:20px} #stoitem_detail .navbar{padding:0} #sti_detail_head{float:left;width:100%} #sti_detail_head h1{font-size:28px;font-weight:300;padding-bottom:30px;margin:0} #sti_img{width:44%;float:left;position:relative} #sti_bigimg{text-align:center;overflow:hidden;padding-bottom:30px;height:430px;width:100%} #sti_bigimg a{vertical-align:middle;display:inline-block;width:100%} #sti_bigimg a:before{content:"";display:inline-block;height:100%;vertical-align:middle;min-height:400px} #sti_bigimg img{max-height:400px;max-width:95%;vertical-align:middle} #stigallery{padding-bottom:20px;float:left;width:100%;overflow:hidden} #stigallery ul{width:100%;float:left} #stigallery a{cursor:pointer;width:64px;margin:0 5px 5px 0;border:1px solid #fff;text-align:center;display:inline-block;height:66px;border-radius:4px} #stigallery a:before{content:"";display:inline-block;height:66px;vertical-align:middle} #stigallery a:not(.shownext){border:1px solid #e4e4e4} #stigallery a:not(.shownext):hover{border:1px solid #888;text-decoration:none} #stigallery a.shownext:hover span{text-decoration:underline} #stigallery a img{max-height:52px;max-width:calc(100% - 4px);vertical-align:middle} #stigallery a.shownext span{font-size:14px;color:#666} #gotovideo .video{text-align:center;height:58px;width:58px;display:inline-block;vertical-align:middle} #gotovideo .video:before{line-height:46px;font-size:24px;display:inline-block;position:static;height:46px;color:#fff;background:#da3527;margin-top:6px;width:46px;border-radius:50%;content:"\f008"} #stigallery:not(.lazy-loaded) a.img:nth-child(n+7):not(.shownext){display:none} #statuscont{position:absolute;top:0;left:0} #headprice{width:100%;border-bottom:1px solid #d3d3d3;padding:0 0 5px 5px;float:left;position:relative;margin-bottom:5px} #headprice .priceth{float:left;width:140px;color:#f15a24;padding:17px 0 0 0} #headprice .price_without_vat{float:left;font-size:32px;color:#f15a24;font-weight:bold} #headprice .price_without_vat.hide_price{font-size:26px} #headprice .price_DCP{float:left} #headprice .prc.endprc{position:absolute;left:145px;top:-10px;color:grey;text-decoration:line-through;font-size:15px} #StorageLocation{background:rgba(236, 236, 236, 0.3);padding:10px 20px;font-size:16px;position:absolute;opacity:.8;top:0;right:0} #ordertab{float:left;width:100%;padding:15px 0 0 0} #ordertab .buybox{float:left;margin:0;padding:0} #ordertab .orig_quantity{float:left;color:#888;line-height:38px;padding-left:20px} #ordertab .orig_quantity span{cursor:help;width:100%;float:left} #ordertab .orig_quantity em{font-weight:bold;font-size:14px;text-decoration:underline;text-decoration-style:dotted} #ordertab .buybox .inp_txt_qty{height:38px;font-size:15px;width:34px} #ordertab .btnn.buy a{height:auto;width:auto;font-size:15px;padding:9px 42px} #stiminiBanner{width:100%;float:left;margin:20px 0 50px 0} #stiminiBanner a{max-width:100%;clear:both;display:block} #stiminiBanner >*:not(:first-child){margin-top:20px} #stiminiBanner img{max-width:100%;max-height:250px;display:block;margin:0 auto;border:1px solid #d5d5d5} #sti_info{float:right;width:56%;padding:10px 0 0 40px} #sti_inftbl_top{width:50%;float:left;font-size:13px;color:#444;margin-left:5px} #sti_inftbl_top tr.wovat th, #sti_inftbl_top tr.wovat td{border-top:solid 1px #D3D3D3;padding-top:15px} #sti_inftbl_top tr td{text-align:left;padding:5px 2px;font-weight:bold;margin:0;font-size:14px} #sti_inftbl_top tr th{margin:0;padding:5px 2px;text-align:left;width:140px;font-weight:normal} #stoitem_detail .sti_cattree ul{list-style-type:none;clear:left} #stoitem_detail .sti_cattree ul li{float:left;margin:5px 0 5px 0} #stoitem_detail .sti_cattree ul li a{padding:0 5px 0 5px;text-decoration:underline} #stoitem_detail .sti_cattree ul li a strong{font-weight:normal} #stoitem_detail .sti_cattree ul li span{background:url('img/navbarrarrw.gif') scroll 0 5px no-repeat} #stiystt{width:100%;float:left;padding:20px 0 40px 0;position:relative} #stiystt a{display:table;padding:0 0 5px 30px} #stiystt .thmbimg{float:left;margin-right:15px;position:relative;width:50px;height:50px} #stiystt .thmbimg img{height:auto;max-width:100%} #stiystt .thmbimg.not{margin-right:0;width:0} #stiystt span{display:block;z-index:1;position:absolute;left:0;font-size:20px;color:#333} #stiystt .hookname{display:table-cell;vertical-align:middle;font-size:16px} #stiystt .hookfree{color:#da3527;width:100%;float:left;padding:0 0 5px 0;font-weight:bold;text-decoration:underline;text-transform:uppercase} #stiystt.stiystt1{padding:0;margin-bottom:20px} #stiystt.stiystt1 td{vertical-align:middle;padding:0 0 10px 20px} #stiystt.stiystt1 .thumbimg img{max-height:60px} #stiattach_sys_video{float:left;width:100%} #stiattach_sys_video .video{width:60%;padding-bottom:20px;margin:0 auto;display:flex} #stiattach_sys_video .video iframe{float:left;width:100%;height:350px} #availtab{width:100%;background:#fff;padding:15px 20px;display:flex;border:1px dashed #888;position:relative;border-radius:8px} #availtab:before{position:absolute;width:16px;height:16px;background:#fff;transform:rotate(45deg);border:1px dashed #888;content:"";top:-9px;left:16px;transition:all 200ms} #availtab:after{position:absolute;width:50px;left:6px;top:0;height:15px;content:"";background:#fff} #availtab > div{width:50%;float:left} #availtab .availname{float:left;font-size:14px;padding-top:3px;text-align:center;border-left:1px dashed #bbb;opacity:.9} #availtabs{width:100%;float:left;margin:20px 0 0 0;background:#f3f3f3;padding:20px 10px 20px 10px;border-radius:5px} #availtabTop{float:left;padding:0px 20px 25px 0} #availtabTop em{font-size:24px;font-weight:600} #availtabTop .stiqty em:before{display:none} #stiattach{float:left;width:100%} #stiattach a{float:left;overflow:hidden;margin:0 5px 5px 0;padding:12px 15px 12px 45px;color:#333 !important;text-decoration:none !important;position:relative;background:linear-gradient(6deg, #d9d9d9 26%, #eeeded 51%);border-radius:2px;border:1px solid #b1b1b1} #stiattach a:hover{border:1px solid #888;background:linear-gradient(6deg, #eeeded 26%, #d9d9d9 61%)} #stiattach a:before{position:absolute;left:15px;top:10px;color:#1d5e77;font-size:20px} #stihelpbuttons{width:100%;margin:0 0 20px 0;text-align:center;display:inline-table;float:left} #stihelpbuttons a{width:17.8%;display:inline-block;padding:50px 1px 8px 1px;margin:0 1%;border-radius:3px;background:#e5edf0;text-align:center;color:#333;position:relative;cursor:pointer;font-size:13px;line-height:13px;white-space:nowrap;overflow:hidden} #stihelpbuttons a:before{left:0;right:0;top:10px;width:100%;text-align:center;font-size:28px;line-height:35px;position:absolute;color:#55646a;transition:all 200ms} #stihelpbuttons a.sendusrerrmsg:before{content:"\f040"} #stihelpbuttons a.sendusrquemsg:before{content:"\f05a"} #stihelpbuttons a.watchdog:before{content:"\f15d"} #stihelpbuttons a:first-child{margin-left:0} #stihelpbuttons a:last-child{margin-right:0} #stihelpbuttons a:hover{background:#d6e6d3;text-decoration:none} #stihelpbuttons a:hover:before{font-size:34px} #stirelations{float:left;width:100%;margin:0 0 20px 0} #stirelations .tabpage{float:left;width:100%;display:none;padding:10px 0} #stirelations .tabpage.morevalues > div:nth-child(n+6){display:none} #stirelations .buttonplace{width:100%;float:left;padding:15px;text-align:center;opacity:0.9} #stirelations .buttonplace em{background:#999;color:#fff;border-radius:50%;font-weight:600;margin-left:5px;text-align:center;width:24px;height:24px;line-height:24px;display:inline-block;font-size:15px} #stirelations .buttonplace a{border:1px dashed #7b7b7b} #stirelations .buttonplace a:hover{border:1px dashed #555;padding-left:30px;padding-right:30px} #stirelations .tabpage.morevalues .less{display:none} #stirelations .tabpage:not(.morevalues) .more{display:none} #stirelations .tabpage:not(.morevalues) .less{display:unset} #stirelations .tabpage:not(.morevalues) #morerelation .more, #stirelations .tabpage:not(.morevalues) #morerelation em{display:none} #stirelations .tabpage.active{display:block;padding-top:10px} #stirelations ul{list-style-position:outside;width:calc(100% + 40px);float:left;border-bottom:1px solid #ccc;margin-left:-20px;padding:0 20px} #stirelations li{float:left;font-family:inherit;position:relative;font-size:16px;width:auto;padding:11px 35px 11px 18px;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#666;cursor:pointer;background:#f6f6f6;line-height:20px} #stirelations li:after{left:0;right:0;content:"";border:20px solid rgba(255, 255, 255, 0);bottom:0;position:absolute} #stirelations li span.count{font-size:11px;height:18px;position:absolute;right:15px;top:6px;width:18px;border-radius:9px;background-color:#ff0000;color:#fff;line-height:18px;text-align:center;opacity:0.6} #stirelations li.active span.count{opacity:1} #stirelations li.active{font-family:inherit;color:inherit;border-top:1px solid #666;border-bottom:0;cursor:default;background:none} #stirelations li.active:after{border:3px solid #fff;bottom:-2px} #stirelations li:first-child{border-left:1px solid #ccc} #stirelations .row{height:50px;width:100%;overflow:hidden;float:left;position:relative;border-top:1px solid #f0f0f0} #stirelations .row:first-child{border-top:none} #stirelations img{position:absolute;top:0;left:0;height:50px;width:auto;max-width:50px} #stirelations .partno{position:absolute;bottom:6px;left:60px;font-size:11px;color:#888} #stirelations .row .name{padding:13px 420px 0 60px;width:100%;float:left;overflow:hidden;height:32px;font-size:13px} #stirelations .row .name a{text-decoration:none} #stirelations .row .name a:hover{text-decoration:underline} #stirelations .wvat{display:none} #stirelations .buybox{position:absolute;right:0;bottom:8px;margin:0} #stirelations .buybox .btnn.buy:not(.logedonly) a{background:#e3e3e3;line-height:18px;box-shadow:inset 0 -1px 0 0 #b1b1b1} #stirelations .buybox .btnn.buy:not(.logedonly) a:hover{background:#d8d8d8 !important} #stirelations .buybox .btnn.buy:not(.logedonly) a:before{content:"\f162";font-family:FontDiscomp2;color:#6f9b35;font-size:18px} #stirelations .price{position:absolute;bottom:16px;right:265px} #stirelations .price span{font-size:14px;font-weight:bold} #stirelations .price strong{font-weight:normal;font-size:13px} #stirelations .price .wovat.priceafterlogin > span{font-weight:normal} #stirelations .avail{position:absolute;bottom:16px;right:100px;width:150px} #stirelations .comp{position:absolute;top:15px;right:390px;text-decoration:none;font-size:16px;display:none} #stirelations .row:hover .comp{display:block} #stirelations .comp em{display:none} #stirelations .comp span{padding:3px 6px;border-radius:15px;color:#ccc;border:1px solid #ccc} #stirelations .comp span:hover{background:#fff;color:#888;border:1px solid #888} #sti_inftbl_bottom{padding:0 10px;border:10px solid #f3f3f3;margin:20px 0 20px 0;border-collapse:inherit;float:left;border-radius:5px} #sti_inftbl_bottom tr th{width:50%;margin:0;padding:4px;font-weight:bold;border-bottom:1px solid #cccccc;font-size:13px;text-align:left} #sti_inftbl_bottom tr td{margin:0;padding:4px 0;border-bottom:1px solid #cccccc;font-size:13px} #sti_inftbl_bottom tr:last-child th, #sti_inftbl_bottom tr:last-child td{border:none} #sti_inftbl_bottom tr td h2{font-weight:normal;font-family:inherit;font-size:13px;float:left;margin:0} #sti_inftbl_bottom a.urllink{text-decoration:underline} #sti_inftbl_bottom a.urllink:hover{text-decoration:none} #sti_inftbl_bottom span.break{padding:0 8px;color:grey} #sti_logo{width:50%;float:right;padding:20px 50px 0 0;text-align:right} #sti_logo img{margin:0;display:inline;max-height:50px;max-width:180px} /*nove*/ #parsets h4{margin:0 0 8px 0;padding:0 0 5px 0;border-bottom:1px solid #ddd;color:#558318;float:left;width:100%;cursor:pointer} #parsets h4:before{top:8px;right:10px;content:"";width:8px;height:8px;transition:transform 0.2s;border-bottom:1px solid #aeaeae;border-left:1px solid #aeaeae;transform:rotate(315deg)} #parsets h4.close:before{transform:rotate(135deg)} #parsets .pargroup{float:left;width:100%;margin-bottom:20px} #parsets .paramrow{float:left;width:100%;line-height:25px;color:#888;margin-bottom:0;line-height:22px;font-size:14px;border-bottom:1px dotted #ddd} #parsets .paramrow:not(:last-child){margin-bottom:5px} #parsets .paramvalues{color:#333;padding-left:5px;font-weight:bold;float:right;text-align:left;width:48%} #parsets .v{color:#333;padding-left:5px;font-weight:bold;float:right;text-align:left;width:48%;font-size:98%} #parsets .n{color:#888;float:left;text-align:left;width:52%;font-size:13px} #stoitem_detail h3{margin-top:0} .sticommentdetail ul{list-style:disc;padding:0 0 10px 40px;float:left;width:100%} .sticommentdetail{float:left;width:100%} .sticommentdetail ol, .sticommentdetail ul{display:block;width:100%;margin-bottom:20px} .sticommentdetail img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto;padding-bottom:20px;text-align:center;max-height:400px} .sticommentdetail video{display:block;max-width:100%;height:auto;max-height:400px;margin:0 auto;text-align:center} .sticommentdetail a{color:#406741;font-weight:normal;position:relative;display:inline-block} .sticommentdetail a:before{position:absolute;bottom:2px;left:0;content:"";right:0;width:100%;border-bottom:1px dotted #000} .sticommentdetail a:hover{text-decoration:none} .sticommentdetail a:hover:before{border-bottom:1px solid #666} .stigpsr .params {padding: 10px 0 0 0} .stigpsr .params .rowbox {display: flex} .stigpsr .params .rowbox a {margin: 0 0 0 5px} #vendorLinks{float:left;padding:0 10px 20px 10px;text-align:center} #vendorLinks > a{color:#999;text-decoration:underline;display:inline-block} #vendorLinks > a:hover{text-decoration:none !important} #vendorLinks > a:not(:last-child):after{content:"";width:4px;height:4px;border-radius:50%;background:#999;margin:2px 10px;display:inline-block} /*test gallery*/ #SSGallery{position:fixed;top:0;left:0;right:0;width:100%;height:100%;padding:65px 30px 30px 30px;background:rgba(0,0,0,0.75);overflow:hidden;z-index:9999} #SSGallery-content{position:relative;float:left;height:100%;width:100%;border-radius:5px;background:#fff} #SSGallery-h1{position:absolute;font-size:22px;line-height:30px;top:-40px;color:#fff;left:0;height:30px;overflow:hidden;white-space:nowrap;max-width:calc(100% - 100px);text-overflow:ellipsis} #SSGallery-close{position:absolute;top:-50px;right:0;width:50px;font-size:60px;font-weight:300;height:50px;color:#fff;text-align:center;line-height:50px;cursor:pointer} #SSGallery-position{position:absolute;left:0;width:calc(100% - 180px);bottom:0;text-align:center;font-size:20px;line-height:30px;padding-bottom:5px;color:#666} #SSGallery-Big{width:calc(100% - 180px);float:left;height:100%;padding:40px;position:relative} #SSGallery-Big .slick-track, #SSGallery-Big .slick-list, #SSGallery-Big .slick-slide{height:100%;text-align:center} #SSGallery-Big .slick-slide img{max-height:100%;display:inline-block;vertical-align:middle;line-height:100%;max-width:calc(100% - 10px)} #SSGallery-Big .slick-slide:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0} #SSGallery-Big .slick-arrow{position:absolute;width:70px;height:100%;content:"";top:0;z-index:1} #SSGallery-Big .slick-arrow.slick-disabled{display:none !important} #SSGallery-Big .left-arrow{left:0} #SSGallery-Big .right-arrow{right:0} #SSGallery-Big .slick-arrow:before{top:calc(50% - 35px);content:"\f053";color:#ccc;font-size:70px;opacity:.5;transition:all 100ms} #SSGallery-Big .left-arrow:before{content:"\f053";left:10px} #SSGallery-Big .right-arrow:before{content:"\f054";right:10px} #SSGallery-Big .slick-arrow.slick-disabled:before{opacity:0} #SSGallery-Big .slick-arrow:not(.slick-disabled):hover:before{opacity:1} #SSGallery-Big .slick-arrow:not(.slick-disabled):hover{cursor:pointer} #SSGallery-Thumb{width:180px;float:right;height:100%;background:#dfdfdf;box-shadow:13px 10px 25px rgba(0, 0, 0, 0.5);padding:10px 25px 10px 20px;overflow-y:auto;overflow-x:hidden;border-bottom-right-radius:3px;border-top-right-radius:3px} #SSGallery-Thumb div{width:100%;float:left;height:80px;padding:1px 0;text-align:center;margin:3px 0;background:#fff;border:1px solid #aaa;cursor:pointer;border-radius:3px} #SSGallery-Thumb div.active{border:1px solid #45abc4;box-shadow:0 0 2px 2px #3c9ab1} #SSGallery-Thumb div img{max-width:80%;max-height:85%;margin:0 auto;display:inline-block;vertical-align:middle;line-height:100%} #SSGallery-Thumb div:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0} /*clanky k produktu*/ #stiarticles{width:100%;float:left;margin:0 0 20px 0;display:table} #stiarticles a{width:100%;display:table-row} #stiarticles a.pic{padding-left:0} #stiarticles a.nopic:before{content:"\f0f6";top:0;left:5px;font-size:26px;line-height:26px;color:#25709c} #stiarticles span{vertical-align:middle;font-size:18px;display:inline-block;max-width:calc(100% - 80px);margin:0 0 5px 0} #stiarticles a.nopic span{padding-left:40px} #stiarticles a:hover span{text-decoration:underline} #stiarticles img{vertical-align:middle;max-width:70px;max-height:70px;margin:0 10px 5px 0} /*varianty*/ #variants{width:100%;float:left;margin:0 0 20px 0} #variantsIn{border-left:1px dotted #bbb;margin:0 0 0 5px;float:left;width:calc(100% - 5px);display:table} #variants .img{width:8%;padding:1px 0 1px 5px} #variants .mid{padding:5px 0 5px 10px;width:56%} #variants .img img{width:40px;height:40px;font-size:0} #variants .varname{font-size:16px;line-height:16px;margin:0 8px 0 0} #variants .varrow.showed .varname{text-decoration:underline;font-weight:600;font-size:15px} #variants .pn{display:inline-block;color:#a5a5a5;font-size:12px;line-height:20px;margin-right:8px} #variants .showedtext{color:#333;font-size:12px;white-space:nowrap;line-height:20px;display:inline-block;margin-right:8px;display:none} #variants .price{white-space:nowrap;font-weight:bold;padding:0 10px;width:20%} #variants .price .wovat{text-align:right} #variants .price .wovat > span{font-weight:normal} #variants .avail{white-space:nowrap;width:20%;padding-right:8px} #variants .varrow{border-bottom:1px dotted #bbb;display:table-row} #variants .varrow.showed{background:#f0f0f0} #variants .varrow>div{display:table-cell;overflow:hidden;border-bottom:1px dotted #bbb;vertical-align:middle} #variants .varrow:not(.showed):hover{background:#f9f9f9} #variants .sts{margin:1px 0;float:none;display:inline-block} #variants-message{float:left;width:100%;padding:8px;background:linear-gradient(0.63turn,#e6ebf1,#dbe9f5);border:1px solid #b8c7ce;border-radius:3px} #variants-message:before{content:"\f107";font-size:24px;top:50%;right:20px;line-height:0;color:#666;opacity:0} #variants-message .varimg{width:50px;height:50px;float:left;padding:2px;background:#fff;border-radius:5px;overflow:hidden;display:none} #variants-message .varimg img{width:46px;height:46px} #variants-message .varcounttext{padding:0 40px 0 20px;line-height:40px;text-overflow:ellipsis;min-height:40px;white-space:nowrap;width:calc(100% - 50px);float:left} #variants-message .varcounttext a{padding-left:8px;color:#36525f;text-decoration:underline} #variants-message .varcounttext a:hover{text-decoration:none} /*prepinac spodnich tlacitek*/ #sti_tabs_bottom{float:left;width:calc(100% + 40px);margin:0 -20px 20px -20px;border-bottom:1px solid #e1e1e1;padding:0 20px} #sti_tabs_bottom .tab{float:left;font-size:16px;margin:0 2px;padding:12px 22px;border:1px solid #e1e1e1;border-bottom:none;background:#f5f5f5;cursor:pointer;line-height:18px;height:43px;transition:all 200ms} #sti_tabs_bottom .tab em{padding-left:8px} #sti_tabs_bottom .tab:last-child{border-right:1px solid #ccc} #sti_tabs_bottom .tab.active{background:#fff;position:relative;cursor:default} #sti_tabs_bottom .tab.active:after{height:3px;position:absolute;bottom:-2px;left:0;right:0;background:#fff;content:""} #sti_tabs_bottom .tab:before{position:static;font-size:18px;line-height:18px} #sti_tabs_bottom .tab.main:before{content:"\f015"} #sti_tabs_bottom .tab.download:before{content:"\f019";color:#283564} #sti_tabs_bottom .tab.video:before{content:"\f008";color:#793b3b} #sti_tabs_bottom .tab.parameters:before{content:"\f085"} #sti_tabs_bottom .tab border{position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:#277a9a;content:"";transition:all 100ms;opacity:1} #sti_tabs_bottom .tab.active border{background:#277a9a} #sti_tabs_bottom .tab:not(.active) border{background:#bbb} #sti_tabs_bottom .tab:not(:hover):not(.active) border{height:0} #sti_tabs_bottom .tab:hover:not(.active){background:#e6e3e3} #sti_tab_parameters{display:none} #hookschoose{float:left;width:100%;margin-top:10px;padding-left:10px} #hookschoose .row{float:left;width:100%;padding:3px 10px;margin-bottom:2px;background:#f7f7f7} #hookschoose .row.checked{background:#2fb4dd21} #hookschoose img{float:left;width:40px;height:40px;margin-left:15px;border-radius:3px;border:1px solid #e8e8e8;background:#fff;padding:3px} #hookschoose .check{float:left;width:20px;height:20px;border-radius:3px;border:1px solid #999;background:#fff;margin-top:9px} #hookschoose .check:hover{background:#eee} #hookschoose .row.checked .check{background:#2f8dcd;border:1px solid #2f8dcd} #hookschoose .row.checked .check:before{content:"\f00c";color:#fff;width:17px;text-align:center} #hookschoose .name{float:left;max-width:calc(100% - 120px);text-overflow:ellipsis;overflow:hidden;height:40px;white-space:nowrap;padding-left:10px;line-height:40px} #hookschoose .cena{float:left;width:100px;padding-left:10px;line-height:40px;font-weight:bold} @media screen and (max-width:1220px){ body{min-width:600px;overflow-x:auto} .back-to-top, .SideBanner{display:none} nav .l6 li{width:33.33%} footer{width:100%;float:left;display:block} footer .copyright{padding:0 10px} #sptnav{display:none} #bubbles{display:none} #cookieUseAgreement .info{width:100%} #leftcont{width:250px} .TopMainBtn{margin:0} #dc_search{left:350px;right:360px} nav ul li ul{width:100%} #maincont{width:100%} #leftcont .boxcont.res_menu{display:none !important} #centercont{width:calc(100% - 270px)} #stoitem_detail .sti_detail_head .btnn.buy a strong{display:block} } @media screen and (max-width:1070px){ .gallarea:not(.quatro) .prodbox{width:50%;border-bottom:1px solid #ddd;border-right:1px solid #e4e4e4} .gallarea:not(.quatro) .prodbox:nth-child(3n){border-right:1px solid #e4e4e4} .gallarea:not(.quatro) .prodbox:nth-child(2n){border-right:none} .gallarea.quatro .prodbox{width:33.33%;border-bottom:1px solid #ddd;border-right:1px solid #e4e4e4} .gallarea.quatro .prodbox:nth-child(4n){border-right:1px solid #e4e4e4} .gallarea.quatro .prodbox:nth-child(3n){border-right:none} #stoitem_detail .sti_info .sti_inftbl.bottom tr th{width:35%} #subcatscont .container{width:31.93%} #advantages{padding:0 5px} .wn3 > ul > li{width:100%} } @media screen and (max-width:950px){ nav .l6 li{width:33.33%} #pagemap .lvl1 > li{width:49%} #stoitem_detail .sti_info .sti_inftbl.top{width:100%} #stoitem_detail .sti_toolbox{width:100%;padding:0} #stoitem_detail .tabpage.sti_relation_var .tabform td.price, #stoitem_detail .tabpage.sti_relation_var .tabform td.tools{display:none !important} #stoitem_detail .tabpage.sti_relation_block .prodbox{width:23.5%;height:300px;border:none; margin:0 2% 3% 0} #stoitem_detail .tabpage.sti_relation_block .prodbox:nth-child(4n) {margin:0 0 3% 0} .TopMainBtn{padding:0;width:50px;height:50px;margin:10px 5px 0 0} .TopMainBtn .iconbtn{text-indent:-9999px;border-radius:3px;background:#515151} .TopMainBtn .iconbtn:before{text-indent:0;color:#fff;top:0;line-height:50px;font-size:28px} .TopMainBtn.empty .iconbtn:before{color:#ddd} .TopMainBtn .res_hide{display:none !important} .TopMainBtn .count{display:inherit;right:-4px;top:-4px} #top .dc_logo{padding:13px 10px 13px 15px} #top .dc_logo img{width:220px;height:auto} #top .ball{display:none} #res_tree_btn, #res_search_btn{display:inline-block;cursor:pointer} #dc_search:not(.active){display:none} #dc_search{position:absolute;background:#fff;padding:10px;left:0;right:0;height:64px;box-shadow:0 10px 10px 0 rgb(75, 75, 75);top:60px} #whisper-box{top:64px} #dc_search input[type="button"]{left:12px} #top{height:70px;border-bottom:1px solid #aaa} .outercont{padding-top:130px} .dc_hide_left_col .outercont{padding-top:110px} .basketcont{padding:10px} nav:not(.active){display:none} nav:before{display:none} nav{position:absolute;top:110px;height:auto;left:0;right:0;background:#2d2d2d} nav .l3{display:block} nav .l3 > li{max-width:unset !important;width:100% !important;border-bottom:1px solid #515151;float:left;border-left:none !important} nav .l3 > li > a{width:100%;display:inline-block;text-align:left;padding:10px 10px 10px 40px;height:auto;border:none;position:relative;line-height:inherit;float:left} nav .l3 > li > a:before{content:"\f054";font-family:"FontDiscomp2";transition:all 200ms;position:absolute;top:calc(50% - 7px);left:20px;line-height:14px;font-size:14px} nav .l3 > li.active > a:before{transform:rotate(90deg)} nav .l3 > li:not(.active):active .l6, nav .l3 > li:not(.active):hover .l6, nav .l3 > li:not(.active):focus .l6{visibility:hidden;display:none} nav .l6{display:none;border-right:none;border-top:none !important} nav .l3 > li:hover > a, nav .l3 > li:active > a, nav .l3 > li:focus > a{color:#fff;border-right:none;background:none;border-top:none} nav .l3 > li.active .l6{visibility:visible;position:static;background:unset;border-bottom:none;margin:0 0 10px 24px;width:calc(100% - 40px);border-left:1px solid #6f6f6f;display:inline-block;padding:0 0 0 15px} nav .l6 li{width:100%;padding:0} nav a.img, nav .c{display:none} nav a.txt{height:auto;width:100%;padding:8px 5px;color:#8aa764;float:left;width:100%} nav .l3 > li > a:after{box-shadow:none !important;margin:0 0 0 10px;position:static !important;display:inline-block} nav #topSpecialOffers .l6 li, nav #top14505189 .l6 li{width:100%} nav #top14505189 a.txt, nav #topSpecialOffers a.txt{color:#d3dbc9} #sti_img, #sti_info{width:100%;padding:0 0 20px 0} #sti_tab_parameters{display:unset} #sticomment{padding-right:0;width:100%} #parsets{padding-left:0;width:100%} #parsets .paramrow{border-bottom:1px dotted #ddd;text-align:right} #parsets .paramvalues{text-align:left} #sticomment:not(.active),#parsets:not(.active){display:none} .stilistpagetop{top:-102px} .showstyle{display:none} #whisperinput{font-size:16px} #stiattach_sys_video .video{width:100%;margin:0} #stilist_fltr_sort{display:table;margin-top:40px} #stilist_fltr_sort > a{float:none;display:table-cell;text-align:center;padding-left:0;padding-right:0} #stirelations .row{height:90px;padding:5px 0} #stirelations img{height:80px;max-width:80px;top:5px} #stirelations .row .name{padding:10px 0 10px 100px;height:auto} #stirelations .partno{display:none} #stirelations .price{top:43px;right:85px;position:absolute} #stirelations .buybox{top:38px;right:0} #stirelations .avail{position:static;float:left;padding-left:95px;width:auto} .wn3 .hdr{float:none;display:flex} .homepage .wn3{width:100%} .wn3 .hdr a{float:none;flex: 1 1 auto;padding:12px} #wn34{width:100%} #wn34 .item{width:32%;margin:0 0.66% 10px 0.66%} #dc_vo_menu_item {display: block !important;} } @media screen and (max-width:800px) { footer .contacts div{padding:0;width:50%;text-align:center;border:0 !important;min-height:150px} .outercont{padding-left:20px} .gallarea.quatro .prodbox{width:50%;border-bottom:1px solid #ddd;border-right:1px solid #e4e4e4} .gallarea.quatro .prodbox:nth-child(3n){border-right:1px solid #e4e4e4} .gallarea.quatro .prodbox:nth-child(2n){border-right:none} #centercont{width:100%} #leftcont{display:none} #SSGallery{padding:55px 10px 10px 10px} #SSGallery-Thumb{display:none} #SSGallery-position{width:100%} #SSGallery-Big{width:100%;height:calc(100% - 85px);margin:50px 0 35px 0} #res_menu_btn{display:inline-block} #head_menu2:not(.active) > ul{display:none} #head_menu2 a{width:100%;float:left} #head_menu2 > ul{width:100%;margin:0;position:absolute;top:40px;left:0;background:#fff;padding:10px;box-shadow:0 10px 20px 0 rgba(153,153,153,1)} #head_menu2 > ul > li{border:none !important;width:49%;margin:0 1% 10px 0} #head_menu2 > ul > li > a{padding:8px;background:#d0e0ba;border:none !important} #head_menu2 ul ul{position:initial;padding:5px 0 0 20px;visibility:visible;float:left;width:100%;border:none;border-radius:0;margin:0;box-shadow:none;border-left:3px solid #d0e0ba} #head_menu2 ul ul:before,#head_menu2 ul ul:after{display:none} #head_menu2 ul ul li{padding:5px 0 5px 0;;width:100%;float:left} #head_menu2 ul ul li a{border:none !important;box-shadow:none;border-radius:0 !important;background:none !important;padding:0} #head_menu2 a:hover{text-decoration:underline !important} #head_menu2 ul ul li:before{display:none} #stihelpbuttons a{width:20%} /*dokumenty*/ #customsignorder, #openord, .basketcont .boxcont.I6_basket_div.halfw{width:100% !important} .tabformcont{padding:10px} .srchformcont{padding:20px 10px} .srchformcont .filteritem{width:50%} .minitab.left, .minitab.right{width:100% !important;margin:0 0 20px 0} .xlogincont .userdetail{float:left;width:100%} .navimenu{width:100%;padding:0 20px;background:#fff} .navimenu ul{width:100%} .navimenu ul li{display:inline-block;height:auto;padding:0 5px 5px 0;line-height:unset} .xlogincont .middle{width:100%} .navimenu ul li a{padding:10px 20px;border-radius:5px;display:inline-block;height:auto;background:#d8ddde;color:#333;font-size:14px} .navimenu .break, .navimenu ul li a:before, .navimenu ul li a:after{display:none} .navimenu ul li.warn1 a{background:#efcd90} .navimenu ul li.warn2 a, .navimenu ul li a.logout{background:#e8bfbf} /*skryju porovnani produktu*/ #compcont, .prodbox .comp, .prodbox .tofav, #stihelpbuttons .comp{display:none} /*parametricky filtr*/ #ShowParFilter{display:block} #leftcont{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:100%;padding:10px;background:rgba(0,0,0,0.7);overflow:hidden;z-index:9999} #leftcont .lefttreecont{display:none} #filter_top_part{float:left;color:#fff;background:#77a248;line-height:20px;height:60px;width:calc(100% - 20px);position:absolute;top:10px;left:10px;right:10px;padding:20px;font-size:26px;border-top-left-radius:10px;border-top-right-radius:10px;display:block} #filter_top_part .filter_off{display:block;font-size:60px;float:right;cursor:pointer} #filter_bottom_part{display:block;height:80px;width:calc(100% - 20px);position:absolute;bottom:10px;left:10px;right:10px;padding:20px;text-align:center;background:#e3e3e3;border-top:1px solid #bdbdbd;border-bottom-left-radius:10px;border-bottom-right-radius:10px} #leftcont .paramitem{background:#fff;border-top:1px solid #b9b9b9} #fltrleftparamsinput .value{padding:5px 10px} #fltrleftparamsinput{position:relative;top:60px;left:0;width:100%;height:calc(100% - 140px);overflow-y:scroll;background:#fff} #leftcont.showfilter{display:block} .wn3.oldnews .hdr a{float:none;display:table-cell;padding-left:0;padding-right:0} .wn3.oldnews .hdr{display:table} } @media screen and (max-width:650px) { .dc_shade .info{display:none} .dc_shade .reg2{display:inline-block} }/* Datepicker ----------------------------------*/ .ui-datepicker{display:none;font-size:12px} .ui-datepicker{width:17em;padding:.2em .2em 0} .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{margin:0 auto;line-height:28px;text-align:center;font-weight:bold} .ui-datepicker .ui-datepicker-title select{padding:0} .ui-datepicker select.ui-datepicker-month-year{width:100%} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:49%;height:20px} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:2px;text-align:center;text-decoration:none;background:#d9ecd1;color:#000} .ui-datepicker td span, .ui-datepicker td a:hover{background:#888;color:#fff} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0} .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left} /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi{width:auto;background:#fff;box-shadow:0px 0px 13px 0px rgba(0,0,0,0.75);padding:2px;border-radius:8px} .ui-datepicker-multi .ui-datepicker-group{float:left;padding:5px} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%} /* RTL support */ .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right} .ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px} .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover{ display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ top:-4px;/*must have*/ left:-4px;/*must have*/ width:200px;/*must have*/ height:200px;/*must have*/ }.ui-slider{position:relative;text-align:left} .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;border-radius:50%} .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0} .ui-slider-horizontal{float:left;width:100%} .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em} .ui-slider-horizontal .ui-slider-range{top:3px;height:100%} .ui-slider-horizontal .ui-slider-range-min{left:0} .ui-slider-horizontal .ui-slider-range-max{right:0} .ui-slider-vertical{width:.8em;height:100px} .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em} .ui-slider-vertical .ui-slider-range{left:0;width:100%} .ui-slider-vertical .ui-slider-range-min{bottom:0} .ui-slider-vertical .ui-slider-range-max{top:0}.sts4 {background-color:#7F7F7F;}.sts5 {background-color:#0080C0;}.sts13 {background-color:#FF0080;}.sts1 {background-color:#FF0000;}.sts8 {background-color:#375312;}.sts15 {background-color:#8080FF;}.sts9 {background-color:#268279;}.sts11 {background-color:#800000;}.sts3 {background-color:#FF8040;}.sts2 {background-color:#9E6224;}