@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
    font-family: 'Goldplay';
    src: url('Goldplay-Medium.woff2') format('woff2'),
        url('Goldplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldplay';
    src: url('Goldplay-SemiBold.woff2') format('woff2'),
        url('Goldplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldplay';
    src: url('Goldplay-Bold.woff2') format('woff2'),
        url('Goldplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html, body {font-family: Goldplay,'Roboto',sans-serif; font-size: 16px; padding: 0px; min-width: 360px; height: 100%; color: #4C515E;}
html {min-height: 100%; margin: 0px; position: relative;}
body {margin: 0px 0px 0px 0px; background: #ffffff; display: flex; flex-direction: column;}
div {margin: 0px; padding: 0px;}
dir {margin: 0px; padding: 0px; list-style-type: none;}
ul {padding-inline-start: 25px;}
a {text-decoration: none; color: #4C515E; padding: unset; margin: unset; display: unset;}
a:hover {text-decoration: none;}
.main {flex: 1 0 auto; position: relative;}
header {border-bottom: 1px solid #DEDEDE; box-shadow: 0px 0px 8px #DEDEDE; margin-bottom: 15px;}
footer {flex-shrink: 0;}
input:-webkit-autofill {-webkit-box-shadow:0px 0px 0px 50px white inset;}
input[type="text"], input[type="password"], input[type="email"], select, textarea {border: 1px solid #d3d3d3; font-size: 1em; line-height: 1.6em; padding: 3px 5px; border-radius: 3px; background-color: #FFC; white-space: bread-spaces;}
input[type="text"]:focus, input[type="email"]:focus, select:focus, input[type="password"]:focus, textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus {outline: none;}
select {height: 2em}
input[type="submit"], input[type="button"], button, input[type="reset"], .tlacitko, .button {line-height: 25px; font-size: 1.3em; cursor: pointer; 
  /*background: #ff1965 !important; border: 1px solid #ff1965 !important;*/
  color: #ffffff;
  border: 0px solid #ffaa30;
  
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  /*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);*/
}

input[class="cerpoz"] {background: #E63946;}  
input[class="cerpoz nakb"] {background: #E63946;}
input[class="orpoz"] {background: #F7941D;}
input[class="zelpoz"] {background: #2660A4;}
/*background: linear-gradient(175deg, rgba(15,222,11,1) 0%, rgba(3,166,3,1) 100%);}*/

input[type="submit"]:focus, input[type="button"]:focus, button:focus, input[type="reset"]:focus, .tlacitko:focus, .button:focus {outline:0;}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover, input[type="reset"]:hover, .tlacitko:hover, button:hover {
  /*background: #e5004c !important;
  border: 1px solid #e5004c !important;*/
  border: 0px solid #df8f1d;
  background: #ffaa30;
  /*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);*/
} 

input[class="cerpoz"]:hover {background: #ff4452;}
input[class="orpoz"]:hover {background: #ffc36d;}
input[class="zelpoz"]:hover {background: #3077ca;}

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

.regtabul input[type="radio"] {display: none;}
.regtabul input[type="radio"] + label {background: url('/img/ikony/chkboxbig_off.png') left center no-repeat; padding: 15px !important; margin-right: 5px;}
.regtabul input[type="radio"]:checked + label {background: url('/img/ikony/chkboxbig_on.png') left center no-repeat;}
.regtabul .w20p {min-width: 110px;}
.regtabul .w25p {min-width: 110px;}

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

input:disabled + label {display: none;}

.medback {background: url('/img/ikony/hfptxt.jpg') left center no-repeat; padding-left: 32px !important; width: 210px;}
.medbackt {background: url('/img/ikony/tgtxt.jpg') left center no-repeat; padding-left: 32px !important; width: 210px;}

.zel {color: #fff !important;
    background: rgb(15,222,11);
    background: linear-gradient(175deg, rgba(15,222,11,1) 0%, rgba(3,166,3,1) 100%);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.3) !important;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.3) !important;
}

.trans {display: inline-block; transition: transform 0.2s linear;} 
.trans:hover {transform: scale(1.03,1.03);} 

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

h1 {font-size: 1.6em; font-weight: 400;}
h2 {font-weight: 400;}

#jstst {position: fixed; height: 100%; width: 100%; display: block; top: 0px; background: white;}
#jstst a {text-decoration: underline;}

@media screen and (max-width: 1290px){
.dispb1290 {display: block !important; width: 100% !important;}
.w90 {width: 90px !important;} 
}

@media screen and (max-width: 1023px){
.dispb1023 {display: block !important; width: 100% !important;}
}



@media screen and (max-width: 500px){ 
.sk500 {display: none !important;}
.vyrobciobr .vyrobceobr {width: 50% !important;}
.s50 {width: 100% !important;}
.s500 {width: 100% !important;}
.relpos500 {position: relative !important; bottom: 0px !important; margin: 10px 0px !important;}
.tal50 {text-align: left !important;}
}

.dispnone {display: none !important;}
.dispnonetot {display: none !important;}
.dispnone1 {display: none !important;}
.dispnone2 {display: none !important;}
.dispnone3 {display: none !important;}
.dispnone4 {display: none !important;}
.dispnoneni {display: none;}
.opac0 {opacity: 0;}
.dispb {display: block;}
p {margin: 0px;}
.w33i {width: 33% !important;}
.dispt {display: table; width: 100%; border-spacing: 10px; border-collapse: separate;}
.disptr {display: table-row;}
.disptc {display: table-cell;}
.dispi {display: inline;}
.dispib {display: inline-block;}
.dispf {display: flex;}
.fg1 {flex-grow: 1;}
.fg2 {flex-grow: 2;}
.fg10 {flex-grow: 10;}
.relpoz {position: relative;}
.abspoz0 {position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.abspozb0 {position: absolute; bottom: 20px; left: 0px; width: 100%;}
.abspoz {position: absolute;}
.abspoz5 {position: absolute; left: 5px;}
.abspozr5 {position: absolute; right: 5px;}
.abspozpm {position: absolute; left: 15px; top: 15px;}
.abspozr0 {position: absolute; right: 0px; top: 10px;}
.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: 105px; top: 35px;}
.abspozr65 {position: absolute; right: 65px; top: 0px;}
.abspozr50t20 {position: absolute; right: 50px; top: 20px;}
.abspozr100 {position: absolute; right: 100px; top: 10px;}
.round {border-radius: 20%;}
.b0 {bottom: 0px;}
.all0 {top: 0px; bottom: 0px; left: 0px; right: 0px;}
.tdec0 {text-decoration: none !important;}
.floatr {float: right;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.vam {vertical-align: middle;}
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.minh500 {min-height: 500px;}
.minh480 {min-height: 500px;}
.minh235 {min-height: 350px;}
.minh150 {min-height: 150px;}
.box170 {height: 190px; width: 135px; vertical-align: top; margin: 10px;}
.box205 {height: 205px; width: 195px; vertical-align: top; margin: 10px;}
.minhun {min-height: auto !important;}
.maxh30 {max-height: 30px;}
.maxh400 {max-height: 400px;}
.maxh500 {max-height: 600px;}
.maxw300 {max-width: 400px;}
.maxw210 {max-width: 210px;}
.maxw80 {max-width: 80%;}
.minw245 {min-width: 245px;}
.minw266 {min-width: 245px;}
.minw260 {min-width: 260px;}
.minw210 {min-width: 210px;}
.h100 {height: 100%;}
.wun {width: unset !important;}
.win {width: initial !important;}
.mwun {min-width: unset !important;}
.w100 {width: 100%;}
.w50 {width: 50%;}
.w30 {width: 30%;}
.w50p {width: 50px;}
.w49 {width: 49%;}
.w40 {width: 40%;}
.w20 {width: 32%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w60 {width: 60%;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.mw395 {max-width: 395px; width: 100%;}
.h300 {height: 300px;}
.h400 {height: 400px;}
.h45 {max-height: 45px; overflow: hidden;}
.h50 {height: 50px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h95 {height: 95px;}
.h100 {height: 100px;}
.hd120 {height: 120px;}
.hd130 {height: 145px; overflow: hidden;}
.h220 {height: 220px;}
.h215 {height: 245px;}
.h260 {height: 280px;}
.h130 {height: 165px !important;}
.h170 {height: 170px !important;}
.h330 {height: 445px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pv10 {padding: 0px 10px;}
.ph10 {padding: 10px 0px;}
.pv20 {padding: 0px 20px;}
.pv50 {padding: 0px 50px;}
.pv5 {padding: 0px 5px;}
.ph20 {padding: 20px 0px;}
.pb5 {padding: 0px 0px 5px 0px;}
.pr50 {padding: 0px 50px 0px 0px;}
.p0 {padding: 0px !important;}
.p30 {padding: 30px;}
.p20 {padding: 20px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.pl10 {padding-left: 10px;}
.pl25 {padding-left: 25px;}
.pl170 {padding-left: 170px;}
.p10i {padding: 10px 10px !important;}
.p0l15 {padding: 0px 0px 0px 15px !important;}
.p0l20 {padding: 0px 0px 0px 20px !important;}
.pb210 {padding-bottom: 222px;}
.pb280 {padding-bottom: 280px;}
.m0i {margin: 0px !important;}
.mv0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.mv020 {margin-top: 0px !important; margin-bottom: 20px !important;}
.m20auto {margin: 20px auto; display: block;}
.m10auto {margin: 10px auto;}
.m0auto20 {margin: 0px auto 20px !important; display: block !important;}
.m0auto5 {margin: 0px auto 5px !important;}
.mt0i {margin-top: 0px !important;}
.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}
.mt90 {margin-top: 90px;}
.mt70 {margin-top: 70px;}
.mt30 {margin-top: 30px;}
.mr5 {margin-right: 5px;}
.mr20 {margin-right: 20px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mt10 {margin-top: 10px;}
.mtm10 {margin-top: -10px;}
.m5 {margin: 5px;}
.m10 {margin: 10px 10px;}
.mlm7 {margin-left: -7px;}
.mbordi {margin: 0px -1px -1px 0px !important;}
.w33 {width: 33%;}
.w32 {width: calc(33% - 6px);}
.w70i {width: 70px !important;}
.cararlg {border: 1px solid #cccccc;}
.bs0 {border-spacing: 0px !important; width: 100%; border-collapse: collapse;}
.bs1 {border-spacing: 5px !important; width: 100%; border-collapse: separate;}
.mh5 {margin: 5px 0px;}
.mh10 {margin: 10px 0px;}
.mh10i {margin-top: 10px !important; margin-bottom: 10px !important;}
.mv10 {margin: 0px 10px;}
.mv5 {margin: 0px 5px;}
.mv20 {margin: 0px 20px;}
.mh20 {margin: 20px 0px;}
.mauto {margin: 0px auto !important;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr30 {padding-right: 30px;}
.maxw50 {max-width: 65px !important; border-radius: 50% !important; cursor: pointer;}
.maxw100 {max-width: 100% !important;}
.maxw435 {max-width: 445px !important;}
.maxw660 {max-width: 705px !important;}
.maxw750 {max-width: 750px !important;}
.maxw800 {max-width: 800px !important;}
.maxw900 {max-width: 965px !important;}
.maxh368 {max-height: 369px;}
.zi90 {z-index: 90;}
.dispbi {display: block !important;}
.fg3 {flex-grow: 2 !important;}
.br5 {border-radius: 5px;}
.bshg {-webkit-box-shadow: 2px 4px 9px grey; box-shadow: 2px 4px 9px grey;}
.br10 {border-radius: 10px;}
.ofh {overflow: hidden;}
.ofa {overflow: auto;}
.img80 img {max-width: 80px;}
.imageSex img {max-width: 20px;}
.vykr {background-image: url('/img/ikony/vykr.png') !important; background-position: 98% center !important; background-repeat: no-repeat !important; padding-right: 40px !important;}


.bubble {display: none; position: absolute; bottom: 52px; background: white; border: 2px solid red; padding: 5px; border-radius: 3px;}

.button:hover + .bubble {display: block;}

.option {background: url('/img/ikony/option.png') right center no-repeat; height: 50px; padding-top: 0px !important; line-height: 50px; cursor: pointer; padding-left: 5px;}

.video-cont {overflow: hidden; position: relative; width:100%; max-width: 635px;}
.video-cont::after {padding-top: 56.25%; display: block; content: '';}
.video-cont iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.hlavicka {font-size: 1.8em; font-weight: normal;}
.hlavicka2 {font-size: 1.1em; color: #F7941D;}
.hlavicka3 {font-size: 1em; color: #0096d6;}
.curp {cursor: pointer;}

.menu {width: 30px;}
.menulab {width: 30px; height: 30px; background: url('/img/ikony/menu.png') center center no-repeat; display: block;}
.fltlab {width: 30px; height: 30px; background: url('/img/ikony/filter.png') center center no-repeat; display: none; margin: 0px 10px 0px auto;}
.menupol {display: none; position: absolute; left: 0px; width: 100%; z-index: 99; top: 90px;}
.menupol a {font-size: 1em; line-height: 1.5em; border-bottom: 1px solid #dedede; width: 100%; display: block; background: #f8f8f8; padding: 10px;}
.menuinp:checked + .menupol {display: block;}
.menuinp:checked ~ .menulab {background: url('/img/ikony/menuclose.png') center center no-repeat;}
.fltinp:checked + .fltpol {display: block !important; position: absolute; z-index: 98; margin: 25px 10px 0px;}
.fltinp:checked ~ .fltlab {background: url('/img/ikony/menuclose.png') center center no-repeat;}
.menutop {}
.menutop a {padding: 5px 0px; margin: 0px 10px; font-weight: 400; font-size: 1em;}
.bigmenu a p {width: fit-content; margin: 0px auto; border-bottom: 2px solid #ffffff;}
.bigmenu img {border-radius: 5px;}
.menutop a:hover, .faq a:hover, .bigmenu a:hover p, .krajina a:hover p {color: #ffcb05; border-bottom: 2px solid #ffcb05;}
.menutop .aktivni {border-bottom: 2px solid #ffcb05;}
.aou {color: #ffcb05; border-bottom: 1px solid #ffcb05;}
.aktiva {padding: 5px 0px; margin: 0px 0px; font-weight: 400; font-size: 1.1em; line-height: 1.6em;}
.aktiva:hover {color: #ffcb05; border-bottom: 2px solid #ffcb05;}
.bila {color: #ffffff;}
.cerna {color: #000000;}
.cervena {color: red;}
.zelena {color: green;}
.oranz {color: #ffcb05;}
.modra {color: #006eb3;}
.seda {color: grey;}
.zaklad {color: #4C515E;}
.zelkriz {color: green; font-family: cursive; font-size: 20px; font-weight: bold;}
.podtrzena {text-decoration: underline;}
.pismo0 {font-size: 0em;}
.pismo09 {font-size: 0.9em; line-height: 1.5em;}
.pismo2 {font-size: 2em;}
.pismo3 {font-size: 3em;}
.pismo1 {font-size: 1em;}
.pismo12 {font-size: 1.2em;}
.pismo12i {font-size: 1.2em !important;}
.pismo13 {font-size: 1.3em;}
.pismo14 {font-size: 1.4em;}
.pismo15 {font-size: 1.2em;}
.pismo15i {font-size: 1.5em !important;}
.pismo18 {font-size: 1.8em;}
.pismo11i {font-size: 1.1em !important;}
.lh30 {line-height: 30px;}
.lh25 {line-height: 25px;}
.lh50 {line-height: 50px;}
.lh18 {line-height: 18px !important; padding: 5px !important;}
.lh7 {line-height: 7px !important;}
.lh4 {line-height: 4px !important;}
.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fwbi {font-weight: bold !important;}
.fwb6 {font-weight: 600 !important;}
.space {height: 10px;}
.svsedepozh {background: #dedede;}
.svsedepozh:hover {background: #e8e8e8;}
.svsedepoz {background: #dedede;}
.sedepoz {background: lightgrey;}
.svzelpoz {background: lightgreen;}
input[type="submit"].svzelpoz:hover {background: #b5ffb5;}
.svocpoz {background: lightseagreen;}
input[type="submit"].svocpoz:hover {background: #14dcd1 !important;}
.khakipoz {background: silver;}
button.khakipoz:hover {background: #d2d2d2;}
.zlpoz {background: #dae079;}
input[type="submit"].khakipoz:hover {background: #d4d4d4 !important;}
.tmsedepoz {background: #4D505F;}
.bpoz {background: #ffffff;}
.cerpoz {background: #E63946;}
.cerpoz:hover {background: #ff4452 !important;}
.cerram {border: 2px solid red;}
.pozbox {background: lightgrey;}
.svbpoz {background-color:rgba(255, 255, 255, 0.8); border-radius: 3px;}
.svcpoz {background-color:rgba(0, 0, 0, 0.4); border-radius: 0px;}
.cpoz6 {background-color:rgba(0, 0, 0, 0.6); border-radius: 0px;}
.orpoz {background: #ffcb05;}
.orpoz:hover {background: #ecbf4a;}
.greenpoz {background: green;}
.greenpoz:hover {background: forestgreen !important;}
.orpoznh {background: #ffcb05;}
.orpoznh:hover {background: #ffcb05; cursor: auto;}
.orram {border-style: solid; border-color: #F7941D; border-width: 0px 5px;}
.orramb {border-style: solid; border-color: #F7941D; border-width: 0px 5px 5px 5px;}
.orramt {border-style: solid; border-color: #F7941D; border-width: 5px 5px 0px 5px;}
.tmpoz {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}
.centr {max-width: 1300px; width: 100%; margin: 20px auto;}
.centr0 {max-width: 1300px; width: 100%; margin: 0px auto;}
.poz1 {background-image: url('/img/bg1.jpg'); background-position: center center; background-size: cover; visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);}
.poz2 {background-image: url('/img/psi3.jpg'); background-position: center center; background-size: cover; visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);}
.textc {display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.textp {display: block; top: 50%; left: 50%; transform: translate(-0%, -50%); position: absolute;}
.textl0 {display: block; top: 50%; left: 10%; transform: translate(-0%, -50%); position: absolute;}
.textl {display: block; top: 50%; left: 50%; transform: translate(-100%, -50%); position: absolute;}
.bt1g {border-top: 1px solid lightgrey;}
.bt2g {border-top: 2px solid #dedede;}
.bt2o {border-top: 2px solid #ffcb05;}
.bb2o {border-bottom: 2px solid #ffcb05;}
.bt1lg {border-top: 1px solid #dedede;}
.bt5lg {border-top: 5px solid #dedede;}
.bb5lg {border-bottom: 5px solid #dedede;}
.bb1g {border-bottom: 1px solid lightgrey;}
.stin {box-shadow: 10px 10px 5px grey;}
.oya {overflow-y: auto;}
.oko {margin-left: -30px !important; margin-top: 10px !important;}
.bs100 {border-spacing: 10px 0px;}

.pets1, .pets2 {position: relative; background: #ffffff; margin-top: 10px;}

.pets3 {background: url('/img/pets4.jpg') -600px -13px no-repeat; min-height: 357px;}

.regtype1, .regtype2, .regtype3, .regtype4 {cursor: pointer;}


.pets1 img, .pets2 img {margin: 0px auto; display: block;}

.menuflex {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin: 0px 6px;}
.mflexcol{display: flex; min-width: calc(20% - 8px); margin: 4px;}
.mflexcol a {width: 100%; display: flex; align-items: center;}

.flex-container {
  position: relative;
  height: 300px;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 768px) {

.flex-container { flex-direction: column; }
}

.flex-title {
  color: #f1f1f1;
  position: relative;
  font-size: 2em;
  margin: auto;
  text-align: center;
  transform: rotate(0deg);
  top: 15%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {

.flex-title { transform: rotate(0deg) !important; }
}

.flex-about {
  opacity: 0;
  color: #f1f1f1;
  position: relative;
  width: 70%;
  font-size: 1.2em;
  padding: 5%;
  top: 20%;
  border: 2px solid #f1f1f1;
  border-radius: 10px;
  line-height: 1.2em;
  margin: auto;
  text-align: center;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
@media screen and (max-width: 768px) {

.flex-about {
  padding: 0%;
  border: 0px solid #f1f1f1;
}
}

.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {

.sk768 {display: none;}
.uk768 {display: block !important;}

.flex-slide {
  display: block;
  overflow: hidden;
  margin: 5px 0px;
}
}
 @media screen and (max-width: 768px) {

.flex-slide p { font-size: 2em; }
}
 @media screen and (max-width: 768px) {

.flex-slide ul li { font-size: 2em; }
}

.flex-slide:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}

.home {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/img/sklady.jpg');
  background-size: cover;
  background-position: center center;

}

.ahome:hover {background: url('/img/sklady.jpg'); background-size: cover; background-position: center center;}

.about {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/img/cartridge.jpg');
  background-size: cover;
  background-position: center center;

}


.contact {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/img/majetek.jpg');
  background-size: cover;
  background-position: center center;

}

.work {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/img/zvirata.jpg');
  background-size: cover;
  background-position: center center;

}

.filterpol input[type="radio"] + label, .filterpol input[type="checkbox"] + label {padding: 0px 0px 0px 25px; margin: 5px 0px 5px 0px; line-height: 1em;}

.cenik {display: table; width: unset; border-spacing: 0px; border-collapse: collapse;}
.cenik .disptc {padding: 5px 10px; border: 1px solid grey;}

#produktyvypis .hlavicka2 {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 0px;}
#produktyvypis .vypisprod {margin: 10px 3px 10px 3px; background: none; border-radius: 5px; overflow: hidden; position: relative; display: inline-block; min-width: 324px; border: 1px solid lightgrey;}
#produktyvypis .vypisprod:hover {color: inherit !important;}
#produktyvypis .vypisprod .obsah {display: inline-block; max-width: calc(100% - 320px); width: 100%; margin-right: -5px; min-height: 214px; padding: 0px 10px;}
#produktyvypis .vypisprod .obsah select {min-width: unset; height: 51px; background: white; margin: 0px;}
#produktyvypis .vypisprod .caradole {width: 100%; display: block; height: 1px; background: #ccc !important;}
#produktyvypis .vypisprod .barvabk {background: #000000;}
#produktyvypis .vypisprod .barvacyan {background: cyan;}
#produktyvypis .vypisprod .barvamagenta {background: magenta;}
#produktyvypis .vypisprod .barvayellow {background: yellow;}
#produktyvypis .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%);}
#produktyvypis .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;}

#produktyvypis .ikony {position: relative;}
#produktyvypis [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;
}
#produktyvypis [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;
}
#produktyvypis .vypisprod a {color: inherit;}
#produktyvypis .vypisprod .nazev {margin: 10px 0px 0px 0px; font-size: 1.4em; font-weight: 600; padding: 0px 10px; overflow: hidden; color: #444444; text-align: center;}
#produktyvypis .vypisprod .nazev h2 {font-size: 0.8em; margin: 0px; font-weight: 600;}
#produktyvypis .vypisprod .nazev h3 {font-size: 0.8em; margin: 0px; font-weight: 300;}
#produktyvypis .vypisprod .nazev span {}
#produktyvypis .vypisprod .nazev:hover {text-decoration: underline;}
#produktyvypis .vypisprod .dest {padding: 5px 5px; height: 30px;}
#produktyvypis .vypisprod .ikony div {text-align: center; border-radius: 5px; height: 90px;}
#produktyvypis .vypisprod .ikony div .proc {font-size: 1.5em; font-weight: 600; margin-top: 10px;}
#produktyvypis .vypisprod .ikony div .proc span {font-weight: 400; font-size: 0.8em;}
#produktyvypis .vypisprod .ikony div .text {line-height: 1em;}
#produktyvypis .vypisprod .sfn {border: 2px solid #f0ce9c;}
#produktyvypis .vypisprod ul {margin: 0px 10px; max-height: 125px; overflow: hidden;}
#produktyvypis .vypisprod .kodyorig {margin: 0px 0px 0px 0px; font-size: 0.8em; font-weight: normal; padding: 0px 5px;}
#produktyvypis .vypisprod .obrazek {display: inline-block; vertical-align: bottom; border-radius: 5px; background: #ffffff; text-align: center; position: relative; position: relative; height: 300px !important;}
#produktyvypis .vypisprod .obrazek .obal {display: flex; height: 100%;}
#produktyvypis .vypisprod .obrazek img {/*max-width: 300px; max-height: 210px;*/ border-radius: 10px; margin: auto;}
#produktyvypis .vypisprod .obrazek .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}
#produktyvypis .vypisprod .levy {display: table-cell; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; }
#produktyvypis .vypisprod .levy p {margin: 0px;}
#produktyvypis .vypisprod .typbarva {position: absolute; z-index: 1; vertical-align: bottom; padding-bottom: 0px;}
#produktyvypis .vypisprod .typbarva800 {vertical-align: bottom; padding-bottom: 0px;}
#produktyvypis .vypisprod .levy .sklad {font-size: 1em; display: block; width: 100%; margin: 15px 0px 0px 0px;}
#produktyvypis .vypisprod .levy .sklad p {margin: 0px;}
#produktyvypis .vypisprod .levy .sklad .skladem {color: #868686;}
#produktyvypis .vypisprod .levy .sklad .neskladem {color: #868686;}
#produktyvypis .vypisprod .typbarva img, .vypisprod .typbarva800 img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
#produktyvypis .vypisprod .levy .vytez {background: url('/img/ikony/vyteznostm.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom;}
#produktyvypis .vypisprod .dnesnz {position: absolute; top: -25px; right: 0px;}
#produktyvypis .vypisprod .napln {font-size: 1em; margin-top: 5px;}
#produktyvypis .vypisprod .chip {display: block; vertical-align: middle; font-size: 1em; margin-top: 0px;}
#produktyvypis .vypisprod .chip img {height: 50px; display: inline-block; vertical-align: middle;}
#produktyvypis .vypisprod .chip span {padding-left: 5px; vertical-align: middle;}
#produktyvypis .vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
#produktyvypis .vypisprod .pravy .sklad {font-size: 1em; display: block; width: 100%; text-align: left; margin: 0px 0px 0px 5px; min-height: 75px;}
#produktyvypis .vypisprod .pravy .sklad p {margin: 0px;}
#produktyvypis .vypisprod .pravy .sklad .skladem {color: green;}
#produktyvypis .vypisprod .pravy .sklad .neskladem {color: red;}
#produktyvypis .vypisprod .pravy {display: table-cell; vertical-align: bottom; min-width: 212px;}
#produktyvypis .vypisprod .dispta {width: 100%; position: absolute; bottom: 0px;}
#produktyvypis .vypisprod .dispt {width: 100%;}
#produktyvypis .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;}
#produktyvypis .vypisprod .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #868686; padding: 0px 5px;}
#produktyvypis .vypisprod .dopzd {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #0096d6; padding: 0px 5px;}
#produktyvypis .vypisprod .koupit {}
#produktyvypis .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;}
#produktyvypis .vypisprod input[type="text"]:hover {box-shadow: inset 0px 0px 5px #356892;}
#produktyvypis .vypisprod .tlacitkoobj {margin: 0px 5px 0px !important; width: 135px; vertical-align: top; height: 51px;}
#produktyvypis .vypisprod input[type="submit"]:hover {}
#produktyvypis .vypisprod .nondiv {display: inline; line-height: 48px; margin-left: 5px;}
#produktyvypis .vypisprod .plusminusdet {display: inline-block; width: 22px; border-radius: 0px 5px 5px 0px;}
#produktyvypis .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;}
#produktyvypis .vypisprod .plusminusdet:hover .plusminus:hover {box-shadow: inset 0px 0px 5px #356892;}
#produktyvypis .vypisprod button[type="submit"] {margin: 0px 0px 0px 0px !important; width: 100% !important; vertical-align: top;}
#produktyvypis .vypisprod button em {font-size: 0.7em;}
#produktyvypis .vypisprod .petlist {min-width: 300px; margin: 12px 5px 10px 0px;}
#produktyvypis .vypisprod .fpros td {vertical-align: top; line-height: 1em; padding: 3px;}
#produktyvypis .vypisprod .fpros tr:nth-of-type(1) td:nth-of-type(2) {font-weight: bold;}
.filterpol {border-radius: 10px; background: #e8e8e8; padding: 10px; margin-top: 10px;}

.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;}
/*.fpakt p {line-height: 40px !important; font-size: 0.9em !important;}
.fpakt .pismo12i {display: none;}
div:has(> .fpakt) {display: inline-block; width: unset;}*/

.fpb {display: table-cell; border: 1px solid lightgrey; margin: 5px; padding: 10px 5px 10px 45px; cursor: pointer;}
.dogdry {background: url('/img/ikony/dogdry.png') 10px center no-repeat;}
.dogcan {background: url('/img/ikony/dogcan.png') 10px center no-repeat;}
.dogpouch {background: url('/img/ikony/dogpouch.png') 10px center no-repeat;}
.catdry {background: url('/img/ikony/catdry.png') 10px center no-repeat;}
.catcan {background: url('/img/ikony/catcan.png') 10px center no-repeat;}
.catpouch {background: url('/img/ikony/catpouch.png') 10px center no-repeat;}

.pslanchlegend {margin: 20px 0px; width: 100%; color: #0096d6; text-align: right; font-size: medium; padding-right: 10px;}
.pslanchlegend a {margin: 0px 2px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; width: 22px; vertical-align: middle; border-radius: 2px; text-align: center;}
.rady {margin: 20px 0px; width: 100%; color: #0096d6; font-size: medium;}
.rady .rada {margin: 0px 10px 0px 0px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; vertical-align: middle; border-radius: 0px; text-align: center; background: none; cursor: pointer; font-weight: bold;}
.rady .rada:hover {text-decoration: underline; color: #009eff;}
.pslanchlegend .anchact {font-weight: bold; background: #0096d6; 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;}
 
.break + .vypisprod {border-left: none;}
.kurp {cursor: pointer;}
#soltree .vypisprod {cursor: pointer;}

.watchmfl button {max-width: 150px;
    display: inline-block;
    border: 1px solid #84c4db;
    background: url('/img/ikony/sipkacp.png') no-repeat right 5px center, linear-gradient(#84c4db,white,#84c4db);
    color: black;
    margin: 10px 3px; padding-right: 15px;}
.watchmfl button:hover {background: url('/img/ikony/sipkacp.png') no-repeat right 5px center, linear-gradient(#009fdb,white,#009fdb);}    
.watchfl {min-width: 232px; display: inline-block;}
.flreset {background: none !important; color: #356892 !important; text-decoration: underline; margin-right: 133px; float: right; font-size: 0.9em !important;}

#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: 700px; min-width: 310px; width: 100%; background: #ffffff; z-index: 6; border-radius: 5px; overflow-y: auto; 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; max-width: 596px; border-width: 2px;}
#odbernamista .mista .inputdiv input[type=submit] {margin-left: -5px; border-radius: 0px 3px 3px 0px; line-height: 25px; font-size: 1em; padding: 2px 5px;}
#odbernamista .mista #odbm {overflow: auto; font-size: 0.9em; max-height: 356px;}
#odbernamista .mista #odbm .dtphlav {display: block; width: 100%; margin: 0px 0px; background-image: none; padding: 9px 0px 9px 35px; border-top: 1px solid #c4d5df;}
#odbernamista .mista #odbm input[type=radio] + label {display: block; width: 100%; margin: 0px 0px; background: url('/img/ikony/radion_off.png') 10px 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/radion_on.png') 10px 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: 45%; vertical-align: middle; padding-left: 0px; min-width: 145px; width: 100%;}
#odbernamista .mista #odbm .dtpjmeno h3 {display: inline;}
#odbernamista .mista #odbm a {color: inherit;}
#odbernamista .mista #odbm .tlacitko {color: #ffffff;}
#odbernamista .mista #odbm .info {background: #009eff; padding: 0px 3px; color: #ffffff; margin-left: 0px; cursor: pointer; float: right; margin-right: 5px;}
#odbernamista .mista #odbm .info:hover {background: #0096d6; color: #ffffff !important;}
#odbernamista .mista #odbm .dtpobr {display: inline-block; min-width: 110px; width: 20%; vertical-align: middle; text-align: center;}
#odbernamista .mista #odbm .dtppsc {display: inline-block; max-width: 15%; vertical-align: middle; width: 100%; text-align: center;}
#odbernamista .mista #odbm .dtpcena {display: inline-block; max-width: 15%; vertical-align: middle; text-align: right; padding-right: 10px; width: 100%; min-width: 83px;}
#odbernamista .mista #odbm .dtpmod {color: #73919b;}
#odbernamista .mista #odbm img {max-width: 110px; 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;}
.zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavritn.png') center center no-repeat; width: 20px; height: 20px; z-index: 10;}
#odbernamista .dtpdetail {position: absolute; top: 5px; bottom: 0px; left: 0px; right: 0px; padding: 15px; z-index: 80; border-radius: 5px; background: #ffffff; border: 1px solid #c4d5df; overflow: hidden;}
#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; overflow: auto;}
#odbernamista .dtpdetail #dtpnote .dtpnot {margin-top: 15px; line-height: 1.5em;} 
#odbernamista .dtpdetail #dtpmapa #dtpmap {height: 50%;}
#odbernamista .dtpdetail #dtpmapa #dtppan {height: 50%;}
#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;}
.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-radius: 5px; position: relative; text-align: center; padding: 20px 30px;}
.varovani input {margin: 10px auto 0px; display: block; width: 150px;}
.varovani .b2 input {display: inline-block; margin: 15px;}
.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: 250px !important; width: 100% !important; line-height: 45px !important; margin: 0px 5px;}
.pdf {background: url('/img/ikony/pdf-icon.png') left center no-repeat; padding-left: 50px; line-height: 50px; display: block;}
.cipovat {background: url('/img/ikony/cipovat.jpg') left center no-repeat #ffffff; padding-left: 100px; line-height: 100px;}
.pozor {background: url('/img/ikony/pozor.jpg') left center no-repeat #ffffff; padding-left: 100px; line-height: 100px;}
.funguje {background: url('/img/ikony/funguje.jpg') left center no-repeat #ffffff; padding-left: 100px; line-height: 100px;}

.objednavka {margin: 15px 10px; float: left; width: 100%;}
.objednavka a {text-decoration: underline;}
.objednavka strong {clear:left; float: left; padding: 3px 5px;}
.objednavka p {clear:left; float: left; padding: 10px 0px;}
.objednavka span {float: left; padding: 3px 5px;}
.objednavka img {float: left; padding: 3px 5px;}
.objednavka table {margin: 5px; clear: left; float: left; text-align: left;}
.objednavka table span {padding: 0px; float: none;}
.objednavka table th {padding: 0px 20px 0px 0px;}
.objednavka table td {padding: 0px 20px 0px 0px; border-top: 1px solid #dedede;}
.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; padding: 0px;}
.objednavka .platba {margin: 5px; border: 1px solid black;}
.objednavka .hlavickat {font-size: 1.8em;}
.objednavka .hlavicka {font-size: 1.5em;}
.objednavka form {float: left; clear: left;}
.objednavka select {width: 100%; float: left; clear: left;}
.objednavka input {float: left; clear: left;}
.doruceni {margin: 0px 10px; float: left; clear: left;}
.platbaonline {margin: 5px 10px; float: left; clear: left;}
.platbaonline p, .platbaonline strong {float: left; clear: left;}
.platbaonline span {float: left;}
.platbaonline button {float: left; clear: left;}
.objednavka button {float: left; clear: left;}
.objednavka .demid {float: left; clear: left;}
.objednavka .demid img {vertical-align: middle; margin: 10px; max-width: 100px; float: none;}

.fix-search {position: fixed; top: 10px;}

#loginform {position: fixed; width: 100%; max-width: 800px; left: 50%; top: 86px; transform: translate(-50%, 0); z-index: 99; background: #ffffff; display: none; padding: 0px 0px 10px 0px;}
#logoutform {position: fixed; width: 100%; max-width: 320px; left: 50%; top: 86px; transform: translate(-50%, 0); z-index: 99; background: #ffffff; display: none; padding: 0px 0px 10px 0px;}
#loginform button, #logoutform button {max-width: 310px; width: 100%;} 
#loginformpoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 90; opacity: 0.88; display: none;}

#medverif {position: fixed; width: 100%; max-width: 320px; left: 50%; top: 86px; transform: translate(-50%, 0); z-index: 99; background: #ffffff; padding: 0px 0px 10px 0px;}
#medverifpoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 90; opacity: 0.88;}

#medail {position: fixed; width: 100%; max-width: 800px; left: 50%; top: 86px; transform: translate(-50%, 0); z-index: 99; background: #ffffff; padding: 0px 0px 10px 0px;}
#medail button, #medail .button {max-width: 310px; width: 100%; padding: 5px 10px;} 
#medailpoz {position: fixed; left: 0px; top: 0px; width: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; right: 0px; bottom: 0px; z-index: 90; opacity: 0.88;}

#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: 310px; min-height: 160px; background: #ffffff; z-index: 99; margin: -80px 0px 0px -155px; 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;}
#dokosiku .dokosiku .dokosikupr .dkdal:hover {}
#dokosiku .dokosiku .dokosikupr .dkdal span {margin: 0px;}
#dokosiku .dokosiku .dokosikud {position: absolute; bottom: 0px; left: 0px; width: 100%;}
#dokosiku .dokosiku .dkdal {width: 135px; margin: 10px; float: right; padding: 5px; text-align: center; font-size: 14px; color: #ffffff; border-radius: 3px; cursor: pointer;}
#dokosiku .dokosiku .dokosikud .dkdal:hover {}
#dokosiku .dokosiku .dokosikud .dkzpet {width: 135px; margin: 10px; float: left; padding: 5px; text-align: center; font-size: 14px; border-radius: 3px; cursor: pointer; color: #ffffff;}        
#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;}

.pata {max-width: 90%; margin: 0px auto;}
.pata span {float: left; clear: left; color: #eeeeee; font-size: 0.9em;}
.pata span b {font-weight: normal; font-size: 1.3em;}
.pata span a {color: #eeeeee;}

.registrace .tar {width: 38%;}
.registrace .w2, .cominfo .w2 {min-width: 45px !important; width: 45px !important; text-align: center; margin-right: 5px !important;}
.registrace .w4, .cominfo .w4 {min-width: 70px !important; width: 70px !important; text-align: center;}
.registrace input[type="text"], input[type="email"], select, input[type="password"], textarea {min-width: 340px; display: inline-block; margin: 5px 0px; vertical-align: middle; background-color: #FFC;}

.registrace input[type="text"]:focus, input[type="email"]:focus, select:focus, input[type="password"]:focus, textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.registrace h2 {font-size: 1em; display: block; margin: 5px 0px 5px; display: inline-block; padding: 0px 0px 0px 0px; line-height: 1.6em; vertical-align: middle;}
.registrace strong {display: block; margin: 5px 0px 5px; display: inline-block; padding: 0px 0px 0px 0px; line-height: 1.6em; vertical-align: middle;}
.registrace strong em {font-weight: normal; font-style: normal;}
.registrace textarea {height: 125px;}
.registrace .valuetext {float: left; line-height: 1.6em; margin: 5px 0px;}
.registrace .firma {margin: 10px 0px; text-align: center; width: 100%; overflow: hidden;}
.registrace .firma label {margin-right: 10px; white-space: nowrap; line-height: 2em;}
.registrace input[type="submit"], button, .registrace input[type="reset"] {vertical-align: middle; margin: 5px 0px; width: 340px;}
.registrace td, .registrace th {padding: 0px 10px; text-align: left;}
.vysledek td {padding: 0px 20px 0px 0px;}

.cominfo input, .cominfo select {width: 340px;}
.cominfo input, .cominfo select {margin: 5px 0px 10px 0px; vertical-align: top;}
.cominfo img {margin: 8px 0px 0px 5px; vertical-align: top;}
.cominfo strong {padding: 0px 0px 0px 3px;}
.cominfo input[type="text"]:read-only {background-color: #e6e6e6; cursor: default;}
.cominfo .regzn {vertical-align: top; padding: 15px 0px 0px 15px;}
.cominfo .regzn img {max-width: 130px; vertical-align: middle;}
.cominfo .regzn p {vertical-align: middle; display: inline-block; max-width: 450px; padding-left: 10px;}
.cominfo .regzn span {font-size: 0.8em;}
.cominfo .demid img {vertical-align: middle; margin: 10px; max-width: 100px;}

.dtpblok a {margin-top: 10px; text-decoration: underline; display: block;}

#crop {z-index: 3;}
#crop.ready .upload-msg {display: none;}
#crop .upload-demo-wrap {display: none;}
#crop.ready .upload-demo-wrap {display: block;}

.info input[type="submit"], .info button, .info .button {min-width: 340px; text-align: center;} 

.freeze {background: #dadada;}
.freeze .nakb {display: none;}
.freeze .cervena {display: none;}
.freeze .button {display: none;}
.freeze .nakb:hover {display: none;}


.report {border-collapse: collapse;}
.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;}

.seznam {margin-top: 20px;}
.seznam th, .seznam td {padding: 5px 10px 5px 5px;}
.seznam th {text-align: left;}

.faq p {margin: 1em 5px;}
.faqs .pt20 {cursor: pointer;}
.faqs .pt20:hover {text-decoration: underline;}

.breadcrumb {position: relative; margin: 0px auto; width: 100%; font-size: 0.9em; color: #424242; padding: 0px 10px; border-bottom: 0px solid #dedede; max-height: 38px; overflow: hidden; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.breadcrumb::-webkit-scrollbar {
  display: none;
}
.breadcrumb div {display: inline-block;}
.breadcrumb span {margin-left: 1px;}
.breadcrumb div a {vertical-align: top; display: inline-block; height: 25px;}
.breadcrumb div a span {text-decoration: underline;}
.breadcrumb .current {}
.breadcrumb .current::before, .breadcrumb span span a::before {content: ">"; padding: 0px 10px 0px 10px; text-decoration: none;}
.breadcrumb span a span {text-decoration: none;}
.breadcrumb span a:last-child {padding: 10px 0px 10px 5px; background: none;}
.breadcrumb span a:last-child span {text-decoration: none;}
.breadcrumb span a:hover {color: #000000; text-decoration: none;}
.breadcrumb span a:hover span {text-decoration: underline;}
.breadcrumb em {margin: 0px 5px;}

.detail {color: #000000;}
.detail .nazev {font-size: 1.8em; padding: 0px 0px; font-weight: normal;}
.detail .nazev em {font-size: 0.6em;}
.detail .nazevss {font-size: 1.5em; padding: 20px 0px 0px; font-weight: normal; text-align: center; margin: 16px 0px 0px; text-align: left;}
.detail .nazevs {font-size: 1.5em; padding: 0px 0px 20px; font-weight: normal; text-align: center; margin: 0px; text-align: left;}
.detail .hh1 {border-top: 1px solid #e6e6e6;}
.detail .obrazky {width: 50%; position: relative;}
.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 0px; z-index: 1; margin-top: 15px;}
.detail .galerie {height: 80px; overflow: hidden; position: relative;}
.detail .galerie .mr4 {margin: 0px 4px 0px 0px !important;}
.detail .galerie .galflex {display: inline-flex; position: relative;}
.detail .galerie img {max-height: 80px; max-width: 80px; cursor: pointer; margin: 0px 4px;}
.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 .obrazky .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}

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

.detail .zalozkynad {display: block; width: 100%; border-bottom: 0px solid #022F40; margin-top: 40px;}
.detail .zalozky {display: table; width: 100%; border-collapse: separate; border-spacing: 5px 0px;}
.detail .zalozky div {display: table-cell; text-align: center; padding: 10px 10px; margin-right: 5px; cursor: pointer;}
.detail .zalozkya {color: #000000; background: #E7ECEF; vertical-align: middle;}
.detail .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;}
.detail .zalozkya>div {background-image: url('/img/ikony/domuc.png'); background-position: center center; background-repeat: no-repeat; height: 20px; width: 20px;}
.detail .zalozkyakt>div {background-image: url('/img/ikony/domu.png'); background-position: center center; background-repeat: no-repeat; height: 20px; width: 20px;}
.detail .wha {background-image: url('/img/smartwatch/wh.jpg'); background-position: left center; background-repeat: no-repeat; padding-left: 60px; display: block; line-height: 50px;}
.detail video {max-width: 100%; margin: 5px auto; display: block;}
.detail .zalozka img {display: block; margin: 0px auto;}
.detail .feed {border-collapse: collapse;}
.detail .feed th {border: 1px solid grey; text-align: left; padding: 5px;}
.detail .feed td {border: 1px solid grey; text-align: left; padding: 5px;}

.detail .ikony {position: relative;}
.detail .ikony p {margin: 0px; padding: 0px 0px 0px 5px;}
.detail .ikony .numcast {position: absolute; top: 43%; left: 52%; transform: translateX(-50%);}
.detail .ikony img:hover:after {display: none;}
.detail [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;
}

.detail [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;
}

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

.flexcol {display: flex; flex-direction: column; align-items: flex-start;}
.detail .typbarva {display: inline-block; vertical-align: middle; font-size: 1em;}
.detail .typbarva img {height: 31px; display: inline-block; vertical-align: middle;}
.detail .typbarva span {width: 50px; padding-left: 5px; vertical-align: middle;}
.detail .chip {display: block; vertical-align: middle; font-size: 1em; margin-top: 25px;}
.detail .chip img {height: 50px; display: inline-block; vertical-align: middle;}
.detail .chip span {padding-left: 5px; vertical-align: middle;}
.detail .napln {display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 1em;}
.detail .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;}
.detail .zaruka {padding: 4px 0px 4px 0px; display: inline-block; vertical-align: bottom;}
.detail .pravy {width: 50%; min-width: 320px;}
.detail .poz {background: none; border-radius: 0px; padding: 25px 0px; margin-bottom: 10px;}
.detail .dispt {width: 100%; border-spacing: 10px; height: auto;}
.detail .ceny {vertical-align: middle; margin: 0em; font-size: 1em; text-align: right;}
.detail .ceny .sdani {font-size: 1.6em; color: initial; margin: 0px 0px 0px 0px; white-space: nowrap;}
.detail .ceny .akce {text-decoration: line-through; font-size: 0.7em; color: initial; margin-left: 10px;}
.detail .koupit {vertical-align: middle; text-align: right; min-width: 230px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.detail .pravy .navpol {display: inline-block; padding: 0px 10px 0px 10px; text-align: center; margin: 0px 0px; vertical-align: top; position: relative; float: right;}
.detail .pravy .navpol img {display: inline-block; vertical-align: middle; max-height: 47px;}
.detail .pravy .navpol h3 {font-weight: normal; color: #0096d6; display: inline-block; vertical-align: middle; margin: 5px;}
.detail .sklad {}
.detail .sklad p {margin: 0px; font-size: 1em;}
.detail .sklad span {font-size: 1em;}
.detail .sklad .skladem {color: #868686;}
.detail .sklad .neskladem {color: #868686;}
.detail 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;}
.detail input[type="text"]:hover {box-shadow: inset 0px 0px 5px #356892;}
.detail 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%);
}
.detail 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%);
}
.detail button em {font-size: 0.7em;}
.detail input[type="submit"]:hover {}
.detail .fpros tr:nth-of-type(1) td:nth-of-type(2) {font-weight: bold;}
.detail .plusminusdet {display: inline-block; width: 48px; border-radius: 0px 0px 0px 0px;}
.detail .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;}
.detail .plusminusdet .plus {border-radius: 0px 5px 5px 0px;}
.detail .plusminusdet .minus {border-radius: 5px 0px 0px 5px;}
.detail .plusminusdet:hover .plusminus:hover {box-shadow: inset 0px 0px 5px #356892;}
.detail .pravy .hlavicka2 {text-align: left;}
.detail .pravy .mnslevy p {color: #0096d6;}
.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: 1em; margin-bottom: 20px; position: relative;}
.detail .tiskarny .tiskarna {display: inline-block; width: 33%; cursor: pointer; font-size: 1em; font-weight: normal; margin: 0px; vertical-align: top; min-width: 320px;}
.detail .tiskarny .tiskarna:hover {color: #0096d6;}
.detail .tiskarny .tiskarna h3 {font-size: 1em; margin: 0px; font-weight: normal;}
.detail .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;}
.detail .tiskarny .dalsi:hover {color: #ad0534; text-decoration: underline;}
.detail .popis {text-align: left; font-size: 1em; font-weight: normal; margin-top: 0px;}
.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;}


.gclreg {display: inline-block; margin: 20px 0px -2px 5px; padding: 13px 15px; border: 2px solid #dedede; border-bottom: 2px solid #ffcb05; border-radius: 5px 5px 0px 0px; position: relative; z-index: 0; cursor: pointer; background: white;}
.gclreg:hover {color: #ffcb05;}
.gclaktivni {border-color: #ffcb05; border-bottom: 2px solid #ffffff; z-index: 2; cursor: auto;}
.gclaktivni:hover {color: unset;}

.novinky {border-spacing: 0px;}
.novinky .disptc {padding: 5px; vertical-align: top; text-align: center;}
.novinky .disptc p {text-align: left;}
.novinky .disptc:first-child {padding-left: 0px;}
.novinky .disptc:last-child {padding-right: 0px;}
.novinky img {max-height: 215px; border-radius: 5px;}
.novinky p {max-width: 305px; margin: 0px auto;}
.krajina .disptc {padding: 5px; vertical-align: top; text-align: center;}
.krajina img {border-radius: 5px;}
.krajinao a p {width: fit-content; margin: 0px auto; border-bottom: 2px solid #ffffff;}
.krajina a p {
    right: 7px;
    margin: 0px auto;
    border-bottom: none !important;
    position: absolute;
    margin: auto;
    top: 50%;
    color: white;
    background: rgba(0, 0, 0, .6);
    padding: 5px;
    
}

.platebg {background-image: url('/img/fbg1.png'); background-position: 100% center; background-repeat: no-repeat; background-size: 50%; transition: background-image 2s;}

.krajinaf .disptc {padding: 5px; vertical-align: top; text-align: center;}
.krajinaf img {border-radius: 5px; height: 100px;}
.krajinaf a p {
    right: 0px;
    margin: 0px auto;
    border-bottom: none !important;
    position: absolute;
    margin: auto;
    bottom: 0px;
    color: white;
    background: rgba(0, 0, 0, .6);
    padding: 5px;
}

@media screen and (max-width: 705px) {
.pata .disptc {display: block; width: 100%; margin: 10px 0px; overflow: hidden;}
.flex-about {display: none;}

.h130 .flex-slide {display: block; overflow: hidden;}
.h130 .fg3 {height: 100px;}
}

@media screen and (max-width: 1150px){
.detail .koupit {flex-wrap: wrap; gap: 1em;}
.detail .koupit .flex5 {width: 100%; align-items: center;}
.detail .koupit .flex5 button {width: 100% !important; margin: 0px !important;}
}

@media screen and (max-width: 1001px){
.dispb1000 {display: block !important; width: 100%;}
.regzn {padding: 0px !important;}
.regzn div {display: block !important; width: 100%; text-align: center; margin: 10px 0px;}
.regzn p {max-width: unset !important; padding: 0px !important;}
}

@media screen and (max-width: 920px){
.kosik {width: 100% !important; padding: 0px 10px !important;}
.kosik .dtpselecthelp .dtpobr {max-width: 0px !important; margin: 0px !important;}
.sk920 {display: none !important;}
.uk920 {display: block !important;}
} 

@media screen and (max-width: 804px){ 

.vyhledavani input[type="text"] {max-width: 100% !important;}
.doprblok .doprnad {max-width: calc(100% - 90px) !important;}
.doprblok .doprcena {max-width: 115px !important; text-align: right;}
.doprblok .doprnad img {display: none !important;}
.aktkrok3 .doprblok .doprnad {margin-left: 0px !important; max-width: 100% !important;} 
.doprblok .platnad {max-width: initial !important;}
.kosik .doprblok .doprnad span {padding-top: 12px !important; margin-left: 10px !important;} 
.kosik .kossuma {width: 100% !important;}
.kosik .doruceni {width: 100% !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;}
.krok3kont .kontakty {width: 100% !important;}
.sk800 {display: none !important;}
.uk800 {display: block !important;}
.m0800 {margin: 0px !important;}
.m020800 {margin: 0px 0px 20px 0px !important;}
.dispb800 {display: block !important; width: 100% !important; margin-top: 20px !important;}
.mt0i {margin-top: 0px !important;}
.dispt800 {display: table !important; width: 100%; border-collapse: separate; border-spacing: 5px 0px;}
.disptc800 {display: table-cell;}
.mt10800 {margin: 10px 0px !important;}
.bs0800 {border-spacing: 0px !important;}
.tac800 {text-align: center;}
.fordog img, .forcat img {max-width: 70px; max-height: 45px;}
#produktyvypis .fordog img, .vypisprod .forcat img {max-width: 70px; position: relative; bottom: 0px; left: 0px;}
.fordog p, .forcat p {font-size: 1.2em; max-height: 40px; padding: 2px 0px; line-height: 1.1em;}
.fordog, .forcat {width: calc(50% - 8px); margin: 4px !important;}
.fpakt {padding-left: 10px;}
#produktyvypis .fordog, .vypisprod .forcat {height: 53px; padding-left: 0px; overflow: hidden; border-radius: 50%; height: 70px; width: 70px; margin: 0px auto;}
.dispnone {display: none !important;}
.gclreg {margin: 5px 5px 0px 0px; padding: 10px 9px; border: 2px solid #dedede; border-radius: 5px 5px 5px 5px; position: relative; z-index: 0; cursor: pointer; background: white; font-size: 1em;}
.gclreg:hover {color: #ffcb05;}
.gclaktivni {border-color: #ffcb05; z-index: 2; cursor: auto;}
.gclaktivni:hover {color: unset;}
.bt2o {border-top: 0px;}
.abspozr65 {position: relative; right: 0px; top: 0px;}
.h45 {max-height: 60px;}
}

@media screen and (max-width: 650px){
.dispb650 {display: block !important; width: 100% !important;}
.dispi650 {display: inline !important;}
.dispn650 {display: none !important;}
.tac650 {text-align: center !important;}
.tar650 {text-align: right !important; padding: 10px;}
.sk650 {display: none !important;}
.uk650 {display: block;}
.logo img {max-width: 200px;}
.mt0650 {margin-top: 0px;}
.dokosiku img {max-width: 32px;}
.carouselflick {} 
}

@media screen and (max-width: 600px){ 
.kosik .kontakty strong {width: 32% !important;}
.sk600 {display: none;}
.uk600 {display: block;}
.dispb600 {display: block; width: 100% !important;}
.mt10600 {margin-top: 10px;} 
.platebg {background-image: none !important;}
}

@media screen and (max-width: 560px){
.kosik .kontakty strong {width: 100% !important; text-align: left !important;}
}

@media screen and (max-width: 500px){ 
.kosik .kostabulka td {display: inline-block; width: 40%; margin-bottom: 10px;}
.kosik .kostabulka .odstranit {width: 10% !important; line-height: 48px;}
.kosik .kostabulka .cenasd {line-height: 46px;}
.kosik .kostabulka .nazev {width: 100% !important;}
.kosik .kostabulka .pocks {width: 50% !important;} 
.kosik .kostabulka .plusminusks {width: initial !important;}
.kosik .kostabulka .plusminusks div {height: 39px !important; width: 39px !important; float: left; line-height: 33px !important; border-radius: 30px !important; border-style: solid; border-width: 1px; font-size: 2em; align-items: baseline !important; margin: 0px 5px;}
.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: 100% !important; left: unset !important;}
.kosik .firma {text-align: left !important;}
.maxw300 {max-width: 100%;}
.dispb500 {display: block !important;}
#medail {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; transform: none;}
input[type="submit"], input[type="button"], button, input[type="reset"], .tlacitko, .button {white-space: normal; font-size: 1em;}
.registrace .disptc {display: block;}
.registrace .tar {text-align: left; width: 100%;}
.registrace .w40 {width: 100%;}
.registrace .w60 {width: 100%;}
.registrace input[type="submit"], input[type="button"], button, input[type="reset"], .tlacitko, .button {font-size: 1em;}
.registrace .regtabul .disptc {display: table-cell; padding: 5px;}
.regtabul .first {text-orientation: upright; writing-mode: vertical-lr; vertical-align: middle; text-align: left;}
.regtabul .disptc {vertical-align: middle;}
.regtabul .w20p {min-width: unset;}
.regtabul .w25p {min-width: unset;}
}

.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;}

.zelpoz {background-color: #2660A4 !important;}

.zelpoz:hover {
background: #3077ca !important;}

.nonakt {}
.nonakt .nakb {background: grey;}
.nonakt .nakb:hover {background: grey;}
.nonakt .nakbn {display: none;}

.stdonly button {background: grey;}
.stdonly button:hover {background: grey;}

.regtabul img {vertical-align: middle; margin: 0px;}
.regtabul .bt1g {border-top: 1px solid grey;}

.dispnonetot {display: none !important;}