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:17px;
}
a,a:visited, a:active  {
  color: #5f2f01;
  text-decoration:none;
}
a:hover {
  color: #d9b67a;
  text-decoration:none;
}
.green {
 background-color:red;
 color:magenta;
 font-size:48px;
}
h1 {
   text-align:center;
   font-size:3.4em;
   font-weight:normal;
   color: #D9B67A;
   margin:20px 0px 0px 0px;
   padding:0px;
}
h2 {
   text-align:left;
   font-size:1.9em;
   color: #D9B67A;
   margin:0px 0px 0px 0px;
   padding:25px 0px 0px 0px;
   text-align:center;
   font-weight:normal;
}
h3 {
   text-align:left;
   font-size:1.4em;
   margin:0px 0px 0px 0px;
   padding:25px 0px 0px 0px;
   text-align:center;
   font-weight:normal;
}
hr {
  width:100%;
  color:white;
  height:0px;
  border:0px solid #dadada;
  border-top:1px solid #dadada;
}

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:#D9B77A;
   text-align:center;
}

#mainhlleft a, #mainhlleft a:visited {
   clear:both;
   display:block;
   width:100%;
   height:38px;
   line-height:38px;
}
#mainhlleft a:hover {background-color:#E6E6E6;}
#mainhlleft .typh {padding-left:5%;width:95%;}
#mainhlleft .typp {padding-left:10%;width:90%;}
#mainhlleft .typv {padding-left:15%;width:85%;}
#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;
}
#zapati {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  text-align:center;
  color:white;
  background-color:#303030;
}
#zapati a, #zapati a:visited, #zapati a:active  {
  color: #ffffff;
  text-decoration:none;
}
#zapati a:hover  {
  color: #d9b67a;
  text-decoration:none;
}

.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%;
}
.fotogal {
}
.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;}

#zahlavi {
 margin:0px auto 0px auto;
 width:100%;
 max-width:1160px;
 display:block;
 text-align:left;
 z-index:100;
}
#zahlavia {
 margin:0px auto 0px auto;
 width:30%;
 display:block;
 text-align:left;
 z-index:100;
 float:left;
}
#zahlavib {
 margin:0px auto 0px auto;
 width:40%;
 display:block;
 text-align:left;
 z-index:100;
 float:left;
 overflow:hidden;
 text-align:center;
}
#zahlavic {
 margin:0px auto 0px auto;
 width:30%;
 display:block;
 text-align:left;
 z-index:100;
 float:right;
 text-align:right;
}
.kosik {
 width:250px;
 max-width:92%;
 display:block;
 text-align:left;
 z-index:100;
 text-align:center;
 background-color:#dadada;
 padding:4%;
 float:right;
 border-bottom:2px solid white;
 border-top:2px solid white;
}

form span {clear:both;padding: 0.5% 0.5% 0.5% 0.5%;width:35%;display:block;min-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:#d9261c;color:white;border:none;}
.tl50b {width:45%;box-sizing: border-box;margin: 2% 2% 2% 2%;padding: 2% 2% 2% 2%;background-color:#d9b67a;color:white;border:none;}
.tl50:hover, .tl50b:hover {color:black;}
.objednat {width:35%;box-sizing: border-box;margin:0%;padding:2%;background-color:#d9261c;border:none;color:white;font-size:1em;}

input[type=text], 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:#303030;
}
#menu {
 margin:0 auto;
 opacity:0.94;filter:alpha(opacity=94);
 font-weight:normal !important;
 z-index:100;
 display: inline-block;
 width:100%;
 max-width:1160px;
}
#menu .logo{
 float:left;
}
#zbozi {
 width:31.3%;
 margin:1%;padding:1%;
 display:block;
 float:left;
 box-sizing: border-box;
 border:1px solid #dadada;
}
#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;
}
#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 .dokosiku {
 background-color:#d9261c;
 border: none;
 width:100%;
 margin:0px;
 padding:5% 2% 5% 2%;
 color:white;
 font-size:1em;
}
#zbozi .dodetailu {
 color:white;
 padding:2%;
 border: none;
 width:40%;
 text-align:center;
 float:right;
 background-color:#d9b67a;
 font-size:1em;
}
#detailnadpis {
 float:right;
 width:56%;
 color:white;
 display:block;
 background-color:#d9b67a;
 font-weight:bold;
 font-size:1.5em;
 padding:2%;
}
#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:#303030;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:15%;line-height:25px;}
.kosikbzb {width:35%;line-height:25px;text-align:left;}
.kosikbcena {width:20%;line-height:25px;}
.kosikbmn {width:10%;line-height:25px;}
.kosikbcenac {width:20%;line-height:25px;}
.kosiknadpis {background-color:#dadada;min-height:25px;}
.kosikza {display:block;float:left;text-align:right;width:60%;min-height:25px;} 
.kosikzb {display:block;float:left;text-align:right;width:30%;min-height:25px;} 
form : span {font-size:54px;}

@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;}
  #zahlavi {position:relative;background-color:#303030;}
  #zahlavia {width:45%;text-align:center;}
  #zahlavib {display:none;}
  #zahlavic {width:45%;text-align:center;}
  #menubox {top:0px;width:100%;min-height:35px;color:black;position:relative;background-image:none;background-color:#D9B67A;}
  #zbozi {width:47.95%;}
  #mainhlleft {display:none;}
  #mainhlright {width:98%;margin: 0% 1% 0% 1%;}
 .kosikbkod {width:30%;line-height:25px;}
 .kosikbzb {width:70%;line-height:25px;}
 .kosikbcena {width:35%;line-height:25px;}
 .kosikbmn {width:25%;line-height:25px;}
 .kosikbcenac {width:40%;line-height:25px;}
 .kosiknadpis {background-color:#dadada;min-height:25px;}
}
@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;}
  #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;}

}
@media print {
 #menu {display:none;}
}