body {
 margin:0px auto 0px auto;
 font-family: 'Open Sans', serif, sans-serif, Arial, Verdana;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 box-sizing: content-box;
 padding:0px;
 background-color:#ffffff;
 font-size:17px;
}

table, tr, th, td {
 overflow-x:auto;
 vertical-align:top;
 text-align: left;
 border-collapse: collapse;
}

a,a:visited, a:active  {
  color: #000000;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.telefon {
 float:right;display:block;margin:2px;padding:10px;
 color:white;border:1px solid white;
}
.telefon:hover {
 coler:white;
}

.green {
 background-color:red;
 color:magenta;
 font-size:48px;
}
h1 {
   text-align:center;
   font-size:1.9em;
   font-weight:normal;
   color: #000000;
   margin:25px 0px 0px 0px;
   padding:10px 0px 15px 0px;
}
h2 {
   text-align:left;
   font-size:1.4em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:25px 0px 0px 0px;
   color: #000000;
   text-align:center;
}
hr {
  width:100%;
  color:#000000;
  height:0px;
  border:0px solid #1e3151;
  border-top:1px solid #1e3151;
}

p {
   margin:0px;
   padding:0px;
}
#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;
   overflow:hidden;
}
#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;
}

#zapatimain {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  text-align:center;
  color:white;
  background-color:#000000;
}
#zapati {
  clear:both;
  width:100%;
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  height:auto;
  text-align:center;
  color:white;
  background-color:#000000;
}
#zapati a, #zapati a:visited, #zapati a:active  {
  color: #ffffff;
  text-decoration:none;
}
#zapati a:hover  {
  text-decoration:underline;
}
#zapati img {
 max-width:100%;
}

.zapati {
  display:inline-block;;
  margin:0px auto 0px auto;
  padding:30px 0px 0px 0px;
  font-size:0.85em;
  height:auto;
  color:white;
  text-align:left;
  vertical-align:bottom;
}


.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%;
}
.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 #c7c7c7;  
  padding:3% 0% 3% 0%;
  margin:1% auto;
}
.kontaktstudio a,a:visited {
 color:black;
}
.kontaktstudio:hover {
    background-color:#c7c7c7;color:white;
    text-decoration:none;
}
form {
 display:block;
 width:100%;
 min-height:50px;
 padding:2%;
 box-sizing: content-box;
}
.forminputdatum {
  background-color:white;
  border:none;
  box-sizing: content-box;
  font-size:18px;
}
.forminput {
  padding:1%;margin:1% 1% 1% 1%;
  min-width:50px;
  min-height:22px;
  display:block;
  float:left;
  width:96%;
  font-size:18px;
  color:black;
  border:none;
  border:1px solid #a9a9a9;
  box-sizing: content-box;
}
.forminputgrey {
    color:    #a9a9a9;
}
.forminput::-webkit-input-placeholder {
    color:    #a9a9a9;
}
.forminput:-moz-placeholder {
  color:    #a9a9a9;
}
.forminput::-moz-placeholder {
  color:    #a9a9a9;
}
.forminput:-ms-input-placeholder {
  color:    #a9a9a9;
}
.forminput50l {
   width:45%;
}
.forminput50r {
  width:45%;
  float:right;
}

form input[type=submit] {
 text-align:center;
 background-color:white;
 font-size:1.2em;
 color:#a9a9a9;
 margin-top:20px;
 border:none;
 border:1px solid #a9a9a9;
 padding:15px 25px 15px 25px;;
 box-sizing: content-box;
}
form input[type=submit]:hover {
 background-color:#a9a9a9;
 color:white;
}
#zahlavi {
 margin:0px auto 0px auto;
 width:100%;
 display:block;
 text-align:left;
 background-color:#000000;
}
#menubox {
 clear:both;
 position:relative;
 color:white;
 margin: 0 auto;
 padding: 0;
 z-index:100;
 min-height:76px;
 width:1160px;;
 display:block;
}
#menubox .logo {
 float:left;
}
#menubox .logor {
 float:right;
 margin:10px 10px 10px 0px;
}
#menu {
 clear:right;
 float:right;
 margin:12px auto 0px auto;
 max-width:1000px;
 min-height:50px;
 opacity:0.94;filter:alpha(opacity=94);
 display:block;
 font-weight:normal !important;
 min-height:76px;
}
#menu .logo{
 float:left;
}

@media (max-width: 1160px) {
  body { background-image: none;}
  .logoimg {max-width:100%;max-height:100%;}
  #menu {margin:0px;top:0px;width:100%;min-height:35px;color:black;}
  #menubox {top:0px;width:100%;min-height:35px;color:black;text-align:center;}
  #menubox .logo {float:none;max-width:80%;max-height:100%;margin: 0 auto;}
  #menubox .logor {clear:right;float:right;display:block;max-width:20%;max-height:100%;margin:10px 2px 10px 0px;}
}
@media (max-width: 800px) {
  body {margin-top:0px; background-image: none;}
  .polozka {width:96%;margin:5% 2% 1% 2%;}
  .obal {}
  .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;}
  .telefon {float:none;}
  .mobcenter {text-align:center;}
  .mobhide {display:none;}
}
@media print {
 #menu {display:none;}
}