@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html, body {font-family: 'Titillium Web',sans-serif; font-size: 1em; padding: 0px; min-width: 360px;}
html {min-height: 100%; margin: 0px; position: relative;}
body {margin: 0px 0px 0px 0px; background: #ffffff; display: flex; flex-direction: column; min-height: 100vh;}
div {margin: 0px; padding: 0px;}
menu, dir {margin: 0px; padding: 0px; list-style-type: none;}
ul {padding-inline-start: 25px;}
a {text-decoration: none; color: #356892; padding: unset; margin: unset; display: unset;}
a:hover {text-decoration: underline;}
input:-webkit-autofill {-webkit-box-shadow:0px 0px 0px 50px white inset;}
input[type="text"], input[type="password"], select {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: 0px; cursor: pointer; padding: 0px 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);*/
} 



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

.zel {color: #fff !important;
    background: #7e9e00 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#91c71d),to(#7e9e00)) !important;
    background: linear-gradient(180deg,#91c71d,#7e9e00) !important;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.3) !important;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.3) !important;
}
.zel:hover {background: #69920f !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#91c71d),to(#69920f)) !important;
    background: linear-gradient(180deg,#91c71d,#69920f) !important;} 
 

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

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

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

@media screen and (max-width: 650px){
.dispb650 {display: block !important; width: 100% !important;}
.dispi650 {display: inline !important;}
.dispn650 {display: none !important;}
.tac650 {text-align: center !important;}
.tar650 {text-align: right !important; padding: 10px;}
}  

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

.dispnone {display: none !important;}
.dispnoneni {display: none;}
.dispb {display: block;}
p {margin: 0px;}
.w33i {width: 33% !important;}
.dispt {display: table; width: 100%; border-spacing: 10px; border-collapse: separate;}
.disptr {display: table-row;}
.disptc {display: table-cell;}
.dispi {display: inline;}
.relpoz {position: relative;}
.abspoz0 {position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.abspoz {position: absolute;}
.b0 {bottom: 0px;}
.tdec0 {text-decoration: none !important;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.vam {vertical-align: middle;}
.vat {vertical-align: top;}
.minh500 {min-height: 500px;}
.minh235 {min-height: 350px;}
.minh150 {min-height: 150px;}
.minhun {min-height: auto !important;}
.maxh30 {max-height: 30px;}
.maxw300 {max-width: 400px;}
.maxw80 {max-width: 80%;}
.w100 {width: 100%;}
.w40 {width: 40%;}
.w20 {width: 20%;}
.w60 {width: 60%;}
.h255 {height: 255px;}
.h300 {height: 300px;}
.h400 {height: 400px;}
.h90 {height: 90px;}
.h130 {height: 130px !important;}
.pt10 {padding-top: 10px !important;}
.pv10 {padding: 0px 10px;}
.p30 {padding: 30px;}
.p10i {padding: 10px 10px !important;}
.pb210 {padding-bottom: 210px;}
.mv0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.mv020 {margin-top: 0px !important; margin-bottom: 20px !important;}
.m20auto {margin: 20px auto; display: block;}
.mt20 {margin-top: 20px;}
.m5 {margin: 5px;}
.mbordi {margin: 0px -1px -1px 0px !important;}
.w33 {width: 33%;}
.cararlg {border: 1px solid #cccccc;}
.bt5lg {border-top: 3px solid #cccccc; margin-top: 10px; display: block;}
.bs0 {border-spacing: 0px !important; width: 100%; border-collapse: collapse;}
.mh10 {margin: 10px 0px;}
.mh20 {margin: 20px 0px;}
.mauto {margin: 0px auto;}
.maxw100 {max-width: 100% !important;}
.dispbi {display: block !important;}
.fg3 {flex-grow: 2 !important;}

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




.bila {color: #ffffff;}
.cerna {color: #000000;}
.cervena {color: red;}
.zelena {color: green;}
.pismo0 {font-size: 0em;}
.pismo09 {font-size: 0.9em; line-height: 1.5em;}
.pismo2 {font-size: 2em;}
.pismo1 {font-size: 1em;}
.pismo12 {font-size: 1.2em;}
.pismo15 {font-size: 1.5em;}
.pismo11i {font-size: 1.1em !important;}
.lh30 {line-height: 30px;}
.fwn {font-weight: normal;}
.sedepoz {background: lightgrey;}
.tmsedepoz {background: #424242;}
.tmpoz {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}
.centr {max-width: 1300px; width: 100%; margin: 15px auto;}
.poz1 {background-image: url('/img/bg1.jpg'); background-position: center center; background-size: cover; visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);}
.poz2 {background-image: url('/img/psi3.jpg'); background-position: center center; background-size: cover; visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);}
.textc {display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.textp {display: block; top: 50%; left: 50%; transform: translate(-0%, -50%); position: absolute;}
.textl {display: block; top: 50%; left: 50%; transform: translate(-100%, -50%); position: absolute;}
.noimg img {display: none;}

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

}


.contact {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('/img/pets2.jpg');
  background-repeat: no-repeat;
  background-position: center center;

}

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

}

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

#produktyvypis .ikony {position: relative;}
#produktyvypis [data-title]:hover:before {
    content: attr(data-title);
    position: absolute;
    bottom: 105%;
    right: 20px;
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 200px;
    border-radius: 25px 25px 0px 25px;
    border: 2px solid #A8003B;
    z-index: 5;
}
#produktyvypis [data-ltitle]:hover:before {
    content: attr(data-ltitle);
    position: absolute;
    bottom: 105%;
    
    background: #A8003B;
    color: #ffffff;
    padding: 20px 10px;
    width: 200px;
    left: 20px;
    border-radius: 25px 25px 25px 0px !important;
    border: 2px solid #A8003B;
    z-index: 5;
}
#produktyvypis .vypisprod a {color: inherit;}
#produktyvypis .vypisprod .nazev {margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: normal; padding: 0px 5px; overflow: hidden;}
#produktyvypis .vypisprod .nazev span {}
#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; 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: table-cell; text-align: left; vertical-align: top; padding: 0px 5px; margin-top: 10px; }
#produktyvypis .vypisprod .levy p {margin: 0px;}
#produktyvypis .vypisprod .typbarva {position: absolute; z-index: 1; vertical-align: bottom; padding-bottom: 0px;}
#produktyvypis .vypisprod .typbarva800 {vertical-align: bottom; padding-bottom: 0px;}
#produktyvypis .vypisprod .levy .sklad {font-size: 1em; display: block; width: 100%; margin: 15px 0px 0px 0px;}
#produktyvypis .vypisprod .levy .sklad p {margin: 0px;}
#produktyvypis .vypisprod .levy .sklad .skladem {color: #868686;}
#produktyvypis .vypisprod .levy .sklad .neskladem {color: #868686;}
#produktyvypis .vypisprod .typbarva img, .vypisprod .typbarva800 img {display: inline-block; vertical-align: bottom; max-height: 32px !important;}
#produktyvypis .vypisprod .levy .vytez {background: url('/img/ikony/vyteznostm.png') left center no-repeat; padding: 6px 0px 6px 45px; display: inline-block; vertical-align: bottom;}
#produktyvypis .vypisprod .dnesnz {position: absolute; top: -25px; right: 0px;}
#produktyvypis .vypisprod .napln {font-size: 1em; margin-top: 5px;}
#produktyvypis .vypisprod .chip {display: block; vertical-align: middle; font-size: 1em; margin-top: 0px;}
#produktyvypis .vypisprod .chip img {height: 50px; display: inline-block; vertical-align: middle;}
#produktyvypis .vypisprod .chip span {padding-left: 5px; vertical-align: middle;}
#produktyvypis .vypisprod .levy .zaruka {padding: 6px 0px 6px 0px; display: block; vertical-align: bottom; margin-left: 0px;}
#produktyvypis .vypisprod .pravy .sklad {font-size: 1em; display: block; width: 100%; text-align: left; margin: 0px 0px 0px 5px; min-height: 75px;}
#produktyvypis .vypisprod .pravy .sklad p {margin: 0px;}
#produktyvypis .vypisprod .pravy .sklad .skladem {color: green;}
#produktyvypis .vypisprod .pravy .sklad .neskladem {color: red;}
#produktyvypis .vypisprod .pravy {display: table-cell; vertical-align: bottom; min-width: 212px;}
#produktyvypis .vypisprod .dispta {width: 100%; position: absolute; bottom: 0px;}
#produktyvypis .vypisprod .dispt {width: 100%;}
#produktyvypis .vypisprod .sdani {font-size: 1.4em; margin: 0px 0px 0px 0px; font-weight: bold; padding: 0px 5px; white-space: nowrap;}
.sleva {font-size: 1.2em; margin: 10px 0px 0px 0px; font-weight: normal; padding: 0px 5px; white-space: nowrap; text-decoration: line-through;}
#produktyvypis .vypisprod .bezdane {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #868686; padding: 0px 5px;}
#produktyvypis .vypisprod .dopzd {font-size: 1em; margin: 0px 0px 10px 0px; font-weight: normal; color: #0096d6; padding: 0px 5px;}
#produktyvypis .vypisprod .koupit {min-width: 218px;}
#produktyvypis .vypisprod input[type="text"] {height: 48px; vertical-align: top; text-align: center; background: #ffffff; box-shadow: inset 0px 0px 2px #356892; border: none !important; border-radius: 0px 0px 0px 0px; padding: 0px;}
#produktyvypis .vypisprod input[type="text"]:hover {box-shadow: inset 0px 0px 5px #356892;}
#produktyvypis .vypisprod .tlacitkoobj {margin: 0px 5px 0px !important; width: 135px; vertical-align: top; height: 48px;}
#produktyvypis .vypisprod input[type="submit"]:hover {}
#produktyvypis .vypisprod .nondiv {display: inline; line-height: 48px; margin-left: 5px;}
#produktyvypis .vypisprod .plusminusdet {display: inline-block; width: 22px; border-radius: 0px 0px 0px 0px;}
#produktyvypis .vypisprod .plusminusdet .plusminus {display: block; width: 22px; background: #E7ECEF; border-radius: 0px; line-height: 24px; box-shadow: inset 0px 0px 2px #356892; color: #356892; font-family: monospace; padding: 0px 6px;}
#produktyvypis .vypisprod .plusminusdet:hover .plusminus:hover {box-shadow: inset 0px 0px 5px #356892;}
.pslanchlegend {margin: 20px 0px; width: 100%; color: #0096d6; text-align: right; font-size: medium; padding-right: 10px;}
.pslanchlegend a {margin: 0px 2px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; width: 22px; vertical-align: middle; border-radius: 2px; text-align: center;}
.rady {margin: 20px 0px; width: 100%; color: #0096d6; font-size: medium;}
.rady .rada {margin: 0px 10px 0px 0px; font-size: 1em; color: #0096d6; display: inline-block; height: 22px; vertical-align: middle; border-radius: 0px; text-align: center; background: none; cursor: pointer; font-weight: bold;}
.rady .rada:hover {text-decoration: underline; color: #009eff;}
.pslanchlegend .anchact {font-weight: bold; background: #0096d6; color: #ffffff;}
.pslanchlegend .anchact:hover {color: #ffffff !important;}
.pslanchlegend .panchn,.pslanchlegend .panchp {cursor: pointer; font-weight: bold; font-family: monospace; font-size: 26px; line-height: 22px;}
.pslanchlegend .panch {cursor: pointer;}
 
.break + .vypisprod {border-left: none;}
.kurp {cursor: pointer;}
#soltree .vypisprod {cursor: pointer;}

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

#odbernamista {}
#odbernamista .odbernamistabg {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #636363; width: 100%; z-index: 5; opacity: 0.88;}
#odbernamista .mista {position: fixed; max-width: 700px; min-width: 310px; width: 100%; background: #ffffff; z-index: 6; border-radius: 5px; overflow-y: auto; padding: 15px;}
#odbernamista .mista .hlavicka {font-size: 1em; padding-bottom: 10px;}
#odbernamista .mista .inputdiv {padding: 15px 0px; font-size: 0.9em;}
#odbernamista .mista .inputdiv input[type=text] {width: calc(100% - 74px); margin-top: 5px; line-height: 25px; border-radius: 3px 0px 0px 3px; max-width: 596px; border-width: 2px;}
#odbernamista .mista .inputdiv input[type=submit] {margin-left: -5px; border-radius: 0px 3px 3px 0px; line-height: 29px;}
#odbernamista .mista #odbm {overflow: auto; font-size: 0.9em; max-height: 356px;}
#odbernamista .mista #odbm .dtphlav {display: block; width: 100%; margin: 0px 0px; background-image: none; padding: 9px 0px 9px 35px; border-top: 1px solid #c4d5df;}
#odbernamista .mista #odbm input[type=radio] + label {display: block; width: 100%; margin: 0px 0px; background: url('/img/ikony/radion_off.png') 10px center no-repeat; padding: 9px 0px 9px 35px; border-top: 1px solid #c4d5df;}
#odbernamista .mista #odbm input[type="radio"]:checked + label {background: url('/img/ikony/radion_on.png') 10px center no-repeat;}
#odbernamista .mista #odbm input[type=radio] + label:nth-of-type(2n-1) {background-color: #f2f2f2;}
#odbernamista .mista #odbm input[type=radio] + label:nth-of-type(1) {border-top: none;}
#odbernamista .mista #odbm .dtpjmeno {display: inline-block; max-width: 45%; vertical-align: middle; padding-left: 0px; min-width: 145px; width: 100%;}
#odbernamista .mista #odbm .dtpjmeno h3 {display: inline;}
#odbernamista .mista #odbm a {color: inherit;}
#odbernamista .mista #odbm .tlacitko {color: #ffffff;}
#odbernamista .mista #odbm .info {background: #009eff; padding: 0px 3px; color: #ffffff; margin-left: 0px; cursor: pointer; float: right; margin-right: 5px;}
#odbernamista .mista #odbm .info:hover {background: #0096d6; color: #ffffff !important;}
#odbernamista .mista #odbm .dtpobr {display: inline-block; min-width: 110px; width: 20%; vertical-align: middle; text-align: center;}
#odbernamista .mista #odbm .dtppsc {display: inline-block; max-width: 15%; vertical-align: middle; width: 100%; text-align: center;}
#odbernamista .mista #odbm .dtpcena {display: inline-block; max-width: 15%; vertical-align: middle; text-align: right; padding-right: 10px; width: 100%; min-width: 83px;}
#odbernamista .mista #odbm .dtpmod {color: #73919b;}
#odbernamista .mista #odbm img {max-width: 110px; display: inline-block; vertical-align: middle;}      
#odbernamista .mista #odbm input[type=submit] {margin-top: 15px;}
#odbernamista .mista #odbm #pracuji {position: relative; left: 0px; top: 0px; width: 100%; height: 50px; background: url('/img/ikony/pracuji.gif') center center no-repeat; background-size: 50px; z-index: 99; opacity: 0.88;}
#odbernamista .carad, #odbernamista .carah {border-color:#c4d5df;}
.zavrit {position: absolute; top: 5px; right: 5px; cursor: pointer; background: url('/img/ikony/zavritn.png') center center no-repeat; width: 20px; height: 20px; z-index: 10;}
#odbernamista .dtpdetail {position: absolute; top: 5px; bottom: 0px; left: 0px; right: 0px; padding: 15px; z-index: 80; border-radius: 5px; background: #ffffff; border: 1px solid #c4d5df; overflow: hidden;}
#odbernamista .dtpdetail #dtpmapa {height: 100%; width: 50%; display: inline-block; float: right; margin-right: 10px;}
#odbernamista .dtpdetail #dtpnote {height: 100%; background: #ffffff; font-size: 0.8em; width: 45%; display: inline-block; overflow: auto;}
#odbernamista .dtpdetail #dtpnote .dtpnot {margin-top: 15px; line-height: 1.5em;} 
#odbernamista .dtpdetail #dtpmapa #dtpmap {height: 50%;}
#odbernamista .dtpdetail #dtpmapa #dtppan {height: 50%;}
#pracuji {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) url('/img/ikony/pracuji.gif') center center no-repeat; background-size: 50px; z-index: 99; opacity: 0.88;}
.varovani {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99;}
.varovani .varovanipoz {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; opacity: 0.88;}
.varovani .hlaska {display: table; margin: 200px auto 0px; background: #ffffff; border-radius: 5px; position: relative; text-align: center; padding: 20px 30px;}
.varovani input {margin: 10px auto 0px; display: block; width: 150px;}
.popup {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99;}
.popup .popuppoz {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(99, 99, 99) none repeat scroll 0% 0%; opacity: 0.88;}
.popup .hlaska {display: table; margin: 200px auto 0px; background: #ffffff; border: none; border-radius: 5px; position: relative; text-align: center; padding: 20px 30px;}
.popup .hlaska .text {margin-bottom: 20px;}
.popup .hlaska input {max-width: 250px !important; width: 100% !important; line-height: 45px !important; margin: 0px 5px;}
.pdf {background: url('/img/ikony/pdf-icon.png') left center no-repeat; padding-left: 50px; line-height: 50px; display: block;}

.objednavka {margin: 15px 10px; float: left; width: 100%;}
.objednavka a {text-decoration: underline;}
.objednavka strong {clear:left; float: left; padding: 3px 5px;}
.objednavka p {clear:left; float: left; padding: 10px 0px;}
.objednavka span {float: left; padding: 3px 5px;}
.objednavka img {float: left; padding: 3px 5px;}
.objednavka table {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: 0px 10px; 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;}

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

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

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

.registrace input[type="text"], select, input[type="password"] {width: 265px; display: inline-block; margin: 5px 0px; vertical-align: middle;}
.registrace .disptc {vertical-align: middle;}
.registrace strong {display: block; margin: 5px 0px 5px; display: inline-block; text-align: right; padding-right: 15px; width: 38%; line-height: 1.6em; vertical-align: middle;}
.registrace textarea {float: left; width: 310px;}
.registrace .valuetext {float: left; line-height: 1.6em; margin: 5px 0px;}
.registrace img {display: inline-block; margin: 5px; vertical-align: middle;}
.registrace .firma {margin: 10px 0px; text-align: center; width: 100%; overflow: hidden;}
.registrace .firma label {margin-right: 10px; white-space: nowrap; line-height: 2em;}
.registrace input[type="submit"], button {width: 300px; padding: 5px 10px; vertical-align: middle; margin: 5px 0px;}

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

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


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

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

.vyhledavani input[type="text"] {max-width: 100% !important;}
.doprblok .doprnad {max-width: calc(100% - 90px) !important;}
.doprblok .doprcena {max-width: 115px !important; text-align: right;}
.doprblok .doprnad img {display: none !important;}
.aktkrok3 .doprblok .doprnad {margin-left: 0px !important; max-width: 100% !important;} 
.doprblok .platnad {max-width: initial !important;}
.kosik .doprblok .doprnad span {padding-top: 12px !important; margin-left: 10px !important;} 
.kosik .kossuma {width: 100% !important;}
.kosik .doruceni {width: 100% !important;}
.kosik #demtoplacebox {width: 100vw; left: -5px !important; min-width: 320px;}
.kosik #demtoplacebox .demtoplistcont .left {display: inline-block; padding: 0px 5px; width: 100% !important; margin: 0px !important;}
.kosik #demtoplacebox .demtoplistcont .right {width: 100% !important; display: block !important;} 
.kosik #demtoplacebox .demtoplistcont .dtpitem {width: initial !important;}
.krok3kont .kontakty {width: 100% !important;}
.sk800 {display: none !important;}
}

@media screen and (max-width: 600px){ 
.kosik .kontakty strong {width: 32% !important;}
}

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

@media screen and (max-width: 500px){ 
.kosik .kostabulka td {display: inline-block; width: 40%; margin-bottom: 10px;}
.kosik .kostabulka .odstranit {width: 10% !important; line-height: 48px;}
.kosik .kostabulka .cenasd {line-height: 46px;}
.kosik .kostabulka .nazev {width: 100% !important;}
.kosik .kostabulka .pocks {width: 50% !important;} 
.kosik .kostabulka .plusminusks {width: initial !important;}
.kosik .kostabulka .plusminusks div {height: 39px !important; width: 39px !important; float: left; line-height: 33px !important; border-radius: 30px !important; border-style: solid; border-width: 1px; font-size: 2em; align-items: baseline !important; margin: 0px 5px;}
.kosik .kostabulka .pocks input[type="text"] {height: 34px !important; width: 34px !important; border-radius: 3px !important; margin: 3px 5px; float: right !important;}
.horni .vyhledavac {max-width: 100% !important; left: unset !important;}
.kosik .firma {text-align: left !important;}
.maxw300 {max-width: 100%;}
.dispb500 {display: block !important;}
}