/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html, body {font-family: Roboto, Sans-serif, Arial; font-size: 1em; padding: 0px; min-width: 360px; scroll-padding-top: 145px !important;}
html {min-height: 100%; margin: 0px; position: relative;}
body {margin: 0px 0px 398px 0px;}
.noscr {overflow-y: hidden; padding-right: 15px;}
div {margin: 0px; padding: 0px;}
menu, dir {margin: 0px; padding: 0px; list-style-type: none;}
a {text-decoration: none; color: inherit;}
a:hover {text-decoration: none; color: #0078C2 !important;}
input:-webkit-autofill {-webkit-box-shadow:0px 0px 0px 50px white inset;}
input[type="text"], input[type="password"], select {border-radius: 3px; border: 1px solid #0078C2; font-size: 1em; line-height: 1.6em; padding: 0px 5px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus {outline: none;}
select {height: 1.6em}
textarea {border-radius: 3px; border: 1px solid #0078C2; font-size: 1em; line-height: 1.6em; padding: 0px 5px;}
input[type="submit"], input[type="button"], button, input[type="reset"], .tlacitko, .button {max-width: 310px; line-height: 25px; font-size: 1em; border-radius: 30px; cursor: pointer;
  /*background: #ff1965 !important; border: 1px solid #ff1965 !important;*/
  color: #ffffff;
  border: 1px solid #009eff;
  background: #009eff; 
  /*background: -webkit-linear-gradient(-45deg, #009eff, #ffffff);
  background: -o-linear-gradient(-45deg, #009eff, #ffffff);
  background: -moz-linear-gradient(-45deg, #009eff, #ffffff);
  background: linear-gradient(-45deg, #009eff, #ffffff);*/
}

.cookie-consent-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    color: black;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
}

.cookie-consent-button {
    border: none;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.cookie-consent-button:hover {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    border: none;
}

.cookie-consent-button:active {
    opacity: .5;
}

.cookie-consent-button.btn-success {
    background-color: #34a853;
    color: #222;
}

.cookie-consent-button.btn-grayscale {
    background-color: #dfe1e5;
    color: black;
}

.cookie-consent-button.btn-outline {
    background-color: #e6f4ea;
    color: #206636;
}

.cookie-consent-options {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.cookie-consent-options label {
    margin: 15px 10px 0px;
    font-size: 14px;
}

.cookie-consent-options input {
    margin: 15px;
    display: inline-block !important;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, input[type="reset"]:hover, .tlacitko:hover, button:hover {
  /*background: #e5004c !important;
  border: 1px solid #e5004c !important;*/
  border: 1px solid #0078C2;
  background: #0078C2;
  /*background: -webkit-linear-gradient(45deg, #009eff, #ffffff);
  background: -o-linear-gradient(45deg, #009eff, #ffffff);
  background: -moz-linear-gradient(45deg, #009eff, #ffffff);
  background: linear-gradient(45deg, #009eff, #ffffff);*/
} 

.tlacitkoadv {max-width: 310px !important; width: calc(50% - 5px) !important; line-height: 45px !important; border-radius: 30px !important; cursor: pointer !important; text-align: center !important; color: #ffffff; font-size: 1.3em !important; margin-left: 5px !important;
  background: #ff1965 !important; border: 1px solid #ff1965 !important;
  /*border: 1px outset #50b300 !important; 
  background: #50b300  !important;
  background: -webkit-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: linear-gradient(-45deg, #7ec621, #50b300) !important;*/
}

.tlacitkoadv:hover {color: #ffffff !important;
  background: #e5004c !important;
  border: 1px solid #e5004c !important;
  /*border: 1px inset #50b300 !important; 
  background: #009eff !important;
  background: -webkit-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: linear-gradient(45deg, #7ec621, #50b300) !important;*/
}

.tlacitkoobj {max-width: 310px !important; /*width: calc(50% - 5px) !important;*/ min-width: 277px; line-height: 45px !important; border-radius: 30px !important; cursor: pointer !important; text-align: center !important; color: #ffffff; font-size: 1.3em !important; margin-left: 5px !important;
  background: #EE174B !important; border: 1px solid #EE174B !important;
  /*border: 1px outset #50b300 !important; 
  background: #50b300  !important;
  background: -webkit-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: linear-gradient(-45deg, #7ec621, #50b300) !important;*/
}

.tlacitkoobj:hover {color: #ffffff !important;                                  
  background: #ED2E5D !important;                         
  border: 1px solid #ED2E5D !important;
  /*border: 1px inset #50b300 !important; 
  background: #009eff !important;
  background: -webkit-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(45deg, #7ec621, #50b300) !important;
  background: linear-gradient(45deg, #7ec621, #50b300) !important;*/
}

.tlacitkostd {line-height: 40px; display: block; color: #ffffff !important; text-align: center; background: #009eff; max-width: 310px; border-radius: 30px;}
.tlacitkostd:hover {color: #ffffff !important; background: #0078C2;}

input[type="radio"] {display: none;}
input[type="radio"] + label {background: url('/img/ikony/radiotl_off.png') left center no-repeat; padding: 2px 0px 0px 28px; margin-right: 2px;}
input[type="radio"]:checked + label {background: url('/img/ikony/radiotl_on.png') left center no-repeat;}

input[type="radio"] + .labeled {background: url('/img/ikony/radiotl_off.png') center bottom no-repeat; padding: 0px 0px 30px 0px; margin-right: 10px; margin-top: 10px; display: inline-block; text-align: center; line-height: 1em; font-size: 1em; vertical-align: bottom;} 
input[type="radio"]:checked + .labeled {background: url('/img/ikony/radiotl_on.png') center bottom no-repeat;}  

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {background: url('/img/ikony/chkbox_off.png') left center no-repeat; padding: 4px 0px 0px 28px; margin-right: 2px;}
input[type="checkbox"]:checked + label {background: url('/img/ikony/chkbox_on.png') left center no-repeat;}

input[type="checkbox"] + .labeled {background: url('/img/ikony/chkbox_off.png') center bottom no-repeat; padding: 0px 0px 30px 0px; margin-right: 10px; margin-top: 10px; display: inline-block; text-align: center; line-height: 1em; font-size: 0.9em;} 
input[type="checkbox"]:checked + .labeled {background: url('/img/ikony/chkbox_on.png') center bottom no-repeat;}   
 

img, canvas, video, svg {
  max-width: 100%;
  height: auto;
}

.centrovany {max-width: 1200px; margin: 0px auto; padding: 0px 5px; position: relative;}
.fltr {float: right;}
.fltl {float: left !important;}
.cltl {clear: left;}
.cntr {margin: 0px auto !important; display: block;}
.lp5 {padding-left: 5px;}
.lp10 {padding-left: 10px;}
.lm10 {margin-left: 10px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pt30 {padding-top: 30px !important;}
.pr10 {padding: 0px 0px 10px 0px;}
.ph20 {padding: 20px 0px;}
.pv20 {padding: 0px 20px;}
.dispnone {display: none !important;}
.dispnoneni {display: none;}
.dispnonesol {display: none !important;}
.dispinlineb {display: inline-block;}
.dispib {display: inline-block;}
.dispi {display: inline;}
.dispb {display: block;}
.dispf {display: flex;}
.fg1 {flex-grow: 1;}
.fg2 {flex-grow: 2;}
.fg10 {flex-grow: 10;}
.v80 {height: 100px; display: block; padding: 10px 0px;}
.v100 {height: 100px; display: block; margin: 10px 0px;}
.v200 {height: 200px; display: block; margin: 10px 0px;}
.s33 {width: 33.3%; display: block; min-width: 236px;}
.s50 {width: 50%; display: block;}
.s310 {width: 310px;}
.w50 {width: 50%;}
.h90 {height: 105px !important;}
.h220 {height: 220px;}
.lh1 {line-height: 1em !important;}
.lh15 {line-height: 1.5em;}
.lh18 {line-height: 1.8em;}
.hlavicka {font-size: 1.8em; font-weight: normal;}
.hlavicka2 {font-size: 1.1em; color: #0078C2;}
.hlavicka3 {font-size: 1em; color: #0078C2;}
.mt0 {margin: 0px;}
.m0i {margin: 0px !important;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt35 {margin-top: 35px;}
.mt50 {margin-top: 50px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mh5 {margin: 5px 0px;}
.mh10 {margin: 10px 0px;}
.mv10 {margin: 0px 10px;}
.m10 {margin: 10px;}
.zi90 {z-index: 3;}
.ul {padding-inline-start: 25px; list-style-type: disc; line-height: 1.5em;}
h3 {font-weight: normal;}
.br10 {border-radius: 10px;}
.bshg {-webkit-box-shadow: 2px 4px 9px grey; box-shadow: 2px 4px 9px grey;}
.strtext {text-align: center;}
.zelena {color: green;}
.cervena {color: red;}
.seda {color: #737373;}
.bila {color: #ffffff;}
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.vinova {color: #a90533;}
.pismo1 {font-size: 1em;}
.pismo12 {font-size: 1.2em;}
.pismo2 {font-size: 2em;}
.pismo15 {font-size: 1.5em;}
.pismo16 {font-size: 1.6em;}
.pismo08 {font-size: 0.8em;}
.pismo09 {font-size: 0.9em;}
.fw700 {font-weight: 700 !important;}
.nohov:hover {text-decoration: none; color: unset !important;}
.tlzpet {background: url('/img/ikony/zpet.png') center center no-repeat; width: 50px; height: 50px; margin: 10px 5px; cursor: pointer;}
.carah {border-top: 1px solid #0078C2; overflow: hidden;}
.carad {border-bottom: 1px solid #0078C2; overflow: hidden;}
.caradm {border-bottom: 1px solid #0078C2;}
.carads {border-bottom: 1px solid #0078C2; overflow: hidden;}
#pracuji {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) url('/img/ikony/pracuji.gif') center center no-repeat; background-size: 50px; z-index: 99; opacity: 0.88;}
#pracujim {left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) url('/img/ikony/pracuji.gif') center 20px no-repeat; background-size: 50px; z-index: 99; opacity: 0.88; font-size: 1.5em; color: #ffffff; text-align: center; padding-top: 75px;}
.pracujip {background: url('/img/ikony/pracuji.gif') left center no-repeat; background-size: 15px;}
.varovani {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99;}
.varovani .varovanipoz {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; opacity: 0.88;}
.varovani .hlaska {display: table; margin: 200px auto 0px; background: #ffffff; border: none; border-radius: 5px; position: relative; text-align: center; padding: 20px 30px;}
.varovani input {margin: 10px auto 0px; display: block; width: 150px;}
.popup {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99;}
.popup .popuppoz {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; opacity: 0.88;}
.popup .hlaska {display: table; margin: 200px auto 0px; background: #ffffff; border: none; border-radius: 5px; position: relative; text-align: center; padding: 20px 30px;}
.popup .hlaska .text {margin-bottom: 20px;}
.popup .hlaska input {max-width: 310px !important; width: 100% !important; line-height: 45px !important;}
.watchmfl {width: 100%;}
.watchmfl button {width: 100px; height: 50px; border: 0px;}
.bggreen {background-color: green;}
.bgred {background-color: red;}
.zlpoz {background-color: #FFCC33;}
.vam {vertical-align: middle;}
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.tal {text-align: left;}
.w100 {width: 100%;}
.w10050 {width: calc(100% - 55px)}
.tar {text-align: right !important;}
.modra {color: #0078C2;}
.anchc {color: #0085d6;}
.tdu {text-decoration: underline;}
.hinline h3 {display: inline; font-size: 1em;}

.curp {cursor: pointer !important;}
.asbspr0 {position: absolute; left: 50%;  transform: translate(-50%, 0%);}
.abspozr00 {position: absolute; right: 0px; top: 0px;}
.abspozr10 {position: absolute; right: 10px; top: 10px;}
.abspozr50 {position: absolute; right: 50px; top: 10px;}
.abspozr55 {position: absolute; right: 95px; top: 40px;}
.relpoz {position: relative;}
.minh140 {min-height: 160px;}
.ok {background: url('/img/ikony/ano.png') left center no-repeat; padding-left: 28px;}
.ko {background: url('/img/ikony/ne.png') left center no-repeat; padding-left: 28px;}

.horni {position: fixed; width: 100%; top: 0px; z-index: 5;
  background: #ffffff;
  /*background: -webkit-linear-gradient(180deg, #91def1 , #ffffff);
  background: -o-linear-gradient(180deg, #91def1, #ffffff);
  background: -moz-linear-gradient(180deg, #91def1, #ffffff);
  background: linear-gradient(180deg, #91def1, #ffffff);*/
}

#scrollup {  
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: url('/img/ikony/scrollup.png') center center no-repeat;
  cursor: pointer;
  width: 50px;
  height: 50px;
  animation-duration: 1s;
  animation-name: slide-in; 
  }
  
@keyframes slide-in {
  from { 
    bottom: 80px;
    scale: 100% 1;
  }

  to {            
    bottom: 20px;
    scale: 100% 1;
  }
}  

#scrollup:hover {
  background-color: #555;
}



.ban {width: 100%; height: 200px; display: flex; gap: 20px; box-sizing: content-box; margin: 40px 0px 30px 0px;}
.ban div {flex: 1; position: relative;}
.ban div span {display: block;}
.ban h2 {margin: 0px; font-weight: 700;}
 div .tl {position: absolute; top: 10px; left: 20px;}
.ban div .col {color: #EE174B;}
.ban1 {background: url('/img/banery/levnejsi.png') center center no-repeat;}
.ban2 {background: url('/img/banery/barevnejsi.png') center center no-repeat;}
.ban3 {background: url('/img/banery/spolehlivejsi.png') center center no-repeat;}

.stin {box-shadow: 0px 0px 20px #dedede;}
.bezstinu {box-shadow: none;}
.hornimenu {background: #013164; color: #ffffff; height: 37px; font-size: 0.9em; z-index: 5; position: relative;}
.hornimenu a {text-decoration: none; display: inline-block; vertical-align: top;}
.hornimenu a:hover {color: #ffffff !important;}
.hornimenu .domu {margin: 6px 6px 0px 0px;}
.hornimenu p {margin: 5px 6px;}
.hornimenu .ok800 {display: none;}
.hornimenu .padaci {position: relative; z-index: 5; margin-left: 20px;}
.hornimenu .padaci:hover > .padaciobsah, .hornimenu .padaci:active > .padaciobsah {display: block !important;}
.hornimenu .jmeno {margin: 8px 0px 7px; display: inline-block; cursor: pointer;}
.hornimenu .padaciobsah {position: absolute; background: #ffffff; left: -5px; padding: 5px; text-align: left; min-width: 100%; border: 1px solid #013164; border-top: 4px solid #013164; border-radius: 0px 0px 3px 3px; color: #000000;}
.hornimenu .padaciobsah span {white-space: nowrap;}
.hornimenu .padaciobsah a {display: block; white-space: nowrap; margin: 5px 0px;}
.hornimenu .padaciobsah a:hover {color: black !important;}
.hornimenu .padaciobsah input {margin: 3px 0px;}

.menulab {width: 30px; height: 30px; background: url('/img/ikony/menu.png') center center no-repeat; display: block; margin: 3px 0px 0px 10px;}
.menupol {display: none; position: absolute; left: 0px; width: 100%; z-index: 101; top: 37px;}
.menupol a {font-size: 1em; line-height: 1.5em; border-bottom: 1px solid #dedede; width: 100%; display: block; background: #ebebeb; padding: 10px 20px; color: black;}
.menuinp:checked + .menupol {display: block;}
.menuinp:checked ~ .menulab {background: url('/img/ikony/menuclose.png') center center no-repeat;}

.select{
  height:150px;
  overflow-y:scroll;
  padding:0px;
  margin:0px;
  cursor:pointer;
  list-style-type: none !important;
  padding-left: 15px !important;  
}

.select:hover{
  
}

.select li{
  height:30px;
  line-height:20px;
  padding-left:5px;
  list-style-type: none !important;  
}

.select li:hover{

}

.select li a{
  text-decoration:none;
  color:#000000;
  font-family:calibri;
}

.sselect li:first-child a:after{
  content:' ';
  background-image: url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/down4-24.png');
  background-size:16px 16px;
  background-position:center center;
  background-repeat:no-repeat;
  float:right;
  height:20px;
  width:20px;
  text-align:center;
  line-height:20px;
}

.faq h3 {margin-bottom: 5px;}
.faq p {margin-top: 5px;}


.logo {max-width: 368px; height: 70px; margin: 5px 5px; display: inline-block; width: 100%;}
.logo a {display: block;}
#showHeurekaBadgeHere-1 {display: inline-block; float: right; margin-left: 10px;}

.horni .vyhledavac {position: absolute; width: 100%; top: 7px; text-align: center; max-width: 410px; z-index: 3; left: calc(50% - 205px);}
.horni .vyhledavac .vyhledavacbox {text-align: center;}
.horni .vyhledavac #vyhledavacjadro {padding-top: 15px; height: 80px;}
.horni .vyhledavac .vstup {max-width: 410px; min-width: 245px; width: 100%; height: 57px; font-size: 1.1em; border: 2px solid #0078C2; border-radius: 30px; padding: 0px; margin: 0px 0px 0px 0px; background: #ffffff; z-index: 2; display: inline-block;}
.horni .vyhledavac .vstup_text {width: calc(100% - 75px); height: 53px; font-size: 1em; padding: 10px; border: none; float: left; margin-left: 20px;}
.horni .vyhledavac .hledej {background: url('/img/ikony/lupa.png') center center no-repeat; width: 45px; height: 53px; float: left; cursor: pointer;}

#prohlcookies {font-size: 0.8em; text-align: center; position: fixed; bottom: 0px; width: 100%; z-index: 99; background: lightgray; padding: 3px 0px;}
#prohlcookies button {margin-left: 10px; background: #EE174B !important; border: 1px solid #EE174B !important; font-size: 1.2em; color: #000000;}
#prohlcookies a {text-decoration: underline;}

#kosikzkr {width: 145px; background-color: #EE174B; cursor: pointer; position: relative; z-index: 2;
  background-image: url('/img/ikony/kosik_ico.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 15px center, center center;  
  background: -o-linear-gradient(-45deg, #ff7800, #d14600), -moz-linear-gradient(-45deg, #ff7800, #d14600), -webkit-gradient(-45deg, #ff7800, #d14600), -ms-linear-gradient(-45deg, #ff7800, #d14600), linear-gradient(-45deg, #ff7800, #d14600);
  height: 60px; border-radius: 30px; margin: 10px 0px;}
#kosikzkr:hover {background-color: #ED2E5D;}
#kosikzkr .koscastka {padding-left: 125px; height: 50px; margin: 5px 15px; width: 115px;}
#kosikzkr .koscastka span {line-height: 50px;}
#kosikzkr .koscastka .cislo {float: right; font-size: 1em; background: #ffffff; border-radius: 30px; width: 75px; text-align: center;}
 

.telefon {margin: 0px 0px 0px; height: 35px; line-height: 35px; font-size: 1em; display: inline-block; background: url('/img/ikony/telefonb.png') left center no-repeat; padding-left: 35px;}
.telefon b {display: none;} 
  

#hlavni {overflow: hidden; margin-top: 136px;}

#hlavni .vyhledavac {margin: 60px auto 20px; text-align: center; background: url('/img/pozadi.jpg') center center no-repeat; padding: 0px 5px 25px 5px;}
#hlavni .vyhledavac p {height: 55px;}
#hlavni .vyhledavac #vyhledavachlavni {height: 55px;}
#hlavni .vyhledavac .vyhledavacbox {text-align: center; margin-top: 30px;}
#hlavni .vyhledavac .vstup {max-width: 400px; min-width: 310px; width: 100%; height: 55px; font-size: 1.1em; border: 1px solid #119DA4; border-radius: 0px; padding: 0px; margin: 0px auto; background: #ffffff; z-index: 2; position: relative;}
#hlavni .vyhledavac .vstup_text {width: calc(100% - 75px); height: 53px; font-size: 0.9em; padding: 10px 10px 10px 10px; border: none; float: left; margin-left: 20px;}
#hlavni .vyhledavac .hledej {background: url('/img/ikony/lupa.png') center center no-repeat; width: 45px; height: 53px; float: left;}

#hlavni .navichl {margin: 20px 0px 20px; font-size: 0px; max-height: 180px;}
#hlavni .navichl div {display: inline-block; width: 25%; font-size: 1em; padding: 10px 10px 0px 10px; text-align: center; margin: 10px 0px; vertical-align: top; cursor: pointer;}
#hlavni .navichl div h2 {font-size: 16px; font-weight: normal;}

.hlavniblok {font-size: 0px; margin-top: 20px;}
.hlavniblok div {font-size: medium;}

#hodnoceni {padding: 10px 10px; height: 130px; cursor: pointer; position: relative; width: 100%; display: inline-block; border-top: 0px solid #dbdbdb; border-bottom: 0px solid #dbdbdb;}
#hodnoceni .hodnockar {height: 120px; overflow: hidden; margin: 0px 0px; text-align: center;}
#hodnoceni .hodnocka {position: relative; display: block;}
#hodnoceni .hodnoc {position: relative; display: inline-block; margin: 0px 5px 0px 5px; padding: 10px; overflow: hidden; white-space: nowrap; width: 49%; height: 150px; border: 1px solid #ebebeb; border-radius: 10px;}
#hodnoceni .hodnoc .zak {display: inline-block; vertical-align: top;}
#hodnoceni .hodnoc .text {overflow: hidden; line-height: 19px; margin: 0px 10px; max-height: 130px; text-align: center; width: calc(100% - 60px); display: inline-block;}
#hodnoceni .hodnoc .plus {font-size: 0.9em; margin: 0px; vertical-align: middle; color: green; white-space: pre-wrap; overflow: hidden; text-align: left;}
#hodnoceni .hodnoc .plus img {vertical-align: middle; margin-right: 5px;}
#hodnoceni .hodnoc .sum {margin-top: 5px; font-size: 0.8em; max-height: 76px; white-space: normal;}
#hodnoceni .hodnoc span {display: inline-block; margin-right: 5px; vertical-align: top; padding-top: 5px; width: calc(100% - 38px);}
#hodnoceni .hodnoc .name {text-align: left; display: inline-block; width: 50%; font-weight: 600; color: #595959; font-size: 14px; margin: 6px 0px;}
#hodnoceni .hodnoc .tot {font-size: 14px; font-weight: 600; vertical-align: middle; text-align: right; display: inline-block; width: 50%; color: #595959;}
#hodnoceni .hodnoc .tot img {vertical-align: middle;}
#hodnoceni .hodnoc em {display: none; position: absolute; bottom: 5px; left: 15px;}
#hodnoceni .hodnoceni-predchozi {position: absolute; bottom: 44px; left: 5px; background: #009eff; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; text-decoration: none !important; display: none;}
#hodnoceni .hodnoceni-dalsi {position: relative; display: block; margin: 0px auto; bottom: 0px; background: #0078C2; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 18px/ 20px Arial; padding-left: 1px; padding-top: 3px; text-decoration: none !important;}
#hlavni .hodnoc {margin-bottom: 10px;}

.recenze-kontekst-box {
  background-color: #ebebeb;
  padding: 2em;
  border-radius: 8px;
  border: 0px solid #e0e0e0;
  margin: 2em 0;
  color: #333;
  font-family: sans-serif;
}
 
.recenze-kontekst-box h2 {
  font-size: 1.6em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #222;
}
 
.recenze-kontekst-box p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1em;
}
 
.recenze-kontekst-box ul {
  padding-left: 1.2em;
  margin-bottom: 1.5em;
}
 
/* Volitelná tmavá varianta */
@media (prefers-color-scheme: dark) {
  .recenze-kontekst-box {
    background-color: #222;
    border-color: #444;
    color: #ddd;
  }
 
  .recenze-kontekst-box h2 {
    color: #fff;
  }
}

.vyhody-nakupu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Roboto', sans-serif;
  color: #222;
}
 
.vyhody-nakupu h1,
.vyhody-nakupu h2,
.vyhody-nakupu h3 {
  color: #111;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 6px !important;
}
 
.vyhody-nakupu p {
  color: #444;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
}
 
/* === Grid výhod === */
.vyhody-nakupu .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-top: 30px;
}
 
.vyhody-nakupu .card {
  background: #ebebeb;
  padding: 10px 25px 1px;
  border-radius: 8px;
  box-shadow: 0 0 5px rgba(0,0,0,0.03);
  transition: all 0.2s ease;
}
 
.vyhody-nakupu .card:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}
 
/* === Sekce technologie a seznam === */
.vyhody-nakupu .technologie ul {
  padding-left: 20px;
  list-style: none;
}
 
.vyhody-nakupu .technologie ul li {
  list-style: none;
}
 
/* === Doprava + platba === */
.vyhody-nakupu .dopravci-platby {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  margin-top: 60px;
}
 
.vyhody-nakupu .dopravci-platby img {
  margin: 10px 10px 0 0;
  height: 40px;
  vertical-align: middle;
}
 
/* === CTA tlačítko === */
.vyhody-nakupu .tlacitko {
  background-color: #0076d6;
  color: #fff;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  transition: background-color 0.2s ease;
}
 
.vyhody-nakupu .tlacitko:hover {
  background-color: #005ea9;
}
 
/* === Responsivita === */
@media (max-width: 768px) {
  .vyhody-nakupu .dopravci-platby {
    flex-direction: column;
  }
 
  .vyhody-nakupu .dopravci-platby div {
    flex: 1 1 100%;
  }
}
 

.hodnocenia .hodnoc {position: relative; display: inline-block; margin: 10px 10px 0px 0px; overflow: hidden; white-space: nowrap; width: 100%; padding-bottom: 10px;}
.hodnocenia .hodnoc .zak {display: inline-block; vertical-align: top;}
.hodnocenia .hodnoc .zaktxt {font-size: 14px; font-weight: 600;}
.hodnocenia .hodnoc .tottxt {font-size: 14px; font-weight: normal;}
.hodnocenia .hodnoc .text {overflow: hidden; line-height: 19px; margin: 0px 10px; text-align: left; display: inline-block; vertical-align: top;}
.hodnocenia .hodnoc .plus {font-size: 0.9em; margin: 15px 0px 0px 0px; vertical-align: middle; line-height: 35px;}
.hodnocenia .hodnoc .plus img {vertical-align: middle; margin-right: 5px;}
.hodnocenia .hodnoc .sum {margin-top: 15px; font-size: 0.8em; max-height: 76px; white-space: normal;}
.hodnocenia .hodnoc span {display: inline; margin-right: 5px;}
.hodnocenia .hodnoc .tot {font-size: 14px; font-weight: 600; vertical-align: middle;}
.hodnocenia .hodnoc .tot img {vertical-align: middle;}
.hodnocenia .hodnoc em {display: none; position: absolute; bottom: 5px; left: 15px;}

.rychlobj {display: inline-block; width: 40%; vertical-align: top; border: 1px solid #dbdbdb; height: 110px; background: #f5f5f5; padding: 0px;}
.rychlobj p {font-size: 0.8em; margin: 0px;}
.rychlobj .textik {display: inline-block; width: 67%; margin-top: 3px;}
.rychlobj .tlacitkoadv {display: inline-block; width: 27% !important; vertical-align: bottom; font-size: 1em !important; margin-bottom: 3px;}


.banery {position: relative; max-width: 990px; width: 100%; font-size: 0px; margin-top: 0px;}
.baner {background: transparent none repeat scroll 0% 0%; border: 0px solid rgb(149, 4, 39); cursor: pointer;}
.baner img {position: relative; z-index: 0;}
.baner #baner2 {z-index: 2; display: none;}
.baner a {display: block; position: absolute; width: 100%; height: 100%; z-index: 1;}
.baner .tlacitkoadv {position: absolute; bottom: 10px; left: 25px; font-size: medium !important; width: 125px !important;}
.baner .pravy {left: initial !important; right: 25px !important;}
.banervyber {background: #ffffff; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; font-size: 0px; margin-bottom: 15px;}
.banervyber .banerv {display: inline-block; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; width: 20%; background: #ffffff; line-height: 40px; color: #636363; text-align: center; font-size: 13px; cursor: pointer;}
.banervyber .aktivni {background: #f3f3f3; color: #313131; font-weight: bold; border-top: 1px solid #f3f3f3;}
.banervyberh {background: #ffffff; border-left: 1px solid #e1e1e1; font-size: 0px; margin-top: 10px;}
.banervyberh .banerv {display: inline-block; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 20%; background: #ffffff; line-height: 40px; color: #e5004c; text-align: center; font-size: 13px; cursor: pointer;}
.banervyberh .aktivni {background: #ededed; color: #e5004c; font-weight: bold; border-bottom: 1px solid #ededed;}

#vyhledavacpoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 4; opacity: 0.88; display: none;}
#vyhledavachorpoz {position: absolute; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 1; opacity: 0.88; display: none;}

.vysledkyobal  {position:fixed; max-width: 1100px; z-index:4; overflow-y: auto; margin: 2px auto; width: 100%; left: 50%; transform: translateX(-50%); max-height: calc(100vh - 140px); border-radius: 15px; overflow: hidden;}
#vysledky {overflow-y: auto; max-height: calc(100vh - 140px); position: relative;}
#vysledky .skrol {position: relative; left: 0px; bottom: 0px; right: 0px; overflow-y: auto;}
#vysledky .napoveda {display: block; padding: 40px; max-width: 100%; background: #ffffff;}
#vysledky .napoveda div {display: inline-block; width: 50%; text-align: left; color: #013164; vertical-align: middle; font-size: 1.5em;}
#vysledky .napoveda div em {color: red; font-style: normal;}
#vysledky #pracuji {position: absolute;} 
#vysledky .vyrobci {width: 100%; max-width: 1100px; background: #ffffff; z-index: 4; border-bottom: 1px solid #0078C2;}
#vysledky .vyrobci .inflex {display: inline-block;}
#vysledky .vsl p {height: initial;}
#vysledky .vyrobci .titulekvz {border-bottom: none; border-top: 1px solid #0078C2; padding: 50px 0px;}
#vysledky .vyrobci p {font-size: 1.1em; margin: 0px; text-align: center; background: #ffffff; width: 100%; padding: 18px 60px 18px 10px; height: initial; color: #EE174B; border-bottom: 1px solid #0078C2;}
#vysledky .vyrobci .vyrobcidiv {min-width: 145px; width: 17%; text-align: center; float: left; margin: 10px 15px 10px 17px; cursor: pointer; border: 1px solid #ffffff; border-radius: 30px;}
#vysledky .vyrobci .vyrobcidiv img {margin-top: 3px; height: 45px;}
#vysledky .vyrobci .vyrobcidiv:hover {border: 1px solid #0078C2;}
#vysledky .vyrobci .vyrobcidivact {min-width: 187px; border: 1px solid #ffffff;}
#vysledky .tiskarny {float: left; clear: left; width: 100%; text-align: left; border-bottom: 0px solid #0078C2; background: #ffffff;}
#vysledky .tiskarny p {font-size: 1.1em; margin: 0px; text-align: left; padding: 18px 10px; background: #E7ECEF; color: #0078C2; height: initial; border-bottom: 1px solid #0078C2;}
#vysledky .tiskarny .tiskarna {float: left; clear: left; margin: 0px; background: url('/img/ikony/tiskarna_ico.png') 32px center no-repeat; padding: 25px 0px 25px 100px; width: 100%; font-size: 1em; position: relative; border-bottom: 1px solid #dedede; cursor: pointer; min-height: 80px;}
#vysledky .tiskarny .tiskarna div {display: inline-block;}
#vysledky .tiskarny .tiskarna div div {display: inline-block !important;}
#vysledky .tiskarny .tiskarna span {text-decoration: underline; color: #0078C2; padding-left: 15px;}
#vysledky .tiskarny .tiskarna:hover {background-color: #eaeaea}
#vysledky .tiskarny .tiskarna a {color: #333333;}
#vysledky .tiskarny .tiskarna .buybutton {right: 2px;}
#vysledky .tiskarny .kategorie {float: left; clear: left; margin: 0px; background: url('/img/ikony/kategorie_ico.png') 32px center no-repeat; padding: 25px 10px 25px 100px; width: 100%; font-size: 1em; position: relative; border-bottom: 1px solid #dedede; cursor: pointer; min-height: 80px;}
#vysledky .tiskarny .kategorie div {display: inline-block;}
#vysledky .tiskarny .kategorie div div {display: inline-block !important;}
#vysledky .tiskarny .kategorie a {color: #333333;}
#vysledky .tiskarny .kategorie:hover {background-color: #eaeaea;}
#vysledky .tiskarny .kategorie span {text-decoration: underline; color: #0078C2; padding-left: 15px;}
#vysledky .tiskarny .colorlist {margin-left: 10px;}
#vysledky.halfsize{width:306px;}
#vysledky.closed{display:none;}
#vysledky.skryty{display:none;}
#vysledky .vsl {float: left; background: #fff; overflow: hidden; width: 100%;}
#vysledky .whspcol1 {position: relative; width: 300px; top: 26px; float:left; background: #fff;overflow:hidden; height: 454px}
#vysledky .titulek {font-size: 1.1em; text-align: left; padding: 18px 10px 18px 10px; width: 100%; background: #E7ECEF; color: #0078C2; height: initial; border-bottom: 1px solid #0078C2; }
#vysledky .titulekdisp {font-size: 1.1em; text-align: left; padding: 50px 10px 50px 10px; width: 100%; background: #ffffff; color: red; height: initial; border-bottom: 1px solid #0078C2; text-align: center;}
#vysledky .titulek span {font-size: 14px; color: #3d3d3d; float: left; margin: 15px 0px 10px 0px;}
#vysledky .titulek img {margin: 0px; position: relative; left: -6px;}
#vysledky .vsl .whsphint {display:block}  
#vysledky .similar_results {width:98%;float:left;clear:left;}
#vysledky .similar_results h2{color:#1987B0;text-align:center;font-size:12px;}
#vysledky .exatc_results {width:98%;float:left;clear:left;}
#vysledky .exatc_results h2{color:#000;text-align:center;font-size:12px;}
#vysledky .vslpol{position:relative;float:left; clear: left; width:100%;border-bottom:solid 1px #dedede; margin:0px; min-height: 80px; cursor: pointer; overflow: hidden;  z-index:1; display: flex; align-items: center;}
#vysledky .vslpol:hover {background: #eaeaea}
#vysledky .whspitem1{position: relative; width:290px;border-bottom:solid 1px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:auto; min-height: 30px; color:#005684;cursor: pointer;overflow:hidden; background: #ffffff}
#vysledky .prnitem{position:relative;float:left; clear: left; width:640px;border-bottom:solid 0px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:24px; padding: 6px 0px 0px 0px;color:#005684;cursor: pointer;overflow:hidden;}
#vysledky .prnitem:hover {background: #eaeaea}
#vysledky .prnitem1{width:290px;border-bottom:solid 1px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:21px;color:#005684;cursor: pointer;overflow:hidden;}
#vysledky .colrow {background: #f3f3f3;}
#vysledky .vslpol:last-child, #vysledky .prnitem:last-child {}
#vysledky .spttreeitem strong{font-weight: normal;}
#vysledky .spttreeitem strong b{font-weight: bold;}
#vysledky .spttreeitem .whname{left:4px;}
#vysledky .act{background:#fff;}
#vysledky .back {position: absolute; top: 5px; left: 5px; cursor: pointer; background: url('/img/back-button.png') center center no-repeat; width: 35px; height: 35px;}
#vysledky .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
#vysledky .cena {color: initial; font-size: 1em; position: relative; float: left; min-width: 80px; text-align: center; width: 100%; font-weight: bold;}
#vysledky .cena .grn {color: green}
#vysledky .cena .bk {color: #000000;}
#vysledky .pricewotaxh {color: red; font-weight: bold; position: absolute; right: 115px; bottom: 4px; height: 31px;}
#vysledky .whimg{position:absolute;top:2px;left:3;right:auto;bottom:auto;}
#vysledky .whimg img{width:40px;height:40px;}
#vysledky .whcode{position:absolute;top:auto;left:auto;right:5px;bottom:3px;}
#vysledky .whcode a {color:#535154;}
#vysledky .leva70 {position: relative; float: left; width: 90%; max-width: 920px;}
#vysledky .prava30 {position: relative; float: right; width: 80px; margin: 5px;}
#vysledky .nazev{position: relative; width: calc(100% - 30px); float: left; color: #24252a; display: flex; align-items: center;}
#vysledky .nazev .nazevp {font-size: 1em; overflow: hidden; margin: 0px; padding: 0px; text-align: left; color: #24252a;}
#vysledky .nazev .nazevt {font-size: 1em; color: #0078C2; text-decoration: underline;}

#vysledky .barva {position: relative; float: left; margin: 12px 10px 12px 10px; min-width: 80px; text-align: center;}
#vysledky .barva img {max-height: 25px;}
#vysledky .barvagroup {position: relative; min-width: 35px; display: inline-block; vertical-align: middle;}
#vysledky .barvagroup img {max-height: 25px;}
#vysledky .act .whname{background:none;}
#vysledky .whcount{font-size:10px;height:14px;overflow:hidden;text-align: right;color:#535154;}
#vysledky .whcount u{margin-right:5px;}
#vysledky .note,#vysledky .pricewtax,#vysledky .tobskt,#vysledky .comp{display:none;}
#vysledky .whispwarn {position: absolute; top: -52px; left: -1px; width: 756px; height: 45px; background-color: yellow; overflow:visible;font-size:12px; font-weight: bold; color: red;border:solid 2px red; border-radius: 3px 3px 3px 3px ;z-index:80;}
#vysledky .whispwarn span {float: left; margin: 14px 20px}
#vysledky .whispwarn span a {color: black; text-decoration: underline;}
#vysledky .ldcont {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff;  opacity:0.9; filter:alpha(opacity=90);}
.wsb25 {left: -384px !important;}
.wsb17 {left: -384px !important;}
.wsb14 {left: -384px !important;}
.wsb13 {left: -384px !important;}
#vysledky .buy {position: absolute; width: 69px; top: 5px; right: 40px;}
#vysledky .buy .inp_txt_qty {height: 22px; width: 24px; margin-right: 5px; text-align: center;}
#vysledky .sklad {position: relative; float: left; min-width: 80px; width: 100%; color: green;}
#vysledky .sklad p {text-align: center; line-height: 12px; font-size: 11px; margin: 0px 0px 2px 0px;}
#vysledky .ne {color: red !important;}
#vysledky .pricecol {position: absolute; top: 35px; width: 65px; right: 83px;}
#vysledky .pricecol .pricewotax {color: initial; font-weight: bold; position: relative; float: left; right: 0px; bottom: 0px; height: 24px; padding-top: 6px; text-align: right; width: 65px; z-index:2; cursor: pointer;}
#vysledky .hov {background: #eaeaea;}
#vysledky .filtrhlava {float: left; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #0078C2; display: none;}
#vysledky .filtrhlava input {display: none;}
#vysledky .filtrhlava input + label {cursor: pointer;}
#vysledky .filtrhlava input[type="radio"] + label {margin: 5px 8px 5px 8px; float: left; text-decoration: none; background: url('/img/ikony/radiotl_off.png') left center no-repeat; padding: 5px 0px 5px 28px; font-size: 14px; color: #0078C2;}
#vysledky .filtrhlava input[type="radio"]:checked + label {text-decoration: none; background: url('/img/ikony/radiotl_on.png') left center no-repeat;}
#vysledky .filtrhlava input[type="checkbox"] {display: none;}
#vysledky .filtrhlava input[type="checkbox"] + label {margin: 0px 10px 10px 10px; float: left; text-decoration: none; background: url('/img/chbox.png') left center no-repeat; padding: 5px 0px 5px 28px;}
#vysledky .filtrhlava input[type="checkbox"]:checked + label {text-decoration: none; background: url('/img/chboxch.png') left center no-repeat;}
#vysledky .vslhlava {display: inline-block; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin: 5px 0px; background: #efefef;}
#vysledky .vslhlava div {display: inline-block; margin-top: 5px; margin-bottom: 5px; color: #636363;}
#vysledky .vslhlava .vslhbarva {width: 45px; margin-left: 5px;}
#vysledky .vslhlava .vslhnazev {width: 588px; margin-left: 5px;}
#vysledky .vslhlava .vslhnazev16 {width: 640px; margin-left: 5px;}
#vysledky .vslhlava .vslhdostup {width: 90px; text-align: center;}
#vysledky .vslhlava .vslhcena {width: 92px; text-align: right;}
#vysledky .vslhlava .vslhkoupit {width: 159px; text-align: center;}
#vysledky .pravy {width: 140px; text-align: center; display: block;}
#vysledky .tlkoupit {position: relative; width: 130px; border-radius: 30px; /*border: 1px outset #50b300 !important; color: #24252a;*/ text-align: center; float: left; margin: 0px 5px;
  background: #EE174B !important; border: 1px solid #EE174B !important;   
  /*background: #50b300  !important;
  background: -webkit-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: linear-gradient(-45deg, #7ec621, #50b300) !important;*/
}
#vysledky .tlkoupit:hover {color: #ffffff !important;                
  background: #ed2e5d !important;
  border: 1px solid #ed2e5d !important;
}
#vysledky .tlkoupit span {vertical-align: top; display: inline-block; margin: 2px; color: #ffffff; font-size: 1em;}
#vysledky .tlkoupit span b {font-weight: normal;}
#vysledky .tlkoupit img {display: inline-block; height: 20px; margin-top: 5px;}
#vysledky .modelbuybutton {position: absolute; top: 4px; right: 0px; width: 150px; height: 28px; border-radius: 5px; border: 1px outset #52cc00; font-size: 11px; color: #3e3e3e; text-align: center;
    background: #91C71D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#91C71D, #7E9E00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#91C71D, #7E9E00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#91C71D, #7E9E00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2261bf, #006699); /* Standard syntax */
}                                                                                                                  

.vyrobciobr {overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}
.vyrobciobr .vyrobceobr {min-width: 375px; padding: 10px 0px 5px 0px; margin: 5px 0px; border: 1px solid #ebebeb; background: #ebebeb; border-radius: 10px; font-size: 0.9em;}
.vyrobciobr .vyrobceobr img {max-height: 50px;}
.vyrobciobr .vyrobceobr a {border-radius: 5px; border: 0px solid #ffffff; display: block; margin: 5px 0px; overflow: hidden; padding: 3px 0px; color: #004A87;}
.vyrobciobr .vyrobceobr a:hover {border: 0px solid #0078C2;}

.h1 {font-size: 2em; color: #0078C2; line-height: 1.2em; font-weight: normal;}
.h2 {font-size: 1em; color: #0078C2; margin-top: 30px;}

.dlazky {overflow: hidden; display: flex; justify-content: space-between;}
.dlazky .dlazka {width: 375px; padding: 10px 0px 5px 0px; margin: 5px 0px; border: 1px solid #ebebeb; background: #ebebeb; border-radius: 10px; font-size: 0.9em; text-align: center;}
.dlazky .dlazka img {max-height: 50px;}
.dlazky .dlazka a {border-radius: 5px; border: 0px solid #ffffff; display: block; margin: 5px 0px; overflow: hidden; padding: 3px 0px; color: #004A87;}
.dlazky .dlazka a:hover {border: 0px solid #0078C2;}

.payimg {display: block; text-align: center; margin: 0px; vertical-align: middle; padding: 10px 0px;}
.payimg table {margin: 0px;}
.payimg table td {padding: 3px 10px; font-weight: 600;}
.payimg img {margin: 0px; max-height: 30px; vertical-align: middle;}
.dolni {background: #013164; font-size: 1em; margin-top: 10px; position: absolute; bottom: 0px; width: 100%; color: #fff;}
.dolni a {color: #fff; text-decoration: none;}
.dolni img {}
.dolni .prohlaseni {font-size: 0.7em; text-align: center; float: left; border-top: 1px solid #636363; margin: 0px;}
.dolni .centrovany {overflow: hidden;}
.dolni .centrovany div {float: left; padding: 10px 5px; }
.dolni .centrovany div .nadpis {font-size: 1em; line-height: 1.8em;}
.dolni .centrovany div b {display: none;}
.dolni .centrovany .s50 {border-bottom: 1px solid #636363;}
.dolni .centrovany div span {float: left; clear: left; font-size: 1em; padding: 3px 0px;}
.dolni .centrovany div span a {padding: 3px 0px;}
.dolni .partneri .ih35 img {max-height: 35px;}  
.dolni .partneri .ih25 img {max-height: 25px;}

.obtexty {overflow: hidden; margin-bottom: 10px; line-height: 1.5em; padding: 20px 20px;}
.obtexty h1 {font-size: 2em; color: #0078C2; line-height: 1.2em; font-weight: normal;}
.obtexty h2 {font-size: 1em; color: #0078C2; margin-top: 30px;}
.obtexty h3 {font-size: 1em; color: #0078C2; margin-top: 30px;font-weight: normal;}
.obtexty .vyhody h2 {margin-top: 0px;}
.obtexty .vyhody h3 {margin: 7px 0px 0px 0px;}
.obtexty .vyhody p {margin: 0px;}
.obtexty input {float: left; width: 155px; margin: 5px 0px;}
.obtexty input[type="text"] {width: 215px; float: right; margin: 0px;}
.obtexty input[type="password"] {width: 215px; float: right; margin: 0px;}
.obtexty textarea {width: 310px; float: left;}
.obtexty .obr {text-align: center; width: 100%;}
.obtexty .printblock {display: block;}
.obtexty .sipkad {background: url('/img/ikony/sipkadoluk.png') right center no-repeat; width: fit-content; padding-right: 15px; cursor: pointer;}
.obtexty .sipkah {background: url('/img/ikony/sipkanahoruk.png') right center no-repeat; width: fit-content; padding-right: 15px; cursor: pointer;}

.mistamesta a {display: block; font-size: 1em; width: 100%; padding: 4px 0px 4px 0px;}
.mistamesta .mezera {display: block; width: 100%; line-height: 1em; margin: 20px 0px 5px; padding: 5px 10px; background: #E7ECEF;}
.mistamesta .mezera a {}
.mistamesta .vertikal {display: inline-block; width: 100%; min-width: 260px; vertical-align: top;}
.mistamesta .legenda {margin: 20px 0px 0px; width: 100%; color: #0096d6; text-align: left; font-size: medium; padding-right: 10px;}
.mistamesta .legenda a {margin: 5px; padding: 0px 2px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; width: 25px; vertical-align: middle; border-radius: 2px; text-align: center; background: #E7ECEF;}
.mista .legenda {margin: 0px 0px 20px; width: 100%; color: #0096d6; text-align: left; font-size: medium; padding-right: 10px;}
.mista .legenda a {margin: 0px 2px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; width: 25px; vertical-align: middle; border-radius: 2px; text-align: center; background: #E7ECEF;}

.report {border-collapse: collapse; font-size: 0.9em;}
.report .disptc {text-align: left; vertical-align: middle;}
.report .disptc {padding: 5px 10px; border-bottom: 1px solid lightgrey;}
.report .tar {text-align: right;}
.report .tac {text-align: center;}
.report .pdf {background: url('/img/ikony/pdf-icon.png') left center no-repeat; width: 50px; height: 50px; display: inline-block;}

.reportc {border-collapse: collapse;}
.reportc .disptc {text-align: left; vertical-align: middle;}
.reportc .disptc {padding: 5px 10px; border-bottom: 0px solid lightgrey;}
.reportc .tar {text-align: right;}
.reportc .tac {text-align: center;}
.reportc .pdf {background: url('/img/ikony/pdf-icon.png') left center no-repeat; width: 50px; height: 50px; display: inline-block;}
.reportc input[type="text"] {border: 1px solid grey;}
.reportc input[type="text"]:read-only {color: grey;}
.reportc .disptc img {vertical-align: middle; margin-left: 5px;}

.anch {display: block; position: relative; top: -150px; visibility: hidden;}

.prihlasit input[type="submit"] {width: 207px;}
.prihlasit button {width: 207px; margin-top: 10px;}

.doprblok {border-top: 1px solid #0078C2;}
.doprblok:last-child {border-bottom: 1px solid #0078C2;}
.obtexty a {color: #0078C2;} 
.doprblok .doprnad {font-size: 1em; max-width: 47%; width: 100%; display: inline-block; vertical-align: middle;}
.doprblok .doprnad p {display: inline-block; margin-right: 10px;}
.doprblok .doprnad span {display: inline-block; margin-right: 10px;}
.doprblok .doprnad img {display: inline-block; vertical-align: middle; margin-right: 10px; max-width: 150px; width: 35%;}
.doprblok .platnad {font-size: 1em; max-width: 46%; width: 100%; padding-left: 0px; display: inline-block; vertical-align: middle; min-width: 364px;}
.doprblok .platnad p {line-height: 2.2em; padding-left: 10px; margin: 0px; border-top: 1px solid #e6e6e6;}
.doprblok .platnad p img {height: 25px; vertical-align: middle;}
.doprblok .platnad p:first-child {border-top: none;}
.doprblok .platnad p em {float: right; margin-right: 5px;}
.doprblok .dopr28 {background: url('/img/doprava/postadop.png') left center no-repeat;}
.doprblok .dopr2 {background: url('/img/doprava/postador.png') left center no-repeat;}
.doprblok .dopr6 {background: url('/img/doprava/ppl.png') left center no-repeat;}
.doprblok .dopr24 {background: url('/img/doprava/ulozenka.png') left center no-repeat;}
.doprblok .dopr26 {background: url('/img/doprava/parcelshop.png') left center no-repeat;}
.doprblok .doprcena {font-weight: bold; display: inline-block; width: 100%; max-width: 7%;}
.doprblok .plat1 {background: url('/img/doprava/dobirka.png') left center no-repeat;}
.doprblok .plat3 {background: url('/img/doprava/online.png') left center no-repeat;}
.doprblok .plat8 {background: url('/img/doprava/karty.png') left center no-repeat;}
.doprblok .plat88 {background: url('/img/doprava/eplat.png') left center no-repeat;}
.doprblok .plat7 {background: url('/img/doprava/prevod.png') left center no-repeat;}
.platblok {border-top: 1px solid #e6e6e6;}
.platblok:last-child {border-bottom: 1px solid #e6e6e6;}
.platblok a {color: #009eff;}
.platblok .doprnad {font-size: 1em; max-width: 47%; width: 100%; display: inline-block; vertical-align: middle;}
.platblok .doprnad p {display: inline-block; margin-right: 10px;}
.platblok .doprnad span {display: inline-block; margin-right: 10px;}
.platblok .doprnad img {display: inline-block; vertical-align: middle; margin-right: 10px; max-width: 75px; max-height: 50px;}
.platblok .doprnad em {font-weight: bold; margin-right: 50px; display: inline; white-space: nowrap;}
.platblok .doprpoz {font-size: 0.9em;}
.platblok .doprinfo {font-size: 0.9em;}
.obtexty ul {list-style-type: disc; padding-left: 40px;}
.obtexty ul li {list-style-type: disc;}
.obtexty .online {text-align: center; border-top: 1px solid #0078C2;}
.obtexty .onlineimg {text-align: center; margin-bottom: 15px;}
.obtexty .online p {display: inline-block; vertical-align: middle;}
.obtexty .online img {margin: 5px 10px; max-height: 25px; vertical-align: middle;}
.obtexty .onlineimg img {margin: 5px 10px; max-height: 25px; vertical-align: middle;}

.detail {color: #24252a;}
.detail .nazev {font-size: 1.2em; padding: 20px 0px; font-weight: normal; text-align: center; border-bottom: 1px solid #e6e6e6;}
.detail .hh1 {border-top: 1px solid #e6e6e6;}
.detail .obrazky {display: inline-block; max-width: 320px; min-width: 320px; width: 100%; text-align: center; margin-right: -5px;}
.detail .obrazky img {}
.detail .galeriepoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 1; opacity: 0.88; display: none;}
.detail .galerieobal {position: relative; padding: 0px 35px;}
.detail .galerie {height: 80px; overflow: hidden; position: relative;}
.detail .galerie .galflex {display: inline-flex; position: relative;}
.detail .galerie img {max-height: 80px; max-width: 80px; cursor: pointer;}
.detail .galerie-predchozi {position: absolute; bottom: 30px; left: 5px; background: #009eff; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; text-decoration: none !important; cursor: pointer;}
.detail .galerie-dalsi {position: absolute; bottom: 30px; right: 5px; background: #009eff; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; padding-left: 3px; text-decoration: none !important; cursor: pointer;}
.detail .galerie .zavrit {display: none;}

.detail .galerieobalv {position: fixed; padding: 0px 35px; width: 100%; top: 148px; max-width: 570px; left: 50%; transform: translateX(-50%); z-index: 99; background: #ffffff;}
.detail .galerieobalv .galerie {height: 500px; overflow: hidden; position: relative;}
.detail .galerieobalv .galerie .galflex {display: inline-flex; position: relative;}
.detail .galerieobalv .galerie img {max-height: 500px; max-width: none; cursor: pointer;}
.detail .galerieobalv .galerie-predchozi {position: absolute; bottom: 230px; left: 5px; background: #009eff; width: 25px; height: 60px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; text-decoration: none !important; cursor: pointer; padding-top: 17px;}
.detail .galerieobalv .galerie-dalsi {position: absolute; bottom: 230px; right: 5px; background: #009eff; width: 25px; height: 60px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; padding-left: 3px; text-decoration: none !important; cursor: pointer; padding-top: 17px;}
.detail .galerieobalv .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10; display: block;}

.detail .varianty {display: table; border-collapse: separate; border-spacing: 5px;}
.detail .varianty a {display: table-cell; border: 1px solid #009eff; border-radius: 3px; margin-right: 5px;}
.detail .varianty a img {}
.detail .varianty .aktivni {border: 2px solid #009eff;}

.detail .zalozkynad {display: block; width: 100%; border-bottom: 2px solid #0078C2; margin-top: 40px;}
.detail .zalozky {display: table; border-collapse: separate; border-spacing: 5px 0px;}
.detail .zalozky a {display: table-cell; width: 25%; text-align: center; padding: 5px; margin-right: 5px;}
.detail .zalozkya {color: #000000; background: #E7ECEF; vertical-align: middle;}
.detail .zalozkyakt {color: #ffffff !important; background: #0078C2 !important; vertical-align: middle;}
.detail .zalozkya>div {background-image: url('/img/ikony/domuc.png'); background-position: center center; background-repeat: no-repeat; height: 20px;}
.detail .zalozkyakt>div {background-image: url('/img/ikony/domu.png'); background-position: center center; background-repeat: no-repeat; height: 20px;}

.detail .typbarva {display: inline-block; vertical-align: middle; margin-right: 20px;}
.detail .typbarva img {height: 31px; display: inline-block; vertical-align: middle;}
.detail .typbarva span {width: 50px; padding-left: 5px; vertical-align: middle;}
.detail .vytez {background: url('/img/ikony/vyteznost.png') left center no-repeat; padding: 4px 0px 4px 45px; display: inline-block; vertical-align: bottom; margin-right: 20px;}
.detail .zaruka {padding: 4px 0px 4px 0px; display: inline-block; vertical-align: bottom;}
.detail .pravy {display: inline-block; max-width: calc(100% - 320px); min-width: 320px; width: 100%; vertical-align: top;}
.detail .poz {background: none; border-radius: 0px; padding: 25px 5px; margin-bottom: 10px;}
.detail .pravy .ceny {display: inline-block; width: 50%; vertical-align: top; margin: 0em; font-size: 0.9em;}
.detail .pravy .ceny .sdani {font-size: 1.4em; font-weight: bold; color: initial; margin: 0px 0px;}
.detail .pravy .ceny .akce {text-decoration: line-through; font-size: 0.7em; color: initial; margin-left: 10px;}
.detail .pravy .koupit {display: inline-block; max-width: 221px; width: 100%; float: right;}
.detail .pravy .sklad {display: inline-block; width: 100%; text-align: left; margin: 10px 0px 20px 0px;}
.detail .pravy .sklad p {margin: 0px; font-size: 1em;}
.detail .pravy .sklad span {font-size: 0.8em;}
.detail .pravy .sklad .skladem {color: #0078C2;}
.detail .pravy .sklad .neskladem {color: red;}
.detail .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #EE174B; border-right: none !important; border-radius: 30px 0px 0px 30px;}
.detail .pravy input[type="submit"] {margin: 0px !important; border-radius: 0px 30px 30px 0px !important; border-left: none !important; background: #EE174B !important; border: 1px solid #EE174B !important; width: 135px !important; vertical-align: top;}
.detail .pravy input[type="submit"]:hover {background: #ED2E5D !important; border: 1px solid #ED2E5D !important;}   
.detail .pravy .plusminusdet {display: inline-block; width: 20px; border: 1px solid #EE174B; border-top: none;}
.detail .pravy .plusminusdet .plusminus {display: block; width: 18px; background: #ffffff; border-radius: 0px; line-height: 21px; border: none; border-top: 1px solid #EE174B; color: #0078C2; font-family: monospace;}
.detail .pravy .koupit:hover > input[type="text"] {border: 1px solid #ED2E5D;} 
.detail .pravy .hlavicka2 {text-align: left;}
.detail .pravy .mnslevy p {color: #0078C2;}
.detail .pravy .mnslevy table {border-collapse: collapse; border-spacing: 0px; font-size: 0.9em;}
.detail .pravy .mnslevy table tr:last-child {font-weight: bold;}
.detail .pravy .mnslevy td {text-align: right; padding: 2px 0px;}
.detail .tiskarnyhlava {font-size: 1.4em; margin: 0px 0px 10px 0px;}
.detail .tiskarny {text-align: right; display: block; text-align: left; font-size: 0.8em; margin-bottom: 20px; font-size: 0px; overflow:hidden; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3; column-count:3;}
.detail .tiskarny .tiskarna {cursor: pointer; font-size: 12px; font-weight: normal; margin: 3px 0px; vertical-align: top;}
.detail .tiskarny .tiskarnanh {cursor: auto; font-size: 12px; font-weight: normal; margin: 0px; vertical-align: top; display: block;}
.detail .tiskarny .tiskarna:hover {color: #0078C2;}
.detail .popis {text-align: left; font-size: 0.9em; font-weight: normal; margin-top: 0px;}
.detail .modra {color: #0078C2;}
.detail .dnesnz {margin: 0px 0px 10px 0px;}
.detail .dnesnz img {display: inline-block; vertical-align: middle; margin-right: 10px;}
.detail .dnesnz p {display: inline-block; vertical-align: middle; font-size: 0.9em;}
.navic {margin: 0px -5px 0px 0px; font-size: 0px; max-width: 320px; display: inline-block;}
.navic .navpol {display: inline-block; width: 50%; font-size: 0.8em; padding: 0px 10px 0px 10px; text-align: center; margin: 0px 0px; vertical-align: top; position: relative; cursor: pointer;}
.navic .navpol h3 {font-size: 14px; font-weight: normal; color: #0078C2; margin-top: 5px;}
.navicdet {position: absolute; width: 600px; background: #ffffff; left: 80%; border-radius: 5px; border: 2px solid #0078C2; top: -50%; padding: 10px; font-size: medium; z-index: 1;}
.topm180 {top: -180%;}
.navicdet .tlzpet {display: none;}
.navicdet .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
.navicdet a {color: #0078C2;}
.podobnevypis {font-size: 0px; border-top: 1px solid #e6e6e6;}
.podobnevypis p {font-size: medium; padding-left: 10px;}
.podobne {padding: 10px; margin: 10px 0px 10px 0px; width: 25% !important; min-width: 240px; background: none; display: inline-block; overflow: hidden; font-size: medium; border-left: 1px solid #e6e6e6;}
.podobne:first-of-type {border-left: none;}
.break {width: 100%; height: 1px; border-top: 1px solid #e6e6e6;}
.break + .podobne {border-left: none;}
.podobne div {font-size: 0.9em;}
.podobne .nazev {margin: 0px 0px 10px 0px; font-size: 0.9em; font-weight: normal; height: 68px; padding: 0px 5px;}
.podobne .nazev a {cursor: pointer;}
.podobne .nazev span {display: block; font-size: 0.8em; color: #868686;}
.podobne .nazev a:hover {color: #0078C2;}
.podobne .obrazek {display: inline-block; vertical-align: bottom; width: 100%; height: 130px; border-radius: 5px; background: #ffffff; text-align: center;}
.podobne .obrazek img {max-width: 120px; max-height: 120px;}
.podobne .levy {display: inline-block; width: 100%; text-align: left; vertical-align: top; padding: 0px 5px;}
.podobne .levy p {margin: 0px;}
.podobne .levy .typbarva {display: inline-block; vertical-align: bottom; padding-bottom: 0px; min-height: 32px;}
.podobne .levy .typbarva img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
.podobne .levy .vytez {background: url('/img/ikony/vyteznost.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom; margin-left: 15px;}
.podobne .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
.podobne .levy .sklad {font-size: 0.8em; display: block; width: 100%; text-align: left; margin: 0px 0px 5px; min-height: 30px;}
.podobne .levy .sklad p {font-size: 1em; padding: 0px;} 
.podobne .levy .sklad .skladem {color: green;}
.podobne .levy .sklad .neskladem {color: red;}
.podobne .pravy {display: inline-block; max-width: 250px; width: 100%; vertical-align: top; float: right;}
.podobne .pravy .sdani {font-size: 1.4em; margin: 0px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px;}
.podobne .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px;}
.podobne .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #7e9e00; border-right: none !important; border-radius: 30px 0px 0px 30px;}
.podobne .pravy input[type="submit"] {margin: 0px !important; border-radius: 0px 30px 30px 0px !important; border-left: none !important; width: 150px !important; background: #7e9e00 !important; border: 1px solid #7e9e00 !important;}
.podobne .pravy input[type="submit"]:hover {background: #91c71d !important; border: 1px solid #91c71d !important;}
.podobne .pravy .koupit:hover > input[type="text"] {border: 1px solid #7e9e00;}            

.navstivene {font-size: 0px; border-bottom: 1px solid #dbdbdb; margin: 20px 0px;}
.navstivene .vypisprod {  margin: 0px !important;}

.dispt {display: table; border-spacing: 0px; border-collapse: collapse;}
.bs10 {border-spacing: 10px; border-collapse: separate;}
.disptr {display: table-row;}
.disptc {display: table-cell;}

.vypisprod {padding: 10px; margin: 10px 2px 10px 2px; width: 24%; min-width: 290px; background: none; border-radius: 0px; display: inline-block; overflow: hidden; font-size: medium; position: relative;}

.break + .vypisprod {border-left: none;}
.kurp {cursor: pointer;}
#soltree .vypisprod {cursor: pointer;}
.produktyvypis h2 {font-size: x-large; display: inline-block; margin: 5px;}
.produktyvypis .pslfhdr {font-size: medium; display: inline-block; margin: 0px 0px 10px 20px;}
.produktyvypis .vypisprod {width: 100%; margin: 25px 0px; border-bottom: 1px solid #0078C2; border-left: none; border-right: none; padding: 25px 10px; margin: 0px; min-height: 160px;}
.produktyvypis .vypisprod .text {display: inline-block; max-width: calc(100% - 320px); width: 100%; margin-right: -5px; min-height: 160px; padding: 0px 10px; position: relative; font-size: 1em; vertical-align: middle;}
.produktyvypis .vypisprod .text div {font-size: 1em;}
.produktyvypis .vypisprod .text .sklad {margin-top: 20px; font-size: 0.9em;}
.produktyvypis .vypisprod .text .sklad span {font-size: 0.8em;}
.produktyvypis .vypisprod .text .sklad .skladem {color: #0078C2;}
.produktyvypis .vypisprod .text .sklad .neskladem {color: red;}
.produktyvypis .vypisprod .text .tiskarnyhlava {font-size: 1.4em; margin: 0px 0px 10px 0px;}
.produktyvypis .vypisprod .text .tiskarny {text-align: right; display: block; text-align: left; font-size: 0.8em; margin-bottom: 20px; font-size: 0px; overflow:hidden; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3; column-count:3;}
.produktyvypis .vypisprod .text .tiskarny a {display: block;}
.produktyvypis .vypisprod .text .tiskarny .tiskarna {cursor: pointer; font-size: 12px; font-weight: normal; margin: 0px; vertical-align: top;}
.produktyvypis .vypisprod .text .tiskarny .tiskarnanh {cursor: auto; font-size: 12px; font-weight: normal; margin: 0px; vertical-align: top; display: block;}
.produktyvypis .vypisprod .text .tiskarny .tiskarna:hover {color: #0078C2;}
.produktyvypis .vypisprod .dispt {width: 100%;}
.produktyvypis .tiskarnyvs {font-size: initial;}
.produktyvypis .tiskarnyvs h2 {margin: 0px;}
.produktyvypis .vypisprodflt {border-bottom: 2px solid #0078C2; margin: 20px 0px 0px;}
.produktyvypis .vypisprodflt input[type="radio"] + label {background: url('/img/ikony/radiotl_off.png') left center no-repeat; padding: 3px 0px 3px 28px; margin-right: 2px;}
.produktyvypis .vypisprodflt input[type="radio"]:checked + label {background: url('/img/ikony/radiotl_on.png') left center no-repeat;}
.produktyvypis .tlacitkoadvtxt {font-size: medium !important; margin: 10px auto 20px !important; background: #0078C2 !important; border: none !important; max-width: 360px !important;}
.produktyvypis .tlacitkoadvtxt:hover {background: #0078C2 !important; border: none !important;}
.produktyvypis .plusminusdet {display: inline-block !important; width: 32px; border: 1px solid #EE174B; border-top: none;}
.produktyvypis .plusminusdet .plusminus {display: block; width: 30px; background: #ffffff; border-radius: 0px; line-height: 21px; border: none; border-top: 1px solid #EE174B; color: #0078C2; font-family: monospace;}
#produktyvypis .tlacitkoobj {min-width: unset;}
#produktyvypis .vypisprod .obsah {font-size: 0.9em;}
#produktyvypis .vypisprod .obsah .hodnoceni {vertical-align: middle; margin: 20px 0px; text-align: left;}
#produktyvypis .vypisprod .obsah .hodnoceni img {vertical-align: middle; margin: 0px 0px 0px 0px;}

.produktyvypis .bls {border-left: 1px solid #e6e6e6;}
.produktyvypis .vypisprod:hover {}
.vypisprod div {font-size: 0.9em;}
.vypisprod .nazev {margin: 0px 0px 10px 0px; font-size: 1em; font-weight: normal; padding: 0px 5px;}
.vypisprod .nazev span {color: #0078C2; text-decoration: underline;}
.vypisprod .chip {margin: 10px 0px;}
.produktyvypis .vypisprod .nazev {margin: 0px; padding: 0px; font-size: 1em; overflow: hidden; width: 100%; font-weight: normal;}
.produktyvypis .vypisprod .text .nazevh {margin: 0px 0px 5px 0px; padding: 0px; font-size: inherit; overflow: hidden; width: 100%; font-weight: normal;}
.produktyvypis .vypisprod .text .nazevh h3 {display: inline; font-size: inherit;}
.produktyvypis .vypisprod .text .nazevh a {font-weight: bold; font-size: inherit;}
#vypisvsech {font-size: small;}
#vypisvsech .sipkad {background: url('/img/ikony/sipkad.png') right center no-repeat; width: fit-content; padding-right: 25px; cursor: pointer;}
#vypisvsech .sipkah {background: url('/img/ikony/sipkah.png') right center no-repeat; width: fit-content; padding-right: 25px; cursor: pointer;}
#vypisvsech .vertikald {display: inline-block; max-width: 33%; width: 100%; min-width: 260px; vertical-align: top;}
#vypisvsech .mezera {display: block; width: 100%; line-height: 1em; margin: 20px 0px 5px; padding: 5px 10px; background: #E7ECEF;}
#vypisvsech a {display: block; padding: 2px 0px; color: #009eff;}

.vypisprod .nazev:hover {}
.vypisprod .obrazek {display: inline-block; vertical-align: top; width: 100%; border-radius: 5px; background: #ffffff; text-align: center; position: relative;}
.produktyvypis .vypisprod .obrazek {max-width: 320px; width: 100%;}
.produktyvypis .vypisprod .obrazek img {max-width: 320px;}
#produktyvypis .vypisprod .akce {position: absolute; top: 0px; right: 0px; z-index: 1; max-width: 100px;}
.vypisprod .obrazek img {max-width: 200px; max-height: 150px;}
.vypisprod .obrazek .dnesnz {position: absolute; top: 0px; right: 5px;}
.vypisprod .levy {display: inline-block; width: 100%; text-align: left; vertical-align: top; padding: 0px 5px; margin-bottom: 10px;}
.produktyvypis .vypisprod .levy {width: initial; border-top: 0px solid #e6e6e6; border-bottom: 0px solid #e6e6e6; min-width: 196px; min-height: 152px;}
.produktyvypis .vypisprod .levy .sdani {font-size: 1.4em; margin: 5px 0px 5px 0px; max-width: 310px; font-weight: bold; padding: 0px 0px;}
.produktyvypis .vypisprod .levy .bezdane {font-size: 1em; margin: 0px 0px 5px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 0px; display: none;}
.produktyvypis .vypisprod .text .sdani {font-size: 1.4em; margin: 5px 0px 5px 0px; font-weight: bold; padding: 0px 0px; text-align: right;}
.produktyvypis .vypisprod .text .bezdane {font-size: 1em; margin: 0px 0px 5px 0px; font-weight: normal; color: #868686; padding: 0px 0px; display: none; text-align: right;}
.vypisprod .levy p {margin: 0px;}
.vypisprod .text p {margin: 5px 0px;}
.vypisprod .levy .typbarva {display: inline-block; vertical-align: bottom; padding-bottom: 0px;}
.produktyvypis .vypisprod .levy .typbarva {display: block; vertical-align: bottom; padding-bottom: 10px;}
.produktyvypis .vypisprod .text .typbarva {display: block; vertical-align: bottom; padding-bottom: 10px;}
.produktyvypis .vypisprod .obrazek .typbarva {position: absolute; z-index: 1; vertical-align: bottom; padding-bottom: 0px;}
.produktyvypis .vypisprod .obrazek .typbarva img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
.vypisprod .text .typbarva img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
.vypisprod .levy .sklad {font-size: 0.8em; display: block; width: 100%; margin: 0px 0px 0px 0px;}
.vypisprod .levy .sklad p {margin: 0px;}
.vypisprod .levy .sklad .skladem {color: green;}
.vypisprod .levy .sklad .neskladem {color: red;}
.vypisprod .levy .typbarva img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
.vypisprod .levy .vytez {background: url('/img/ikony/vyteznost.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom; margin-left: 15px;}
.produktyvypis .vypisprod .text .vytez {background: url('/img/ikony/vyteznostb.png') left center no-repeat; padding: 0px 0px 0px 60px; display: inline-block; vertical-align: bottom; font-size: 0.9em; line-height: 50px;}
.produktyvypis .vypisprod .text .cpp {background: url('/img/ikony/cpp.png') left center no-repeat; padding: 0px 0px 0px 60px; display: block; vertical-align: bottom; margin: 10px 0px; font-size: 0.9em; line-height: 50px;}
.produktyvypis .vypisprod .levy .vytezob {display: inline-block; min-height: 24px;}
.produktyvypis .vypisprod .levy .vytez {background: url('/img/ikony/vyteznost.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom; margin-left: 0px;}
.produktyvypis .vypisprod .levy .nakns {font-size: 1em; margin: 14px 0px 14px;}
.produktyvypis .vypisprod .levy .prip {font-size: 1em; margin: 14px 0px 14px; color: red;}
.vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
.vypisprod .pravy .sklad {font-size: 1em; display: block; width: 100%; text-align: left; margin: 0px 0px 0px 5px;}
.vypisprod .pravy .sklad p {margin: 0px;}
.vypisprod .pravy .sklad .skladem {color: green;}
.vypisprod .pravy .sklad .neskladem {color: red;}
.vypisprod .pravy {display: inline-block; width: 100%; vertical-align: top; float: right; text-align: right;}
.vypisprod .pravy .sdani {font-size: 1.4em; margin: 10px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px;}
.vypisprod .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px;}
.produktyvypis .vypisprod form {text-align: right; min-width: 217px;}
.vypisprod .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #EE174B; border-right: none !important; border-radius: 30px 0px 0px 30px;}
.vypisprod .pravy input[type="submit"], .vypisprod .pravy button[type="submit"] {margin: 0px !important; border-radius: 0px 30px 30px 0px !important; border-left: none !important; width: 150px !important; background: #EE174B !important; border: 1px solid #EE174B !important;}
.vypisprod .pravy input[type="submit"]:hover, .vypisprod .pravy button[type="submit"]:hover {background: #ED2E5D !important; border: 1px solid #ED2E5D !important;}
.vypisprod .text input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #EE174B; border-right: none !important; border-radius: 30px 0px 0px 30px;}
.vypisprod .text input[type="submit"], .vypisprod .pravy button[type="submit"] {margin: 0px !important; border-radius: 0px 30px 30px 0px !important; border-left: none !important; width: 150px !important; background: #EE174B !important; border: 1px solid #EE174B !important; vertical-align: top;}
.vypisprod .text input[type="submit"]:hover, .vypisprod .pravy button[type="submit"]:hover {background: #ED2E5D !important; border: 1px solid #ED2E5D !important;}

.vypisprod .fdiv {min-height: 200px; font-size: 1em;}
.vypisprod .food {font-size: 1em; text-align: left;}
.vypisprod .food tr:nth-of-type(1) td:nth-of-type(2) {font-weight: bold;}
.vypisprod .pravy .koupit:hover > input[type="text"] {border: 1px solid #ED2E5D;}       
.pslanchlegend {margin: 20px 0px; width: 100%; color: #0078C2; text-align: right; font-size: medium; padding-right: 10px;}
.pslanchlegend a {margin: 0px 2px; font-size: 1.1em; color: #0078C2; display: inline-block; height: 22px; width: 22px; vertical-align: middle; border-radius: 2px; text-align: center;}
.pslanchlegend .anchact {font-weight: bold; background: #0078C2; color: #ffffff;}
.pslanchlegend .anchact:hover {color: #ffffff !important;}
.pslanchlegend .panchn,.pslanchlegend .panchp {cursor: pointer; font-weight: bold; font-family: monospace; font-size: 26px; line-height: 22px;}
.pslanchlegend .panch {cursor: pointer;}
.produktyvypis .pslanchdisc {font-size: medium; text-align: left;}

.prnselector {display: flex; justify-content: center; background: aliceblue; padding: 20px 0px;}
.prnselector div {display: block; width: 33%; padding: 5px;}
.prnselector div p {margin: 0px 0px 5px 0px; padding: 0px 5px;}
.prnselector div select {width: 100%; height: 3.5em; border-radius: 0px; background-color: #ffffff;}
.prnselector div select option {background-color: #ffffff;}
.prnselector div .act {background-color: #ffff94;}
#vypisvsech .psel, #vypisvsech .colsel {overflow:hidden; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3; column-count:3;}

.vypissel {font-size: medium; line-height: 40px; border-bottom: 1px solid #E7ECEF;}
.vypissel label {padding-top: 5px !important; padding-bottom: 5px !important; margin-right: 20px !important; display: inline-block;}
.vypisvsech {font-size: medium;}
.vypisvsech .mezera {display: block; width: 100%; line-height: 1em; margin: 20px 0px 5px; padding: 5px 10px; background: #E7ECEF;}
.vypisvsech a {display: block; padding: 4px 0px; color: #0078C2;}
.vypisvsech h3 {margin: 0px; font-size: 1em;}
.anchor {color: #0078C2; cursor: pointer;}
.vypisvsech p {margin: 20px 0px 0px 0px; font-weight: 600;}
.vertikal {-webkit-column-count:3; -moz-column-count:3; -o-column-count:3; column-count:3; padding: 0px 10px;}
.vertikal h3 {margin: 0px; line-height: 20px;}


#kosikcht .dokosikupoz {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99); opacity: 0.8; z-index: 98;}
#kosikcht .dokosiku {position: fixed; top: 50%; min-width: 310px; background: #ffffff; z-index: 99; left: 50%; transform: translate(-50%, -50%); border-radius: 5px; max-width: 900px; width: 100%; max-height: 100%; overflow-y: auto;}
#kosikcht .dokosiku .produkt {width: 50%; display: inline-block; vertical-align: top; border-left: 1px solid #e6e6e6; margin: 10px -4px 10px 0px;}
#kosikcht .dokosiku .produkt:first-of-type {border-left: none;}
#kosikcht .dokosiku .hlavicka2 {padding: 20px 10px 0px; text-align: center; color: red;}
#kosikcht .dokosiku .hlavicka3 {padding: 0px 10px 10px; text-align: center;}
#kosikcht .dokosiku .zavrit {position: absolute; top: 10px; right: 10px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
#kosikcht .dokosiku .dokosikupr .nazev {padding: 10px;}
#kosikcht .dokosiku .dokosikupr .cena {padding: 10px; font-weight: bold;}
#kosikcht .dokosiku .dokosikupr ul {margin: 10px 0px; color: red; font-size: 0.9em; padding: 10px 10px 10px 30px; list-style-type: disc; list-style-position: outside; min-height: 96px;}
#kosikcht .dokosiku .dokosikupr .green {color: green;}
#kosikcht .dokosiku .dokosikud {position: absolute; bottom: 0px; left: 0px; width: 100%;}
#kosikcht .dokosiku .dkdal {width: 180px; margin: 10px auto; padding: 5px; text-align: center; font-size: 14px; color: #ffffff; border-radius: 30px; border: 1px outset #50b300 !important; cursor: pointer;
  background: #7e9e00 !important; border: 1px solid #7e9e00 !important;
}
#kosikcht .dokosiku .dkdal:hover {color: #ffffff !important;
  background: #91c71d !important;
  border: 1px solid #91c71d !important;}
#kosikcht .dokosiku .dkzpet {width: 180px; margin: 10px auto;  padding: 5px; text-align: center; font-size: 14px; border-radius: 30px; cursor: pointer;
  color: #ffffff;
  border: 1px solid #009eff;
  background: #009eff;}
#kosikcht .dokosiku .dkzpet:hover {  border: 1px solid #0078C2;
  background: #0078C2;
  }                                      


#dokosiku .dokosikupoz {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99); opacity: 0.8; z-index: 98;}
#dokosiku .dokosiku {position: fixed; top: 50%; left: 50%; width: 340px; min-height: 160px; background: #ffffff; z-index: 99; margin: -80px 0px 0px -170px; padding: 10px; border-radius: 5px; padding-bottom: 50px;}
#dokosiku .dokosiku .hlavicka2 {margin-bottom: 10px;}
#dokosiku .dokosiku .dokosikupr {font-size: 1em;}
#dokosiku .dokosiku .dokosikupr span {display: inherit; margin: 10px 0px;}
#dokosiku .dokosiku .dokosikupr .uspora {color: #2cb000;}
#dokosiku .dokosiku .dokosikupr .dkdal {float: none !important; margin: 5px auto !important; background: #2cb000 !important; border: 1px solid #2cb000 !important;}
#dokosiku .dokosiku .dokosikupr .dkdal:hover {background: #33cc00 !important; border: 1px solid #33cc00 !important;}
#dokosiku .dokosiku .dokosikupr .dkdal span {margin: 0px;}
#dokosiku .dokosiku .dokosikud {position: absolute; bottom: 0px; left: 0px; width: 100%;}
#dokosiku .dokosiku .dkdal {width: 150px; margin: 10px; float: right; padding: 5px; text-align: center; font-size: 14px; color: #ffffff; border-radius: 30px; cursor: pointer;
  background: #7e9e00 !important; border: 1px solid #7e9e00 !important;
}                                                                                         
#dokosiku .dokosiku .dokosikud .dkdal:hover {color: #ffffff !important;
  background: #91c71d !important;
  border: 1px solid #91c71d !important;}
#dokosiku .dokosiku .dokosikud .dkzpet {width: 150px; margin: 10px; float: left; padding: 5px; text-align: center; font-size: 14px; border-radius: 30px; cursor: pointer;
  color: #ffffff;
  border: 1px solid #009eff;
  background: #009eff;}
#dokosiku .dokosiku .dokosikud .dkzpet:hover {  border: 1px solid #0078C2;
  background: #0078C2;
  }
#dokosiku .dokosiku #dkslevy span {display: inherit; float: left;}
#dokosiku .dokosiku #dkslevy .dkdal {margin-right: 0px; width: 100%; background: #2cb000 !important; border: 1px solid #2cb000 !important;}
#dokosiku .dokosiku #dkslevy .dkdal:hover {background: #33cc00 !important; border: 1px solid #33cc00 !important;}
#dokosiku .dokosiku #dkslevy .dkdal span {float: none;}

#kosikcht .dokosiku .tabulka {display: table; width: 100%; border-collapse: collapse; border-spacing: 0px;}
#kosikcht .dokosiku .tabulka .rada {display: table-row;}
#kosikcht .dokosiku .tabulka .bunka {display: table-cell; width: 40%; vertical-align: middle; padding: 10px 5px;}
#kosikcht .dokosiku .tabulka .cspan {display: block; width: 100%; text-align: center; padding: 10px 0px 0px; margin: 10px 0px 0px; border-top: 1px solid lightgrey;}
#kosikcht .dokosiku .cntr {text-align: center;}
#kosikcht .dokosiku .tabulka .left {text-align: left;}
#kosikcht .dokosiku .tabulka .right {text-align: right;}
#kosikcht .dokosiku .cena {padding: 10px 0px 0px !important; font-weight: bold; text-align: center;}
#kosikcht .dokosiku .tabulka .w50 {width: 50%;}
#kosikcht .dokosiku .tabulka .w38 {width: 20%;}
#kosikcht .dokosiku .tabulka .w100 {width: 100%;}
#kosikcht .dokosiku .tabulka .bt1 .bunka {border-top: 1px solid #e3e3e3;}
#kosikcht .dokosiku .tabulka .bb1 .bunka {border-bottom: 1px solid #e3e3e3;}
#kosikcht .dokosiku .tabulka .bggr .bunka {background: #e3e3e3;}

  
.vyhlvyrobci {display: block; margin: 10px 0px 0px 0px;}
.vyhlvyrobci .vyrobce {display: inline-block; margin-right: -4px; margin-bottom: -3px; margin-left: 3px;}
.vyhlvyrobci .vyrobce a {display: table-cell; width: 79px; height: 50px; border-radius: 30px; border: 1px solid #ffffff; margin: 5px 0px; text-align: center; vertical-align: middle;}
.vyhlvyrobci .vyrobce a:hover {border: 1px solid #ff1965;}
.vyhlvyrobcispan {display: none; margin: 10px 10px 0px 0px;}
.vyhlvyrobcisel {display: none; margin: 10px 0px 0px 0px;}
.vyhlvyrobci .aktivni a {border: 1px solid #0078C2;}
.vyhlvyrobci .vyrobce a img {max-height: 40px; max-width: 70px; vertical-align: middle;}
#vyhledavanipoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 1; opacity: 0.88; display: none;}
.vyhledavani {z-index: 2; width: 100%;}
.vyhledavani .zavrit {position: absolute; top: 10px; right: 10px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10; display: none;}
.vyhledavani h1 {background: #ffffff; padding: 20px 10px; margin: 0px; font-weight: normal;}
.vyhledavani .hlavicka3 {width: 310px; margin: 0px 0px 5px 0px;}  
.vyhledavani .hlavicka3 p {color: #ff1965; font-size: 2em; margin: 0px;}
.vyhledavani .krok1 {background: #ffffff; padding: 0px 10px; min-height: 220px; }
.vyhledavani .krok1 .hlavicka3 {display: inline-block; vertical-align: top; font-size: 1.3em; margin-top: 35px;}
.vyhledavani .krok1 .hlavicka3 em {color: #EE174B; font-style: normal;}
.vyhledavani .krok1 img {display: inline-block; max-width: 675px; width: 60%; margin: 0px 0px 0px 0px; float: right;}
.vyhledavani #krok3 {margin-bottom: 10px;}
.vyhledavani input[type="text"], .vyhledavani #vyber {width: 310px; margin-bottom: 10px; line-height: 2em; border: 1px solid #EE174B; margin-top: 10px;}
.vyhledavani #vyhltxt {margin-top: 5px;}
.vyhledavani #vyber {overflow-y: auto; max-height: 201px !important; line-height: 2em; padding: 5px 0px; border-radius: 3px; border: 1px solid #ff1965; font-size: 0.9em;}
.vyhledavani #vyber .option {padding: 5px 5px 5px 30px; border-bottom: 1px dotted #ff1965; cursor: pointer; position: relative; background: url('/img/ikony/chkbox_off.png') 3px center no-repeat;}
.vyhledavani #vyber .nbg {padding: 5px !important; background: none !important;}
.vyhledavani #vyber .option img {max-width: 30px; margin-right: 5px;}
.vyhledavani #vyber .option[data-find="1"] {background: url('/img/ikony/chkbox_on.png') 3px center no-repeat;}
.vyhledavani #vyber .option:last-child {border-bottom: none;}
.vyhledavani .tlacitkoadv {margin: 0px !important;}
.vyhledavani #vysledky {position: relative; height: calc(100vh - 470px); max-width: 990px; border-top: 1px solid #0078C2;}
.vyhledavani #vysledky .skrol {top: 0px;}
.vyhledavani #vysledky .vyrobci {display: none;}

.novehled {padding: 0px 5px;}
.novehled h1 {margin-bottom: 10px; width: 100%; font-weight: normal;}
.novehled #podnadpis {font-size: 0.9em;}
.novehled .tlacitkoadv {margin: 0px !important; padding: 5px 10px; position: absolute; top: 0px; right: 0px; max-width: 150px !important; line-height: 35px !important;}

.filtrace {border-bottom: 1px solid #0078C2; padding: 0px 5px 15px; margin: 10px 0px; position: relative; /*min-height: 125px;*/}
.filtrace .filtrhlav {margin: 15px 0px 5px;}
.filtrace .filtrpol {display: inline-block; vertical-align: middle; min-width: 35%; width: 100%;}
.filtrace .filtrpol div {display: inline-block; max-width: 37%; width: 100%; vertical-align: middle;}
.filtrace .navic {margin: 0px -5px 0px 0px; font-size: 0px; max-width: 60%; position: absolute; width: 100%; top: 10px; right: 10px; text-align: right;}
.filtrace .navic .navpol {display: inline-block; width: 95px; font-size: 0.8em; padding: 10px 0px 0px 10px; text-align: center; margin: 0px 0px; vertical-align: top; position: relative;}
.filtrace .navic .navpol h3 {font-size: 14px; font-weight: normal;}
.filtrace .navicdet {position: absolute; width: 600px; background: #ffffff; left: initial; right: 0px; border-radius: 5px; border: 2px solid #0078C2; top: 55%; padding: 10px; font-size: medium; z-index: 1;}
.filtrace .navicdet .tlzpet {display: none;}
.filtrace .navicdet .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
.filtrace .navicdet a {color: #0078C2;}

.objednavka {margin: 15px 5px; float: left; clear: left;}
.objednavka a {text-decoration: underline;}
.objednavka strong {clear:left; float: left; padding: 3px 5px;}
.objednavka p {clear:left; float: left; padding: 0px 5px;}
.objednavka span {float: left; padding: 3px 5px;}
.objednavka img {padding: 3px 5px; vertical-align: middle;}
.objednavka table {clear:left; float: left; text-align: left;}
.objednavka table span {padding: 0px; float: none;}
.objednavka table u {text-decoration: none;}
.objednavka .color_ord_nostc {color: red;}
.objednavka .color_ord_stc {color: green;}
.objednavka .color_ord_stcb {color: brown;}
.objednavka .pdf {background: url('/img/ikony/pdf.png') center center no-repeat;}
.objednavka .platba {margin: 5px; border: 1px solid black;}
.objednavka .hlavicka {float: left; clear: left;}
.platbaonline .gopayreset {min-width: 277px; line-height: 44px; margin-left: 5px;}
.platbaonline .platba {float: left;}
.platbaonline img {float: left; padding: 5px;}
.platbaonline .hlavicka2 {margin-top: 25px;}
.doruceni {margin: 5px 5px 15px; float: left; clear: left;}
.doruceni span {padding: 0px; float: none;}
.platbaonline {margin: 5px 10px; float: left; clear: left;}
.platbaonline p, .platbaonline span {float: left; clear: left;}
.platbaonline button {float: left; clear: left;}

.vykup {position:relative; max-width: 1000px; z-index:1; overflow: hidden; margin: 0px auto; background: #ffffff; min-height: 116px; width: 100%; border-radius: 10px;}
.vykup #pracuji {position: absolute;} 
.vykup .vyrobci {}
.vykup .vsl p {height: initial;}
.vykup .vyrobci p {font-size: 1.1em; margin: 0px; text-align: left; background: #ffffff; width: 100%; padding: 18px 60px 18px 0px; height: initial; color: #0078C2; border-bottom: 1px solid #0078C2;}
.vykup .vyrobci .vyrobcidiv {width: 97px; height: 36px; text-align: center; float: left; margin: 10px 0px 10px 5px; cursor: pointer; background: url('/img/ikony/radiotl_off.png') 5px center no-repeat; border: 1px solid #ffffff; border-radius: 30px; padding-left: 30px;}
.vykup .vyrobci .vyrobcidiv img {margin-top: 3px; height: 30px;}
.vykup .vyrobci .vyrobcidiv:hover {border: 1px solid #0078C2;}
.vykup .vyrobci .vyrobcidivact {border: 1px solid #0078C2; background: url('/img/ikony/radiotl_on.png') 5px center no-repeat;}
.vykup .tiskarny {float: left; clear: left; width: 100%; text-align: left; border-bottom: 1px solid #0078C2;}
.vykup .tiskarny p {font-size: 1.1em; margin: 0px; text-align: left; padding: 10px; background: #ffffff; color: #0078C2; height: initial; border-bottom: 1px solid #0078C2;}
.vykup .tiskarny .tiskarna {float: left; clear: left; margin: 0px; background: url('/img/ikony/tiskarna_ico.png') 2px center no-repeat; padding: 10px 0px 10px 50px; width: 100%; font-size: 1em; position: relative; border-bottom: 1px solid #dedede; cursor: pointer;}
.vykup .tiskarny .tiskarna span {text-decoration: underline; color: #0078C2;}
.vykup .tiskarny .tiskarna:hover {background-color: #eaeaea}
.vykup .tiskarny .tiskarna a {color: #333333;}
.vykup .tiskarny .tiskarna .buybutton {right: 2px;}
.vykup.halfsize{width:306px;}
.vykup.closed{display:none;}
.vykup.skryty{display:none;}
.vykup .vsl {float: left; background: #fff; overflow: hidden; width: 100%;}
.vykup .whspcol1 {position: relative; width: 300px; top: 26px; float:left; background: #fff;overflow:hidden; height: 454px}
.vykup .titulek {font-size: 1.1em; text-align: left; padding: 18px 10px 18px 0px; width: 100%; background: #ffffff; color: #0078C2; height: initial; border-bottom: 1px solid #0078C2;}
.vykup .titulek span {font-size: 14px; color: #3d3d3d; float: left; margin: 15px 0px 10px 0px;}
.vykup .titulek img {margin: 0px; position: relative; left: -6px;}
.vykup .vsl .whsphint {display:block}  
.vykup .similar_results {width:98%;float:left;clear:left;}
.vykup .similar_results h2{color:#1987B0;text-align:center;font-size:12px;}
.vykup .exatc_results {width:98%;float:left;clear:left;}
.vykup .exatc_results h2{color:#000;text-align:center;font-size:12px;}
.vykup .vslpol{position:relative;float:left; clear: left; width:100%;border-bottom:solid 1px #dedede; margin:0px; min-height: 40px; overflow: hidden;  z-index:1; display: flex; align-items: center;}
.vykup .whspitem1{position: relative; width:290px;border-bottom:solid 1px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:auto; min-height: 30px; color:#005684;cursor: pointer;overflow:hidden; background: #ffffff}
.vykup .prnitem{position:relative;float:left; clear: left; width:640px;border-bottom:solid 0px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:24px; padding: 6px 0px 0px 0px;color:#005684;cursor: pointer;overflow:hidden;}
.vykup .prnitem:hover {background: #eaeaea}
.vykup .prnitem1{width:290px;border-bottom:solid 1px #c3c3c3; border-right:solid 0px #E8E8E8;margin:0px 5px 0px 5px;padding:0;height:21px;color:#005684;cursor: pointer;overflow:hidden;}
.vykup .colrow {background: #f3f3f3;}
.vykup .vslpol:last-child, .vykup .prnitem:last-child {}
.vykup .spttreeitem strong{font-weight: normal;}
.vykup .spttreeitem strong b{font-weight: bold;}
.vykup .spttreeitem .whname{left:4px;}
.vykup .act{background:#fff;}
.vykup .back {position: absolute; top: 5px; left: 5px; cursor: pointer; background: url('/img/back-button.png') center center no-repeat; width: 35px; height: 35px;}
.vykup .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
.vykup .cena {color: initial; font-size: 1em; position: relative; float: left; min-width: 80px; text-align: center; width: 100%; font-weight: bold;}
.vykup .cena .grn {color: green}
.vykup .cena .bk {color: #000000;}
.vykup .pricewotaxh {color: red; font-weight: bold; position: absolute; right: 115px; bottom: 4px; height: 31px;}
.vykup .whimg{position:absolute;top:2px;left:3;right:auto;bottom:auto;}
.vykup .whimg img{width:40px;height:40px;}
.vykup .whcode{position:absolute;top:auto;left:auto;right:5px;bottom:3px;}
.vykup .whcode a {color:#535154;}
.vykup .leva70 {position: relative; float: left; width: 90%; max-width: 920px;}
.vykup .prava30 {position: relative; float: right; width: 80px; margin: 5px;}
.vykup .nazev{position: relative; width: calc(100% - 90px); float: left; color: #24252a; display: flex; align-items: center;}
.vykup .nazev .nazevp {font-size: 1em; overflow: hidden; margin: 0px; padding: 0px; text-align: left; color: #24252a;}
.vykup .nazev .nazevt {font-size: 1em; color: #0078C2; text-decoration: underline;}
.vykup .barva {position: relative; float: left; margin: 12px 5px 12px 5px; min-width: 35px;}
.vykup .act .whname{background:none;}
.vykup .whcount{font-size:10px;height:14px;overflow:hidden;text-align: right;color:#535154;}
.vykup .whcount u{margin-right:5px;}
.vykup .note,.vykup .pricewtax,.vykup .tobskt,.vykup .comp{display:none;}
.vykup .whispwarn {position: absolute; top: -52px; left: -1px; width: 756px; height: 45px; background-color: yellow; overflow:visible;font-size:12px; font-weight: bold; color: red;border:solid 2px red; border-radius: 3px 3px 3px 3px ;z-index:80;}
.vykup .whispwarn span {float: left; margin: 14px 20px}
.vykup .whispwarn span a {color: black; text-decoration: underline;}
.vykup .ldcont {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff;  opacity:0.9; filter:alpha(opacity=90);}
.wsb25 {left: -384px !important;}
.wsb17 {left: -384px !important;}
.wsb14 {left: -384px !important;}
.wsb13 {left: -384px !important;}
.vykup .buy {position: absolute; width: 69px; top: 5px; right: 40px;}
.vykup .buy .inp_txt_qty {height: 22px; width: 24px; margin-right: 5px; text-align: center;}
.vykup .sklad {position: relative; float: left; min-width: 80px; width: 100%; color: green;}
.vykup .sklad p {text-align: center; line-height: 12px; font-size: 11px; margin: 0px 0px 2px 0px;}
.vykup .ne {color: red !important;}
.vykup .pricecol {position: absolute; top: 35px; width: 65px; right: 83px;}
.vykup .pricecol .pricewotax {color: initial; font-weight: bold; position: relative; float: left; right: 0px; bottom: 0px; height: 24px; padding-top: 6px; text-align: right; width: 65px; z-index:2; cursor: pointer;}
.vykup .hov {background: #eaeaea;}
.vykup .filtrhlava {float: left; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #0078C2;}
.vykup .filtrhlava input {display: none;}
.vykup .filtrhlava input + label {cursor: pointer;}
.vykup .filtrhlava input[type="radio"] + label {margin: 5px 8px 5px 8px; float: left; text-decoration: none; background: url('/img/ikony/radiotl_off.png') left center no-repeat; padding: 5px 0px 5px 28px; font-size: 14px; color: #0078C2;}
.vykup .filtrhlava input[type="radio"]:checked + label {text-decoration: none; background: url('/img/ikony/radiotl_on.png') left center no-repeat;}
.vykup .filtrhlava input[type="checkbox"] {display: none;}
.vykup .filtrhlava input[type="checkbox"] + label {margin: 0px 10px 10px 10px; float: left; text-decoration: none; background: url('/img/chbox.png') left center no-repeat; padding: 5px 0px 5px 28px;}
.vykup .filtrhlava input[type="checkbox"]:checked + label {text-decoration: none; background: url('/img/chboxch.png') left center no-repeat;}
.vykup .vslhlava {display: inline-block; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin: 5px 0px; background: #efefef;}
.vykup .vslhlava div {display: inline-block; margin-top: 5px; margin-bottom: 5px; color: #636363;}
.vykup .vslhlava .vslhbarva {width: 45px; margin-left: 5px;}
.vykup .vslhlava .vslhnazev {width: 588px; margin-left: 5px;}
.vykup .vslhlava .vslhnazev16 {width: 640px; margin-left: 5px;}
.vykup .vslhlava .vslhdostup {width: 90px; text-align: center;}
.vykup .vslhlava .vslhcena {width: 92px; text-align: right;}
.vykup .vslhlava .vslhkoupit {width: 159px; text-align: center;}
.vykup .pravy {width: 170px; text-align: center;}
.vykup .tlkoupit {position: relative; width: 160px; border-radius: 30px; /*border: 1px outset #50b300 !important; color: #24252a;*/ text-align: center; float: left; margin: 0px 5px;
  background: #ff1965 !important; border: 1px solid #ff1965 !important;   
  /*background: #50b300  !important;
  background: -webkit-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -o-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: -moz-linear-gradient(-45deg, #7ec621, #50b300) !important;
  background: linear-gradient(-45deg, #7ec621, #50b300) !important;*/
}
.vykup .tlkoupit:hover {color: #ffffff !important;
  background: #e5004c !important;
  border: 1px solid #e5004c !important;
}
.vykup .tlkoupit span {vertical-align: top; display: inline-block; margin: 5px; color: #ffffff; font-size: 0.8em;}
.vykup .tlkoupit span b {font-weight: normal;}
.vykup .tlkoupit img {display: inline-block; height: 20px; margin-top: 5px;}
.vykup .modelbuybutton {position: absolute; top: 4px; right: 0px; width: 150px; height: 28px; border-radius: 5px; border: 1px outset #52cc00; font-size: 11px; color: #3e3e3e; text-align: center;
    background: #91C71D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#91C71D, #7E9E00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#91C71D, #7E9E00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#91C71D, #7E9E00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2261bf, #006699); /* Standard syntax */
} 

#demtoplacebox {position: absolute; top: 117px; left: 0px; right: 0px; bottom: 0px; z-index: 79;}
#demtoplacebox .demtoplaceboxbg {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #636363; width: 100%; z-index: 5; opacity: 0.88;}
#demtoplacebox .demtoplistcont {position: relative; max-width: 990px; background: #ffffff; margin: 20px auto; z-index: 80; padding: 5px; border-radius: 3px;}
#demtoplacebox .demtoplistcont .hlavicka {font-size: 1.6em; width: 95%; padding: 10px 0px 10px 0px; margin: 0px;}
#demtoplacebox .demtoplistcont .instr {margin: 0px; padding: 0px 0px 10px 0px;}
#demtoplacebox .demtoplistcont .inputdiv {position: relative; margin: 0px; height: 33px; width: 310px; display: inline-block;}
#demtoplacebox .demtoplistcont .inputdiv input {position: absolute; top: 0px; left: 0px; width: 295px; font-size: 0.9em; line-height: 2.2em;} 
#demtoplacebox .demtoplistcont .left {display: block; margin-left: 0px; width: 100%;}
#demtoplacebox .demtoplistcont .right {display: block; vertical-align: top; width: 100%;}
#demtoplacebox .demtoplistcont .right .zkratky {display: flex; list-style: none; flex-wrap: wrap; border-radius: 5px 5px 0px 0px; overflow: hidden;} 
#demtoplacebox .demtoplistcont .right .zkratky div {display: list-item; cursor: pointer; font-size: 0.8em; flex-grow: 1; text-align: center; background: #0078C2; color: #ffffff; height: 40px; border-left: 1px solid #0068a7;}
#demtoplacebox .demtoplistcont .right .zkratky div:hover {background: #009eff;}
#demtoplacebox .demtoplistcont .right .zkratky div:first-child {border-left: none;}
#demtoplacebox .demtoplistcont .right .zkratky div span {display: block; margin-top: 10px;}
#demtoplacebox .demtoplistcont .right .zkratky .zkrv {background: darkgreen url('/img/ikony/sipkadolu.png') center 30px no-repeat; }
#demtoplacebox .demtoplistcont .right .zkratky .zkrv:hover {background: green url('/img/ikony/sipkadolu.png') center 30px no-repeat; }
#demtoplacebox .demtoplistcont .right .zkratky .zkrvs {background: darkgreen url('/img/ikony/sipkanahoru.png') center 30px no-repeat; }
#demtoplacebox .demtoplistcont .right .zkratky .zkrvs:hover {background: green url('/img/ikony/sipkanahoru.png') center 30px no-repeat; }
#demtoplacebox .demtoplistcont .right #citylist {position: absolute; display: block; height: 505px; overflow-y: scroll; z-index: 99; border: none; margin-top: 40px;}
#demtoplacebox .demtoplistcont .right #citylist div {font-size: small; padding: 5px 0px 5px 10px; border: none; height: unset; text-align: left;}
#demtoplacebox .demtoplistcont .right .fs0 {font-size: 0px;}
#demtoplacebox .demtoplistcont #map {height: 360px; position: relative; margin: 0px 0px;}
#demtoplacebox .demtoplistcont #pano {height: 140px; position: relative; margin: 10px 0px; width: 50%; display: inline-block;}
#demtoplacebox .demtoplistcont #infowindow {height: 140px; position: relative; margin: 10px 0px; width: 50%; display: inline-block; font-size: 0.8em; overflow-y: scroll; padding-left: 5px; font-size: small;}
#demtoplacebox .demtoplistcont #infowindow p {margin: 0px;}
#demtoplacebox .demtoplistcont #demtopinradiuslist {margin: 0px; overflow-y: scroll; height: 430px;}
#demtoplacebox .demtoplistcont .dtpitem {margin: 0px 0px 5px 0px; background: #ffffff; border: 1px solid #00abbf; border-radius: 3px; padding: 5px 0px;}
#demtoplacebox .demtoplistcont .dtpitem .dtpico {height: 45px; width: 40px; display: inline-block;}
#demtoplacebox .demtoplistcont .dtpitem p {line-height: 14px; font-size: 12px; display: inline-block; vertical-align: top; margin: 0px; max-width: 245px;}
#demtoplacebox .demtoplistcont .active {border: 1px solid #c81e82;}
#demtoplacebox .selectdtp {padding: 8px 9px 9px 10px !important; position: absolute; text-align: center; color: white; font-size: 16px; border-radius: 3px; cursor: pointer; width: 130px; top: 5px; right: 5px;
    background: #ff1965 !important; border: 1px solid #ff1965 !important;
    }
#demtoplacebox .selectdtp:hover {background: #e5004c !important; border: 1px solid #e5004c !important;}
#demtoplacebox .demtoplistcont .left .demsdiv {position: relative; margin: 0px 0px 0px 0px; display: inline-block; vertical-align: top;}
#demtoplacebox .demtoplistcont .left .demsdiv .hdr {}
#demtoplacebox .demtoplistcont .left .demsdiv .demall {background: none;margin: 5px 0px 5px 0px; width: 50px; display: inline-block; cursor: pointer;}
#demtoplacebox .demtoplistcont .left .demsdiv .demuloz {background: url('/img/ikony/znacka_d26.png') right center no-repeat; padding: 5px 35px 5px 0px; width: 115px; display: inline-block; cursor: pointer; margin-right: 20px;}
#demtoplacebox .demtoplistcont .left .demsdiv .demparcel {background: url('/img/ikony/znacka_d2.png') right center no-repeat; padding: 5px 35px 5px 0px; width: 115px; display: inline-block; cursor: pointer;}
#demtoplacebox .demtoplistcont .left .demsdiv .demzasil {background: url('/img/ikony/znacka_d29.png') right center no-repeat; padding: 5px 35px 5px 0px; width: 115px; display: inline-block; cursor: pointer;}
#demtoplacebox .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}

#ruletapoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 4; opacity: 0.88; display: none;}  
.ruleta {position: fixed; left: 50%; margin-left: -400px; width: 800px; height: 320px; top: -50%; z-index: 90; display: none;}
.ruleta .rlevy {position: absolute; background: url('/img/ruletaram.png') center center no-repeat; width: 320px; height: 320px; z-index: 1;}
.ruleta .rpravy {position: absolute; width: 590px; height: 280px; left: 210px; top: 20px; background: #ffffff; border-radius: 10px;}
.ruleta .ram {position: absolute; margin: 10px; width: 300px; height: 300px; left: 0%; background-color: none; background-image: url('/img/ruletaram.png'); border-radius: 300px;}
.ruleta .kolo {position: absolute; margin: 10px; width: 300px; height: 300px; left: 0%; background-color: none; background-image: url('/img/ruleta.png'); border-radius: 300px;}
.ruleta #ruletemail {position: absolute; top: 170px; line-height: 20px; left: 120px; width: 210px; border-radius: 5px; padding: 5px;}
.ruleta #ruletupoz {position: absolute; top: 195px; left: 120px; color: red;}
.ruleta .sipka {position: absolute; top: 30px; left: 150px; background-image: url('/img/ruleta_sipka.png'); width: 20px; height: 30px;}
.ruleta .rphlava {font-size: 1.3em;}
.ruleta .rptext {position: absolute; top: 70px; left: 120px; font-size: 1em; line-height: 20px;}
.ruleta .cena {position: absolute; top: 70px; left: 120px; font-size: 1.3em; line-height: 25px;}
.ruleta .cena p {font-size: 0.8em;}
.ruleta .roztoc {position: absolute; top: 170px; left: 350px; max-width: 210px !important; width: 100%; line-height: 30px !important; border-radius: 30px !important; cursor: pointer !important; text-align: center !important; color: #ffffff; font-size: 1.3em !important; margin-left: 5px !important;
  background: #ff1965 !important; border: 1px solid #ff1965 !important;}
.ruleta .zavrit {position: absolute; top: 25px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10;}
#ruletawid {position: fixed; right: 0px; top: 20%; width: 60px; height: 200px; z-index: 4; opacity: 0.88; background: #ff1965 url('/img/ruletamala.png') top left no-repeat; border-radius: 120px 0px 0px 50px; color: #ffffff; display: none; cursor: pointer;}
#ruletawid p {text-align: center; margin-top: 128px; font-size: 0.9em;}  

@media screen and (max-width: 800px){
.ruleta {width: 320px; margin-left: -160px; height: 90%; margin-top: -100px}
.ruleta .rpravy {position: absolute; width: 280px; max-height: 325px; left: 20px; top: 210px; background: #ffffff; border-radius: 10px; height: 100%;}
.ruleta .rphlava {font-size: 1.1em;}
.ruleta .rptext {top: 110px; left: 15px; width: 250px; font-size: 1em;}
.ruleta #ruletemail {left: 15px; top: 240px; width: 250px;}
.ruleta .roztoc {left: 10px; top: 280px; max-width: 250px !important;}
.ruleta .zavrit {top: 270px; right: 20px;}
.ruleta .cena {top: 110px; left: 15px; width: 250px; font-size: 1.1em; line-height: 20px;}
#ruletawid {border-radius: 0px; bottom: 0px; left: 0px; width: 100%; height: 40px; top: initial; background: #ff1965 url('/img/ruletamala.png') -60px 0px no-repeat; }
#ruletawid p {margin-top: 10px; font-size: 1em;}
}

.breadcrumb {position: relative; margin: 0px 0px 0px; width: 100%; font-size: 0.8em; color: grey; background: none; padding: 0px 0px; border-bottom: 0px solid #dedede;}
.breadcrumb span {margin-left: 1px; line-height: 38px;}
.breadcrumb span a {color: #1987B0; padding: 10px 0px 10px 5px;}
.breadcrumb .current {color: #1987B0; padding: 10px 0px 10px 5px;}
.breadcrumb .current::before, .breadcrumb span span a::before {content: ">"; padding: 0px 5px 0px 0px; color: #cccccc;}
.breadcrumb span a span {text-decoration: underline;}
.breadcrumb span a:last-child {color: #1987B0; padding: 10px 20px 10px 5px; background: none;}
.breadcrumb span a:last-child span {text-decoration: none;}
.breadcrumb span a:hover {color: #58b3d5;}
.breadcrumb em {margin: 0px 5px;}


.rondom {display: block; height: 100%; width: 100%; background: url('/img/rondom.png') center center no-repeat;}
.rondostat {
				position: relative !important;
			  height: 490px;
        z-index: 1 !important;
			}

#rondo-dialog-overlay {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(0,0,0,0);
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
        z-index: 99;
			}


			#rondo-dialog-overlay.show-dialog {
				background-color: rgba(0,0,0,.7);
			}

			#rondo-dialog-overlay #rondo-dialog {
				overflow: hidden;
				display: table;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				cursor: default;
				position: absolute;
				background: #f2520c url('/img/rondo.png') no-repeat right;
				background-size: contain;
				top: 50%;
				left: 50%;
				width: calc(100% - 30px);
				max-width: 972px;
				outline: 13px solid #fff;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
				-moz-transform: translate3d(-50%, -50%, 0) scale(.8);
				-ms-transform: translate3d(-50%, -50%, 0) scale(.8);
				-o-transform: translate3d(-50%, -50%, 0) scale(.8);
				transform: translate3d(-50%, -50%, 0) scale(.8);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				opacity: 0;
				padding: 0;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-logo span {
				position: absolute;
				right: 135px;
				bottom: 5px;
				color: #fff;
				display: inline-block;
				font-size: 16px;
				margin: 0;
				line-height: 1.2;
				font-weight: 200;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
				cursor: default;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-transform: translateX(-30px) translateY(-10px);
				-moz-transform: translateX(-30px) translateY(-10px);
				-ms-transform: translateX(-30px) translateY(-10px);
				-o-transform: translateX(-30px) translateY(-10px);
				transform: translateX(-30px) translateY(-10px);
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-logo {
				position: relative;
				height: 42px;
				width: calc(100% + 28px);
				-webkit-transform: translateY(1px);
				-moz-transform: translateY(1px);
				-ms-transform: translateY(1px);
				-o-transform: translateY(1px);
				transform: translateY(1px);
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-logo .logo-corner {
				position: absolute;
				bottom: 0;
				right: 0;
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-logo .logo-wrapper {
				padding-top: 13px;
				padding-right: 5px;
				background: #fff;
				display: inline-block;
				position: absolute;
				right: 0;
				bottom: 0;
			}

			#rondo-dialog-overlay #rondo-dialog .rondo-step-2 {
				display: none !important;
			}

			#rondo-dialog-overlay #rondo-dialog .rondo-step-2-wrap .rondo-step-1 {
				display: none !important;
			}
			#rondo-dialog-overlay #rondo-dialog .rondo-step-2-wrap .rondo-step-2 {
				display: block !important;
			}

			#rondo-dialog-overlay #rondo-dialog.rondo-dialog-scrollable {
				display: block;
				top: 5px;
				left: 5px;
				bottom: 5px;
				right: 5px;
				overflow-x: hidden;
				overflow-y: auto;
				-webkit-overflow-scrolling: touch;
				-webkit-transform: translate3d(0,0,0) scale(.8);
				-moz-transform: translate3d(0,0,0) scale(.8);
				-ms-transform: translate3d(0,0,0) scale(.8);
				-o-transform: translate3d(0,0,0) scale(.8);
				transform: translate3d(0,0,0) scale(.8);
				max-width: unset;
			}

			#rondo-dialog-overlay #rondo-dialog.reveal-effect {
				-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
				-moz-transform: translate3d(-50%, -50%, 0) scale(1);
				-ms-transform: translate3d(-50%, -50%, 0) scale(1);
				-o-transform: translate3d(-50%, -50%, 0) scale(1);
				transform: translate3d(-50%, -50%, 0) scale(1);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				opacity: 1;
			}

			#rondo-dialog-overlay #rondo-dialog.rondo-dialog-scrollable.reveal-effect {
				-webkit-transform: translate3d(0, 0, 0) scale(1);
				-moz-transform: translate3d(0, 0, 0) scale(1);
				-ms-transform: translate3d(0, 0, 0) scale(1);
				-o-transform: translate3d(0, 0, 0) scale(1);
				transform: translate3d(0, 0, 0) scale(1);
			}

			#rondo-dialog-overlay #rondo-dialog-inner.rondo-dialog-scrollable {
				overflow-x: hidden;
				overflow-y: auto;
				display: block;
				height: 100%;
			}

			#rondo-dialog-overlay #rondo-dialog-wrap {
				padding: 28px 28px 0;
			}

			#rondo-dialog-overlay #rondo-dialog #scratchcard {
				display: block;
				position: relative;
				width: 280px;
				height: 60px;
				border-radius: 3px;
				overflow: hidden;
				margin-left: 72px;
			}

			#rondo-dialog-overlay #rondo-dialog #wincode {
				background: #fff;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 1;
			}

			#rondo-dialog-overlay #rondo-dialog #wincode img {
				position: absolute;
				top: 0;
				left: 0;
				pointer-events: none;
			}

			#rondo-dialog-overlay #rondo-dialog #winfield {
				position: absolute;
				top: 0;
				right: 0;
				height: 60px;
				z-index: 2;
				width: 280px;
				-webkit-transition: all 1.5s;
				-moz-transition: all 1.5s;
				-ms-transition: all 1.5s;
				-o-transition: all 1.5s;
				transition: all 1.5s;
				transform-origin: right;
				-webkit-transform: scaleX(1);
				-moz-transform: scaleX(1);
				-ms-transform: scaleX(1);
				-o-transform: scaleX(1);
				transform: scaleX(1);
				cursor: pointer;
			}

			#rondo-dialog-overlay #rondo-dialog #winfield.animateRondoScratch {
				width: 0;
				height: 60px;
				-webkit-transform: scaleX(0);
				-moz-transform: scaleX(0);
				-ms-transform: scaleX(0);
				-o-transform: scaleX(0);
				transform: scaleX(0);
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-close {
				position: absolute;
				top: -13px;
				right: -13px;
				height: 38px;
				width: 38px;
				background-color: #fff;
				border-radius: 5px;
				line-height: 38px;
				text-align: center;
				font-size: 26px;
				cursor: pointer;
				color: gray;
				-webkit-transition: color .2s ease-in-out;
				-moz-transition: color .2s ease-in-out;
				-ms-transition: color .2s ease-in-out;
				-o-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
			}

			#rondo-dialog-overlay #rondo-dialog #rondo-dialog-close:hover {
				color: black;
			}


			#rondo-dialog-overlay #rondo-dialog h1 {
				font-size: 48px;
				color: #fff;
				margin: 0 0 11px 0;
				line-height: 1.1;
				font-weight: 400;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
			}

			#rondo-dialog-overlay #rondo-dialog h2 {
				color: #fff;
				font-size: 22px;
				margin: 8px 0 18px 0;
				line-height: 1.4;
				font-weight: 700;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
			}

			#rondo-dialog-overlay #rondo-dialog p {
				color: #fff;
				font-size: 22px;
				margin: 16px 0;
				line-height: 1.2;
				font-weight: 400;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
			}

			#rondo-dialog-overlay #rondo-dialog p.small {
				font-size: 13px;
			}

			#rondo-dialog-overlay #rondo-dialog p.strong {
				font-weight: 700;
				line-height: 1.5;
				margin: 30px 0;
				max-width: 424px;
				text-align: center;
			}

			#rondo-dialog-overlay #rondo-dialog p.rondo-account {
				font-size: 40px;
				max-width: 424px;
				text-align: center;
			}

			#rondo-dialog-overlay #rondo-dialog p a {
				text-decoration: underline;
				color: #fff;
			}

			#rondo-dialog-overlay #rondo-dialog p a:hover {
				text-decoration: none;
			}

			#rondo-dialog-overlay #rondo-dialog p + p {
				margin-top: 32px;
			}

			#rondo-dialog-overlay #rondo-dialog #wincode p {
				font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
				margin: 0;
				font-size: 36px;
				font-weight: 700;
				line-height: 60px;
				text-align: center;
				color: black;
				cursor: text;
				-webkit-user-select: initial;
				-moz-user-select: initial;
				-ms-user-select: initial;
				user-select: initial;
			}

			#rondo-dialog-overlay #rondo-dialog .btn {
				display: block;
				text-decoration: none;
				border-radius: 3px;
				border: none;
				width: 280px;
				text-align: center;
				font-size: 20px;
				margin: 11px 72px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
				cursor: pointer;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.green {
				background-color: #65A325;
        background-image: none;
        padding: 0px !important;
				height: 56px;
				line-height: 56px;
				color: #fff;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.green:hover {
				background-color: #4F8816;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.green:active {
				background-color: #6AA145;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.gray {
				background-color: #cdcdcd;
				font-size: 16px;
				color: #000;
				height: 40px;
				line-height: 40px;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.gray:hover {
				background-color: #bababa;
			}

			#rondo-dialog-overlay #rondo-dialog .btn.link {
				color: #fff;
				text-decoration: underline;
				height: 40px;
				line-height: 40px;
			}

			#rondo-dialog-overlay .rondo-dialog-form {
				margin-bottom: 24px;
				width: 100%;
				max-width: 600px;
				text-align: left;
			}

			#rondo-dialog-overlay .rondo-dialog-form .rondo-form-input + .rondo-form-input {
				margin-top: 8px;
			}

			#rondo-dialog-overlay .rondo-dialog-form .rondo-form-input:last-child {
				margin-top: 16px;
			}

			#rondo-dialog-overlay .rondo-dialog-form label {
				width: 66px;
				display: inline-block;
				height: 44px;
				line-height: 44px;
				color: #ffffff;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
				font-size: 14px;
				text-align: right;
				padding-right: 6px;
			}

			#rondo-dialog-overlay .rondo-dialog-form label a {
				color: inherit;
				text-decoration: underline;
			}

			#rondo-dialog-overlay .rondo-dialog-form label a:hover {
				text-decoration: none;
			}

			#rondo-dialog-overlay .rondo-dialog-form input {
				padding: 0;
				border: 2px solid #fff;
				height: 40px;
				line-height: 40px;
				padding: 0 6px;
				font-size: 22px;
				background-color: #e7e7e7;
			}

			#rondo-dialog-overlay .rondo-dialog-form input.inpLong {
				max-width: 440px;
				width: 100%;
			}

			#rondo-dialog-overlay .rondo-dialog-form input[type=text] {
				width: 174px;
			}

			#rondo-dialog-overlay .rondo-dialog-form input[type=checkbox] {
				position: absolute;
				z-index: -1;
				height: 25px;
				width: 25px;
				overflow: hidden;
				border: 0;
				padding: 0;
				margin: 0;
			}
			#rondo-dialog-overlay .rondo-dialog-form label.checkbox {
				cursor: pointer;
				width: auto;
				position: relative;
				margin-left: 72px;
				height: 25px;
				line-height: 25px;
			}

			#rondo-dialog-overlay .rondo-dialog-form input[type=checkbox] + span {
				display: inline-block;
				width: 25px;
				height: 25px;
				margin-right: 10px;
				background-color: #e7e7e7;
				vertical-align: middle;
			}

			#rondo-dialog-overlay .rondo-dialog-form input[type=checkbox]:checked + span {
				background-size: contain;
				background: #e7e7e7 url("https://www.rondo.cz/assets/img/eshop-dialog/checkbox.png") no-repeat center;
			}

			@media all and (max-width: 970px) {
				#rondo-dialog-overlay #rondo-dialog {
					background: #f2520c none no-repeat right;
				}
			}

			@media all and (max-width: 970px) {
				#rondo-dialog-overlay #rondo-dialog {
					background: #f2520c no-repeat right;
					text-align: center;
				}
				#rondo-dialog-overlay #rondo-dialog .btn, #rondo-dialog-overlay #rondo-dialog #scratchcard {
					margin-left: auto;
					margin-right: auto;
				}
				#rondo-dialog-overlay #rondo-dialog p.strong, #rondo-dialog-overlay #rondo-dialog p.rondo-account {
					max-width: inherit;
					overflow-wrap: break-word;
					word-wrap: break-word;
					-ms-word-break: break-all;
					word-break: break-word;
				}
				#rondo-dialog-overlay .rondo-dialog-form {
					margin-left: auto;
					margin-right: auto;
				}
			}

			@media all and (max-width: 640px), all and (max-height: 600px) {
				#rondo-dialog-overlay #rondo-dialog {
					outline: 5px solid #fff;
					width: calc(100% - 10px);
					-webkit-transition: none;
					-moz-transition: none;
					-ms-transition: none;
					-o-transition: none;
					transition: none;
				}
				#rondo-dialog-overlay #rondo-dialog-wrap {
					padding: 10px 10px 0;
				}
				#rondo-dialog-overlay #rondo-dialog #rondo-dialog-close {
					top: -5px;
					right: -5px;
				}
				#rondo-dialog-overlay #rondo-dialog #rondo-dialog-logo {
					width: calc(100% + 10px);
				}
				#rondo-dialog-overlay #rondo-dialog h1 {
					margin-top: 10px;
					font-size: 36px;
					//padding-left: 30px;
					padding-right: 30px;
					box-sizing: border-box;
				}
				#rondo-dialog-overlay #rondo-dialog h2 {
					font-size: 18px;
					box-sizing: border-box;
				}
				#rondo-dialog-overlay #rondo-dialog p {
					font-size: 18px;
					box-sizing: border-box;
				}

				#rondo-dialog-overlay #rondo-dialog p.rondo-account {
					font-size: 26px;
				}

				#rondo-dialog-overlay #rondo-dialog .btn {
					font-size: 16px;
				}
				#rondo-dialog-overlay #rondo-dialog .btn.green {
					height: 48px;
					line-height: 48px;
				}
				#rondo-dialog-overlay #rondo-dialog .btn.gray {
					font-size: 13px;
					height: 36px;
					line-height: 36px;
				}
				#rondo-dialog-overlay .rondo-dialog-form input, #rondo-dialog-overlay .rondo-dialog-form label, #rondo-dialog-overlay .rondo-dialog-form input[type=text], #rondo-dialog-overlay .rondo-dialog-form input[type=email], #rondo-dialog-overlay .rondo-dialog-form input[type=tel] {
					width: calc(100% - 20px);
					text-align: left;
					margin-left: 0;
					max-width: inherit;
				}

				#rondo-dialog-overlay .rondo-dialog-form input[type=checkbox] + label {
					margin-left: 31px;
				}
			}

			@media all and (max-width: 480px), all and (max-height: 500px) {
				#rondo-dialog-overlay #rondo-dialog h1 {
					margin-bottom: 5px;
					font-size: 28px;
				}
				#rondo-dialog-overlay #rondo-dialog h2 {
					font-size: 16px;
					margin-bottom: 9px;
				}
				#rondo-dialog-overlay #rondo-dialog p {
					font-size: 16px;
					margin: 8px 0;
				}
				#rondo-dialog-overlay #rondo-dialog p + p {
					margin-top: 16px;
				}
				#rondo-dialog-overlay #rondo-dialog .btn {
					font-size: 16px;
					margin-top: 5px;
					margin-bottom: 5px;
				}
				#rondo-dialog-overlay #rondo-dialog p.rondo-account {
					font-size: 22px;
				}
			}

      #bantlrnd {position: absolute; bottom: 10px; left: 30px; z-index: 2;}

			#bantlacitkornd1, #bantlacitkornd2 {
				display: inline-block;
				text-decoration: none;
				border-radius: 3px;
				border: none;
				width: 230px;
				text-align: center;
				font-size: 20px;
				margin: 10px 10px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
				font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
				cursor: pointer;
			}

			#bantlacitkornd1 {
				background-color: #65A325;
        background-image: none;
        padding: 0px !important;
				height: 56px;
				line-height: 56px;
				color: #fff;
			}

			#bantlacitkornd1:hover {
				background-color: #4F8816;
			}

			#bantlacitkornd2 {
				background-color: #cdcdcd;
				font-size: 16px;
				color: #000;
				height: 56px;
				line-height: 56px;
			}

			#bantlacitkornd2:hover {
				background-color: #bababa;
			}

#odbernamista {}
#odbernamista .odbernamistabg {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #636363; width: 100%; z-index: 5; opacity: 0.88;}
#odbernamista .mista {position: fixed; max-width: 1200px; min-width: 310px; width: 100%; background: #ffffff; z-index: 6; border-radius: 5px; overflow-y: hidden; padding: 15px;}
#odbernamista .mista .hlavicka {font-size: 1em; padding-bottom: 10px;}
#odbernamista .mista .inputdiv {padding: 15px 0px; font-size: 0.9em;}
#odbernamista .mista .inputdiv input[type=text] {width: calc(100% - 74px); margin-top: 5px; line-height: 25px; border-radius: 3px 0px 0px 3px;}
#odbernamista .mista .inputdiv input[type=submit] {margin-left: -5px; border-radius: 0px 3px 3px 0px;}
#odbernamista .mista #odbm {overflow: hidden; font-size: 0.8em; height: calc(100% - 160px); width: 50%; display: inline-block;}
#odbernamista .mista #allmap {height: calc(100% - 160px); width: 49%; display: inline-block;}
#odbernamista .mista #odbm .scr {overflow-y: auto; height: calc(100% - 45px); position: relative;}
#odbernamista .mista #odbm input[type=radio] + label {display: inline-block; width: 100%; margin: 0px 0px; background: url('/img/ikony/radiotl_off.png') 4px center no-repeat; padding: 9px 0px 9px 35px; border-top: 1px solid #c4d5df;}
#odbernamista .mista #odbm input[type="radio"]:checked + label {background: url('/img/ikony/radiotl_on.png') 4px center no-repeat;}
#odbernamista .mista #odbm input[type=radio] + label:nth-of-type(2n-1) {background-color: #f2f2f2;}
#odbernamista .mista #odbm input[type=radio] + label:nth-of-type(1) {border-top: none;}
#odbernamista .mista #odbm .dtpjmeno {display: inline-block; max-width: 50%; vertical-align: middle; padding-left: 0px; min-width: 145px; width: 100%;}
#odbernamista .mista #odbm .dtpjmeno img {vertical-align: sub; margin-left: 5px;}
#odbernamista .mista #odbm .dtpobr {display: inline-block; min-width: 110px; width: 20%; vertical-align: middle;}
#odbernamista .mista #odbm .dtppsc {display: inline-block; max-width: 15%; vertical-align: middle; width: 100%;}
#odbernamista .mista #odbm .dtpcena {display: inline-block; max-width: 15%; vertical-align: middle; text-align: right; padding-right: 10px; width: 100%; min-width: 90px;}
#odbernamista .mista #odbm .dtpmod {color: #73919b;}
#odbernamista .mista #odbm img {max-width: 100px; display: inline-block; vertical-align: middle;}      
#odbernamista .mista #odbm input[type=submit] {margin-top: 15px;}
#odbernamista .mista #odbm #pracuji {position: relative; left: 0px; top: 0px; width: 100%; height: 50px; background: url('/img/ikony/pracuji.gif') center center no-repeat; background-size: 50px; z-index: 99; opacity: 0.88;}
#odbernamista .carad, #odbernamista .carah {border-color:#c4d5df;}
#odbernamista .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavritn.png') center center no-repeat; width: 15px; height: 15px; z-index: 10;}
#odbernamista .dtpdetail {position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; padding: 15px; z-index: 80; border-radius: 5px; background: #ffffff; border: 1px solid #c4d5df;}
#odbernamista .dtpdetail #dtpmapa {height: 100%; width: 50%; display: inline-block; float: right; margin-right: 10px;}
#odbernamista .dtpdetail #dtpnote {height: 100%; background: #ffffff; font-size: 0.8em; width: 45%; display: inline-block;}
#odbernamista .dtpdetail #dtpnote .dtpnot {margin-top: 15px; line-height: 1.5em;} 
#odbernamista .dtpdetail #dtpmapa #dtpmap {height: 50%;}
#odbernamista .dtpdetail #dtpmapa #dtppan {height: 50%;}

.pt10 {padding-top: 10px !important;}
.mbordi {margin: 0px -1px -1px 0px !important;}
.w33 {width: 33%;}
.cararlg {border: 1px solid #cccccc;}

.shell {
  position: relative;
  line-height: 1;}
.shell span {
  position: absolute;
  left: 6px;
  top: 3px;
  color: grey;
  pointer-events: none;
  z-index: 0;}
.medinp .shell span {left: 34px;}  
.shell    i { /* any of these 3 will work */
        color: transparent;
        opacity: 0;
        visibility: hidden;
    }
  


input.masked,
.shell span {
  font-size: 16px;
  font-family: monospace;
  padding-right: 10px;
  background-color: transparent;
  text-transform: uppercase;}
  
@media screen and (max-width: 599px){ 
#vysledky {height: calc(100vh - 210px);}
#vysledky .tiskarny .tiskarna div {display: block;}
#vysledky .tiskarny .kategorie div {display: block;}
#vysledky .tiskarny .colorlist {margin-left: 0px;}
#vysledky .tiskarny .tiskarna span {padding-left: 0px;}
#vysledky .tiskarny .kategorie span {padding-left: 0px;}
#vysledky .vslpol {display: block; margin-top: 5px;}
#vysledky .pravy {display: block; margin: 0px auto 5px;}
#vysledky .pravy .cena,#vysledky .pravy .sklad,#vysledky .pravy .tlkoupit {float: none;}
#vysledky .nazev {float: none; width: 100%;}
//.breadcrumb {display: none !important;}
}

.filterpol input[type="radio"] + label, .filterpol input[type="checkbox"] + label {padding: 0px 0px 0px 25px; margin: 5px 0px 5px 0px; line-height: 1em;}
.filterpol input[type="checkbox"] + label {background: url('/img/ikony/chkboxn_off.png') left center no-repeat;}
.filterpol input[type="checkbox"]:checked + label {background: url('/img/ikony/chkboxn_on.png') left center no-repeat;}
.filterpol {border-radius: 10px; background: #e8e8e8; padding: 10px; margin: 10px 5px 0px 0px; font-size: 0.9em;}  
.dispnonetot {display: none !important;}
.watchfl {min-width: 232px; display: inline-block;}

#foodvypis .hlavicka2 {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 0px;}
#foodvypis .vypisprod {margin: 10px 3px 10px 3px; padding: 0px; background: none; border-radius: 5px; overflow: hidden; position: relative; display: inline-block; min-width: 290px; border: 1px solid lightgrey;}
#foodvypis .vypisprod:hover {color: inherit !important;}
#foodvypis .vypisprod .obsah {display: inline-block; max-width: calc(100% - 320px); width: 100%; margin-right: -5px; min-height: 270px; padding: 0px 10px;}
#foodvypis .vypisprod .obsah select {min-width: unset; height: 51px; background: white; margin: 0px;}
#foodvypis .vypisprod .caradole {width: 100%; display: block; height: 1px; background: #ccc !important;}
#foodvypis .vypisprod .barvabk {background: #000000;}
#foodvypis .vypisprod .barvacyan {background: cyan;}
#foodvypis .vypisprod .barvamagenta {background: magenta;}
#foodvypis .vypisprod .barvayellow {background: yellow;}
#foodvypis .vypisprod .barvacmy {background: -webkit-linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(90deg, magenta 66%, yellow 66%);
    background: -o-linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), -o-linear-gradient(90deg, magenta 66%, yellow 66%);
    background: -moz-linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), -moz-linear-gradient(90deg, magenta 66%, yellow 66%);
    background: linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(90deg, magenta 66%, yellow 66%);}
#foodvypis .vypisprod .barvacmyk {background: -webkit-linear-gradient(90deg, cyan 25%, rgba(0, 0, 0, 0) 25%), -webkit-linear-gradient(90deg, magenta 25%, yellow 25%);
    background: -o-linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), -o-linear-gradient(90deg, magenta 66%, yellow 66%);
    background: -moz-linear-gradient(90deg, cyan 33%, rgba(0, 0, 0, 0) 33%), -moz-linear-gradient(90deg, magenta 66%, yellow 66%);
    background: linear-gradient(90deg, cyan 0%, cyan 25%, magenta 25%, magenta 50%, yellow 50%, yellow 75%, black 75%);}
.break + .vypisprod {border-left: none;}
.kurp {cursor: pointer;}
.breakh {width: 100%; height: 20px;}
.mbordi {margin: 0px -1px -1px 0px !important;}
#soltree .vypisprod {cursor: pointer;}

#foodvypis .ikony {position: relative;}
#foodvypis [data-title]:hover:before {
    content: attr(data-title);
    position: absolute;
    bottom: 105%;
    right: 20px;
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 200px;
    border-radius: 25px 25px 0px 25px;
    border: 2px solid #A8003B;
    z-index: 5;
}
#foodvypis [data-ltitle]:hover:before {
    content: attr(data-ltitle);
    position: absolute;
    bottom: 105%;
    
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 200px;
    left: 20px;
    border-radius: 25px 25px 25px 0px !important;
    border: 2px solid #A8003B;
    z-index: 5;
}
#foodvypis .vypisprod a {color: inherit;}
#foodvypis .vypisprod p {margin: 0px;}
#foodvypis .vypisprod div {font-size: 1em;}
#foodvypis .vypisprod .nazev {margin: 10px 0px 0px 0px; font-size: 1.4em; font-weight: 600; padding: 0px 10px; overflow: hidden; color: #444444; text-align: center;}
#foodvypis .vypisprod .nazev h2 {font-size: 0.8em; margin: 0px; font-weight: 600;}
#foodvypis .vypisprod .nazev h3 {font-size: 0.7em; margin: 0px; font-weight: 400;}
#foodvypis .vypisprod .nazev span {}
#foodvypis .vypisprod .nazev:hover {text-decoration: underline;}
#foodvypis .vypisprod .dest {padding: 5px 5px; height: 30px;}
#foodvypis .vypisprod .ikony div {text-align: center; border-radius: 5px; height: 90px;}
#foodvypis .vypisprod .ikony div .proc {font-size: 1.5em; font-weight: 600; margin-top: 10px;}
#foodvypis .vypisprod .ikony div .proc span {font-weight: 400; font-size: 0.8em;}
#foodvypis .vypisprod .ikony div .text {line-height: 1em;}
#foodvypis .vypisprod .sfn {border: 2px solid #f0ce9c;}
#foodvypis .vypisprod ul {margin: 0px 10px; max-height: 125px; overflow: hidden; padding-inline-start: 25px; list-style-type: disc; font-size: 0.9em;}
#foodvypis .vypisprod .kodyorig {margin: 0px 0px 0px 0px; font-size: 0.8em; font-weight: normal; padding: 0px 5px;}
#foodvypis .vypisprod .obrazek {display: inline-block; vertical-align: bottom; border-radius: 5px; background: #ffffff; text-align: center; position: relative; position: relative; height: 300px !important;}
#foodvypis .vypisprod .obrazek .obal {display: flex; height: 100%;}
#foodvypis .vypisprod .obrazek img {max-width: 100%; max-height: unset; border-radius: 10px; margin: auto;}
#foodvypis .vypisprod .obrazek .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}
#foodvypis .vypisprod .levy {display: table-cell; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; }
#foodvypis .vypisprod .levy p {margin: 0px;}
#foodvypis .vypisprod .typbarva {position: absolute; z-index: 1; vertical-align: bottom; padding-bottom: 0px;}
#foodvypis .vypisprod .typbarva800 {vertical-align: bottom; padding-bottom: 0px;}
#foodvypis .vypisprod .levy .sklad {font-size: 1em; display: block; width: 100%; margin: 15px 0px 0px 0px;}
#foodvypis .vypisprod .levy .sklad p {margin: 0px;}
#foodvypis .vypisprod .levy .sklad .skladem {color: #868686;}
#foodvypis .vypisprod .levy .sklad .neskladem {color: #868686;}
#foodvypis .vypisprod .typbarva img, .vypisprod .typbarva800 img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
#foodvypis .vypisprod .levy .vytez {background: url('/img/ikony/vyteznostm.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom;}
#foodvypis .vypisprod .dnesnz {position: absolute; top: -25px; right: 0px;}
#foodvypis .vypisprod .napln {font-size: 1em; margin-top: 5px;}
#foodvypis .vypisprod .chip {display: block; vertical-align: middle; font-size: 1em; margin-top: 0px;}
#foodvypis .vypisprod .chip img {height: 50px; display: inline-block; vertical-align: middle;}
#foodvypis .vypisprod .chip span {padding-left: 5px; vertical-align: middle;}
#foodvypis .vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
#foodvypis .vypisprod .pravy .sklad {font-size: 1em; display: block; width: 100%; text-align: left; margin: 0px 0px 0px 5px; min-height: 75px;}
#foodvypis .vypisprod .pravy .sklad p {margin: 0px;}
#foodvypis .vypisprod .pravy .sklad .skladem {color: green;}
#foodvypis .vypisprod .pravy .sklad .neskladem {color: red;}
#foodvypis .vypisprod .pravy {display: table-cell; vertical-align: bottom; min-width: 212px;}
#foodvypis .vypisprod .dispta {width: 100%; position: absolute; bottom: 0px;}
#foodvypis .vypisprod .dispt {width: 100%;}
#foodvypis .vypisprod .sdani {font-size: 1.4em; margin: 0px 0px 0px 0px; font-weight: 600; padding: 0px 5px; white-space: nowrap; color: #444444;}
.sleva {font-size: 1.2em; margin: 10px 0px 0px 0px; font-weight: normal; padding: 0px 5px; white-space: nowrap; text-decoration: line-through;}
#foodvypis .vypisprod .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #868686; padding: 0px 5px;}
#foodvypis .vypisprod .dopzd {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #0096d6; padding: 0px 5px;}
#foodvypis .vypisprod .koupit {}
#foodvypis .vypisprod input[type="text"] {height: 48px; vertical-align: top; text-align: center; background: #ffffff; box-shadow: inset 0px 0px 2px #356892; border: none !important; border-radius: 5px 0px 0px 5px; padding: 0px;}
#foodvypis .vypisprod input[type="text"]:hover {box-shadow: inset 0px 0px 5px #356892;}
#foodvypis .vypisprod .tlacitkoobj {margin: 0px 5px 0px !important; width: 135px; vertical-align: top; height: 51px; min-width: unset;}
#foodvypis .vypisprod input[type="submit"]:hover {}
#foodvypis .vypisprod .nondiv {display: inline; line-height: 48px; margin-left: 5px;}
#foodvypis .vypisprod .plusminusdet {display: inline-block; width: 22px; border-radius: 0px 5px 5px 0px;}
#foodvypis .vypisprod .plusminusdet .plusminus {display: block; width: 22px; background: #E7ECEF; border-radius: 0px; line-height: 24px; box-shadow: inset 0px 0px 2px #356892; color: #356892; font-family: monospace; padding: 0px 6px;}
#foodvypis .vypisprod .plusminusdet:hover .plusminus:hover {box-shadow: inset 0px 0px 5px #356892;}
#foodvypis .vypisprod button[type="submit"] {margin: 0px 0px 0px 0px !important; width: 100% !important; vertical-align: top;}
#foodvypis .vypisprod button em {font-size: 0.7em;}
#foodvypis .vypisprod .petlist {min-width: 300px; margin: 12px 5px 10px 0px;}
#foodvypis .vypisprod .fpros td {vertical-align: top; line-height: 1em; padding: 3px;}
#foodvypis .vypisprod .fpros tr:nth-of-type(1) td:nth-of-type(2) {font-weight: bold;}
#foodvypis .dispbi {display: block !important;}
#foodvypis .maxw100 {max-width: 100% !important;}
#foodvypis .minhun {min-height: auto !important;}
#foodvypis .abspoz5 {position: absolute; left: 5px;}
#foodvypis .maxw50 {max-width: 65px !important; border-radius: 50% !important; cursor: pointer;}
#foodvypis .zi90 {z-index: 3;}
#foodvypis .h95 {height: 100px;}
#foodvypis .w32 {width: calc(33% - 6px);}
.bs0 {border-spacing: 0px !important; width: 100%; border-collapse: collapse;}
.pv5 {padding: 0px 5px;}
.pv10 {padding: 0px 10px;}
.mh10 {margin: 10px 0px;}
.w30 {width: 30%;}
.pismo12i {font-size: 1.2em !important;}
.bb2o {border-bottom: 2px solid #013164; padding-bottom: 5px;}
.menuflex {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin: 0px 0px 0px -4px;}
.mflexcol{display: flex; min-width: calc(20% - 8px); margin: 4px;}
.mflexcol a {width: 100%; display: flex; align-items: center;}
.fordog {height: 40px; border: 1px solid lightgrey; padding-left: 0px; border-radius: 10px; font-size: 0.8em; background: #e8e8e8;}
.fordog img {left: 10px; top: 50%; transform: translate(10px, -50%); max-height: 70px; display: none;}
.forcat {height: 80px; border: 1px solid lightgrey; margin: 0px 10px; padding-left: 115px; border-radius: 10px;}
.forcat img {left: 10px; top: 50%; transform: translate(10px, -50%); max-height: 70px;}
.fordog p,.forcat p {font-size: 1.4em; cursor: pointer; width: 100%; padding: 0px 5px;}
.fpakt {-moz-box-shadow: inset 0 0 10px #ffcb05; -webkit-box-shadow: inset 0 0 10px #ffcb05; box-shadow: inset 0 0 10px #ffcb05; }
.fpakt img {display: none;}
.tac {text-align: center;}
.krajinaf .disptc {padding: 5px; vertical-align: top; text-align: center; width: 20%;}
.krajinaf img {border-radius: 5px; height: 100px;}
.krajinaf a p {border-bottom: 2px solid #ffffff; text-align: left; width: unset; font-weight: normal; margin: 0px 5px; display: inline-block;}
.bigmenu a p {width: fit-content; margin: 0px auto; border-bottom: 2px solid #ffffff;}
.bigmenu img {border-radius: 5px;}
.dispnone1 {display: none !important;}
.dispnone2 {display: none !important;}
.dispnone3 {display: none !important;}
.dispnone4 {display: none !important;}
.dispnoneni {display: none;}
input:disabled + label {display: none;}
.breadcrumb div {display: inline-block;}
.breadcrumb div a {vertical-align: top; display: inline; height: 25px;}
.breadcrumb .home {color: #1987B0; padding: 10px 0px 10px 5px; line-height: unset;}

.detailf {color: #000000;}
.detailf .nazev {font-size: 1.8em; padding: 0px 0px; font-weight: normal;}
.detailf .nazev em {font-size: 0.6em;}
.detailf .nazevss {font-size: 1.5em; padding: 20px 0px 0px; font-weight: normal; text-align: center; margin: 16px 0px 0px; text-align: left;}
.detailf .nazevs {font-size: 1.5em; padding: 0px 0px 20px; font-weight: normal; text-align: center; margin: 0px; text-align: left;}
.detailf .hh1 {border-top: 1px solid #e6e6e6;}
.detailf .obrazky {width: 50%; position: relative;}
.detailf .obrazky img {}
.detailf .galeriepoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 1; opacity: 0.88; display: none;}
.detailf .galerieobal {position: relative; padding: 0px 0px; z-index: 1; margin-top: 15px;}
.detailf .galerie {height: 80px; overflow: hidden; position: relative;}
.detailf .galerie .mr4 {margin: 0px 4px 0px 0px !important;}
.detailf .galerie .galflex {display: inline-flex; position: relative;}
.detailf .galerie img {max-height: 80px; max-width: 80px; cursor: pointer; margin: 0px 4px;}
.detailf .galerie-predchozi {position: absolute; bottom: 30px; left: 5px; background: #009eff; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; text-decoration: none !important; cursor: pointer;}
.detailf .galerie-dalsi {position: absolute; bottom: 30px; right: 5px; background: #009eff; width: 25px; height: 25px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; padding-left: 3px; text-decoration: none !important; cursor: pointer;}
.detailf .galerie .zavrit {display: none;}

.detailf .galerieobalv {position: fixed; padding: 0px 35px; width: 100%; top: 148px; max-width: 570px; left: 50%; transform: translateX(-50%); z-index: 99; background: #ffffff;}
.detailf .galerieobalv .galerie {height: 500px; overflow: hidden; position: relative;}
.detailf .galerieobalv .galerie .galflex {display: inline-flex; position: relative;}
.detailf .galerieobalv .galerie img {max-height: 500px; max-width: none; cursor: pointer;}
.detailf .galerieobalv .galerie-predchozi {position: absolute; bottom: 230px; left: 5px; background: #009eff; width: 25px; height: 60px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; text-decoration: none !important; cursor: pointer; padding-top: 17px;}
.detailf .galerieobalv .galerie-dalsi {position: absolute; bottom: 230px; right: 5px; background: #009eff; width: 25px; height: 60px; border-radius: 30px; color: #ffffff !important; text-align: center; font: 24px/ 26px Arial; padding-left: 3px; text-decoration: none !important; cursor: pointer; padding-top: 17px;}
.detailf .galerieobalv .zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavrit.png') center center no-repeat; width: 50px; height: 50px; z-index: 10; display: block;}
.detailf .obrazky .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}

.detailf .varianty a {display: grid; grid-template-areas: "vaha cena" "nic sklad"; border: 1px solid #E7ECEF; border-radius: 5px;}
.detailf .varianty a .vnazev {padding: 10px 0px 5px 10px; font-size: 1.6em;}
.detailf .varianty a .vcena {padding: 10px 10px 5px 0px; text-align: right; font-size: 1.6em;}
.detailf .varianty a .skladem {padding: 5px 10px 10px 0px; color: green; text-align: right;}
.detailf .varianty .aktivni {border: 2px solid #ffaa30;}

.detailf .zalozkynad {display: block; width: 100%; border-bottom: 0px solid #022F40; margin-top: 40px;}
.detailf .zalozky {display: table; width: 100%; border-collapse: separate; border-spacing: 5px 0px;}
.detailf .zalozky div {display: table-cell; text-align: center; padding: 10px 10px; margin-right: 5px; cursor: pointer;}
.detailf .zalozkya {color: #000000; background: #E7ECEF; vertical-align: middle;}
.detailf .zalozkyakt {color: #ffffff !important; background: rgb(255,170,48);
background: linear-gradient(175deg, rgba(255,170,48,1) 0%, rgba(215,133,15,1) 100%); vertical-align: middle;}
.detailf .zalozkya>div {background-image: url('/img/ikony/domuc.png'); background-position: center center; background-repeat: no-repeat; height: 20px; width: 20px;}
.detailf .zalozkyakt>div {background-image: url('/img/ikony/domu.png'); background-position: center center; background-repeat: no-repeat; height: 20px; width: 20px;}
.detailf .wha {background-image: url('/img/smartwatch/wh.jpg'); background-position: left center; background-repeat: no-repeat; padding-left: 60px; display: block; line-height: 50px;}
.detailf video {max-width: 100%; margin: 5px auto; display: block;}
.detailf .zalozka img {display: block; margin: 0px auto;}
.detailf .feed {border-collapse: collapse;}
.detailf .feed th {border: 1px solid grey; text-align: left; padding: 5px;}
.detailf .feed td {border: 1px solid grey; text-align: left; padding: 5px;}

.detailf .ikony {position: relative;}
.detailf .ikony p {margin: 0px; padding: 0px 0px 0px 5px;}
.detailf .ikony .numcast {position: absolute; top: 43%; left: 52%; transform: translateX(-50%);}
.detailf .ikony img:hover:after {display: none;}
.detailf [data-title]:hover:before {
    content: attr(data-title);
    position: absolute;
    bottom: 105%;
    right: 33px;
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 320px;
    border-radius: 25px 25px 0px 25px;
    border: 2px solid #A8003B;
    z-index: 5;
}

.detailf [data-ltitle]:hover:before {
    content: attr(data-ltitle);
    position: absolute;
    bottom: 105%;
    right: 33px;
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 320px;
    border-radius: 25px 25px 0px 25px;
    border: 2px solid #A8003B;
    z-index: 5;
}

.detailf .varopt {width: 35px; height: 25px; display: inline-block; margin: 0px;}
.detailf .vcervena {background: red;}
.detailf .vmodra {background: blue;}
.detailf .vcerna {background: black;}
.detailf .vzluta {background: yellow;}
.detailf .vseda {background: grey;}
.detailf .vbila {background: white; border: 1px solid black;}
.detailf .vruzova {background: pink;}
.detailf .vcernocervena {background: red; border: 3px solid black;}
.detailf .vcernoseda {background: grey; border: 3px solid black;}
.detailf .vcernozluta {background: yellow; border: 3px solid black;}
.detailf .vmodrozelena {background: steelblue;}
.detailf select {width: 173px; margin: 0px 5px 0px 0px; vertical-align: top;}

.flexcol {display: flex; flex-direction: column; align-items: flex-start;}
.detailf .typbarva {display: inline-block; vertical-align: middle; font-size: 1em;}
.detailf .typbarva img {height: 31px; display: inline-block; vertical-align: middle;}
.detailf .typbarva span {width: 50px; padding-left: 5px; vertical-align: middle;}
.detailf .chip {display: block; vertical-align: middle; font-size: 1em; margin-top: 25px;}
.detailf .chip img {height: 50px; display: inline-block; vertical-align: middle;}
.detailf .chip span {padding-left: 5px; vertical-align: middle;}
.detailf .napln {display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 1em;}
.detailf .vytez {background: url('/img/ikony/vyteznostm.png') left center no-repeat; padding: 4px 0px 4px 55px; display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 1em;}
.detailf .zaruka {padding: 4px 0px 4px 0px; display: inline-block; vertical-align: bottom;}
.detailf .pravy {width: 50%; min-width: 320px;}
.detailf .poz {background: none; border-radius: 0px; padding: 25px 0px; margin-bottom: 10px;}
.detailf .dispt {width: 100%; border-spacing: 10px; height: auto; border-collapse: separate;}
.detailf .ceny {vertical-align: middle; margin: 0em; font-size: 1em; text-align: right;}
.detailf .ceny .sdani {font-size: 1.6em; color: initial; margin: 0px 0px 0px 0px; white-space: nowrap;}
.detailf .ceny .akce {text-decoration: line-through; font-size: 0.7em; color: initial; margin-left: 10px;}
.detailf .koupit {vertical-align: middle; text-align: right; min-width: 230px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.detailf .pravy .navpol {display: inline-block; padding: 0px 10px 0px 10px; text-align: center; margin: 0px 0px; vertical-align: top; position: relative; float: right;}
.detailf .pravy .navpol img {display: inline-block; vertical-align: middle; max-height: 47px;}
.detailf .pravy .navpol h3 {font-weight: normal; color: #0096d6; display: inline-block; vertical-align: middle; margin: 5px;}
.detailf .sklad {}
.detailf .sklad p {margin: 0px; font-size: 1em;}
.detailf .sklad span {font-size: 1em;}
.detailf .sklad .skladem {color: #868686;}
.detailf .sklad .neskladem {color: #868686;}
.detailf input[type="text"] {height: 48px; vertical-align: top; text-align: center; background: #ffffff; box-shadow: inset 0px 0px 2px #356892; border: none !important; border-radius: 0px 0px 0px 0px; padding: 0px; margin: 0px -5px;}
.detailf input[type="text"]:hover {box-shadow: inset 0px 0px 5px #356892;}
.detailf input[type="submit"] {margin: 0px 0px 0px 5px !important; width: 135px !important; vertical-align: top; line-height: 28px;
background: rgb(255,170,48);
background: linear-gradient(175deg, rgba(255,170,48,1) 0%, rgba(215,133,15,1) 100%);
}
.detailf button[type="submit"] {margin: 0px 0px 0px 5px !important; width: 200px !important; vertical-align: top; line-height: 28px;
background: rgb(255,170,48);
background: linear-gradient(175deg, rgba(255,170,48,1) 0%, rgba(215,133,15,1) 100%);
}
.detailf button em {font-size: 0.7em;}
.detailf input[type="submit"]:hover {}
.detailf .fpros tr:nth-of-type(1) td:nth-of-type(2) {font-weight: bold;}
.detailf .plusminusdet {display: inline-block; width: 48px; border-radius: 0px 0px 0px 0px;}
.detailf .plusminusdet .plusminus {display: block; width: 48px; background: #E7ECEF; border-radius: 0px; line-height: 48px; box-shadow: inset 0px 0px 2px #356892; color: #356892; font-family: monospace; padding: 0px 6px;}
.detailf .plusminusdet .plus {border-radius: 0px 5px 5px 0px;}
.detailf .plusminusdet .minus {border-radius: 5px 0px 0px 5px;}
.detailf .plusminusdet:hover .plusminus:hover {box-shadow: inset 0px 0px 5px #356892;}
.detailf .pravy .hlavicka2 {text-align: left;}
.detailf .pravy .mnslevy p {color: #0096d6;}
.detailf .pravy .mnslevy table {border-collapse: collapse; border-spacing: 0px; font-size: 0.9em;}
.detailf .pravy .mnslevy table tr:last-child {font-weight: bold;}
.detailf .pravy .mnslevy td {text-align: right; padding: 2px 0px;}
.detailf .tiskarnyhlava {font-size: 1.4em; margin: 0px 0px 10px 0px;}
.detailf .tiskarny {text-align: right; display: block; text-align: left; font-size: 1em; margin-bottom: 20px; position: relative;}
.detailf .tiskarny .tiskarna {display: inline-block; width: 33%; cursor: pointer; font-size: 1em; font-weight: normal; margin: 0px; vertical-align: top; min-width: 320px;}
.detailf .tiskarny .tiskarna:hover {color: #0096d6;}
.detailf .tiskarny .tiskarna h3 {font-size: 1em; margin: 0px; font-weight: normal;}
.detailf .tiskarny .dalsi {display: block; width: 100%; cursor: pointer; font-size: medium; font-weight: normal; margin: 0px; vertical-align: top; position: absolute; bottom: 0px; text-align: left; padding: 2px 0px;}
.detailf .tiskarny .dalsi:hover {color: #ad0534; text-decoration: underline;}
.detailf .popis {text-align: left; font-size: 1em; font-weight: normal; margin-top: 0px;}
.detailf .dnesnz {margin: 0px 0px 10px 0px;}
.detailf .dnesnz img {display: inline-block; vertical-align: middle; margin-right: 10px;}
.detailf .dnesnz p {display: inline-block; vertical-align: middle; font-size: 0.9em;}
.detailf h2 {font-weight: 400;}
.detailf .m0i {margin: 5px 0px !important;}
.detailf .h70 {height: 70px;}
.detailf .mb20 {margin-bottom: 20px;}
.detailf .dispb {display: block;}
.detailf p {margin: 0px;}
.detailf .mt20 {margin-top: 20px;}
.detailf .mb5 {margin-bottom: 5px;}
.detailf .fwb {font-weight: bold;}
.detailf ul {margin: 1em 0em;}
.detailf .mt10 {margin-top: 10px;}

@media screen and (max-width: 1024px){ 
.vyrobciobr .vyrobceobr {min-width: 243px !important;}
}

@media screen and (max-width: 990px){
.sk990 {display: none !important;}
.obtexty .doprblok .doprnad img {width: 28% !important;}
#hodnoceni .hodnoc {width: 100% !important;}
#hodnoceni .hodnoc .name {display: none !important;}
}

@media screen and (max-width: 920px){
.kosik {width: 100% !important;}
} 

@media screen and (max-width: 820px){ 
.sk820 {display: none !important;}
.uk820 {display: block !important;}
}


@media screen and (max-width: 800px){ 
.sk800 {display: none !important;}
.ok800 {display: block !important;}
.mw800 {max-width: initial !important;}
.fordog, .forcat {width: calc(50% - 8px); margin: 4px !important;}
.dispb1023 {display: block !important; width: 100% !important;}
.tac800 {text-align: center !important;}
.krajinaf img {height: unset !important;}
.vyrobciobr .vyrobceobr {min-width: 385px !important;}
.partneri {clear: left;}
.kosik .krokovani .krok {display: initial !important;}
.kosik .krokovani .krok .cislo {margin: 0px auto;}
.kosik .krokovani .krok .text {margin: 0px auto; width: initial !important; justify-content: center !important; padding: 0px !important; white-space: initial !important; min-width: initial !important; align-items: baseline !important; font-size: 0.8em !important;}
.kosik .kossuma {width: 100% !important;}
.kosik .doruceni {width: 100% !important;}
#kosikzkr {width: 60px !important; background-position: 3px center !important;}
.kosik #demtoplacebox {width: 100vw; left: -5px !important; min-width: 320px;}
.kosik #demtoplacebox .demtoplistcont .left {display: inline-block; padding: 0px 5px; width: 100% !important; margin: 0px !important;}
.kosik #demtoplacebox .demtoplistcont .right {width: 100% !important; display: block !important;} 
.kosik #demtoplacebox .demtoplistcont .dtpitem {width: initial !important;}
body {margin: 0px 0px 348px 0px !important;}
.krok3kont .kontakty {width: 100% !important;}
#showHeurekaBadgeHere-1 {position: absolute; top: 20px; right: 5px; width: 60px;}
.produktyvypis .vypisprod .obrazek {display: block !important; max-width: 100% !important;}
.produktyvypis .vypisprod .text {display: block !important; max-width: 100% !important;}
.produktyvypis .vypisprod .text div {display: block !important; max-width: 100% !important;}
.produktyvypis .vypisprod .text .plusminusdet {display: inline-block !important;}
.produktyvypis .vypisprod .text .dispnone {display: none !important;}
.ban {display: block !important; height: unset !important;}
.ban div {height: 200px;}
.vertikal {-webkit-column-count:2 !important; -moz-column-count:2 !important; -o-column-count:2 !important; column-count:2 !important;}
} 

@media screen and (max-width: 720px){
.sk720 {display: none !important;}
.horni .vyhledavac {left: 5px !important; top: 90px !important;}
.logo {display: block !important;}
.mt400 {margin-top: 207px !important;}
.kos400 {margin-top: 150px !important;}
body {margin: 0px 0px 348px 0px !important;}
.rychlobj {width: 100% !important; margin-top: 0px !important;}
#hodnoceni {width: 100% !important;}
#demtoplacebox .demtoplistcont .right .zkratky {display: none !important;}
#kosikcht .dokosiku .produkt {width: 100% !important; display: block !important;}
#kosikcht .dokosiku .dokosikupr ul {min-height: 0px !important;}
#produktyvypis .vypisprod {width: 100% !important;} 
}

@media screen and (min-width: 620px){
body.noscroll {overflow: hidden;}
}

@media screen and (max-width: 620px){
#odbernamista .mista #odbm .dtpobr {display: none !important;}
#odbernamista .mista #odbm .dtppsc {display: none !important;}
#odbernamista .mista #odbm .dtptxt {display: initial !important;}
#odbernamista .mista #odbm .dtpcena {width: 90px !important;}
#odbernamista .mista #odbm .dtpjmeno {width: calc(100% - 90px) !important; max-width: none !important;}
}

@media screen and (max-width: 600px){ 
.sk600 {display: none !important;}
.mw600 {max-width: initial !important; float: none !important;}
.tal60 {text-align: left !important;}
.nfr60 {float: none !important; max-width: 100% !important; margin: 10px 0px 0px 0px !important;}
.dolni {position: initial !important;}
body {margin: 0px 0px 0px 0px !important;}
.kosik .kontakty strong {width: 32% !important;}
.uk600 {display: initial !important;}
.filtrace .filtrpol div {max-width: initial !important; text-align: center;}
.prnselector {display: block !important;}
.prnselector div {display: block; width: 100% !important;}
#vypisvsech .psel, #vypisvsech .colsel {overflow:hidden; -webkit-column-count:1 !important; -moz-column-count: !important; -o-column-count:1 !important; column-count:1 !important;}
//.breadcrumb {display: none !important;}
}

@media screen and (max-width: 560px){
.sk560 {display: none !important;}
.uk560 {display: initial !important;}
.dlazky {display: block;}
.dlazky .dlazka {width: 100%;}
}

@media screen and (max-width: 500px){ 
.sk500 {display: none !important;}
.vyrobciobr .vyrobceobr {width: 100% !important; margin: 5px 0px !important;}
.s50 {width: 100% !important;}
.detail .tiskarny {column-count: unset !important;}
.detail .tiskarny .tiskarna {margin: 5px 0px !important;}
.produktyvypis .vypisprod .text .tiskarny {column-count: unset !important;}
.tal50 {text-align: left !important;}
.doprblok .doprnad {background: none !important;}
.koshlavicka {display: none !important;}
.kosik .kostabulka td {display: inline-block; width: 45%; margin-bottom: 10px;}
.kosik .kostabulka .nazev {width: calc(100% - 18px) !important;}
.kosik .kostabulka .plusminusks {width: initial !important;}
.kosik .kostabulka .plusminusks div {height: 40px !important; width: 40px !important; float: left; border-radius: 30px !important; border-style: solid; border-width: 1px; font-size: 2em; align-items: baseline !important;}
.kosik .kostabulka .pocks input[type="text"] {height: 34px !important; width: 34px !important; border-radius: 3px !important; margin: 3px 5px; float: right !important;}
.horni .vyhledavac {max-width: 375px !important;}
.kosik .firma {text-align: left !important;}
.kosik .kontakty strong {width: 100% !important; text-align: left !important;}
.produktyvypis .vypisprod {width: 100% !important;}
.novehled h1 {margin-bottom: 10px; max-width: unset !important; font-size: 1.3em;}
.vertikal {-webkit-column-count:1 !important; -moz-column-count:1 !important; -o-column-count:1 !important; column-count:1 !important;}
.vyrobciobr .half500 {width: 46% !important; margin: 5px !important;}
}

@media screen and (max-width: 450px){
.horni .vyhledavac {max-width: 275px !important;}
}
@media screen and (max-width: 400px){
.sk400 {display: none !important;}
.doprblok .doprnad {max-width: calc(100% - 95px) !important; font-size: 1em !important;}
.doprblok .doprnad em {font-size: 0.8em !important;}
.doprblok .doprcena {max-width: 90px !important; text-align: right; margin: 10px 5px 10px 0px;}
.doprblok .doprnad img {display: none !important;}
.aktkrok3 .doprblok .doprnad {margin-left: 0px !important;} 
.doprblok .doprnad p {margin: 15px !important;} 
.doprblok .platnad {max-width: initial !important;}
/*.kosik .doprblok input[type="radio"] + label {background: url('/img/ikony/radiotl_off.png') left 1em no-repeat !important;}
.kosik .doprblok input[type="radio"]:checked + label {background: url('/img/ikony/radiotl_on.png') left 1em no-repeat !important;}*/
.kosik .doprblok .doprnad span {padding-top: 12px !important; margin-left: 10px !important;}
.kosik .dtpitem {padding-left: 15px !important;}
.kosik .dtpselecthelp {margin: 0px 0px 0px 15px !important;} 
}

@media screen and (max-width: 350px){ 
.sk350 {display: none !important;}
.vyrobciobr .vyrobceobr {width: 100% !important;}
.logo {max-width: 230px !important;}
.horni .vyhledavac {max-width: 245px !important;}
}