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: content-box;
 padding:0px;
 font-size:17px;
 background-image: url("/image/bg.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-attachment: fixed;
 color:#898c8d;
}
a,a:visited, a:active  {
  color: #405a8b;
  text-decoration:none;
}
a:hover {
  color: red;
  text-decoration:none;
}
h1 {
   text-align:left;
   font-size:1.9em;
   font-weight:normal;
   color: #405a8b;
   margin:10px 0px 0px 0px;
   padding:0px;
}
h2 {
   text-align:left;
   font-size:1.4em;
   margin:0px 0px 0px 0px;
   padding:25px 0px 0px 0px;
   text-align:center;
   font-weight:normal;
}
h5 {
   text-align:center;
   font-size:1.3em;
   color:white;
   margin:0px 0px 15px 0px;
   padding:0px 0px 0px 0px;
   text-align:center;
   font-weight:normal;
}
hr {
  width:100%;
  color:#405a8b;
  height:0px;
  border:0px solid #ffffff;
  border-top:1px solid #005128;
}

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;
}
#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;
}
#zapati {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  padding:0px 0px 10px 0px;
  height:auto;
  text-align:center;
  color:white;
  background-image: url("/image/listad.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#zapati img {max-width:100%; max-height:100%;}

#zapati a, #zapati a:visited, #zapati a:active  {
  color: #white;
  text-decoration:none;
}
#zapati a:hover  {
  text-decoration:underline;
}

.zapati {
  clear:both;
  width:100%;
  max-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;
}
#zapatib {
  clear:both;
  width:100%;
  display:block;
  margin:0px auto 0px auto;
  padding:35px 0px 25px 0px;
  text-align:center;
  color:white;
  background-color:#405a8b;
  font-size:0.8em;
}
.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;}
form {
 display:block;
 width:100%;
 min-height:50px;
 padding:2%;
 box-sizing: content-box;
}
.forminputdatum {
  background-color:white;
  border:none;
  font-family: 'Open Sans', sans-serif, Arial, Verdana;
  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-bottom:1px solid #a9a9a9;
  font-family: 'Open Sans', sans-serif, Arial, Verdana;
  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;;
 font-family: 'Open Sans', sans-serif, Arial, Verdana;
 box-sizing: content-box;
}
form input[type=submit]:hover {
 background-color:#a9a9a9;
 color:white;
}
#zahlavi {
 margin:0px auto 0px auto;
 max-width:100%;
 display:block;
 text-align:center;
 background-image: url("/image/listah.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
}
.zahlavi {
  width:100%;
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
  height:auto;
  text-align:left;
  color:white;
}
#menubox {
 clear:both;
 position:relative;
 color:white;
 margin: 0 auto;
 padding: 0;
 z-index:100;
 width:100%;
 display:block;
 background-color:#405a8b;
}
#menu {
 margin:0px auto 0px auto;
 max-width:1160px;
 opacity:0.94;filter:alpha(opacity=94);
 display:block;
 font-weight:normal !important;
 min-height:76px;
}
#menu .logo{
 float:left;
}
#mainl {float:left;width:25%; padding:10px 0px 15px 0px;text-align:left;font-size:0.8em;}
#mainl strong {color:#405a8b;}
#mainw {float:right;width:74%;padding-bottom:20px;} 

@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:40px;color:black;}
  #menubox {top:0px;width:100%;min-height:20px;color:black;}
  #mainl {width:20%;margin:0% 2% 0% 2%;padding:0% 0% 0% 0%;} 
}
@media (max-width: 420px) {
  body {margin-top:0px; background-image: none;}
  .polozka {width:96%;margin:2% 2% 2% 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%;}
  #main img {max-width:100%;max-height:100%;margin:0px;padding:0px;}
  #menu {top:0px;width:100%;min-height:40px;color:black;}
  #menubox {top:0px;width:100%;min-height:20px;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;}
  #mainw {width:100%;float:none;}
  #mainl {width:96%;margin:2% 2% 2% 2%;padding-bottom:20px;float:none;} 
}
@media print {
 #menu {display:none;}
}