:root {--animCircleColor: #0194bf; --btnBackground: #0094be; --btnBorder: #00699d 1px solid;} *{box-sizing: border-box;} html, body {height:100%;color: #2c2f32; font-family: Tahoma; margin: 0px; padding: 0px; font-size: 16px;} body{background: #000; background-position: 0 -60px; background-image: url('/media/images/bg.jpg'); background-repeat: no-repeat; background-size: cover;} a{color: #0094be;} .errorRed{font-size: 1.1em; color: #ff0000; font-weight: bold; margin: 3px 10px;} .c-error-message{font-size: 1.1em; font-weight: bold;} figure{margin: 0px;} .floatr{float:right;} .floatl{float:left;} #contact_m{display: flex; gap: 20px 20px;} .kont_img img{max-width: 100%; padding: 3px; border: 1px solid rgb(0 97 184);} #kont-fotogal{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 0.5%;} #kont-fotogal .kont-foto{width: 24%;} #kont-fotogal .kont-foto picture{display: flex; justify-content: center; align-items: center;} #kont-fotogal .kont-foto img{max-width: 100%; display: block; padding: 2px; border: 1px solid rgb(0 97 184);} .noni,.ndisp{display: none;} .disp{display: block;} span.lneed{font-family: "open-sans"; color: #fe341d; font-weight: bold; vertical-align: middle;} /* COOKIES LISTA */ #outer-consent{width: 100%; position: fixed; bottom: 0px; z-index: 10000; max-height: 55px; background: #fff; font-size: 0.8em; border-top: 1px solid #ababab;} #consent-cookie{text-align: center; margin-top: 3px; padding: 0 8px;} #cook-consent{height: 20px; color: #fff; background: var(--btnBackground); border: var(--btnBorder); border-radius: 5px; padding: 0 7px; font-size: 0.8em; line-height: 0px;} #cookies-policy{font-size: 1.2em;} /* horni pruh - logo */ #rychInfo{width: 100%; display: block; background: #c25627; padding: 7px 0 6px; position: relative;} .info{width: 100%; max-width: 1500px; margin: 0 auto;} .info p{font-size: 0.9em; color: #fff; text-align: center; padding: 0 37px 0 7px; margin: 0;} #rychInfo #closeInfo{position: absolute; cursor: pointer; display: block; top: -3px; right: 5px; font-size: 1.6em; padding: 0 5px; color: #c29494; font-weight: bold; transform: scale(1.2, 1);} header {display: block; background-position: 0 0; height:135px; background: rgb(0,97,184); background: linear-gradient(180deg, rgba(0,97,184,1) 0%, rgba(1,148,191,1) 40%, rgba(1,148,191,1) 60%, rgba(27,108,189,1) 100%);} header .mid{max-width: 1500px; display: flex; margin: auto; justify-content: flex-start;} header .mid #logo2{display: none;} header .mid #logo{flex: 1;} header .mid #logo img{width: 160px; margin: 7px 0 0 0; padding: 9px;} /* horni pruh - kontakt + menu pouzitelnosti */ nav#pouzit{flex: 7; position: relative; color: #fff;} span._sp{background: url('/media/images/spirit.png');} nav#pouzit > ul#upkon{list-style: none; padding: 0; margin: 0 0 0 55px;} nav#pouzit > ul#upkon > li {display: inline-block; margin: 5px 15px;} #catmenu ul.pouzitmenu{margin: 25px auto 0 auto; position: absolute; top:45px; left: 38%; -webkit-transform:translateY(0) translateX(-50%); list-style: none; padding: 0; z-index:106;} #catmenu ul.pouzitmenu > li{display: inline-block; margin: 0; border-right: 1px solid #fff;} .goog-te-gadget-simple{border: #0094be solid 2px !important; border-radius: 8px;} .goog-te-gadget-simple .goog-te-menu-value span{color: #0094be !important;} #catmenu ul.pouzitmenu > li > ul{display: none;} #catmenu ul.pouzitmenu > li > ul > li{width: 25%; height: 88px; position: relative; display: block; border-bottom: #e1e2e4 1px solid; background: #fff;} #catmenu ul.pouzitmenu > li > ul > li:nth-last-child(-n+4){border-bottom: none;} #catmenu ul.pouzitmenu > li > ul > li:after{content:""; position:absolute; top:10%; right:0; width:1px; height:80%; background:#e1e2e4;} #catmenu ul.pouzitmenu > li > ul > li:last-child:after, #catmenu ul.pouzitmenu > li > ul > li:nth-child(4n+0):after{content:""; position:absolute; top:0%; right:0; width:0; height:0; background:none;} #catmenu ul.pouzitmenu > li > ul > li > a{height: 88px; color: #2f4129; display: flex; align-items: center; font-size: 0.8em; font-weight: 600; text-decoration: none; padding: 0px 7px;} #catmenu ul.pouzitmenu > li > ul > li > a > span{padding: 0 5px;} #catmenu ul.pouzitmenu > li > a{padding: 7px 2vw; font-size: 1.2em; display: block; font-weight: bold; text-decoration: none; color: #fff;} #catmenu ul.pouzitmenu > li > ul > li img{width: 70px;} #catmenu ul.pouzitmenu li img[src$='/media/svg/caret-bottom.svg'],#catmenu ul.pouzitmenu li img[src$='/media/svg/caret-right.svg'],#catmenu ul.pouzitmenu li img[src$='/media/shop_skin/transbg.gif']{display: none;} /* Pravy box uzivatel/kosik */ header #kosusr{flex: 3;} /* Uzivatel neprihlasen formular */ header #kosusr #nuziv{display: block; text-align: right; cursor: pointer; color: #fff;} header #kosusr #uzivlogo_sp{width: 50px; height: 40px; float:right; display: block;} header #kosusr .nadp2{float: right; display: block; margin: 15px 15px 0 0;} .popupWin{width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-y: auto; background: rgba(40,40,40,0.5); z-index: 1001;} header #lgnFrm{max-width: 400px; position: relative; background: #fff; border: 1px solid #00699d; border-radius: 15px; margin: 50px auto 0 auto; padding: 15px 25px; color: #00699d} header #lgnFrm h2{color:#00699d;} header #lgnFrm .rgt{display: inline-block;float: right;} header #lgnFrm label{display: inline-block; margin: 7px 0 0 0;} header #lgnFrm input{width: 100%; height: 35px; display: block; border: 1px solid #00699d; border-radius: 4px; margin: 7px 0 20px 0; padding-left: 15px; font-size: 1em; color: #2c2f32;} header #login_index_box_submit{display: block; border: 1px solid #0094be; border-radius: 4px; background: #c6edfd; margin: 12px 0; color: #00699d; padding: 9px 7px;} header #lgnFrm .btn-close, .btn2-close{width: 40px; height: 40px; background: #c6edfd; font-weight: bold; cursor: pointer; border: 2px solid #0094be; color: #00699d; position: absolute; top: -10px; right: -10px; font-size: 1.9em; padding: 7px; font-family: open-sans; line-height:25px; border-radius: 50%;} /* Košík UP */ header #kosusr #basket,header #kosusr #basket_level{width: 80%; height: 53px; float:right; clear:right; margin: 10px 0 0 0; padding: 5px 10px; position: relative; text-align: right; border: 1px solid #0b81bc; border-radius: 18px; background: #b2d7f2;} header #kosusr #basket a,header #kosusr #basket_level a{width: 100%; height: 100%; display: block; color: #004372; text-decoration: none;} header #kosusr #basket #kosik_ico,header #kosusr #basket_level #kosik_ico{width: 40px; display: inline-block; vertical-align: -12px;} header #kosusr #basket #basket_ks_item,header #kosusr #basket_level #basket_ks_item{width: 30px; position: absolute; top: 11px; right: 13px; font-size: 0.85em; text-align: center;} ul li.tel {font-weight: bold;} li.tel span._sp,li.mail span._sp{width: 29px; height:32px; margin-right: 10px; display: inline-block; vertical-align: middle;} li.mail a{display: inline-block; color: #fff;} li.tel span._sp{background-position: 0 0;} li.mail span._sp{background-position: -31px 0;} #fultext_search{width: 100%; height: 36px; display:block; margin: 15px 0; background: #fff; -moz-box-shadow: inset 0 0 10px #bbb; -webkit-box-shadow: inset 0 0 10px #bbb; box-shadow: inset 0 0 10px #bbb; border-radius: 7px;} #fultext_search .skryte{display: none;} #fultext_search input[type="text"]{width: 90%; height: 36px; display: block; padding: 0px 0 0 10px; font: 1em Tahoma; border: none; background: none;} #id_search_query2{display: flex;} #id_search_submit{background: none; border: none; cursor: pointer;} #id_search_submit img{width: 26px;} #page {display: flex; flex-wrap: wrap; text-align: left; background-repeat: no-repeat; z-index: -1; background-position: 0 750px; background-image: linear-gradient(to bottom, #000000 0%,#063f59 25%);} img#top{width: 100%;} #container {max-width: 1500px; display: flex; flex-grow: 1; background: linear-gradient(to bottom, rgba(255,255,255,0.65) 5%,rgba(255,255,255,1) 27%); margin: 10px auto 0px auto; z-index:20; border-radius: 15px; clear:both;} #midtop{max-width: 1500px; display: flex; margin: 0px auto; flex-grow:1;} #midtop #mainInfo{height:328px; flex: 1 0 43%; padding: 15px; background: #fff; margin: 10px 1% 10px 0px; border-radius: 15px;} #midtop #slider {max-height:470px; display: flex; align-items: center; flex: 1; background: #fff; margin: 10px 0 0 0; padding: 5px 5px 15px 5px; border: 2px solid #fff; border-radius: 15px;} #container #topbar {width: 100%; margin: 0px; padding: 0px; display: block;} /* Uzivatel neprihlasen */ #topbar #kosik{width: 27%; float: right; margin-top: 20px;} #topbar #fruser{width: 27%; float: left; margin-top: 20px;} #topbar #fruser #uzivlogo_sp{float:left; margin: 0 0 0 22px; width: 92px; height: 92px; display: inline-block; background-position: -207px 0;} #topbar #kosik #bli_sp{float:left; margin: 0 15px 0 0px; width: 92px; height: 92px; display: inline-block; background-position: -115px 0;} #uzivlogo2,#kosik_ico2,#katmenu{display: none;} #topbar #kosik .nadp2, #kosik #login_index_profil .jmeno{color: #2c2f32; font-weight: normal; font-size: 1.1em; text-align: left; margin: 0 10px 0px 18px; float:left;} #topbar #login_index_box, #topbar #login_index_profil{width:100%; height:155px; display:block;} #topbar #login_index_box_submit{border: #00699d 1px solid; border-radius: 50%; background: #0094be; margin: 12px 18px; float: left; display: block; color: #fff; padding: 9px 7px;} #topbar .login_index_box_link {display: inline-block; margin: 18px 0 0 0; text-align: left; float:left;} #topbar .login_index_box_link a {color: #0094be; font-size: 0.8em; margin: 0 15px 0 0} #topbar #login_index_box input {width: 45%; height: 21px; display: block; float:left; border: 1px solid #aaafb4; background: #e1e5ed; margin: 7px 0 0 18px; padding-left: 15px; font-size: 0.9em; color: #2c2f32;} #topbar #login_index_box input::-webkit-input-placeholder {color: #818a93;} #topbar #login_index_box input:-moz-placeholder {color: #818a93; opacity: 1;} #topbar #login_index_box input::-moz-placeholder {color: #818a93; opacity: 1;} #topbar #login_index_box input:-ms-input-placeholder {color: #818a93;} #topbar #login_index_box input:placeholder-shown {color: #818a93;} #kosik .basket_item{color: #0094be; font-size: 0.9em; display: inline-block; margin: 3px 0;} ::placeholder{color: #acacac;} /* Kosik */ #topbar #basket_level{height: 155px; color: #3d3d3f;} #topbar #basket_level a{color: #3d3d3f; text-decoration: none;} #topbar hr.sep_line{width: 90%; margin: auto; height: 2px; background: #b4b4b4; border: none;} #topbar .b_basket_info{display: block; float:left; margin-left: 18px;} #topbar .b_basket_info .bp_line{display: block; padding-top: 10px; font-size: 0.9em; color: #0094be;} #basket_level .b_basket_info #basket_detail, #topbar #login_index_profil .logout {margin-top: 18px; padding: 5px; font-size: 0.95em; text-align: center; color: #fff; background: #0094be; border: #00699d 1px solid; border-radius: 10px; display: block; text-decoration: none;} #topbar .menu {margin-top: 15px;} #topbar .last {float: none;clear: right;} /* box pro nastaveni vyberovych vlastnosti */ div#basket_box_sel {position:absolute;width:370px;height:220px;top:0px;left:0px;z-index: 10000;text-align:left;padding:5px 5px;color:black;background-color: transparent;border:none;} /* box pro upravu vyberovych vlastnosti */ div#basket_box_modify {position:absolute;width:370px;height:220px;top:0px;left:0px;z-index: 10000;text-align:left;padding:5px 5px;color:black;background-color: transparent;border:none;} /* Hlavni box */ /*div#id_basketcode_box {border-left: 1px #c6cdd1 solid; position: relative; border-right: 1px #c6cdd1 solid; margin: 10px 1px 3px 2px; padding: 3px;}*/ div#id_basketcode_box {padding: 2px;margin:1px; background-color:#fff; border: 1px solid #a0c590} /* obal nad submitem - span */ p#id_basketcode_box_submit {margin-top:8px;margin-bottom:3px;} /* label */ div#id_basketcode_box label {clear: both; display: block; float: left; width: 190px; margin-top: 2px;text-align:left;color:#626262;font-size:10px;} /* input */ div#id_basketcode_box input {font-size: 10px; width: 180px; margin-top:1px;border:1px solid #C9CDD0;} div#id_basketcode_box input.number {font-size: 10px; width:18px; margin-top:1px;border:1px solid #C9CDD0;} /* box s vypisem stavu hledani */ div#infoscreennav{position:absolute;width:200px;height:100px;top:-500px;left:-500px;z-index: 10000;font-weight:bold;text-align:center;padding:5px 5px;color:white;background-color:red;border:black 1px solid;} /* sidebar varianta menu */ #action_list li{background: #6b81ab;} #action_list li a span{text-shadow: 0px 0px 3px #000,1px 1px 3px #000;} /*#action_list li a.akce span{text-shadow: 2px 2px 5px red;} #action_list li a.super span{text-shadow: 2px 2px 5px yellow;} #action_list li a.novinka span{text-shadow: 2px 2px 5px green;} #action_list li a.vyprodej span{text-shadow: 2px 2px 5px orange;} #action_list li a.bazar span{text-shadow: 2px 2px 5px cyan;} #action_list li a.akt_a{color: #000;}*/ /* menu tree */ aside{width: 320px; min-width: 320px; height: 100%; margin: 0 1% 0 6px;} nav#catmenu {background: #00436e;} nav#catmenu .dhtmlgoodies_tree {margin: 0; padding: 0; list-style: none;} nav#catmenu .dhtmlgoodies_tree > li{position: relative; padding: 0 0 0 20px; border-bottom: #fff 1px solid;} nav#catmenu .dhtmlgoodies_tree > li > a{font-size: 1em; padding: 10px 0; display: block; color: #fff; font-weight: bold; text-decoration:none;} nav#catmenu .dhtmlgoodies_tree > li > a > img{display: none;} /* menu tree 2. level */ nav#catmenu .dhtmlgoodies_tree > li > ul > li{width: 20%; height: 88px; position: relative; display: block; border-bottom: #e1e2e4 1px solid; background: #fff;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+5){border-bottom: none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:after{content:""; position:absolute; top:10%; right:0; width:1px; height:80%; background:#e1e2e4;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:last-child:after, nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-child(5n+0):after{content:""; position:absolute; top:0%; right:0; width:0; height:0; background:none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li > a{height: 88px; color: #2f4129; display: flex; align-items: center; font-size: 0.8em; font-weight: 600; text-decoration: none; padding: 0px 7px;} nav#catmenu .dhtmlgoodies_tree > li > ul > li > a > span{padding: 0 5px;} nav#catmenu .dhtmlgoodies_tree > li > ul:after{content: ""; clear: both; display: table;} nav#catmenu .dhtmlgoodies_tree .aktivni_link ul .aktivni_link ul{margin: 0px; padding: 0px;} nav#catmenu .dhtmlgoodies_tree ul {display:none; margin: 0px; padding: 0px; background: #fff;} nav#catmenu .dhtmlgoodies_tree ul.nhid{display:none;} nav#catmenu .dhtmlgoodies_tree ul ul{position: inherit;} nav#catmenu .dhtmlgoodies_tree li img[src$='/media/svg/caret-bottom.svg'],nav#catmenu .dhtmlgoodies_tree li img[src$='/media/svg/caret-right.svg'],nav#catmenu .dhtmlgoodies_tree li img[src$='/media/shop_skin/transbg.gif']{display: none;} nav#catmenu .dhtmlgoodies_tree li ul li img.skupimg{width: 70px; height: 70px;} nav#catmenu .dhtmlgoodies_tree ul.aktive_ul {display: none;} nav#catmenu .dhtmlgoodies_tree li ul {margin: 0px; z-index: 112;} nav#catmenu .dhtmlgoodies_tree li img[src='/media/shop_skin/menu_tree_page.png'],nav#catmenu .dhtmlgoodies_tree li img[src='/media/shop_skin/menu_tree_page_active.png']{position: relative;top: 0px;left: 0px;margin-right: 4px;} /* hlavni box*/ div#id_eshop_nav_list {display: none; padding: 2px;margin:1px; background-color:#fff; border: 1px solid #a0c590;} /* Box pro formular volby typu navigace*/ div#id_eshop_nav_list_box_form {display: none; float:left; width:200px; margin:2px 0px; padding:0px 5px;} div#id_eshop_nav_list_box_form_mark {float:left;} div#id_eshop_nav_list_box_form_category{float:right;} /* Submit tlacitka pro span - navigace */ .submit_span_nav {display:block;width:65px;color:#016b0d;font-weight: bold;font-size:12px;margin:2px 2px;padding-left:12px;padding-top:2px;padding-bottom:2px;padding-right:8px; border: 1px solid #C7CCCF;background-color:#E9EAEC;height:13px;} /* Submit tlacitka pro input - navigace */ .submit_nav {display:block;width:85px;color: #fff; font-weight: bold;font-size:12px; margin:2px 2px; background: #016b0d url('/media/images/bgr_submit.gif') repeat-x left; border: none; cursor: pointer;height:18px;} /* Nadpis */ div#id_eshop_nav_list p#id_eshop_nav_list_title {color:#016b0d;text-align:center;font-weight:bold;margin-bottom:3px;} /* Archiv */ div#id_eshop_nav_arch {padding:0px 0px 0px 5px;} div#id_eshop_nav_arch label {text-align:left; color:#016b0d;} div#id_eshop_nav_arch input {border:none;} .left_box_top{width: 90%; margin: auto; height: 3px; background: #2e3033; border: none;} /* content */ #content {max-width: 1159px; min-height: 383px; margin: 0; flex-grow: 1; padding: 15px; box-sizing: border-box; display: block; text-align: left; font-size: 0.8em;} /*h1 {color: #2e3033; font-size: 1em; margin: 0px; padding: 0px; text-align: left; font-weight: normal; display:none;}*/ #content h1{background: url('/media/images/h2.png') no-repeat left center; padding: 14px 25px; font-size: 1.7em; color: #51565d; font-weight:normal; margin: 0 0 10px 0; display:inline-block;} #content h2{font-size: 1.3em; font-weight: bold;} #content h3{font-size: 1.15em; font-weight: bold; font-style: italic;} #content h4{float:none;} #content .thickbox {display: block;text-align: center;border: none;} #content .thickbox img {border: none;margin: auto;} /* menu po rozkliknuti kategorie */ #catSubMen{display:flex; flex-wrap:wrap; gap: 10px 0;} #catSubMen .grsubmen{width: 19%; margin: 0 0.5%; padding: 0 8px; background: #fff; border: #005f7a solid 1px; border-radius: 6px; box-shadow: 0px 0px 5px 0px rgba(35,100,155,1);} #catSubMen .grsubmen a{display: flex; color: #005f7a; align-items: center; height: 53px; width: 100%;} #catSubMen .grsubmen span{padding: 0 8px; text-shadow: 0px 0px 0px #000;} #catSubMen .grsubmen.grimg img{width: 50px;} /* AKTUALITY */ .akt{width: 80%; font-size: 1.2em; clear: both; margin: 10px auto; padding: 0 0 10px 0; border-bottom: 2px dashed #4bb3d1;} #aktdet{width: 80%; display: flex; margin: 0 auto; } #aktdet img{max-width:400px; margin: 0px auto; display: block; border: 1px solid #4bb3d1; border-radius: 8px;} .akt img{width: 20%; float: left; border: 1px solid #4bb3d1; border-radius: 8px;} .akt a{margin: 0 15px; font-weight: bold;} .akt p{width: 75%; display: block; float: right;} .akt .empimg{width: 20%; min-height: 50px; float:left;} /* YOUTUBE VIDEA */ #videa{width: 100%; margin: 20px 0 0 0;} #videa h2{margin: 10px 0 0 0;} #videaD{width: 100%; padding-bottom: 56%; position: relative;} #videaD iframe.ytplayer{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} #videa img{width: 100%; position:relative; top: 3px;} #videa div a{width: 32%; display: inline-block; margin: 5px; box-sizing: border-box; text-decoration: none;} #videa span.caps{padding: 0.3em; background: #0094be; color: #fff; display: block; width: 100%; box-sizing: border-box;} .vidmen{color: #fff; background: #0094be; padding: 7px 12px; border: 1px solid #00699d; border-radius: 10px; margin: 7px 7px 0 0;} /* banery pod stránkou */ #underp {width:100%; min-height: 640px; background: #000d13; color: #fff; position: relative; top:-200px; z-index: 10; clear: both;} #underp hr{width:100%; height: 2px; background: #525356; border: none;} #underp #unpcont{max-width:1200px; display: flex; margin:auto; padding-top: 230px;} #unpcont #box1, #unpcont #box2{width:47%; min-height: 50px; margin:0 1.5%;} #unpcont h4{font-weight: normal; letter-spacing: 0.12em; color: #fff; font-size: 1.12em;} #unpcont ul{list-style: none; padding: 0px;} #unpcont ul li{margin: 5px 0;} #unpcont ul a {display: inline-block; color: #b9c0cc; padding: 6px 0;} #underp #unpfoot{max-width:1200px; margin:auto;} #underp #unpfoot #foot{height: 120px; padding: 0 25px;} #foot #madeby{float: right; font-size: 0.8em; margin-top: 55px;} #foot #madeby a{color: #fff;} #underp #gfohr{width:100%; height:76px; margin:0; position:absolute; bottom: 0px; background: linear-gradient(180deg, rgba(0,105,156,1) 0%, rgba(107,189,223,1) 100%);} /* others */ .stop_float {border: 0px; padding: 0px; margin: 0px; background: transparent;display: block;clear: right; float: none;} .stop_floatb {border: 0px;background: transparent;display: block;clear: both; float: none;} .hidden {display: none;} /* strankovac */ .paginator_box_bottom {text-align: right;} .catalog_index_pagination{float: none; clear: both; text-align: right;} .paginatorabc{display: block;text-align: right;} .paginator a, .paginator span {display: inline-block; margin-left: 7px; color: #7f7f7f; font-size: 1.15em; font-weight: bold; text-decoration: underline;} .paginator a:hover {} .paginator span {color: #0094be; margin-left: 3px; text-decoration: none;} /* řazení */ aside .img_sort {border: none;background: url(/media/images/spirit.png) transparent no-repeat -63px 0px; margin-left: 9px;width: 19px;height: 12px;} aside #id_catalog_sort_input_up {background-position: -82px -13px;} aside #id_catalog_sort_input_up:hover, aside #id_catalog_sort_input_up.active{background-position: -82px 0px;} aside #id_catalog_sort_input_down {background-position: -63px -13px;} aside #id_catalog_sort_input_down:hover, aside #id_catalog_sort_input_down.active{background-position: -63px 0px;} /* docas */ #ip_statistika{display: none;} /* varianty produktu */ #id_catalog_index_variant,#id_catalog_index_detail{display: flex;} #img_var_product_link{display: block;} #popis_produktu_variant p{color: #000; font-size: 1.3em; margin: 0; padding: 0; line-height: 1.5em;} .varProduct{position: relative; padding: 7px 10px 7px 10px; margin: 15px 0 15px 0; border: 1px solid #5097cf; border-radius: 7px; background: #fff;} .varProduct .varRow2{display: flex; align-items: center; margin: 0; gap: 0 10px;} .varRow2 .urlobrprod{flex: 1; max-width: 100px;} .varRow2 .buyandinfo{display: flex; flex-wrap: wrap; flex: 4; align-items: center; justify-content: flex-end;} .varRow2 .urldetprod{flex:50%; font-size: 1.2em; font-weight: 600; color: #43484d; padding: 27px 0 0 0;} .varRow2 .varinfo{flex:49%; margin: 0 0 0 1%; font-size: 1.1em; color: #007fa8;} .varRow2 .varinfo strong{font-size: 0.9em; color: #c77000;} .varRow2 .varPrice{font-size: 1.1em; font-weight: 600; color: #43484d; margin: 0 15px 0 0;} .varRow2 .buy_number{} .varRow2 .buyandinfo .byu{width: 100%; display: flex; margin: 15px 0 0 0; flex-wrap: wrap; align-items: center; justify-content: flex-end;} .varProduct .varRow2 .buy_count{margin: 0 10px 0 27px;} .varRow2 .countt .quant-plus{top: 0;} .varRow2 .countt .quant-minus{top: 25px;} .varRow2 .buy_ico{margin: 0 0 0 10px;} .varRow2 .urlobrprod img{max-width: 100px;} #variant_left{width: 40%; margin: 0 1% 0 0;} #variant_right{width: 58%; margin: 0 0 0 1%;} #id_catalog_index_variant iframe{max-width: 100% !important;} #popis_produktu_variant_mobile{display: none;} #variace .center{text-align: center;} /* detail produktu */ #detleft{width: 50%; margin: 0 2% 0 0;} #detright{width: 48%;} #images_box { margin: 0 2% 15px 0; display: block; border: 1px solid #e1e5ed; padding: 3px; background: #fff;} .poin_box {margin-left: 2%; padding: 0 0 10px 0; display: block;} #ldetail{max-height: 500px; display: flex; justify-content: center; align-items: center; position: relative;} #sdetails{width:100%; height: 160px;position: relative; overflow-x: scroll;} #sbox{height: auto; width: max-content; position: absolute; display: inline-block;} .var_akce,.var_sleva{display: inline-block; position: absolute; top: 10px; left: -1px; color: #fff; font-weight:bold; margin: 0; padding: 3px 10px;} .var_sleva{color: #eaeaea; top: 30px; left: -1px; text-shadow: 1px 1px 1px #000,-1px 0px 1px #000, 0 0 8px #000;} #id_catalog_index_detail_action{display: inline-block; color: #000;} #id_catalog_index_detail_data #action_title{display: inline-block; font-size: 1.2em; margin: 0; padding: 3px 10px;} #id_catalog_index_detail_data .bazar, .varProduct .bazar{background: #721b8e; color: #fff; border-radius: 5px; } #id_catalog_index_detail_data .super, .varProduct .super{background: #2952d9; color: #fff; border-radius: 5px;} #id_catalog_index_detail_data .novinka, .varProduct .novinka{background: #e1e13c; border-radius: 5px;} #id_catalog_index_detail_data .vyprodej, .varProduct .vyprodej{background: #a48b37; color: #fff; border-radius: 5px;} #id_catalog_index_detail_data .akce, .varProduct .akce{background: #d33030; color: #fff; border-radius: 5px;} [id^="popis_produktu_hlavni"] p,[id^="popis_produktu_hlavni"] ul, [id^="popis_produktu_hlavni"] div, .product_des_blok ul,.product_des_blok p,#action_des{color: #000; font-size: 1.2em; margin: 0; padding: 0 15px 0 0; line-height: 1.5em;} [id^="popis_produktu_hlavni"] hr{width: 92%; height: 2px; border:none; background: #aaafb4;} [id^="popis_produktu_hlavni"] iframe{display: block; width: 100%; min-height: 200px;} [id^="popis_produktu_hlavni"]{text-align: justify; display: block; margin: 15px 0;} #id_catalog_index_detail ul,#id_catalog_index_variant ul{padding-left: 20px;} #images_box a{border: none; display: block; text-align: center;} #img_detail_product{max-width: 100%;} img.lardet{width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative; top: 0; bottom: 0; left: 0; right: 0; border: none; margin: auto;} #images_box .smaldet{width: 125px; height: 125px; display: flex; justify-content: center; align-items: center; position: relative; float: left; margin: 7px 5px; border: 1px solid #4bb3d1; -webkit-box-shadow: 0px 0px 8px -2px rgba(0,148,190,1);-moz-box-shadow: 0px 0px 8px -2px rgba(0,148,190,1);box-shadow: 0px 0px 8px -2px rgba(0,148,190,1);} #images_box .smaldet img{width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: none; margin: auto; padding: 3px;} #images_box a img{width: 100%; border: none;} .my-gallery figcaption {display: none;} .my-gallery figure:not(:first-child){display: inline-block; float: left; border: 1px solid #00699d; margin: 5px;} #id_catalog_index_detail_data .cl_1, #id_catalog_index_detail_data .cl_2 {display: block;} #id_catalog_index_detail_data .cl_1 p[class^=dostup],#cen_box #cl_sleva strong{font-size: 1.3em; color: #0094be; font-weight: bold;} #id_catalog_index_detail_data .cl_1 p, #id_catalog_index_detail_data .cl_2 p {} #id_catalog_index_detail_basket_item {display: block;} #id_catalog_index_detail_basket_item .buy_count, .souviszb .basket .buy_count, .varRow .buy_count, .varRow2 .buy_count {width: 50px; height: 50px; display: inline; border: 1px solid #5097cf; padding: 3px 5px; margin: 15px 10px 0 27px; text-align: center; background: #f6f6f6; box-sizing: border-box} .countt .quant-plus, .countt .quant-minus{font-size: 1.3em; font-weight: bold; display: inline-block; box-sizing: border-box; text-align:center; top:15px; left:1px; position: absolute; cursor:pointer; width: 27px; height: 25px; border: solid 1px #5097cf; background: #f6f6f6; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} .countt .quant-minus{top: 40px; border-top: none;} .countt{position: relative;} tbody .countt{position: relative; display: inline-block;} tbody .countt .quant-plus, tbody .countt .quant-minus{top:0px; left: -27px; position: absolute; cursor:pointer; width: 27px; height: 25px; border: solid 1px #acacac;} tbody .countt .quant-minus{top: 25px; border-top: none;} .countt .quant-plus:hover, .countt .quant-minus:hover{color: #00699d;} #cen_box #cl_sleva {font-size: 1.2em;} #cl_cena p{margin:0;} .bezdph strong{color: #c77000;} #cl_cena .sdph .vascena {font-size: 1.2em; display: block; margin: 7px 0 0 0;} #cl_cena .sdph .velcen{font-size: 2em; color: #2e3033;} .katCena{font-weight: 400; font-size: 0.8em; position: relative; color: #777777;} .katCena:before {position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid #000; border-color: inherit; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg);} .docum{margin: 0 7px;} .product_des_blok {margin: 7px 0 7px 0px; padding: 0; padding: 7px; border-radius: 10px; background: #ececec;} .product_des_blok span.title_item {display: block; border-bottom: 1px dotted #2e2e2c;margin-top: 15px;margin-bottom: 5px;} .souviszb {display:block; margin: 10px 0;} .souviszb table, .product_des_blok_table table{width: 100%; margin: auto;} .soucImg img{max-width: 50px; max-height: 70px;} .souviszb table .product a, .product_des_blok_table table .product_component a, .docum a{color: #0094be; text-decoration: underline;} .souviszb .basket .buy_count{margin: 0 15px; padding: 0;} .souviszb .basket .buy_small{cursor: pointer;} .buy_ico, #facebox #basket_item_seli, #facebox #basket_item_sel_next, #facebox #basket_item_show, #facebox #basket_item_drop, .facebox .submit_span,#basket_item_modify .submit_span{background: #00699d; border: 1px solid #287621; border-radius: 10px; color:#fff; text-decoration: none; margin-top: 10px; text-align: center; padding: 5px 10px; text-transform: uppercase; display: inline-block;} .buy_ico img {border: 0px;} .nofloat {float: none;clear: right;} .catalog_title_print{margin-top: 15px; color: #0094be; text-decoration: none; display: inline-block;} .catalog_title_print span{font-size: 1.1em; margin-left: 10px; position:relative; top: 5px;} .catalog_title_print #imgpri{width: 38px; height: 30px; display: inline-block; vertical-align: middle;} /* tabulka variant */ #variace, #id_basket_table {width: 99%; margin: auto; border: 0px; background: transparent; border-collapse: collapse; margin-top: 20px;} #variace tbody td, #id_basket_table tbody td{padding-top: 5px;} #variace tr .product a {color: #000;font-weight: bold;} #variace .xsym{display: inline;} #variace .pricedph {color: #b43e01;} #variace .buy_count{margin:0; padding: 0;} #variace td a {color: #000; font-size:1.1em; text-decoration:underline;} #variace .buy_ico {color: #fff; margin: 0 0 0 15px;} #variace thead{padding-top: 5px; padding-bottom: 5px; font-weight: normal;} #drobecky {font-size: 1.2em; display: block; margin-bottom: 25px;} #drobecky a, #drobecky span{text-decoration: none; margin-left: 5px;} #drobecky a{vertical-align: bottom; color:#0094be;} /* formulare */ #registration{padding: 10px 15px;} #registration #info{padding: 5px 0; margin:0 0 7px 0; background: #d6eeff; color:#f90; text-align: center; font-weight: bold; border-radius: 7px; text-shadow: 1px 1px #000;} form .box_div button {border: 1px solid #31302e; padding: 3px;cursor: pointer;margin-right: 10px;} form .box_div {border: #000 solid 1px; background: #ebfefe; margin-top: 20px; padding: 10px;} .form_dph{display:inline;} form .box_div label {display: inline-block; width: 160px; text-align: right; margin-right: 20px;} form .box_div input, form .box_div select, form .box_div textarea {margin-left: 1px;} form .box_div textarea {width: 400px;} form .formstar {color: red; font-size: 20px;} /* dalsi */ .img_n a {border: 0px;} .img_n a img {border: none;} /* nákupní košík */ #id_basket_table tbody tr td.item_product a {color: #97bb09;font-size: 11px;display: block;text-decoration: none;margin: 5px;} /* kontaktní formulář */ #dotazF{width: 100%; text-align: left; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; background: rgba(40,40,40,0.5); z-index: 1001;} #dotazF form{position: relative; max-width: 1100px; padding: 35px; box-sizing: border-box; margin: 30px auto 60px auto; background: #fff; border: 2px solid #0b81bc; border-radius: 15px;} #dotazF h2{font-size: 2.2em; margin: 0 3% 10px 3%;} #dotazF p.capt{font-size: 1.7em; margin: 0 3% 40px 3%;} body.frmscroll{overflow-y: hidden;} #dotazF input, #dotazF select, #dotazF textarea{width: 100%; font-size: 1.1em; border: 2px solid #dcdcdc; border-radius: 7px; box-sizing: border-box; padding: 3px 15px;} #dotazF input{width: 65%; height: 40px;} #dotazF label{width: 100%; margin: 7px 0; font-weight: 500; font-size: 1.2em; display: inline-block; text-align: left;} #dotazF textarea{height: 150px;} #dotazF input.inEmpt{border: 2px solid #fe341d;} #dotazF p.wrongIpt{color: #fe341d; margin: 0px;} /* POPTAVKOVY FORMULAR V KONTAKTECH */ #poptavkaObjK{max-width: 1100px; position: inherit; display: block; text-align: left;} #poptavkaObjK .btn-close{display: none;} #poptavkaObjK h2{font-size: 2.2em; margin: 0 3% 10px 3%;} #poptavkaObjK p.capt{font-size: 1.7em; margin: 0 3% 40px 3%;} /*facebox*/ #facebox .b {background:url(/media/images/b.png);} #facebox .tl {background:url(/media/images/tl.png);} #facebox .tr {background:url(/media/images/tr.png);} #facebox .bl {background:url(/media/images/bl.png);} #facebox .br {background:url(/media/images/br.png);} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox .popup {position: relative;} #facebox table {border-collapse: collapse;} #facebox td {border-bottom: 0;padding: 0;} #facebox .body {padding: 10px;background: #fff;width: 370px;padding-top: 20px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0;margin: 0;} #facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} #facebox fieldset {border: none;padding: 0px; padding-top: 20px; font-size: 0.8em;} #facebox #basket_item_seli, #facebox #basket_item_sel_next, #facebox #basket_item_show, #facebox #basket_item_drop{float:right; margin-left: 10px; cursor: pointer;} #facebox #basket_productsel{margin-top: 10px;} #facebox fieldset p {display: block; margin: 0px;padding: 0px; text-align: left;} #facebox fieldset p.basket_item {display: block;width: 100px;float: left;color: #0094be;text-align: right;} #facebox fieldset p.nofloat {float: none;clear: right;} #facebox fieldset #basket_item_next{float: left;display: block;background: #c0c0c0;border: 1px solid #1d1c1c;margin: 3px;padding: 4px;width: 120px;text-align: center;color: #000;} #facebox fieldset a {color:#fff; text-decoration: none;} #facebox fieldset #basket_item_next, #facebox fieldset .hidden {display: none;} /* produkty v hlavicce */ .head_product {font-family: Tahoma; display: block;font-size: 10px;text-decoration: none;color: #000;padding: 10px 20px;margin-bottom: 10px;height: 40px;} .head_product img {height: 50px;border: 0px;float: left;margin-right: 10px;} .head_product span {display: block;text-align: left;width: 230px;} .head_product .mena_kod {width: 15px;float: right;font-size: 12px;} .head_product span.cena {float: right;line-height: 40px;width: 80px;display: block;text-align: right;vertical-align: middle;font-size: 12px;font-weight: bold;color: #9d2e18;margin-left: 10px;} .head_product span.name {font-size: 11px;font-weight: bold;} .box_head {display: block;text-align: left;padding-left: 15px;padding-top: 7px;color: #9da171;font-size: 12px;} /* vyhledavaci policko */ #fultext_search form {display: block;text-align: center;} #fultext_search label{position: relative;left: 22px;top: -4px;font-size: 12px;} #fultext_search label .skryte{position: absolute;top: 7px;left: 109px;font-size: 9px;width: 50px;display: block;} #fultext_search label .skryte input {float: right;} #user_account_customer div div, #user_account_subject div div {display: block; width: 100%;} .box_div_check p, #user_account_customer p, #user_account_subject p {margin: 0px;padding: 0px;} .box_div_check .label, #user_account_customer label, #user_account_subject label {display: inline-block;width: 140px;} .box_div_check .value, #user_account_customer .value, #user_account_subject .value {display: inline-block; font-weight: bold;} .box_div_check .nofloat, #user_account_customer .nofloat, #user_account_subject .nofloat {float: none;clear: right;display: block;width: 90%;height: 5px;} #registration input[type=submit], #user_reg_box input[type=submit], #addr_item_form_box button, #id_order_form_submit,#id_reg_but_user,#id_reg_but_company{border: none; color: #fff; padding: 7px 15px; border: #00699d 1px solid; border-radius: 10px; text-transform:uppercase; background: #0094be; float: right; margin-right: 10px;} #id_reg_but_user,#id_reg_but_company{float: none;} /* login box ve stránce */ .false{display: block;padding: 4px;background: red;color: #fff;font-weight: bold;margin-bottom: 15px;} .true{display: block;padding: 4px;background: green;color: #fff;font-weight: bold;margin-bottom: 15px;} #id_login_index_main .false p {padding: 0px;margin: 0px;} #id_login_index_main_box {display: block; border: 0px; padding: 15px;} .login_index_main_box_title {color: #99be03;} /* label */ div#id_login_index_main label {float:left;text-align:right;font-weight:normal;width:85px;padding-right:2px;margin-top:2px;margin-bottom:2px;margin-right:0px;margin-left:0px;color:#626262;} #resetpass_form label {float:left;text-align:right;font-weight:normal;width:185px;padding-right:2px;margin-top:2px;margin-bottom:2px;margin-right:0px;margin-left:0px;color:#626262;} /* input */ div#id_login_index_main input {width:100px;margin-top:2px;margin-bottom:2px;margin-right:0px;margin-left:0px;border:1px solid #C9CDD0;} #resetpass_form input {width:150px; box-sizing: border-box; margin: 2px 2px 0 0; padding: 3px; border:1px solid #C9CDD0;} /* box formulare */ div#id_login_index_main_box {position:relative;margin-left:25%;margin-right:25%;} /* titulek boxu*/ /* submit */ div#id_login_index_main #id_login_index_item_submit {border:none;} /* registrace */ #id_reg_but_company {float: right;position: relative;top: -24px;} .formstar {font-size: 18px; margin: 2px;} #user_account_box {position: relative;} #user_account_box ul {float: none;clear: right;margin-bottom: 0px;display: block;height: 25px;position: relative;left: -30px;} #user_account_box ul li {display: block;float: left;margin: 0px 6px 10px 0px; background: #0094be; border: #00699d 1px solid; border-radius: 10px; color: #fff;} #user_account_box ul li a {text-decoration: none;float:left;display: block;padding: 5px 10px;color: #fff;} #contact_item a, #addr_item a{color: #0094be;} /* objednávka krok 2/3*/ #id_order_table_product {width: 100%;background: #1c1c1b;border: none;border: 1px solid #414040;margin-bottom: 15px;} #id_order_table_product td {padding: 2px;} #id_order_table_product .price, #id_order_table_product .pricetotal{text-align: right;padding-right: 30px;} #id_order_table_product th {background: #131312;padding: 3px;} /* action menu */ #action_menu ul {margin-top: 5px;margin-bottom: 5px;} #action_menu img {margin-right: 11px;} h3.underline {position: relative; top: -20px;} #ap_zobrazeni_cont label{display: inline-block; margin-right: 5px;} #ap_zobrazeni_cont select{font-size: 1em; padding: 0.5em; border-radius: 7px 7px 0 0;} #ap_zalozky .zalozka{float: left; width: auto; background: #151515; color: #cdcdcd; margin-left: 4px; border-top: 1;} #ap_zalozky .zalozka a {display: block;padding: 6px 20px;color: #767676;text-decoration: none;font-size: 0.8em;letter-spacing: 0.03em;} #ap_zalozky .aktive a{color: #97bc03;} aside .zalozka_content{display: inline-block; margin-bottom: 10px; padding: 10px; min-height: 145px; text-transform:uppercase;} /* navigace - tlacitka formulare */ .nspol{float:left; margin:3px 0; width: 100%; height: 27px; overflow: hidden; border: #006090 1px solid; border-radius: 15px; background: url(/media/images/select.png) #0094be no-repeat 96% -1px;} div#id_catalog_submit_box {padding:0px 0px; margin:3px 0px; float: right;} #id_catalog_submit_box input,.sbt-btn, #id_catalog_submit_box #id_catalog_submit_send{color: #fff; background:#0094be; font-family: Tahoma; font-size: 0.9em; border-radius: 10px; border: #00699d 1px solid; padding: 5px 12px; cursor: pointer; margin: 3px; text-shadow: 1px 1px 3px #000;} #id_catalog_submit_box #id_catalog_submit_send{text-transform: none; text-decoration: none;} .zalozka_content .ap_content_type{margin-left: 60px;} .zalozka_content select{width: 100%; height: 28px; margin: 0px 16px 0px 8px; padding: 0 5px; font-size: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none;background: transparent; border: none;} aside .fleft {float: left;} aside .fright {float: right;} aside #ap_hledani_cont {width: 90%;} /* test menu akcí horizontálně */ #action_menu_hr {position: absolute;right: 10px;bottom: 0px;z-index: 50;} #action_menu_hr ul {padding: 0px;margin: 0px;} #action_menu_hr li {display: inline-block;margin-right: 10px;} #action_menu_hr li a {color: #a4a4a4;font-size: 11px;text-decoration: none;} #action_menu_hr li img {position: relative;top: 3px;} .zmen_menu_box span {font-size: 12px;color: #98bd04;margin: 10px;} .zmen_menu_box button {font-size: 12px;color: #98bd04;background: #131312;border: 1px solid #000;margin: 10px;} .zmen_menu_box select {margin-left: 10px;margin-top: 10px;width: 85%;} .order_box, #id_order_summary_box .box {border: 1px solid #414040; padding: 10px; margin-bottom: 10px;} .order_box .order_box_title {display: block;font-size: 13px;} #id_order_summary_box .box div {display: block;height: 20px;} #id_order_summary_box .box div label {float: left;display: inline-block;margin-right: 100px;width: 120px;text-align: right;} #id_m_write_box_form di {height: 26px;} #id_m_write_box_form label{display: block;width: 150px;text-align: right;padding: 5px;padding-right: 10px;float: left;} #id_m_write_box_form input, #id_m_write_box_form textarea {margin-left: 10px;width: 300px;padding: 5px;} /* infobox */ #dhtmltooltip{position: absolute;width: 150px;border: 2px solid #CBCCCE;padding: 2px;background-color: #F4F4F4;z-index: 100;text-align:justify;} #dhtmltooltip h5{margin: 0px 0px;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:3px;background-color:#C6C6D6;color:#013f08;font-weight:bold;} #dhtmltooltip div {margin: 0px 0px;padding: 0px 0px;} /* error 404 */ div#id_page404_box {padding:3px;} /* hlavni box filtru znacek */ div#id_action_mark {float:left;width:515px;margin:3px 0px;padding:2px 0px;border-bottom:1px solid #CBCCCE;} div#id_action_mark span {color:#4D5F72;font-weight:bold;font-size:11px;padding-right:3px;} div#id_action_mark input {border:none;} /* znacka view */ #znacview .znacka{width: 30%; float: left;} #znacview .znacka a{color: #0094be; font-size: 1.2em;} #znacview .znacka img{width: 100px; vertical-align: middle; } .img_prodej{max-width: 100%; border-radius: 10px;} .se-pre-con{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.85); border-radius: 13px;} .loadAnim{} .ringAnim{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:transparent;border:3px solid #101010;border-radius:50%;text-align:center;line-height:150px;font-family:sans-serif; font-size:20px; color:var(--animCircleColor); letter-spacing:4px; text-transform:uppercase; text-shadow:0 0 10px var(--animCircleColor); box-shadow:0 0 20px rgba(1,148,191,.85);} .ringAnim:before{content:'';position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--animCircleColor);border-right:3px solid var(--animCircleColor);border-radius:50%;animation:animateC 2s linear infinite;} .ringAnim span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite;} .ringAnim span:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--animCircleColor);top:-6px;right:-8px;box-shadow:0 0 20px var(--animCircleColor);} @keyframes animateC{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} @keyframes animate{0%{transform:rotate(45deg);}100%{transform:rotate(405deg);}} @media (hover: hover) and (pointer: fine) { nav#catmenu #action_list > li:hover:after{content:none;} #catmenu ul.pouzitmenu > li:hover{background: rgba(255,255,255,0.3);} #catmenu ul.pouzitmenu > li:hover > ul{width: 50vw; height: max-content; z-index: 105; display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 37px; left: 0; padding: 15px 0 15px 45px; background: #f3fcff; border: #717777 2px solid;} nav#catmenu .dhtmlgoodies_tree > li:hover{background:#0194bf;} nav#catmenu .dhtmlgoodies_tree > li:hover:after{content: ""; width: 40px; height: 40px; background: url(/media/svg/caret-right-blue.svg) no-repeat; z-index: 113; display:block; position: absolute; top: 0; right: -18px;} nav#catmenu .dhtmlgoodies_tree > li:hover > ul{width: 61.5vw; height: max-content; display: flex; flex-wrap: wrap; align-items: center; position: absolute; bottom: -50%; top: -50%; left: 310px; padding: 15px 0 15px 25px; background: #f3fcff; border: #717777 2px solid; } @media screen and (max-width: 1500px){ nav#catmenu .dhtmlgoodies_tree > li:hover > ul{width: 65vw;} } @media screen and (max-width: 1299px){ #catmenu ul.pouzitmenu > li:hover > ul{width: 75vw; padding: 15px 0 15px 5px} } @media screen and (max-width: 960px){ nav#catmenu .dhtmlgoodies_tree > li:hover > ul{width: 600px;} } @media screen and (max-width: 935px){ nav#catmenu .dhtmlgoodies_tree > li:hover > ul,#catmenu ul.pouzitmenu > li:hover > ul{width: 100%; height: max-content; display: block; flex-wrap: wrap; align-items: center; position: initial; bottom: 0; top: 0; left: 0; padding: 0; background: none; border: none;} #catmenu ul.pouzitmenu > li:hover{background: none;} } } @media screen and (max-width: 1500px){ header .mid #logo{margin: 0 0 0 15px;} #underp{min-height: 0; position: initial; top: initial; } #underp #unpcont{padding-top:0;} #underp #gfohr{position: initial;} #container{z-index:auto;} nav#catmenu .dhtmlgoodies_tree li ul li img.skupimg{width: 50px; height: 50px;} nav#catmenu .dhtmlgoodies_tree > li > ul > li{width: 25%;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+5){border-bottom: #e1e2e4 1px solid;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+4){border-bottom:none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:not(:last-child):nth-child(5n+0):after{top:10%; width:1px; height:80%; background:#e1e2e4;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-child(4n+0):after{top:0%; width:0; height:0; background:none;} } @media screen and (max-width: 1299px){ #catmenu ul.pouzitmenu > li > ul > li img{width: 50px;} #kont-fotogal .kont-foto{width: 32%;} } @media screen and (max-width: 1212px){ .varRow2 .varPrice{width: 100%; text-align:right;} } @media screen and (max-width: 1199px){ #catSubMen .grsubmen{width: 24%;} header #fultext_search input[type="text"]{width: 150px;} #catmenu ul.pouzitmenu{left: 160px; -webkit-transform:translateY(0) translateX(0);} #ap_zobrazeni_cont .asortd span:after, #ap_zobrazeni_cont .sortd span:after{right: 10px;} #ap_zobrazeni_cont .asortd span, #ap_zobrazeni_cont .sortd span{padding: 10px 18% 10px 5%} #sdetails{height: 103px;} #images_box .smaldet{width: 85px; height: 85px;} #detleft{width: 58%;} #detright{width: 40%;} } @media screen and (max-width: 1164px){ #topbar .login_index_box_link a{display: block; margin: 3px 0} } @media screen and (max-width: 1103px){ #ap_zobrazeni_cont{margin: 2px;} #topbar #fruser #uzivlogo_sp{margin: 0 0 0 5px;} #kont-fotogal .kont-foto{width: 49%;} } @media screen and (max-width: 1023px){ nav#catmenu .dhtmlgoodies_tree li ul li img.skupimg{width: 40px; height: 40px;} nav#catmenu .dhtmlgoodies_tree > li > ul > li{width: 33%;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+5),nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+4){border-bottom: #e1e2e4 1px solid;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+3){border-bottom:none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:not(:last-child):nth-child(5n+0):after,nav#catmenu .dhtmlgoodies_tree > li > ul > li:not(:last-child):nth-child(4n+0):after{top:10%; width:1px; height:80%; background:#e1e2e4;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-child(3n+0):after{top:0%; width:0; height:0; background:none;} } @media screen and (max-width: 999px){ #ap_zobrazeni_cont form{flex-wrap: wrap;} #ap_zobrazeni_cont .asortd, #ap_zobrazeni_cont .sortd{flex: 1 0 48%; margin: 5px 3px 0 3px ;} .varRow2 .urlobrprod img{max-width: 50px;} .varRow2 .buyandinfo{flex: 8;} nav#pouzit > ul#upkon{margin: 0 0 0 40px;} } @media screen and (max-width: 935px){ body{background: none;} #midtop{flex-direction: column;} #midtop #slider{margin:0 25px;} #midtop #mainInfo{width: 80%; height: auto; margin: 0 auto;} #container{background: #fff;} #topbar .b_basket_info{margin-left: 5px; font-size: 0.9em;} #ap_zobrazeni_cont .asortd, #ap_zobrazeni_cont .sortd{flex: 1 0 0; margin: 5px 3px 0 3px ;} header{position: relative; z-index:99;} header #kosusr{flex: 4;} #container{min-height: 250px; margin: 0px;} #page.home aside{top:135px;} .opened{position: fixed; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.4);} aside,img#top, #kosik hr.sep_line,header .isq.noni, .nadp2, #basket_level.kos.noni,.hid{display: none;} header #fultext_search .isq input[type="text"]{display: inline; float: left; margin: 15px 0 0 15px; border: 1px #acacac solid; -webkit-box-shadow: 0 0 1em rgba(64,64,64,0.7); -moz-box-shadow: 0 0 1em rgba(64,64,64,0.7); box-shadow: 0 0 1em rgba(64,64,64,0.7);} header .isq{height: 64px; width:290px; z-index: 100; background: #fff; display:block; position: absolute; top: 54px; right: 10px; border: 1px solid #0094be; -webkit-box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); -moz-box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); border-radius: 0px 0px 15px 15px;} header #fultext_search .lupa{visibility: visible; display: inline-block; margin: 5px 10px 0 5px;} header #id_search_query2.openi #id_search_submit{visibility: visible; padding: 5px; margin:17px 5px; float:left; font-size: 0.95em; text-align: center; color: #fff; background: #0094be; border-radius: 10px; border: #00699d 1px solid; display: inline; text-decoration: none;} #uzivlogo2, #kosik_ico2, #menus,#katmenu{visibility: visible; display: inline; margin:0.3em 0 0 0.3em; cursor: pointer;} [id^="popis_produktu_hlavni"]{display: inline-block; margin: 0; padding-top: 0; padding: 0 0 0 10px;} /* RESPONZIVE MENU */ #katmenu{color:#fff; font-weight:bold; text-transform: uppercase; font-size: 1.3em; position: absolute; top:90px; padding: 7px; margin:0 0 0 1em; text-decoration: underline;} #togmenu{width: 24px; height: 24px; color: #fff; fill: currentColor; vertical-align: -5px; margin: 0 7px 0 0;} header .mid #logo{height: 103px; margin: 0 0 0 10px; position: relative; top: -10px;} header .mid #logo img{max-width: 125px;} aside{width: 60%; max-width: 100%; height: auto; margin: 0 auto; position: absolute; z-index: 999; background: #fff; border-radius: 0 0 15px 15px; -webkit-box-shadow: -5px 5px 9px 10px rgba(0,148,190,1); -moz-box-shadow: -5px 5px 9px 10px rgba(0,148,190,1); box-shadow: -5px 5px 9px 10px rgba(0,148,190,1);} nav#catmenu .dhtmlgoodies_tree{width: 100%; margin: 0;} #catmenu ul.pouzitmenu{margin: 0; position: initial; top: initial;left: initial;} nav#catmenu .dhtmlgoodies_tree > li > ul,#catmenu ul.pouzitmenu > li > ul{width: 100%; height: max-content; display: block; flex-wrap: wrap; align-items: center; position: initial; bottom: 0; top: 0; left: 0; padding: 0; background: none; border: none} #catmenu ul.pouzitmenu > li{display: block; border-right: none; position: relative; padding: 0; border-bottom: #fff 1px solid;} nav#catmenu .dhtmlgoodies_tree li img[src$='/media/svg/caret-bottom.svg'], nav#catmenu .dhtmlgoodies_tree li img[src$='/media/svg/caret-right.svg'], nav#catmenu .dhtmlgoodies_tree li img[src$='/media/shop_skin/transbg.gif'],#catmenu ul.pouzitmenu li img[src$='/media/svg/caret-bottom.svg'], #catmenu ul.pouzitmenu li img[src$='/media/svg/caret-right.svg'], #catmenu ul.pouzitmenu li img[src$='/media/shop_skin/transbg.gif']{width: 25px; display: block; position: absolute; top: 10px; right: 15px;} nav#catmenu .dhtmlgoodies_tree ul li img[src$='/media/svg/caret-bottom.svg'], nav#catmenu .dhtmlgoodies_tree ul li img[src$='/media/svg/caret-right.svg'],#catmenu ul.pouzitmenu ul li img[src$='/media/svg/caret-bottom.svg'], #catmenu ul.pouzitmenu ul li img[src$='/media/svg/caret-right.svg']{right: 35px;} nav#catmenu .dhtmlgoodies_tree ul ul li img[src$='/media/svg/caret-bottom.svg'], nav#catmenu .dhtmlgoodies_tree ul ul li img[src$='/media/svg/caret-right.svg'],#catmenu ul.pouzitmenu ul ul li img[src$='/media/svg/caret-bottom.svg'], #catmenu ul.pouzitmenu ul ul li img[src$='/media/svg/caret-right.svg']{right: 35px;} nav#catmenu .dhtmlgoodies_tree > li > a,nav#catmenu .dhtmlgoodies_tree > li > ul > li > a,nav#catmenu .dhtmlgoodies_tree > li > ul li a,#catmenu ul.pouzitmenu > li > a,#catmenu ul.pouzitmenu > li > ul > li > a,#catmenu ul.pouzitmenu > li > ul li a{width: 90%; color: #fff; font-size: 1em; font-weight: 600; text-decoration: none; display: inline-block; padding: 7px 5vw; margin: 5px 0;} nav#catmenu .dhtmlgoodies_tree > li > ul > li,#catmenu ul.pouzitmenu > li > ul > li{width: 100%; height: auto; position: relative; display: block; border-bottom: none; background: none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:nth-last-child(-n+5),#catmenu ul.pouzitmenu > li > ul > li:nth-last-child(-n+4){border-bottom: none;} nav#catmenu .dhtmlgoodies_tree > li > ul > li > a,#catmenu ul.pouzitmenu > li > ul > li > a{height: auto; display:block; color: #fff; font-size: 1em; font-weight: 600; text-decoration: none;} nav#catmenu .dhtmlgoodies_tree ul.aktive_ul{display:block;} nav#catmenu ul li img.skupimg{display: none; height: 33px; width: auto;} nav#catmenu .dhtmlgoodies_tree > li > ul > li:after,nav#catmenu .dhtmlgoodies_tree > li:hover:after,#catmenu ul.pouzitmenu > li > ul > li:after{content:none;} aside nav#catmenu .dhtmlgoodies_tree > li > ul.hid,aside nav#catmenu ul.hid,aside nav#catmenu .dhtmlgoodies_tree > li > ul > li > ul.hid{display:none;} nav#catmenu ul ul,nav#catmenu ul ul ul, nav#catmenu .dhtmlgoodies_tree > li > ul, nav#catmenu .dhtmlgoodies_tree > li > ul > li > ul{display:block;} nav#catmenu .dhtmlgoodies_tree > li > a > img{width: auto; height: 33px; margin: 0 5px 0 0; display:none;} nav#catmenu .dhtmlgoodies_tree:not(#action_list) > li, nav#catmenu .dhtmlgoodies_tree ul{background:none; padding: 0;} nav#catmenu .dhtmlgoodies_tree#action_list > li{padding: 0;} nav#catmenu ul li li a:before{content: '-- ';} nav#catmenu ul li li li a:before{content: '--- '; margin: 0 0 0 2vw;} #login_index_box.uz, #login_index_profil.uz,#basket_level.kos{width:65%; padding:10px 0 20px 0; display:block; background: #fff;position:absolute; top: 0px; left:0px; margin:0px; z-index: 500; border: 1px solid #0094be; -webkit-box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); -moz-box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); box-shadow: 5px 5px 20px 5px rgba(0,148,190,1); border-radius: 0px 0px 15px 0px;} #navigation_list_box_form .navigation_zalozka{width: 100%;} .akt{width: 100%;} .akt img, .akt .empimg{width: 30%;} .akt p{width: 65%;} #catSubMen .grsubmen{width: 24%;} #id_catalog_index_variant{flex-direction: row;} #variant_left{width: 45%;} #variant_right{width: 55%} #popis_produktu_variant_mobile{display: none;} #popis_produktu_variant_f{display: block;} .varRow2 .urlobrprod img{max-width: 100px;} .varRow2 .buyandinfo{flex: 4;} #kont-fotogal .kont-foto{width: 32%;} } @media screen and (max-width: 928px){ header ul{top: 0px;} header ul li{display: block;} nav#pouzit > ul#upkon{margin: 0 0 0 15px;} header #kosusr #basket, header #kosusr #basket_level{width: 100%;} #topbar #fruser #uzivlogo_sp{width: 69px; height: 69px; background-size: 228px; background-position: -156px 0;} #topbar #kosik #bli_sp{width: 69px; height: 69px; background-size: 228px; background-position: -86px 0;} #topbar #login_index_box input{margin: 7px 0 0 7px} } @media screen and (max-width: 884px){ #content {margin: 10px; padding: 15px 0;} #kosik #login_index_box input{margin: 7px 0 0 7px;} } @media screen and (max-width: 804px){ #variace .lter2{display: none;} #id_catalog_submit_box input[type="button"]{display: none;} .nadp2{font-size: 0.95em;} } /*@media screen and (max-width: 798px){ #id_catalog_index_variant{flex-direction: column;} #variant_left,#variant_right{width: 100%;} #popis_produktu_variant_mobile{display: block;} #popis_produktu_variant_f{display: none;} }*/ @media screen and (max-width: 716px){ .buy_ico, #facebox #basket_item_seli, #facebox #basket_item_sel_next, #facebox #basket_item_show, #facebox #basket_item_drop, .facebox .submit_span, #basket_item_modify .submit_span{padding: 10px 5px;} } @media screen and (max-width: 660px){ #ap_zobrazeni_cont .asortd, #ap_zobrazeni_cont .sortd {flex: 1 0 48%;} #id_catalog_index_variant,#id_catalog_index_detail{flex-direction: column;} #variant_left,#variant_right,#detleft,#detright{width: 100%;} #images_box{margin: 0;} #id_catalog_index_detail_data .cl_1 p, #id_catalog_index_detail_data .cl_2 p{margin: 2px 0 0 0;} .zaruka{text-align: right;} .zb_pocet{flex: 1; display: inline-block; margin: 0 15px 0 0;} .catalog_title_print,#id_catalog_index_detail_data .kodProduct,.product_info,.product_info_katCena{display: none;} #exInfo{display: flex; flex-wrap: wrap} .product_des_blok{width: 48%; margin: 7px 1%; padding: 7px; border-radius: 10px; background: #ececec;} .product_des_blok h3{margin: 0 0 7px 0;} #id_catalog_index_detail_data{padding: 7px 10px 7px 10px; margin: 15px 0 15px 0; border: 1px solid #5097cf; border-radius: 7px; background: #fff; position: relative;} #id_catalog_index_detail_data .cl_1 p[class^=dostup],.zaruka{font-size: 1.1em; color: #007fa8; font-weight: normal;} .dostup1,.dostup2{display: inline-block;} .dostup2:before{content:'-'; padding: 0 5px;} #id_catalog_index_detail_data .cl_1{display: flex; align-items: center; justify-content: flex-end} .cl_1 p{flex: 1;} #nakupPanel{display: flex; flex-wrap: wrap; align-items: center;} #nakupPanel .buy_ico{flex:1; height: 40px; margin: 0;} #nakupPanel #cl_cena{flex: 2;} #id_catalog_index_detail_basket_item #nakupPanel .buy_count{margin: 0px 10px 0 27px} #id_catalog_index_detail_action{position: absolute; top: 43px; right:0;} #nakupPanel .countt .quant-plus{top:0px;} #nakupPanel .countt .quant-minus{top:25px;} #cl_cena .sdph .velcen{font-size: 1.5em;} #cen_box #cl_sleva{height: 24px;} #kont-fotogal .kont-foto{width: 49%;} } @media screen and (max-width: 630px){ nav#pouzit > ul#upkon .tel, nav#pouzit > ul#upkon .mail{display:none;} nav#pouzit{flex: 3;} nav#pouzit > ul#upkon > li{margin: 5px 0px;} #registration{padding: 10px 0;} form .box_div input, form .box_div select, form .box_div textarea,#id_m_write_box_form input, #id_m_write_box_form textarea{width:85%;} form .box_div input[type='checkbox'],form .box_div input[type='radio']{width:15px;} form .box_div label,#id_m_write_box_form label{width: 70%; float: none; display:block; text-align: left; font-weight: bold;} form .box_div .frmtin,#user_account_customer label[for='user_index_settings_check']{display:none;} form .box_div #f_dic{width:35%;} form .box_div #uctprdcsl{width: 20%;} form .box_div #csluct{width: 60%} form .box_div p.nofloat{margin:0px;} #videa div a{width: 48%; margin: 5px .9%;} #catSubMen .grsubmen{width: 32%;} #contact_m{display: block;} } @media screen and (max-width: 550px){ header .mid #logo2{width: 100%; display: block; margin: 10px 0 0 0;} #navigation_list_box_form .navigation_zalozka label{display: none;} #navigation_list_box_form{margin-left: 5px;} #id_reg_but_company{float:none; position: static;top:0px; margin: 10px 0 0 0;} #id_catalog_index_detail_data .cl_1 p, #id_catalog_index_detail_data .cl_2 p{margin: 0 0 5px 0;} #user_account_box ul{height: auto;} #user_account_box ul li{height: 25px; float: none;} } @media screen and (max-width: 530px){ #nakupPanel .buy_ico{padding: 5px;} } @media screen and (max-width: 500px){ nav#pouzit{flex: 2;} #foot #madeby{margin-top: 25px;} #underp{min-height: inherit; top: 0px;} #underp #unpcont{padding-top: 0px;} .varRow2 .buyandinfo{flex: 8;} .varRow2 .urlobrprod img{max-width: 50px;} #midtop #slider{margin: 0 5px;} #nakupPanel .jednot{display: none;} } @media screen and (max-width: 450px){ header .mid #logo2{margin: 15px 0 0 0;} #katmenu{margin: 0 0 0 0.5em;} #id_order_summary_box .box div label{width:100px; text-align:left; margin-right:10px;} #underp #unpfoot #foot{padding:5px;} #foot #heren, #foot #madeby{float: none; margin: 0px;} #catSubMen .grsubmen{width: 49%;} #ap_zobrazeni_cont .asortd span, #ap_zobrazeni_cont .sortd span{padding: 10px 23% 10px 5%;} #kont-fotogal .kont-foto{width: 90%;} } @media screen and (max-width: 400px){ aside{min-width: 100%;} nav#pouzit{display: none;} #cl_cena .sdph .velcen{font-size: 1.5em;} .product_des_blok{width: 90%; margin: 7px auto;} } @media screen and (max-width: 370px){ .form_reg_edit #id_upravit{margin: 7px 10px 0 0;} } @media screen and (max-width: 360px){ #catSubMen{gap: 5px 0;} #catSubMen .grsubmen{width: 90%; margin: 0 auto;} header #id_search_query2{right:0px; width: 250px;} header #fultext_search .isq input[type="text"]{width: 170px; margin:15px 0 0 3px;} .varProduct .varRow2 .buy_count{margin: 0 3px 0 27px} #nakupPanel #cl_cena {width: 100%; flex: auto;} }