@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html, body {font-family: 'Open Sans'; font-size: 1em; padding: 0px; min-width: 320px;}
html {min-height: 100%; margin: 0px; position: relative;}
body {margin: 0px 0px 243px 0px; background: #ffffff;}
div {margin: 0px; padding: 0px;}
ul, menu, dir {margin: 0px; padding: 0px; list-style-type: none;}
a {text-decoration: none; color: #0096D6; padding: unset; margin: unset; display: unset;}
a:hover {text-decoration: underline; color: #009eff !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 #0096d6; 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 #0096d6; font-size: 1em; line-height: 1.6em; padding: 0px 5px;}
input[type="submit"], input[type="button"], button, input[type="reset"], .tlacitko, .button {line-height: 25px; font-size: 1em; border-radius: 3px; cursor: pointer; padding: 1px 5px; 
  /*background: #ff1965 !important; border: 1px solid #ff1965 !important;*/
  color: #ffffff;
  border: 0px 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);*/
}

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, input[type="reset"]:hover, .tlacitko:hover, button:hover {
  /*background: #e5004c !important;
  border: 1px solid #e5004c !important;*/
  border: 0px solid #0096d6;
  background: #0096d6;
  /*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 {width: calc(50% - 5px) !important; line-height: 45px !important; border-radius: 3px !important; cursor: pointer !important; text-align: center !important; color: #ffffff; font-size: 1.3em !important; margin-left: 5px !important;
  background: #009eff !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: #0096d6 !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 {width: calc(50% - 5px) !important; line-height: 47px !important; border-radius: 3px !important; cursor: pointer !important; text-align: center !important; color: #ffffff; font-size: 1.3em !important; margin-left: 5px !important;
  background: #7e9e00 !important; border: 1px solid #7e9e00 !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: #91c71d !important;
  border: 1px solid #91c71d !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;*/
}

.tlacitkozel {cursor: pointer !important; text-align: center !important; color: #ffffff; background: #7e9e00 !important; border: 0px solid #7e9e00 !important;}

.tlacitkozel:hover {color: #ffffff !important; background: #91c71d !important; border: 0px solid #91c71d !important;}

.chkboxn, .chkboxn:hover {background-image: url('/img/ikony/chkboxnw_off.png') !important; background-position: 5px center !important; background-repeat: no-repeat !important; padding-left: 25px !important;}
.chkbox, .chkbox:hover {background-image: url('/img/ikony/chkboxnw_on.png') !important; background-position: 5px center !important; background-repeat: no-repeat !important; padding-left: 25px !important;}

.chkboxfn, .chkboxfn:hover {background-image: url('/img/ikony/chkboxn_off.png') !important; background-position: 5px center !important; background-repeat: no-repeat !important; padding-left: 25px !important;}
.chkboxf, .chkboxf:hover {background-image: url('/img/ikony/chkboxn_on.png') !important; background-position: 5px center !important; background-repeat: no-repeat !important; padding-left: 25px !important;}

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

input[type="radio"] + .labeled {background: url('/img/ikony/radion_off.png') center bottom no-repeat; padding: 0px 0px 20px 0px; margin-right: 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/radion_on.png') center bottom no-repeat;}

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

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

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

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

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

@media screen and (max-width: 850px){ 
.sk850 {display: none !important;}
.uk850 {display: block !important;}
#vypisvsech {padding: 0px 10px !important;}
#vypisvsech .vertikal {max-width: 100% !important;}
#vypisvsech .vertikal a, #vypisvsech .vertikald a {margin: 30px 15px 0px 10px !important; padding: 25px 0px !important; line-height: 2em !important; white-space: nowrap !important; overflow: hidden !important;}
.vyrobciobrsm {display: none !important;}
.dolni a {padding: 10px 0px !important;}
.dolni .centrovany div span {margin: 15px 0px !important;}
.navstiveneobal .navstivene-predchozi {display: none !important;}
.navstiveneobal .navstivene-dalsi {display: none !important;}
#chat-application-iframe {display: none;}
}

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

@media screen and (max-width: 804px){ 
.sk800 {display: none !important;}
.ok800 {display: block !important;}
.oki800 {display: inline-block !important;}
.mw800 {max-width: initial !important;}
.dopravast3 {width: 100% !important;}
.doprblok .doprnad {max-width: calc(100% - 115px) !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;} 
.vyrobciobr .vyrobceobr {width: 33.3% !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;}
.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;}
}

@media screen and (max-height: 900px){
.vyhledavani #vysledky {height: initial !important;}
.vyhledavani {position: absolute !important;}
.produktyvypis {margin-top: 335px !important;}
.produktyvypis h2 {font-size: large !important;}
.produktyvypis .pslfhdr {padding: 0px 5px !important; margin: 0px !important;}
} 

@media screen and (max-width: 720px){
.sk720 {display: none !important;}
.uk720 {display: block !important;}
body {margin: 0px 0px 348px 0px !important;}
.rychlobj {width: 100% !important; margin-top: 10px !important;}
#hodnoceni {width: 100% !important; border-right: 1px solid #dbdbdb !important;}
#demtoplacebox .demtoplistcont .right .zkratky {display: none !important;}
.vyhledavani #vysledky {height: initial !important;}
.vyhledavani {position: absolute !important;}
#vysledky .napoveda div {width: 100% !important;}
.horni {position: absolute !important;}
.v80 {height: 80px !important; padding: 0px !important;}
.produktyvypis {margin-top: 315px !important;}
#vysledky {position: absolute !important; height: initial !important;}
h1 {font-size: 1.5em !important;}
.produktyvypis h2 {font-size: large !important;}
.produktyvypis .pslfhdr {padding: 0px 5px !important; margin: 0px !important;}
#kosikcht .dokosiku .produkt {width: 100% !important; display: block !important;}
#kosikcht .dokosiku .dokosikupr ul {min-height: 0px !important;}
#chat-application {left: 5px; right: unset !important;}
.grouph3 h3 {max-width: 50% !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;}
.uk600 {display: block !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;}
.breadcrumb {display: none !important;}
}

@media screen and (max-width: 560px){
.sk560 {display: none !important;}
.uk560 {display: block !important;}
.hornimenu .padaci {margin: 0px 5px !important;}
.hornimenu .login {background: url('/img/ikony/login.png') center center no-repeat; width: 20px;}
.hornimenu .nakup {background: url('/img/ikony/menu.png') center center no-repeat; width: 20px;}
.hornimenu .nakup .text {display: none !important;}
.hornimenu .login .text {display: none !important;}
.hornimenu .kosikhm {background: url('/img/ikony/kosikmm.png') center center no-repeat; width: 20px;}
.hornimenu .kosikhm .text {display: none !important;}
.kosik .kontakty strong {width: 100% !important; text-align: left !important;}
.grouph3 h3 {max-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;}
.doprblok .doprnad {background: 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: 39px !important; width: 39px !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: 100% !important; left: unset !important;}
.kosik .firma {text-align: left !important;}
.produktyvypis .vypisprod {width: 100% !important;}
#demtoplacebox .demtoplistcont #pano {display: none !important;}
#demtoplacebox .demtoplistcont #infowindow {width: 100% !important;}
.produktyvypis .pslfhdr .tlacitkoadv {width: 100% !important; display: block; margin: 10px 0px !important;}
.navstkar {width: 100% !important;}
}

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

}
@media screen and (max-width: 400px){
.sk400 {display: none !important;}
.logo {max-width: 220px !important; padding-top: 10px;}
.sortimentsobr .sortimentobr {width: 100% !important;}
.fltn400 {float: none !important;} 
}

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

}


.centrovany {max-width: 1000px; margin: 0px auto; padding: 0px 0px; position: relative; overflow: hidden;}
.hornimenu .centrovany {overflow: visible !important; background: #ffffff;}
.fltr {float: right;}
.fltl {float: left !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.cltl {clear: left;}
.cntr {margin: 0px auto !important; display: block;}
.lp10 {padding-left: 10px;}
.dispnone {display: none !important;}
.dispnoneni {display: none;}
.dispnonesol {display: none !important;}
.dispinlineb {display: inline-block;}
.dispb {display: block;}
.dispt {display: table; border-collapse: separate; border-spacing: 10px 0px; height: 100%; table-layout: fixed;}
.disptc {display: table-cell; vertical-align: top; height: 100%;}
.disptr {display: table-row;}

.v75 {height: 75px; display: block; padding: 0px 0px;}
.v80 {height: 90px; display: block; padding: 0px 0px;}
.v100 {height: 100px; display: block; margin: 10px 0px;}
.v200 {height: 200px; display: block; margin: 10px 0px;}
.w50 {width: 50%;}
.w100 {width: 100% !important;}
.wc360 {width: calc(100% - 360px);}
.h100 {height: 100%;}
.maxw100 {max-width: 100% !important;}
.maxw50 {max-width: 50% !important;}
.maxh100 {max-height: 100% !important;}
.fs0 {font-size: 0px;}
.fsnormal {font-size: medium;}
.s33 {width: 33.3%; display: block; min-width: 236px;}
.s50 {width: 50%; display: block;}
.s310 {width: 310px;}
.lh18 {line-height: 1.8em;}
.hlavicka {font-size: 1.8em; font-weight: normal;}
.hlavicka2 {font-size: 1.1em; color: #0096d6;}
.hlavicka3 {font-size: 1em; color: #0096d6;}
.m0 {margin: 0px;}
.mh0 {margin-left: 0px !important; margin-right: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px;}
.mb15 {margin-bottom: 15px;}
.mh10 {margin: 10px 0px;}
.mh20 {margin: 20px 0px;}
.mh25 {margin: 25px 0px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt35 {margin-top: 35px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px !important;}
.ph10 {padding: 10px 0px;}
.ph20 {padding: 20px 0px;}
.ph25 {padding: 25px 0px;}
.pt20 {padding-top: 20px !important;}
.pt10 {padding-top: 10px !important;}
.pl10 {padding-left: 10px !important;}
h1 {font-weight: normal;}
h2 {font-weight: normal;}
h3 {font-size: 1em;}
.maxh240 {max-height: 250px !important; overflow: hidden !important;}
.strtext {text-align: center; padding: 0px 5px;}
.ltext {text-align: left; padding: 0px 5px;}
.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 #ccc; overflow: hidden;}
.carad {border-bottom: 1px solid #ccc; overflow: hidden;}
.carads {border-bottom: 1px solid #dbdbdb; overflow: hidden;}
.carade {border-bottom: 1px solid #e6e6e6;}
.carah2m {border-top: 2px solid #0096d6;}
#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;}
.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-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;}

.tar {text-align: right !important;}
.modra {color: #0096D6;}
.zelena {color: green;}
.cervena {color: red;}
.seda {color: #737373 !important;}
.bila {color: #ffffff;}
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.vinova {color: #a90533;}
.pismo12 {font-size: 1.2em;}
.pismo1 {font-size: 1em;}
.pismo2 {font-size: 2em;}
.pismo16 {font-size: 1.6em;}
.pismo08 {font-size: 0.8em;}
.pismomed {font-size: medium;}
.vam {vertical-align: middle;}
.curp {cursor: pointer;}
.prel {position: relative;}
.bgw {background: #ffffff; overflow: hidden;}
.bgbl {background: #0096D6;
  background: -webkit-linear-gradient(90deg, #0096D6 , #006699);
  background: -o-linear-gradient(90deg, #0096D6, #006699);
  background: -moz-linear-gradient(90deg, #0096D6, #006699);
  background: linear-gradient(90deg, #0096D6, #006699);
}
.bgblrev {background: #a90533;
  background: -webkit-linear-gradient(-90deg, #0096D6 , #006699);
  background: -o-linear-gradient(-90deg, #0096D6, #006699);
  background: -moz-linear-gradient(-90deg, #0096D6, #006699);
  background: linear-gradient(-90deg, #0096D6, #006699);
}
.bgrd {background: #a90533;
  background: -webkit-linear-gradient(90deg, #a90533 , #f6252f);
  background: -o-linear-gradient(90deg, #a90533, #f6252f);
  background: -moz-linear-gradient(90deg, #a90533, #f6252f);
  background: linear-gradient(90deg, #a90533, #f6252f);
}

.bgrdrev {background: #a90533;
  background: -webkit-linear-gradient(-90deg, #a90533 , #f6252f);
  background: -o-linear-gradient(-90deg, #a90533, #f6252f);
  background: -moz-linear-gradient(-90deg, #a90533, #f6252f);
  background: linear-gradient(-90deg, #a90533, #f6252f);
}


.horni {position: fixed; width: 100%; top: 0px; z-index: 4;
  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);*/
}

.stin {box-shadow: 0px 0px 20px #dedede;}
.bezstinu {box-shadow: none;}
.hornimenu {background: #ffffff; color: #000; height: 95px; font-size: 0.9em; z-index: 5; position: relative;}
.hornimenu a {text-decoration: none; display: inline-block; vertical-align: top; color: #737373;}
.hornimenu a:hover {text-decoration: underline;} 
.hornimenu .domu {margin: 6px 6px 0px 0px;}
.hornimenu p {margin: 5px 6px;}
.hornimenu .ok800 {display: none;}
.hornimenu .padaci {position: relative; z-index: 5; margin: 0px 10px;}
.hornimenu .padaci:hover > .padaciobsah, .hornimenu .padaci:active > .padaciobsah {display: block !important; overflow-y: scroll; max-height: 300px;}
.hornimenu .jmeno {margin: 36px 0px 7px; display: inline-block; cursor: pointer; color: #737373; height: 19px;}
.hornimenu .nakup {white-space: nowrap;}
.hornimenu .padaciobsah {position: absolute; background: #ffffff; right: -5px; padding: 5px; text-align: right; min-width: 100%; border: 1px solid #0096D6; border-top: 3px solid #0096D6; border-radius: 3px; color: #737373;}
.hornimenu .padaciobsah span {white-space: nowrap;}
.hornimenu .padaciobsah a {display: block; white-space: nowrap; margin: 5px 0px;}

.hornimenu .padaciobsah input {margin: 3px 0px;}

.sirokyblok {height: 75px; font-size: 0.9em; z-index: 4; position: relative;}

.telefon {padding: 0px 0px 0px 30px; color: #ffffff; line-height: 75px; font-size: 1.3em; background: url('/img/ikony/telefonb.png') left center no-repeat; margin-left: 5px;}
.telefon b {display: none;} 
  
.logo {max-width: 300px; height: 85px; margin: 5px 0px; display: inline-block; width: 100%;}
.logo a {display: block;}

.horni .vyhledavac {position: absolute; width: 100%; top: 7px; text-align: center; max-width: 410px; z-index: 2; left: calc(50% - 205px);}
.horni .vyhledavac .vyhledavacbox {text-align: center;}
.horni .vyhledavac #vyhledavacjadro {padding-top: 8px; height: 60px;}
.horni .vyhledavac .vstup {max-width: 410px; min-width: 245px; width: 100%; height: 45px; font-size: 1.1em; border: none;  padding: 0px; margin: 0px 0px 0px 0px; z-index: 2; display: inline-block;}
.horni .vyhledavac .vstup_text {width: calc(100% - 75px); height: 45px; font-size: 0.9em; padding: 0px 14px; border: none; float: left; margin-left: 20px; border-radius: 3px; background: #ffffff;}
.horni .vyhledavac .hledej {background: url('/img/ikony/lupab.png') center center no-repeat; width: 45px; height: 45px; 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;}
#prohlcookies a {text-decoration: underline;}

#kosikzkr {width: 145px; cursor: pointer; position: relative; z-index: 2;
  background-image: url('/img/ikony/kosikb.png');
  background-repeat: no-repeat;
  background-position: right center;  
  
  height: 75px; border-radius: 0px; margin: 0px 15px 0px 0px;}
#kosikzkr:hover {background-image: url('/img/ikony/kosikm.png');}
#kosikzkr:hover .koscastka .cislo {color: #0096D6;}
#kosikzkr .koscastka {padding-right: 35px; height: 75px; margin: 0px;}
#kosikzkr .koscastka span {line-height: 75px;}
#kosikzkr .koscastka .cislo {float: right; font-size: 1.3em; text-align: center; color: #ffffff;}
 


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

#hlavni .vyhledavac {margin: 60px auto 20px; text-align: center; background: url('/img/pozadi.jpg') center center no-repeat; padding: 0px 5px 15px 5px;}
#hlavni .vyhledavac p {height: 55px;}
#hlavni .vyhledavac #vyhledavachlavni {height: 55px;}
#hlavni .vyhledavac .vyhledavacbox {text-align: center;}
#hlavni .vyhledavac .vstup {max-width: 400px; min-width: 310px; width: 100%; height: 55px; font-size: 1.1em; border: 1px solid #0096d6; border-radius: 30px; 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 div {display: inline-block; width: 25%; font-size: 1em; padding: 10px 10px 0px 10px; text-align: center; margin: 10px 0px 0px -5px; vertical-align: top;}
#hlavni .navichl div h2 {font-size: 1em; font-weight: bold;}


#banercar {padding: 0px; max-height: 197px; max-width: 100%; position: relative; width: 100%; display: block;}
#banercar .banercar {overflow: hidden; margin: 0px 0px;}
#banercar .banerca {position: relative; display: inline-flex;}  
#banercar .baner {position: relative; display: inline-block; margin: 0px 10px 0px 0px; white-space: nowrap; width: 100%;}
#banercar .banercar-predchozi {position: absolute; bottom: 0px; left: 5px; background: url('/img/banery/sipkal.png') center center no-repeat; width: 25px; height: 197px;}
#banercar .banercar-dalsi {position: absolute; bottom: 0px; right: 5px; background:  url('/img/banery/sipkap.png') center center no-repeat; width: 25px; height: 197px;}

.vyhody {height: 170px; width: 100%; display: block;}
.vyhody .vyhoda {width: 33%; display: inline-block; margin-left: -5px; height: 170px; padding-top: 115px; color: inherit;}
.vyhody .doprava {background: url('/img/ikony/dopravakul.png') center top no-repeat; background-size: 100px;}
.vyhody .do24 {background: url('/img/ikony/24kul.png') center top no-repeat; background-size: 100px;}
.vyhody .do20 {background: url('/img/ikony/do20kul.png') center top no-repeat; background-size: 100px;}
.vyhody .vyhoda .text {text-align: center; font-size: 1.1em;}
.vyhody .vyhoda .textbold {text-align: center; font-weight: bold; font-size: 1.2em;}

.vyhodyvse {padding: 0px 10px;}
.vyhodyvse .vyhoda {padding-left: 60px; line-height: 50px; width: 100%; display: block; margin-left: 5px; font-size: 0.8em;}
.vyhodyvse .doprava {background: url('/img/ikony/dopravakul.png') left center no-repeat; background-size: 50px;}
.vyhodyvse .do24 {background: url('/img/ikony/24kul.png') left center no-repeat; background-size: 50px;}
.vyhodyvse .do20 {background: url('/img/ikony/do20kul.png') left center no-repeat; background-size: 50px;}
.vyhodyvse .osodber {background: url('/img/ikony/vmistam.png') left center no-repeat; background-size: 50px;}
.vyhodyvse .zarukatisk {background: url('/img/ikony/tiskarnam.png') left center no-repeat; background-size: 50px;}


#mapky {border-radius: 3px;}
.mapky1 {position: absolute; width: 100px; left: 30px; top: 100px; width: 200px;}
.mapky2 {position: absolute; width: 100px; left: 0px; top: 200px; width: 200px;}
.mapky3 {position: absolute; width: 100px; left: 45px; top: 300px; width: 200px;}
.dopsluzby {position: absolute; top: 105px; right: 0px; width: 200px; display: block;}
.dopsluzby img {margin: 25px 0px; max-width: 150px;}
.dopfirmy {position: absolute; top: 105px; left: 0px; width: 130px; display: block;}
.dopfirmy img {margin: 25px auto; max-width: 150px; max-height: 39px; display: block;}
.platsluzby {margin: 10px 0px; display: block;}
.platsluzby img {margin: 5px 5px; max-height: 35px;}

.sluzbyvse {}
.sluzbyvse img {max-width: 120px; max-height: 30px; margin: 10px 5px;}

#hodnoceni {padding: 10px 10px; height: 110px; cursor: pointer; position: relative; width: 100%; display: inline-block;}
#hodnoceni .hodnockar {height: 100px; overflow: hidden; margin: 0px 0px;}
#hodnoceni .hodnocka {position: relative; display: block;}  
#hodnoceni .hodnoc {position: relative; display: inline-block; margin: 0px 10px 0px 0px; overflow: hidden; white-space: nowrap; width: 100%; height: 100px;}
#hodnoceni .hodnoc .text {overflow: hidden; line-height: 19px; margin: 0px 10px; max-height: 98px; text-align: center;}
#hodnoceni .hodnoc .plus {color: green; font-size: 0.9em; margin: 0px;}
#hodnoceni .hodnoc .sum {margin-top: 5px; font-size: 0.8em; max-height: 76px; white-space: normal;}
#hodnoceni .hodnoc span {display: inline; margin-right: 5px;}
#hodnoceni .hodnoc em {display: none; position: absolute; bottom: 5px; left: 15px;}
#hodnoceni .hodnoceni-predchozi {position: absolute; bottom: 0px; left: 5px; background: url('/img/banery/sipkal.png') center center no-repeat; width: 25px; height: 110px;}
#hodnoceni .hodnoceni-dalsi {position: absolute; bottom: 0px; right: 5px; background:  url('/img/banery/sipkap.png') center center no-repeat; width: 25px; height: 110px;}
#hlavni .hodnoc {margin-bottom: 10px;}
.hodnocenib {display: none; width: 20%; vertical-align: top; border: 0px solid #dbdbdb; height: 110px; padding: 0px; text-align: center; margin: 0px 0px 0px -5px;}

.rychlobj {display: inline-block; width: 40%; vertical-align: top; border: 1px solid #dbdbdb; height: 110px; background: #f5f5f5; padding: 10px;}
.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);}
.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: 3; 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: absolute; width: 100%; margin-top: -30px;}
#vysledky {position:fixed; max-width: 1000px; z-index:3; overflow-y: auto; margin: 0px auto; min-height: 116px; width: 100%; left: 50%; transform: translateX(-50%); height: calc(100vh - 185px);}
#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: center; color: #0096d6; vertical-align: middle; font-size: 1.5em;}
#vysledky .napoveda div em {color: #000; font-style: normal; font-size: 0.7em; display: block;}
#vysledky .napoveda div span {display: block; font-size: 1.2em;}
#vysledky .napoveda div img {max-width: 380px; margin: 15px 0px 10px;}
#vysledky #pracuji {position: absolute;} 
#vysledky .vyrobci {width: 100%; max-width: 1000px; background: #ffffff; z-index: 4; border-bottom: 1px solid #0096d6;}
#vysledky .scrollx {}
#vysledky .inflex {display: inline-block;}
#vysledky .vsl p {height: initial;}
#vysledky .vyrobci p {font-size: 1.1em; margin: 0px; text-align: left; background: #ffffff; width: 100%; padding: 18px 60px 18px 10px; height: initial; color: #0096d6; border-bottom: 1px solid #0096d6;}
#vysledky .vyrobci .vyrobcidiv {width: 112px; height: 36px; text-align: center; float: left; margin: 10px 0px 15px 5px; cursor: pointer; background: url('/img/ikony/radiotl_off.png') 5px center no-repeat; border: 1px solid #ffffff; border-radius: 30px; padding-left: 30px;}
#vysledky .vyrobci .vyrobcidiv img {margin-top: 3px; height: 30px;}
#vysledky .vyrobci .vyrobcidiv:hover {border: 1px solid #0096d6;}
#vysledky .vyrobci .vyrobcidivact {border: 1px solid #0096d6; background: url('/img/ikony/radiotl_on.png') 5px center no-repeat;}
#vysledky .tiskarny {float: left; clear: left; width: 100%; text-align: left; border-bottom: 0px solid #0096d6; background: #ffffff;}
#vysledky .tiskarny p {font-size: 1.1em; margin: 0px; text-align: left; padding: 18px 10px; background: #ffffff; color: #0096d6; height: initial; border-bottom: 1px solid #0096d6; display: none;}
#vysledky .tiskarny .tiskarna {float: left; clear: left; margin: 0px; background: url('/img/ikony/tiskarna_ico.png') 2px center no-repeat; padding: 30px 0px 10px 50px; width: 100%; font-size: 1em; position: relative; border-bottom: 1px solid #dedede; cursor: pointer; min-height: 80px;}
#vysledky .tiskarny .tiskarna span {color: #ffffff;}
#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') 2px center no-repeat; padding: 30px 0px 10px 50px; width: 100%; font-size: 1em; position: relative; border-bottom: 1px solid #dedede; cursor: pointer; min-height: 80px;}
#vysledky .tiskarny .kategorie a {color: #333333;}

#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: #ffffff; color: #0096d6; height: initial; border-bottom: 1px solid #0096d6; display: none;}
#vysledky .titulekdisp {font-size: 1.1em; text-align: left; padding: 18px 10px 18px 10px; width: 100%; background: #ffffff; color: #0096d6; height: initial; border-bottom: 1px solid #0096d6;}
#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/zavritn.png') center center no-repeat; width: 20px; height: 20px; 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% - 135px); float: left; color: #24252a; display: flex; align-items: center;}
#vysledky .nazev .nazevp {font-size: 0.9em; overflow: hidden; margin: 0px; padding: 0px; text-align: left; color: #24252a;}
#vysledky .nazev .nazevt {font-size: 0.9em; color: #0096d6; text-decoration: underline;}
#vysledky .barva {position: relative; float: left; margin: 12px 5px 12px 5px; min-width: 35px;}
#vysledky .barvagroup {position: relative; min-width: 35px; display: inline-block;}
#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 #0096d6; 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: #0096d6;}
#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: 130px; text-align: center;}
#vysledky .tlkoupit {position: relative; width: 130px; border-radius: 3px; text-align: center; float: left; margin: 0px 0px;
}
#vysledky .tlkoupitgroup {position: relative; width: 130px; border-radius: 3px; text-align: center; float: right; margin: 0px 5px;
}
#vysledky .tlkoupit:hover {
}
#vysledky .tlkoupit span, #vysledky .tlkoupitgroup span {vertical-align: top; display: inline-block; margin: 5px; color: #ffffff; font-size: 0.8em;}
#vysledky .tlkoupit span b, #vysledky .tlkoupitgroup 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; text-align: center; font-size: 0px;}
.vyrobciobr .vyrobceobr {width: 14.2%; padding: 0px 5px; text-align: center; margin: 5px 0px; display: inline-block;}
.vyrobciobr .vyrobceobr img {max-height: 50px;}
.vyrobciobr .vyrobceobr a {border-radius: 3px; border: 1px solid #ccc; background: #ffffff; display: block; margin: 5px 0px; overflow: hidden;}
.vyrobciobr .vyrobceobr a:hover {border: 1px solid #0096d6;}

.vyrobciobrsm {overflow: hidden; text-align: center; font-size: 0px;}
.vyrobciobrsm .vyrobceobr {width: 8.3%; padding: 0px 2px; text-align: center; margin: 0px 0px; display: inline-block;}
.vyrobciobrsm .vyrobceobr img {max-height: 30px; padding: 0px 0px;}
.vyrobciobrsm .vyrobceobr a {border-radius: 3px; border: 1px solid #ccc; background: #ffffff; display: block; margin: 5px 0px; overflow: hidden;}
.vyrobciobrsm .vyrobceobr a:hover {border: 1px solid #0096d6;}

.sortimentsobr {overflow: hidden; text-align: center; font-size: 0px;}
.sortimentsobr .sortimentobr {width: 33%; padding: 0px 5px; text-align: center; margin: 5px 0px; display: inline-block; font-size: initial;}
.sortimentsobr .sortimentobr a {height: 50px; line-height: 50px; border-radius: 3px; border: 1px solid #ccc; background: #ffffff; display: block; margin: 5px 0px; overflow: hidden; padding-left: 30px;}
.sortimentsobr .sortimentobr a:hover {border: 1px solid #0096d6;}
.sortimentsobr .sortimentobr .sorttiskarny {background: url('/img/ikony/tiskarna_ico.png') 10px center no-repeat;}
.sortimentsobr .sortimentobr .papiry {background: url('/img/ikony/vyteznost.png') 10px center no-repeat;}
.sortimentsobr .sortimentobr .kancelar {background: url('/img/ikony/sponka.png') 10px center no-repeat;}
.dolni {font-size: 1em; margin-top: 10px; position: absolute; bottom: 0px; width: 100%; color: #ffffff;}
.dolni a {color: #ffffff; text-decoration: none;}
.dolni img {}
.dolni .prohlaseni {font-size: 0.7em; text-align: center; float: left; border-top: 1px solid #636363; margin: 0px; color: #000000;}
.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: 0.8em;}
.dolni .partneri .ih35 img {max-height: 35px;}  
.dolni .partneri .ih25 img {max-height: 25px;}

.obtexty {overflow: hidden; margin-bottom: 10px; padding: 0px 10px;}
.obtexty input {float: left; width: 150px; margin: 5px 0px;}
.obtexty .tlacitko {float: left; width: 150px; margin: 5px 5px 5px 0px; text-align: center; color: #ffffff !important;}
.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 h1 {font-size: 1.5em;}

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


.incpage {padding: 0px 10px;}

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

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

.doprblok {}
.doprblok:last-child {}
.obtexty  a {color: #009eff;}
.doprblok .doprnad {font-size: 1em; max-width: 47%; width: 100%; display: inline-block; vertical-align: middle; padding: 5px 0px;}
.doprblok .doprnad h3 {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: 120px; width: 35%;}
.doprblok .platnad {font-size: 1em; max-width: 46%; width: 100%; padding-left: 0px; display: inline-block; vertical-align: middle; min-width: 310px;}
.doprblok .platnad p {line-height: 2.2em; padding-left: 10px; margin: 0px; border-top: 1px solid #e6e6e6;}
.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 {}
.platblok:last-child {}
.platblok a {color: #009eff;}
.platblok .doprnad {font-size: 1em; max-width: 47%; width: 100%; display: inline-block; vertical-align: middle;}
.platblok .doprnad h3 {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;}

.detail {color: #24252a;}
.detail .nazev {font-size: 1.5em; padding: 20px 0px; font-weight: normal; text-align: center;}
.detail .nazevss {font-size: 1.5em; padding: 20px 0px 0px; font-weight: normal; text-align: center; margin: 16px 0px 0px;}
.detail .nazevs {font-size: 1.5em; padding: 0px 0px 20px; font-weight: normal; text-align: center; margin: 0px;}
.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; 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 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 .obrazky .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}

.detail .typbarva {display: inline-block; vertical-align: middle; font-size: 0.8em;}
.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: 0.8em; 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: 0.8em;}
.detail .vytez {background: url('/img/ikony/vyteznost.png') left center no-repeat; padding: 4px 0px 4px 55px; display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 0.8em;}
.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; 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: 227px; width: 100%; float: right;}
.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 .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: green;}
.detail .pravy .sklad .neskladem {color: red;}
.detail .pravy input[type="text"] {height: 47px; vertical-align: top; text-align: center; border: 1px solid #ccc; border-right: none !important; border-radius: 3px 0px 0px 3px; padding: 0px;}
.detail .pravy input[type="submit"] {margin: 0px 5px 0px !important; width: 135px !important; vertical-align: top;}
.detail .pravy input[type="submit"]:hover {}
.detail .pravy .plusminusdet {display: inline-block; width: 20px; border: 1px solid #ccc; border-top: none; border-radius: 0px 3px 3px 0px;}
.detail .pravy .plusminusdet .plusminus {display: block; width: 18px; background: #ffffff; border-radius: 0px; line-height: 22px; border: none; border-top: 1px solid #ccc; color: #0096d6; font-family: monospace; padding: 0px 6px;}
.detail .pravy .koupit:hover > input[type="text"] {border: 1px solid #ccc;} 
.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: 0.8em; margin-bottom: 20px; font-size: 0px; position: relative;}
.detail .tiskarny .tiskarna {display: inline-block; width: 33%; cursor: pointer; font-size: 12px; font-weight: normal; margin: 0px; vertical-align: top;}
.detail .tiskarny .tiskarna:hover {color: #0096d6;}
.detail .tiskarny .tiskarna h2 {font-size: 1em; margin: 0px;}
.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; background: #ffffff; padding: 2px 0px; color: #ad0534;}
.detail .tiskarny .dalsi:hover {color: #ad0534; text-decoration: underline;}
.detail .popis {text-align: left; font-size: 0.9em; font-weight: normal; margin-top: 0px;}
.detail .modra {color: #0096d6;}
.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: 100%; font-size: 0.8em; padding: 0px 10px 0px 10px; text-align: center; margin: 5px 0px; vertical-align: top; position: relative;}
.navic .navpol h3 {font-size: 14px; font-weight: normal; color: #0096d6; margin-top: 5px;}
.navicdet {position: absolute; width: 600px; background: #ffffff; left: 80%; border-radius: 5px; border: 2px solid #0096d6; 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: #0096d6;}
.podobnevypis {border-top: 1px solid #e6e6e6;}
.podobnevypis p {}
.podobne {margin: 10px 0px 10px 0px; width: 100% !important; background: none; display: inline-block; overflow: hidden; font-size: medium; position: relative;}
.podobne:first-of-type {border-left: none;}
.break {width: 100%; height: 1px; border-top: 1px solid #e6e6e6;}
.break + .podobne {border-left: none;}
.podobne .nazev {margin: 0px 0px 10px 0px; font-size: 1.3em; font-weight: normal; padding: 0px 5px;}
.podobne .nazev a {cursor: pointer; text-decoration: none; color: inherit;}
.podobne .nazev span {display: block; font-size: 0.8em; color: #868686;}
.podobne .nazev a:hover {color: #0096d6;}
.podobne .obrazek {display: inline-block; vertical-align: bottom; width: 320px; border-radius: 5px; background: #ffffff; text-align: center; position: relative;}
.podobne .obrazek img {max-width: 310px; max-height: 210px;}
.podobne .obsah {display: inline-block; max-width: calc(100% - 320px); width: 100%; margin-right: -5px; min-height: 240px; padding: 0px 10px;}
.podobne .levy {display: inline-block; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; position: absolute; bottom: 20px;}
.podobne .levy p {margin: 0px;}
.podobne .typbarva {position: absolute; vertical-align: bottom; padding-bottom: 0px; z-index: 1;}
.podobne .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;}
.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: 15px 0px 0px;}
.podobne .levy .sklad .skladem {color: green;}
.podobne .levy .sklad .neskladem {color: red;}
.podobne .pravy {display: inline-block; min-width: 212px; vertical-align: top; position: absolute; bottom: 20px; right: 0px;}
.podobne .pravy .sdani {font-size: 1.4em; margin: 0px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px; text-align: right;}
.podobne .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px; text-align: right;}
.podobne .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #ccc; border-radius: 3px; padding: 0px;}
.podobne .pravy input[type="submit"] {margin: 0px 5px 0px !important; width: 150px !important; }
.podobne .pravy input[type="submit"]:hover {}
.podobne .pravy .koupit:hover > input[type="text"] {border: 1px solid #ccc;}

#produktyvypis .hlavicka2 {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 0px;}
#produktyvypis .vypisprod {margin: 10px 0px 10px 0px; width: 100%; background: none; border-radius: 0px; display: inline-block; overflow: hidden; font-size: medium; position: relative;}
#produktyvypis .vypisprod:hover {color: inherit !important;}
#produktyvypis .vypisprod .obsah {display: inline-block; max-width: calc(100% - 320px); width: 100%; margin-right: -5px; min-height: 250px; padding: 0px 10px;}
#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;}
#soltree .vypisprod {cursor: pointer;}


#produktyvypis .vypisprod a {color: inherit;}
#produktyvypis .vypisprod .nazev {margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: normal; padding: 0px 5px;}
#produktyvypis .vypisprod .nazev span {color: #0096d6; text-decoration: underline;}
#produktyvypis .vypisprod .nazev:hover {}
#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; width: 320px; position: relative;}
#produktyvypis .vypisprod .obrazek img {max-width: 310px; max-height: 210px;}
#produktyvypis .vypisprod .obrazek .disc {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}
#produktyvypis .vypisprod .levy {display: inline-block; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; position: absolute; bottom: 20px;}
#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: 0.8em; display: block; width: 100%; margin: 15px 0px 0px 0px;}
#produktyvypis .vypisprod .levy .sklad p {margin: 0px;}
#produktyvypis .vypisprod .levy .sklad .skladem {color: green;}
#produktyvypis .vypisprod .levy .sklad .neskladem {color: red;}
#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/vyteznost.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: 0.8em; margin-top: 5px;}
#produktyvypis .vypisprod .chip {display: block; vertical-align: middle; font-size: 0.8em; 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: 0.8em; 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: inline-block; vertical-align: top; min-width: 212px; bottom: 20px; right: 0px; position: absolute;}
#produktyvypis .vypisprod .pravy .sdani {font-size: 1.4em; margin: 10px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px;}
#produktyvypis .vypisprod .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px;}
#produktyvypis .vypisprod .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #ccc; border-radius: 3px px; font-size: 1em !important; padding: 0px;}
#produktyvypis .vypisprod .pravy input[type="submit"] {width: calc(98% - 62px) !important; max-width: 163px; height: 49px; font-size: 1em !important;}
#produktyvypis .vypisprod .pravy .koupit:hover > input[type="text"] {border: 1px solid #ccc;}
.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;}


.produktyvypis {font-size: 0px;}
.produktyvypis h4 {font-size: large; display: inline-block; margin: 5px; font-weight: normal;}
.produktyvypis h3 {font-size: medium;}
.produktyvypis .pslfhdr {font-size: medium; display: inline-block; margin: 10px 0px 10px 20px; width: 100%; text-align: center;}
.produktyvypis .pslfhdr .tlacitkoadv {padding: 5px; margin: 0px 20px; font-size: 1em !important; background: #599bc3 !important;}
.produktyvypis .pslfhdr .tlacitkoadv:hover {background: #4d88ad !important;}
.produktyvypis .pslfhdr .carah2m {padding-top: 10px;}
.produktyvypis .vypisprod {width: 50%; margin: 0px; border-left: none; padding: 25px 10px; min-height: 322px; display: inline-block; font-size: medium;}
.produktyvypis .vypisprodflt {border-bottom: 0px solid #0096d6; margin: 20px 0px 0px;}
.produktyvypis .vypisprodflt input[type="radio"] + label {background: url('/img/ikony/radion_off.png') left center no-repeat; padding: 2px 0px 0px 20px; margin-right: 5px;}
.produktyvypis .vypisprodflt input[type="radio"] + label a {color: inherit;}
.produktyvypis .vypisprodflt input[type="radio"]:checked + label {background: url('/img/ikony/radion_on.png') left center no-repeat;}
.produktyvypis .tlacitkoadvtxt {font-size: medium !important; margin: 10px auto 20px !important; background: #009eff !important; border: none !important; max-width: 195px !important;}
.produktyvypis .tlacitkoadvtxt:hover {background: #0096d6 !important; border: none !important;}
.produktyvypis .bls {border-left: 1px solid #e6e6e6;}
.produktyvypis .vypisprod:hover {}
.produktyvypis .vypisprod a {color: inherit;}
.produktyvypis .vypisprod .nazev {margin: 0px 0px 10px 0px; font-size: 1.3em; font-weight: normal; padding: 0px 5px;}
.produktyvypis .vypisprod .nazev span {color: #0096d6; text-decoration: underline;}
.produktyvypis .vypisprod .nazev {height: 68px; font-size: 1em; overflow: hidden; width: 100%;}
.produktyvypis .vypisprod .nazev:hover {}
.produktyvypis .vypisprod .obrazek {display: inline-block; vertical-align: bottom; border-radius: 5px; background: #ffffff; text-align: center; position: relative; width: 320px;}
.produktyvypis .vypisprod .obrazek {width: initial;}
.produktyvypis .vypisprod .obrazek img {max-width: 310px; max-height: 210px;}
.produktyvypis .vypisprod .levy {display: inline-block; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; position: absolute; bottom: 20px;}
.produktyvypis .vypisprod .levy {width: initial; border-top: 0px solid #e6e6e6; border-bottom: 0px solid #e6e6e6; min-width: 196px; min-height: 152px; position: relative;}
.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 .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 .typbarva {display: block; vertical-align: bottom; padding-bottom: 10px; position: relative;}
.produktyvypis .vypisprod .levy .sklad {font-size: 0.8em; display: block; width: 100%; margin: 15px 0px 0px 0px;}
.produktyvypis .vypisprod .levy .sklad p {margin: 0px;}
.produktyvypis .vypisprod .levy .sklad .skladem {color: green;}
.produktyvypis .vypisprod .levy .sklad .neskladem {color: red;}
.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/vyteznost.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 .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;}
.produktyvypis .vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
.produktyvypis .vypisprod .pravy .sklad {font-size: 0.8em; 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: inline-block; vertical-align: top; min-width: 212px; bottom: 20px; right: 0px; position: absolute;}
.produktyvypis .vypisprod .pravy .sdani {font-size: 1.4em; margin: 10px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px;}
.produktyvypis .vypisprod .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px;}
.produktyvypis .vypisprod .pravy {position: relative; width: 100%;}
.produktyvypis .vypisprod .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #ccc; border-radius: 3px px; font-size: 1em !important; padding: 0px;}
.produktyvypis .vypisprod .pravy input[type="submit"] {width: calc(98% - 62px) !important; max-width: 163px; height: 49px; font-size: 1em !important;}
.produktyvypis .vypisprod .pravy .koupit:hover > input[type="text"] {border: 1px solid #ccc;}
.produktyvypis .pslanchdisc {font-size: medium; text-align: center; color: #0096d6;}

.navstiveneobal {margin: 0px 0px 0px -1px; width: calc(100% - 1px); overflow: hidden; position: relative;}
.navstiveneobal .navstivene {position: relative; overflow: hidden; width: 100%;}
.navstiveneobal .navstkar {position: relative; width: 10000em;}
.navstiveneobal .vypisprod {margin: 0px !important; float: left;}
.navstiveneobal .vypisprod:hover {color: inherit !important;}
.navstiveneobal .navstivene-predchozi {position: absolute; bottom: 0px; left: 0px; background: url('/img/banery/sipkal.png') center center no-repeat; width: 25px; height: 485px;}
.navstiveneobal .navstivene-dalsi {position: absolute; bottom: 0px; right: 0px; background:  url('/img/banery/sipkap.png') center center no-repeat; width: 25px; height: 485px;}

.navstivene .vypisprod {height: 485px; padding: 10px; margin: 0px !important; width: 25%; min-width: 240px; background: none; border-radius: 0px; display: inline-block; overflow: hidden; font-size: medium; border-left: 1px solid #e6e6e6;}
.navstivene .vypisprod:first-of-type {border-left: none;}
.navstivene .vypisprod div {font-size: 0.9em;}
.navstivene .vypisprod .nazev {margin: 0px 0px 10px 0px; font-size: 0.9em; font-weight: normal; height: 90px; padding: 0px 5px;}
.navstivene .vypisprod .nazev span {color: #0085d6; text-decoration: underline;}
.navstivene .vypisprod .nazev:hover {}
.navstivene .vypisprod .obrazek {display: inline-block; vertical-align: bottom; width: 100%; height: 130px; border-radius: 5px; background: #ffffff; text-align: center; position: relative;}
.navstivene .vypisprod .obrazek img {max-width: 120px; max-height: 120px;}
.navstivene .vypisprod .obrazek .dnesnz {position: absolute; top: 0px; right: 5px;}
.navstivene .vypisprod .levy {display: inline-block; width: 100%; text-align: left; vertical-align: top; padding: 0px 5px; margin-bottom: 10px; min-height: unset;}
.navstivene .vypisprod .levy p {margin: 0px;}
.navstivene .vypisprod .levy .typbarva {display: inline-block; vertical-align: bottom; padding-bottom: 0px;}
.navstivene .vypisprod .levy .sklad {font-size: 0.8em; display: block; width: 100%; margin: 0px 0px 0px 0px;}
.navstivene .vypisprod .levy .sklad p {margin: 0px;}
.navstivene .vypisprod .levy .sklad .skladem {color: green;}
.navstivene .vypisprod .levy .sklad .neskladem {color: red;}
.navstivene .vypisprod .levy .typbarva img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
.navstivene .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;}
.navstivene .vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
.navstivene .vypisprod .pravy .sklad {font-size: 0.8em; display: block; width: 100%; text-align: left; margin: 0px 0px 0px 5px; min-height: 75px;}
.navstivene .vypisprod .pravy .sklad p {margin: 0px;}
.navstivene .vypisprod .pravy .sklad .skladem {color: green;}
.navstivene .vypisprod .pravy .sklad .neskladem {color: red;}
.navstivene .vypisprod .pravy {display: inline-block; max-width: 250px; width: 100%; vertical-align: top; float: right;}
.navstivene .vypisprod .pravy .sdani {font-size: 1.4em; margin: 10px 0px 0px 0px; max-width: 310px; font-weight: bold; padding: 0px 5px;}
.navstivene .vypisprod .pravy .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; max-width: 310px; font-weight: normal; color: #868686; padding: 0px 5px;}
.navstivene .vypisprod .pravy input[type="text"] {height: 49px; vertical-align: top; text-align: center; border: 1px solid #ccc; border-radius: 3px px; font-size: 1em !important; padding: 0px;}
.navstivene .vypisprod .pravy input[type="submit"] {width: calc(98% - 62px) !important; max-width: 163px; height: 49px; font-size: 1em !important;}
.navstivene .vypisprod .pravy .koupit:hover > input[type="text"] {border: 1px solid #ccc;}

#vypisvsech {font-size: initial; margin-top: 15px;}
#vypisvsech .scroll {max-width: 100%; display: block; max-height: 250px; overflow: auto;}
#vypisvsech .scroll a {display: block; font-size: 0.8em; margin: 0px 10px 0px 0px;}
.vypisvsech {font-size: initial; text-align: center; width: 100%; cursor: pointer;}
.vypisvsech:hover {text-decoration: underline; color: #009eff !important;}
#vypisvsech .mezera {display: block; width: 100%; line-height: 1em; margin: 20px 0px 5px; padding: 5px 10px; background: #c4d5df;}
#vypisvsech .panch {background: #0096d6; color: #ffffff;}
#vypisvsech .panch:hover {background: #009eff !important; color: #ffffff !important;}
#vypisvsech .vertikal {display: inline-block; max-width: 33%; width: 100%; min-width: 260px; vertical-align: top;}
#vypisvsech .vertikald {display: inline-block; max-width: 50%; width: 100%; min-width: 260px; vertical-align: top;}
#vypisvsech .vertikal a, #vypisvsech .vertikald a {display: block; font-size: 0.8em; margin: 0px 10px 0px 0px;}

#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;}
#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: 150px; 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: 150px; margin: 10px; float: left; padding: 5px; text-align: center; font-size: 14px; border-radius: 3px; cursor: pointer;
  color: #ffffff;
  border: 1px solid #009eff;
  background: #009eff;}
#dokosiku .dokosiku .dokosikud .dkzpet:hover {  border: 1px solid #0096d6;
  background: #0096d6;
  }
#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 .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: 5px 10px; text-align: center; color: red; max-width: calc(100% - 60px);}
#kosikcht .dokosiku .hlavicka3 {padding: 5px 10px; text-align: center; max-width: calc(100% - 60px);}
#kosikcht .dokosiku .zavrit {position: absolute; top: 10px; right: 10px; cursor: pointer; background: url('/img/ikony/zavritn.png') center center no-repeat; width: 20px; height: 20px; 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: 3px; line-height: 20px;}
#kosikcht .dokosiku .dkdal:hover {}

#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 #0096d6;}
.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 {min-height: 280px; z-index: 2; max-width: 990px; width: 100%;}
.vyhledavani .zavrit {position: absolute; top: 10px; right: 10px; cursor: pointer; background: url('/img/ikony/zavritn.png') center center no-repeat; width: 20px; height: 20px; z-index: 10; display: none;}
.vyhledavani h1 {background: #ffffff; padding: 20px 10px; margin: 0px;}
.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: 216px; }
.vyhledavani .krok1 .hlavicka3 {display: inline-block; vertical-align: top; font-size: 1.3em; margin-top: 35px;}
.vyhledavani .krok1 .hlavicka3 em {color: green; 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: 2px solid #ccc; margin-top: 10px;}
.vyhledavani input[type="text"]:hover, .vyhledavani #vyber:hover {border: 2px solid #5A5A5A;}
.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 - 583px); max-width: 990px; border-top: 1px solid #0096d6;}
.vyhledavani #vysledky .skrol {top: 0px;}
.vyhledavani #vysledky .vyrobci {display: none;}

.novehled {padding: 0px 5px; position: relative;}
.novehled h1 {margin-bottom: 10px; max-width: calc(100% - 160px); width: 100%; font-size: 1.5em;}
.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;}

.kolaz {text-align: center;}
.kolaz img {max-width: 150px;}

.filtrace {border-top: 0px solid #0096d6; border-bottom: 0px solid #0096d6; padding: 0px 5px 15px; margin: 10px 0px; position: relative; background: #c4d5df;}
.filtrace .filtrhlav {margin: 15px 0px 5px;}
.filtrace .filtrpol {display: inline-block; vertical-align: middle; width: 100%;}
.filtrace .filtrpol div {display: inline-block; margin-right: -4px; max-width: 50%; width: 100%; padding-left: 20px;}
.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 #0096d6; 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/zavritn.png') center center no-repeat; width: 20px; height: 20px; z-index: 10;}
.filtrace .navicdet a {color: #0096d6;}

.objednavka {margin: 15px 5px; 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: 0px 5px;}
.objednavka span {float: left; padding: 3px 5px;}
.objednavka img {float: left; padding: 3px 5px;}
.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;}
.doruceni {margin: 20px 5px; float: left; clear: left;}
.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: #0096d6; border-bottom: 1px solid #0096d6;}
.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 #0096d6;}
.vykup .vyrobci .vyrobcidivact {border: 1px solid #0096d6; 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 #0096d6;}
.vykup .tiskarny p {font-size: 1.1em; margin: 0px; text-align: left; padding: 10px; background: #ffffff; color: #0096d6; height: initial; border-bottom: 1px solid #0096d6;}
.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: #0096d6;}
.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: #0096d6; height: initial; border-bottom: 1px solid #0096d6;}
.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/zavritn.png') center center no-repeat; width: 20px; height: 20px; 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: #0096d6; 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 #0096d6;}
.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: #0096d6;}
.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: #0096d6; 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 .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;}

#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/zavritn.png') center center no-repeat; width: 20px; height: 20px; 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; max-height: 38px; overflow: hidden;}
.breadcrumb span {color: #1987B0; 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: none;}
.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;text-decoration: none;}
.breadcrumb span a:hover span {text-decoration: underline;}
.breadcrumb em {margin: 0px 5px;}

			#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: 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: 27px;}
#odbernamista .mista #odbm {overflow: hidden; font-size: 0.8em;}
#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 .info {background: #009eff; padding: 1px 3px; color: #ffffff; margin-left: 0px; border-radius: 3px; cursor: pointer;}
#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;}
#odbernamista .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%;}

.vsechnamista {padding: 15px 0px 0px;}
.vsechnamista h1 {font-size: 1.5em;}
.vsechnamista .tlacitkozel {margin-top: 0px;}
.vsechnamista .chkbox:hover {background-color: #7e9e00 !important; cursor: auto !important;}
.vsechnamista #odbernamista .odbernamistabg {display: none;}
.vsechnamista #odbernamista .mista {position: relative; max-width: 100%; padding: 15px 0px; z-index: 0;}
.vsechnamista #odbernamista .zavrit {display: none;}
.vsechnamista #odbernamista .mista #odbm .dtphlav {display: block; width: 100%; margin: 0px 0px; background-image: none; padding: 9px 0px 9px 5px; border-top: 1px solid #c4d5df;}
.vsechnamista #odbernamista .mista #odbm input[type=radio] + label {display: block; width: 100%; margin: 0px 0px; background-image: none; padding: 9px 0px 9px 5px; border-top: 1px solid #c4d5df;}
.vsechnamista #odbernamista .mista #odbm input[type=radio] + label:nth-of-type(1) {border-top: none;}
.vsechnamista #odbernamista .mista #odbm input[type=submit] {display: none;}
.vsechnamista p {display: inline-block;}
.vsechnamista .dtpdemselblok {background: #c4d5df; height: 63px;}
.vsechnamista .dtpdemsel {display: inline-block; float: right; margin: 10px;}
.vsechnamista .dtpdemsel img {max-width: 110px; vertical-align: middle;}
.vsechnamista .dtpdemsel input[type=radio] + label {margin-right: 30px; line-height: 40px;}
.mistamesta a {display: block; font-size: 0.8em; width: 100%;}
.mistamesta .mezera {display: block; width: 100%; line-height: 1em; margin: 20px 0px 5px; padding: 5px 10px; background: #c4d5df;}
.mistamesta .vertikal {display: inline-block; max-width: 33%; width: 100%; min-width: 260px; vertical-align: top;}
.mistamesta .legenda {margin: 20px 0px; width: 100%; color: #0096d6; text-align: left; font-size: medium; padding-right: 10px;}
.mistamesta .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: #c4d5df;}
.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: #c4d5df;}

.bezhledani #odbernamista .mista .inputdiv {display: none;}
.bezhledani .hlavicka {display: none;}
.bezhledani #odbernamista .mista #odbm {min-height: 275px;}
.bezhledani #odbernamista .mista #odbm input[type=radio] + label:nth-of-type(1) {border-top: 1px solid #c4d5df;}

.sobrazky {display: block; width: 100%; text-align: center;}
.sobrazky img {max-width: 33%; display: inline-block; padding: 5px;}

.grouph3 h3 {display: inline-block; max-width: 33%; width: 100%; margin: 0px;}

.sitemap h2 {margin-left: 10px; font-weight: normal;}
.sitemap h3 {margin-left: 20px; font-weight: normal;}
.sitemap a {margin: 5px 0px 5px 30px; display: block;}
 
.kosik {width: 80%; margin: 0px auto;}

.kosik .krokovani {display: flex; align-items: center; width: 100%; padding: 15px 0px;}
.kosik .krokovani .krok {text-align: center; width: 33%; display: flex;}
.kosik .krokovani .krok .cislo {color: #0085d6; border: 2px solid #0085d6; border-radius: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.kosik .krokovani .krok .text {color: #0085d6; height: 40px; display: flex; align-items: center; min-width: 158px; font-size: 1em; padding-left: 10px; white-space: nowrap;}
.kosik .krokovani .krok .aktivni {border: 2px solid #0085d6; background: #0085d6; color: #ffffff;}

.kosik a.anchor {display: block; position: relative; top: -138px; visibility: hidden;}
.kosik .kosvypis {padding: 0px 0px;}
.kosik .kostabulka {font-size: 0.8em; width: 100%;}
.kosik .kostabulka .koshlavicka {height: 40px;}
.kosik .kostabulka .koshlavicka th {font-weight: normal; border-bottom: 1px solid #dbdbdb;}
.kosik .kostabulka tr {height: 60px;}
.kosik .kostabulka td {padding: 0px 5px;}
.kosik .kostabulka .hornimez {height: 0px;}
.kosik .kostabulka .odstranit {color: red; font-weight: bold; cursor: pointer; width: 18px; padding: 0px; text-align: center; font-size: 1.4em;}
.kosik .kostabulka .nazev {text-align: left; width: 60%;}
.kosik .kostabulka .nazev a {color: inherit;}
.kosik .kostabulka .vyrobce {text-align: left; display: none;}
.kosik .kostabulka .dostup {text-align: left;}
.kosik .kostabulka .pocks {text-align: center; min-width: 65px;}
.kosik .kostabulka .pocks input[type="text"] {width: 30px; height: 30px; float: left; border-radius: 3px 0px 0px 3px; text-align: center;}
.kosik .kostabulka .plusminusks {float: left; cursor: pointer; width: 55px;}
.kosik .kostabulka .plusminusks .plusks {border-top: 1px solid #00abbf; border-right: 1px solid #00abbf; border-bottom: 1px solid #00abbf; height: 15px; width: 25px; border-radius: 0px 3px 0px 0px; display: flex; align-items: center; justify-content: center; background: #c0e7ec; color: #00abbf; float: right;}
.kosik .kostabulka .plusminusks .minusks {border-bottom: 1px solid #00abbf; border-right: 1px solid #00abbf; height: 15px; width: 25px; border-radius: 0px 0px 3px 0px; display: flex; align-items: center; justify-content: center; background: #c0e7ec; color: #00abbf;}
.kosik .kostabulka .cenabd {text-align: right; white-space: nowrap;}
.kosik .kostabulka .cenasd {text-align: right;}
.kosik .kostabulka .posl {width: 1px;}
.kosik .kostabulka .recykl {height: 19px;}
.kosik .kosspodek {width: 100%; display: block; padding: 30px 0px;}
.kosik .kossuma {float: right; margin: 10px 0px; display: table; width: 50%; padding: 0px 5px; text-align: right;}
.kosik .doruceni {margin: 10px 0px; display: inline-block; width: 50%; padding: 0px 5px;}
.kosik .doruceni p {margin: 0px;}
.kosik .tlacitka {width: 100%; display: block; padding: 30px 0px; overflow: hidden;}
.kosik .tlacitka .tlacitko {max-width: 310px; width: 50%; display: inline-block; text-align: center; line-height: 45px;}
.kosik input[type="checkbox"] + label {font-size: 0.8em; float: left; padding: 10px 0px 10px 28px;}
.kosik input[type="checkbox"] + label a {margin-left: 20px; text-decoration: underline;}
.kosik textarea {float: left; width: 100%; margin: 0px 0px 10px 0px;}
.kosik .hlavicka {padding: 10px 0px 10px; font-size: 1.4em;}
.kosik .doprava, .kosik .platba {margin: 0px auto 15px; position: relative;}
.kosik .doprblok {border-bottom: 1px solid #e6e6e6; position: relative; border-top: none;}
.kosik .doprblok input[type="radio"] {display: none;}
.kosik .doprblok input[type="radio"] + label {background: url('/img/ikony/radion_off.png') left center no-repeat; padding: 2px 0px 0px 30px; display: block; cursor: pointer;}
.kosik .doprblok input[type="radio"]:checked + label {background: url('/img/ikony/radion_on.png') left center no-repeat; cursor: auto;}
.kosik .doprblok a {color: #008c9c;}
.kosik .doprblok .doprnad {font-size: 1em; line-height: 1.6em; max-width: 85%; width: 100%; display: inline-block; padding: 0px;}
.kosik .doprblok .lh1 {line-height: 1em;}
.kosik .doprblok .doprnad p {vertical-align: middle; display: inline-block;}
.kosik .doprblok .doprnad span {padding-top: 21px; margin-left: 80px;}
.kosik .doprblok .doprnad img {max-width: 80px; margin-left: 35px; margin-right: 35px;}
.kosik .doprblok .doprnad em {font-size: 0.7em; font-style: normal;}
.kosik .doprblok .doprnad .ikony {margin-left: 80px;}
.kosik .doprblok .doprnad .ikony img {max-width: 50px; margin: 5px;}

.kosik .doprblok .doprpoz {font-size: 0.9em; margin: 0px;}
.kosik .doprblok .dopr28 {background: url('/img/doprava/postadop.png') right center no-repeat;}
.kosik .doprblok .dopr2 {background: url('/img/doprava/postador.png') right center no-repeat;}
.kosik .doprblok .dopr6 {background: url('/img/doprava/ppl.png') right center no-repeat;}
.kosik .doprblok .dopr24 {background: url('/img/doprava/ulozenka.png') right center no-repeat;}
.kosik .doprblok .dopr26 {background: url('/img/doprava/parcelshop.png') right center no-repeat;}
.kosik .doprblok .doprcena {font-weight: bold; max-width: 15%; text-align: right; vertical-align: middle;}
.kosik .doprblok .doprcena em {color: red; font-size: 0.8em;}
.kosik .doprblok .plat1 {background: url('/img/doprava/dobirka.png') right center no-repeat;}
.kosik .doprblok .plat3 {background: url('/img/doprava/online.png') right center no-repeat;}
.kosik .doprblok .plat8 {background: url('/img/doprava/karty.png') right center no-repeat;}
.kosik .doprblok .plat88 {background: url('/img/doprava/eplat.png') right center no-repeat;}
.kosik .doprblok .plat7 {background: url('/img/doprava/prevod.png') right center no-repeat;}
.kosik .doprblok .dtpselecthelp .dtpico {float: right;}
.kosik .platba .online {text-align: center;}
.kosik .platba .online p, .kosik .platba .online img {display: inline-block; vertical-align: middle;}
.kosik .platba .online img {margin: 5px 5px; max-height: 25px;}

.aktkrok3 #dtpSelected .dtpitem {margin: 0px !important; padding: 0px !important;}
.aktkrok3 #dtpSelected .dtpitem p {width: 100% !important; font-size: 1em !important; line-height: 1.3em !important;}
.kosik #demtoplacebox {position: absolute; top: 192px; left: 0px; right: 0px; bottom: 0px; z-index: 79;}
.kosik #demtoplacebox .demtoplaceboxbg {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #636363; width: 100%; z-index: 79; opacity: 0.88;}
.kosik #demtoplacebox .demtoplistcont {position: relative; max-width: 990px; background: #ffffff; margin: 20px auto; z-index: 80; padding: 5px; border-radius: 3px;}
.kosik .dtpitem {width: 100%; padding-left: 80px;}
.kosik .dtpitem p {margin: 5px 0px;}
.kosik .dtpitem .button {margin: 5px 0px 10px 0px; text-align: center; width: 100px; font-size: 0.8em;}
.kosik #dtpSelected .dtpitem {background: #ffffff; border: 1px solid #efefef; border-radius: 3px; margin: 0px 35px 5px 35px; padding: 5px;}
.kosik #dtpSelected .dtpitem .dtpico {float: right; right: 5px; top: 5px;}
.kosik #dtpSelected .dtpitem p {line-height: 14px; font-size: 12px; display: inline-block; vertical-align: top; margin: 0px; width: 260px;}
.kosik #dtpSelected .dtpitem a {color: #494949; text-decoration: underline;}
.kosik .dtpselectedr .dtpitem {background: #ffffff; border: 0px solid #efefef !important; border-radius: 3px; margin: 0px 70px 5px 10px !important; padding: 5px;}
.kosik .dtpselectedr .dtpitem .dtpico {display: none !important; float: right; right: 5px; top: 5px;}
.kosik .dtpselectedr .dtpitem p {line-height: 14px; font-size: 12px; display: inline-block; vertical-align: top; margin: 0px; width: 260px;}
.kosik .dtpselectedr .dtpitem a {color: #494949; text-decoration: underline;}

.kosik .dtpselecthelp {font-size: 0.8em; padding-bottom: 10px;}
.kosik .dtpselecthelp .dtpblok {max-width: 90%; width: 100%; display: inline-block;}
.kosik .dtpselecthelp .dtphlavicka {}
.kosik .dtpselecthelp .dtpobr {max-width: 100px; margin: 0px 25px; display: inline-block; width: 100%;}
.kosik .dtpselecthelp .dtpjmeno {display: inline-block;}
.kosik .dtpselecthelp .dtpjmeno img {max-width: 150px; margin: 5px 0px;}
.kosik .dtpselecthelp .dtpjmeno button {float: right;}
.kosik .dtpselecthelp .dtpcena {max-width: 10%; width: 100%; display: inline-block; text-align: right; vertical-align: top;}
.kosik .dtpselecthelp .dtpnot {display: none;}

.kosik .kontakty input[type="text"], select {width: 310px; float: left; margin: 5px 0px;}
.kosik .kontakty strong {display: block; margin: 5px 0px 5px; float: left; clear: left; text-align: right; padding-right: 15px; width: 38%; line-height: 1.6em;}
.kosik .kontakty textarea {float: left; width: 310px;}
.kosik .kontakty .valuetext {float: left; line-height: 1.6em; margin: 5px 0px;}
.kosik .kontakty img {float: left; margin: 5px;}
.kosik .firma {padding: 10px 0px; text-align: center;}
.kosik .firma label {margin-right: 10px; white-space: nowrap; line-height: 2em;}
.aktkrok3 .kontakty strong {width: 115px; text-align: left; line-height: 1em;}
.aktkrok3 .kontakty .valuetext {line-height: 1em;}
.aktkrok3 .kontakty .linit {width: 50%; text-align: right;}
.aktkrok3 .doprblok .doprnad {margin-left: 0px;} 
.aktkrok3 .doprblok .doprnad img {margin-left: 0px; margin-right: 20px;}


.kosik #ordcstid {max-width: 100%; width: auto; float: none; margin: 0px 25px;}
.kosik .kontakty {margin: 0px 0px 10px 0px; display: inline-block; width: 100%;}
.kosik #oldcstl {display: block; margin: 10px 0px 10px 0px;} 
.kosik #newcstl {display: block; margin: 10px 0px 10px 0px;}

.kosik .sumar {display: block; text-align: center; margin: 0px 0px 10px 0px; font-size: 1.2em;}
.kosik .obchpodminky {display: block; text-align: center; margin: 0px 0px 10px 0px;}

.kosik .slevkup {margin: 0px 0px 20px 0px;}
.kosik .slevtext {margin: 0px 5px; float: left; clear: left; line-height: 29px;}
.kosik .slevtext p {margin: 0px;}
.kosik .slevinput {margin: 0px 5px; float: left; height: 29px;}
.kosik .slevbut {margin: 0px 5px; float: left;}

.dopravast3 {width: 50%; display: inline-block;}
.dopravast3 .doprblok {border: none;}
.dopravast3 .doprblok .doprnad {font-size: 1em; max-width: 100%;}
.dopravast3 .doprblok .doprnad .dbtyp {width: 70px;}
.krok3kont {font-size: 0px;}
.krok3kont .kontakty {vertical-align: top; width: 50%; font-size: medium;}
.krok3kont #dtpSelected .dtpitem p strong {margin: 0px;}