body {
 margin:0px auto 0px auto;
 font-family: 'Open Sans', sans-serif, Arial, Verdana;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 box-sizing: border-box !important;
 padding:0px;
 background-color:#ffffff;
 font-size:15px;
}
table, tr, th, td {
 overflow-x:auto;
 vertical-align:top;
 xxxtext-align: left;
 border-collapse: collapse;
 word-wrap: break-word;
 word-break: break-all;
}
a,a:visited, a:active  {
  color: #9a9a9a;
  text-decoration:none;
}
a:hover {
  color: #f58220;
  text-decoration:none;
}
.pchide {display:none !important;}
.bgseda {
 background-color:#4b4b4b;
 display:block;
 padding:1% !important;
 color:white;
}
.bgseda a, .bgseda a:visited, .bgseda a:active {
 color:white;
 margin:3% 0% 3% 0%;
 display:inline-block;
 font-size:0.9em;
}
#skrytdopravu {
 display: none;
}
.logoimg {max-width:100%;}
.green {
 background-color:red;
 color:magenta;
 font-size:48px;
}
.tlacitko {
 background-color:#f58220;
 color:white;
 font-size:1.0em;
 padding:0.5% 2% 0.5% 2%;
 clear:both;
 display:inline-block;
 border:0px;
}
.tlacitkofiltr {
 background-color:#f58220;
 color:white;
 font-size:1.0em;
 padding:8px 20px 8px 20px;
 clear:both;
 display:inline-block;
 border:0px;
 margin:5px;
}

a.tlacitkopodsekce , a:visited.tlacitkopodsekce a:active.tlacitkopodsekce{
 box-sizing:  border-box;;
 text-align:center;
 color:black;
 font-size:1.0em;
 padding:1% 1% 1% 1%;
 margin:0.5%;
 width:24%;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 60px;
 float:left;
 border:1px solid black;
 overflow:hidden;
 background-repeat: no-repeat;
 background-position-x: left;
 background-position-y: center;
 background-size:contain;
}
a:hover.tlacitkopodsekce {
 xxxbackground-color:#dadada;
 text-decoration:underline;
}
a.tlacitkopodsekceobr {
   padding-left:8%;
}

#pridanodokosiku {
 color:black;
 font-size:1.5em;
 padding:0.5% 2% 0.5% 2%;
 clear:both;
 display:block;
 width:100%;
 text-align:center;
 border:1px solid black;
 background-color:#dadada;
}
#pridanodokosiku a:link,#pridanodokosiku a:visited,#pridanodokosiku a:active  {
  color: #39B54A;
  text-decoration:none;
  font-size:0.75em;
  font-weight:bold;
}
#pridanodokosiku a:hover  {
  text-decoration:underline;
}
a.tlacitko:link,a.tlacitko:visited, a.tlacitko:active  {
  color: white;
  text-decoration:none;
}
a.tlacitko:hover  {
  background-color:#4b4b4b;
}
h1 {
   text-align:center;
   font-size:2.25em;
   font-weight:normal;
   color: #4b4b4b;
   margin:20px 0px 0px 0px;
   padding:0px;
}
h2 {
   text-align:left;
   font-size:1.5em;
   color: #4b4b4b;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   text-align:left;
   font-weight:normal;
}
h3 {
   text-align:left;
   font-size:1.3em;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   text-align:center;
   font-weight:normal;
}
hr {
  width:100%;
  color:white;
  height:0px;
  border:0px solid #dadada;
  border-top:1px solid #4b4b4b;
}

p {
   margin:0px;
   padding:0px;
}
#mainhl {
   clear:both;
   display:block;
   width:100%;
   min-height:100px;
   max-width:1160px;
   margin:0px auto 0px auto;
   padding:0px;
   text-align:left;
}
#mainhlleft {
   display:block;
   width:24%;
   float:left;   
}
#mainhlleft strong {
   clear:both;
   display:block;
   width:100%;
   height:58px;
   line-height:58px;
   color:white;
   background-color:#1F3453;
   text-align:center;
   overflow:hidden;
}

#mainhlleft a, #mainhlleft a:visited {
   clear:both;
   display:block;
   width:100%;
   min-height:38px;
   line-height:38px;
}
#mainhlleft a:hover {background-color:#E6E6E6;}
#mainhlleft .typh {padding-left:5%;width:95%;overflow:hidden;}
#mainhlleft .typp {padding-left:10%;width:90%;overflow:hidden;}
#mainhlleft .typv {padding-left:15%;width:85%;overflow:hidden;}
#mainhlleft .typw {padding-left:20%;width:80%;overflow:hidden;}
#mainhlleft .sel {background-color:#E6E6E6;}

#mainhlright {
   display:block;
   width:75%;
   float:right;
}

#main {
   clear:both;
   display:block;
   width:100%;
   min-height:100px;
   max-width:1160px;
   margin:0px auto 0px auto;
   padding:0px;
   text-align:left;
}
#main img {
   max-width:100%;
   height:auto;
   margin:0px;
   padding:0px 0px 5px 0px;
   opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
#main img:hover {
    opacity: 1;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}
#pokus {
 position:relative;
 margin: 0 auto;
 padding: 0;
 height:auto
 width:100%;
 display:block;
 background-color:#99c36d;
}
.pasyram {
  clear:both;
  width:99%;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  text-align:center;
  color:black;
  padding: 0.5%;
}
.pasy {
  clear:both;
  width:100%;
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  text-align:left;
  color:black;
}
.pasyseda {
  background-color:#f0f0f0;
}
.pasyobr {
 float:left;
 padding-right:25px;
 width:270px;
}
.slogan {
 font-size:1.5em;padding-bottom:2px;display:block;padding-top:5px;
}
.sloganen {
 font-size:1.3em;padding-bottom:2px;display:block;padding-top:5px;
}
.podslogan {
 font-size:1.1em;padding-bottom:10px;display:block;
}
#zapatibox {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  background-color:#4b4b4b;
  color:white;
}
#zapati {
  width:100%;
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
}
#zapati a, #zapati a:visited, #zapati a:active  {
  color: #ffffff;
  text-decoration:none;
}
#zapati a:hover  {
  text-decoration:underline;
}
#zapatia {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  padding:20px 0px 20px 0px;
  height:auto;
  color:white;
  text-align:center;
  background-color:#F58220;
}
#zapatia strong {
  font-size: 36px;
  font-weight: normal;
}
#zapatia a, #zapatia a:visited, #zapatia a:active {color:white}
.zapati {
  clear:both;
  width:100%;
  xmax-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  padding:30px 0px 10px 0px;
  font-size:0.85em;
  height:auto;
  text-align:center;
  color:white;
}
.zapati hr {
  width:100%;
  color:#000000;
  height:0px;
  border:0px solid #ffffff;
  border-top:1px solid #ffffff;
  max-width:1160px;
}
.zapati img {margin-left:15px;margin-right:15px;}
.banner {
  color:#8f8f8f;
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
  background-color:#e0e0e0;
  padding: 3% 0% 3% 0% !important;
  text-align:center;
  font-size:1.2em;
  text-transform:uppercase;
}
.banner:hover {
 transition: color 0.5s ease;
 transition: background-color 0.5s ease;
 color:white;
 background-color: #595959;
}
.bannerb {
  border:0px solid #b8b8b8;
  text-align:center;
}
.polozka {
  width: 31.3%;
  height: auto;
  float: left;
  margin:1% 1% 1% 1%;
  padding:0px;
  box-sizing: border-box;
}
.polozka100 {
  clear:both;
  width: 98%;
}
.akce {
  width: 63.6%;
}
.divd {
  width: 63.6%;
}
.divp {
  width: 48%;
}
.divq {
  width: 23%;
}
.divs {
  width: 73%;
}
.fotogal {
 font-size:0.75em;
 height:225px;
}
.drnavigace {
 text-align:left;
}
.h2 {
  text-align:center;
  margin: 0% 1% 0% 1%;
  margin-top:0px;
  border-bottom:0px solid black;
  font-size:1.2em;
}
.kontakt {
  text-align:center;
  margin: 0% auto;
  margin-top:2%;
  color:#000000;
  font-size:1.5em;
  clear:both;
  float:none;
}
.kontakt a {width:100%; min-height:10px;display:block;padding: 5% 0% 5% 0%;color:black;border:1px solid black;text-decoration:none;}
.kontakt a:hover {background-color:#f26622;color:white;border:1px solid #f26622;}
.kontaktsedy {
  color:#3b3c3c;
  border:1px solid #3b3c3c;
}
.kontaktsedy a {color:#3b3c3c;text-decoration:none;}
.kontaktcerny {
  color:black;
  border:1px solid black;
}
.kontaktcerny a {color:black;text-decoration:none;}

.kontaktstudio {
  text-align:center;
  clear:both;
  float:none;
  width:65%;
  min-height:10px;
  display:block; 
  border:1px solid black;  
  padding:3% 0% 3% 0%;
}
.kontaktstudio:hover {background-color:#f26622;color:white;border:1px solid #f26622;text-decoration:none;}

#zahlavibox {
 margin:0px auto 0px auto;
 min-heigh:10px;
 width:100%;
 display:block;
 text-align:left;
 background-color:#ffffff;
}

#zahlavi {
 margin:0px auto 0px auto;
 width:100%;
 max-width:1160px;
 display:block;
 text-align:left;
}
#zahlavipol {
 margin:0px auto 0px auto;
 display:block;
 float:left;
 text-align:left;
 z-index:100;
 text-align:center;
}
.kosik {
 xxwidth:250px;
 max-width:100%;
 display:block;
 text-align:left;
 z-index:100;
 text-align:right;
 padding:4% 0% 0% 0%;
 float:right;
 border-bottom:0px solid white;
 border-top:0px solid white;
 font-size:1em;
}
a.kosik,a:visited.kosik, a:active.kosik  {color: #4b4b4b;}
a:hover.kosik {color: #f58220;}


form span {padding: 0.5% 0.5% 0.5% 0.5%;width:35%;display:block;xxxmin-width:150px;text-align:left;float:left;}
.span10 {width:10%;min-width:35px;text-align:center;vertical-align: top;clear:none;}
.span70 {width:70%;min-width:50px;vertical-align: top;clear:none;}
.span15 {width:15%;min-width:50px;text-align:right;vertical-align: top;clear:none;}
.tl50 {width:45%;box-sizing: border-box;margin: 2% 2% 2% 2%;padding: 2% 2% 2% 2%;background-color:#9e0b0e;color:white;border:none;}
.tl50b {width:45%;box-sizing: border-box;margin: 2% 2% 2% 2%;padding: 2% 2% 2% 2%;background-color:#dadada;color:black;border:none;}
.tl50:hover, .tl50b:hover {background-color:#c0c0c0;color:#4b4b4b;}
.objednat {width:35%;box-sizing: border-box;margin:0%;padding:2%;background-color:#9e0b0e;border:none;color:white;font-size:1em;}
.objednat:hover {background-color:#c0c0c0;color:#4b4b4b;}

input[type=text],input[type=password],input[type=email], select  {
    width:60%;min-width:250px;
    padding: 0.5% 0.5% 0.5% 0.5%;
    margin:0.5% 0.5% 0.5% 0.5%;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#menubox {
 position:relative;
 clear:both;
 margin: 0 auto;
 padding: 0;
 z-index:100;
 min-height:20px;
 width:100%;
 display:block;
 text-align:center;
 background-color:#F58220;
 background-color:#4b4b4b;
}
#menu {
 margin:0 auto;
 opacity:0.94;filter:alpha(opacity=94);
 font-weight:normal !important;
 z-index:100;
 display: inline-block;
 width:auto;
 max-width:900px;
 position:relative;
}
#menu .logo{
 float:left;
}
#listabox {
 position:relative;
 clear:both;
 margin: 0 auto;
 padding: 0;
 min-height:40px;
 width:100%;
 display:block;
 text-align:center;
 background-color:#39B54A;
}
#lista {
 margin:0 auto;
 opacity:0.94;filter:alpha(opacity=94);
 font-weight:normal !important;
 display: inline-block;
 width:100%;
 max-width:1160px;
}
#lista a {
 line-height:40px;
 display:block;
 width:25%;
 text-align:center;
 float:left;
 color:white;
 text-transform:uppercase;

}
#zbozi {
 width:31.3%;
 width:19%;
 margin:0.5%;padding:0.5%;
 display:block;
 float:left;
 box-sizing: border-box;
 border:1px solid #dadada;
 min-height:342px;
}
#zbozi:hover {
 border:1px solid #737373;
 background-color:#e6e6e6;
}
#zbozinazev {
 width:100%;
 text-align:center;
 font-weight:bold;
 color:black;
 overflow:hidden; 
 height:46px;
 display:block;
 line-height:23px;
}
#zboziimg {
 clear:both;
 width:100%;
 text-align:center;
 height:150px;
 overflow:hidden; 
 display:block;
}
#zboziimg img {
 clear:both;
 margin:0 auto;
 max-width:100%;
 text-align:center;
 overflow:hidden; 
 display:block;
 max-height:150px;
}
#zbozipopis {
 clear:both;
 width:100%;
 text-align:center;
 color:black;
 overflow:hidden; 
 height:60px;
 display:block;
 font-size:0.8em;
 line-height:20px;
}
#zbozisklad {
 clear:both;
 width:100%;
 text-align:center;
 overflow:hidden; 
 height:16px;
 display:block;
 font-size:0.75em;
 padding-top:10px;
}
#zbozicena {
 clear:both;
 width:100%;
 text-align:center;
 color:black;
 overflow:hidden; 
 height:40px;
 display:block;
 font-size:0.9em;
 line-height:40px;
 font-weight:bold;
}
#zbozicena strong {
 color:red;
 font-size:1.2em;
}
#zbozi .zbozitl {
 padding:0%;
 width:48%;
 text-align:center;
}
#zbozi .dokosikuSMAZAT {
 background-color:#d9261c;
 border: none;
 width:90%;
 margin:0px 0px 0px 0px;
 padding:6% 2% 5% 2%;
 color:white;
 font-size:1em;
}
#zbozi .dokosiku {
 background-color:#d9261c;
 border: none;
 width:40%;
 margin:0px 0px 0px 10px;
 padding:0% 2% 0% 2%;
 line-height:31px;
 color:white;
 font-size:1em;
}

#zbozi .dokosiku:hover {
 background-color:green;
}
#zbozi .dodetailu {
 color:white;
 padding:2%;
 border: none;
 width:40%;
 text-align:center;
 float:right;
 background-color:#4b4b4b;
 font-size:1em;
}
#zbozi .dodetailu:hover {
 background-color:#c0c0c0;
 color:#4b4b4b;
 
}

#detailnadpis {
 float:right;
 width:56%;
 color:black;
 display:block;
 font-weight:bold;
 font-size:1.5em;
 padding:2%;
 border-bottom:1px solid #dadada;
}
#detailobr {
 float:left;
 width:39%;
 color:white;
 display:block;
}
#detailobr img{
 max-width:100%;
}
#detaildata {
 padding-top:20px;
 float:right;
 color:black;
 width:58%;
 display:block;
}

.kosikzahl {float:left;width:19%;display:block;padding:2% 0% 2% 0%;background-color:#dadada;margin:0% 0.5% 0.5% 0.5%}
.kosikzahlsel {background-color:#4b4b4b;color:white;}
.kosikright {text-align:right;}
.kosikcenter {text-align:center;}
.kosika {display:block;float:left;width:10%;min-height:75px;line-height:25px;overflow:hidden;} 
.kosikb {display:block;float:left;width:80%;min-height:25px;line-height:25px;} 
.kosikbkod {width:10%;line-height:25px;}
.kosikb4kod {width:10%;line-height:25px;}
.kosikbzb {width:50%;line-height:25px;text-align:left;}
.kosikb4zb {width:35%;line-height:25px;text-align:left;}
.kosikbcena {width:15%;line-height:25px;}
.kosikbmn {width:10%;line-height:25px;}
.kosikbcenac {width:15%;line-height:25px;}
.kosiknadpis {background-color:#dadada;min-height:25px;}
.kosikza {display:block;float:left;text-align:right;width:65%;min-height:20px;}
.kosik4za {display:block;float:left;text-align:right;width:75%;min-height:20px;}
.kosikzb {display:block;float:left;text-align:right;width:25%;min-height:20px;}
form : span {font-size:54px;}

/*
* Paginace
*/
ul.paginace {padding:0px;magin:0px;}
ul.paginace li {
 display: inline-block;
 padding: 4px 10px;
 border: 1px solid #DDDDDD;
 margin-left: -1px;
 text-align: center;
}
ul.paginace li:hover {
 background: #fAfAfA;
}
ul.paginace li.neaktivni {
 color: #DDDDDD;
}
ul.paginace li.aktivni {
 color: white;
 background: #f58220;
}
ul.paginace a {
 text-decoration: none;
}
.centrovany {
 text-align: center;
}


@media (max-width: 1160px) {
  body { background-image: none;}
  .logo {display:block;float:left;width:30%;overflow:hidden;height:35px;}
  .logoimg {max-width:100%;max-height:100%;}
  #menu {top:0px;width:100%;min-height:35px;color:black;max-width:1160px;}
  #zahlavi {position:relative;background-color:#1F3453;}
  #zahlavia {width:50%;text-align:left;}
  #zahlavib {width:100%;text-align:center;}
  #zahlavic {width:50%;text-align:right;}
  #menubox {top:0px;width:100%;min-height:20px;color:black;position:relative;background-image:none;background-color:#4b4b4b;}
  #zbozi {width:47.95%;}
  #main {width:98%;margin: 0% 1% 0% 1%;}
  #mainhlleft {display:none;}
  #mainhlright {width:98%;margin: 0% 1% 0% 1%;}
  .kosikza {font-size:0.8em;}
  .kosikzb {font-size:0.8em;}
  .kosikb {width:90%;}
 .kosikbkod {width:20%;line-height:25px;}
 .kosikbzb {width:80%;line-height:25px;}
 .kosikbcena {width:40%;line-height:25px;}
 .kosikbmn {width:20%;line-height:25px;}
 .kosikbcenac {width:40%;line-height:25px;}
 .kosiknadpis {background-color:#dadada;min-height:25px;}
 .tablethide {display:none !important;}
 .pchide {display:block !important;}
 .pasyram {clear:both;width:96%;margin:0% 2% 0% 2%;}
 .kosik {padding:4% 4% 0% 0%;}
 .podslogan {display:none;}
 a.tlacitkopodsekce , a:visited.tlacitkopodsekce a:active.tlacitkopodsekce{
  width:48%;
  xxxbackground-size: 0px 0px;
 }
 a.tlacitkopodsekceobr {
   padding-left:16%;
 }
}

.video-container {
position: relative;
padding-bottom: 50%;
padding-top: 0px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding:0px;
}
.kosikspan {
 width:35%;display:inline-block;text-align:right;
}

@media (max-width: 420px) {
  body {margin-top:0px; background-image: none;font-size:15px;}
  .polozka {width:96%;margin:5% 2% 1% 2%;}
  .obal {}
  .logo {display:block;float:left;width:67%;overflow:hidden;height:45px;padding:3px 0px 0px 5px;}
  .logoimg {max-width:100%;max-height:100%;}
  #menubox {top:0px;width:100%;min-height:40px;color:black;}
  form {width:96%;}
  .forminput {margin:1%;padding:1%;width:94%;border:1px solid black;}
  .forminput50l {margin:1%;padding:1%;float:left;width:94%;border:1px solid black;}
  .forminput50r {margin:1%;padding:1%;float:left;width:94%;border:1px solid black;}
  .mobilhide {display:none !important;}
  #zbozi {width:98%;}
  #detailnadpis {width:96%;float:none;}
  #detailobr {max-width:100%;float:none;margin:0 auto;padding-top:10px;}
  #detaildata {clear:both;width:96%;float:none;padding-top:10px;}
  .pasyobr {float:none;width:100%;padding:0px;margin:0px;}
  .kosik {font-size:1em;padding:2% 2% 0% 2%;}
  .slogan {display:none;}
  .fotogal {min-height:100px;}
  a.tlacitkopodsekce , a:visited.tlacitkopodsekce a:active.tlacitkopodsekce{
   width:98%;
  }
  a.tlacitkopodsekceobr {
   padding-left:25%;
  }
}

@media print {
 #menu {display:none;}
 @page {size: A4 portrait);
}                          