body {
 margin:0px auto 0px auto;
 font-family: 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;
 color:#000000;
}
.bgseda {
 background-color:#C5E0FB;
 border:0px dotted red;
 color:black;
}
.pagebreak {
 clear:both;
}
.bgcerna {
 background-color:green;
}
.bghonza {
 background-color:#FAE0CA;
}
.doprava {
 text-align:right !important;
}
a,a:visited, a:active  {
  color:#83BB26;
  text-decoration:none;
}
a:hover {
  xcolor:#83BB26;
  text-decoration:underline;
}
.green {
 background-color:red;
 color:magenta;
 font-size:48px;
}
.ramecek {
 border:1px solid #dadada;
 border-radius:20px;
 padding:15px !important;
}
.ramecek hr {
  width:40%;
  color:#000000;
  height:0px;
  border:0px solid #000000;
  border-top:3px solid #000000;
}
h1 {
   font-family: sans-serif, Arial, Verdana;
   text-align:center;
   font-size:2.5em;
   font-weight:normal;
   color: #053E85;
   margin:15px 0px 0px 0px;
   padding:0px 0px 5px 0px;
   text-transform:uppercase;
}
h2 {
   font-family: sans-serif, Arial, Verdana;
   text-align:left;
   font-size:2em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   color:#000000;
}
h3 {
   font-family: sans-serif, Arial, Verdana;
   text-align:left;
   font-size:1.5em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   color:#000000;
}
.h3 {
   font-family: sans-serif, Arial, Verdana;
   text-align:left;
   font-size:1.5em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   color:#000000!important;
}
hr {
  width:100%;
  color:#000000;
  height:0px;
  border:0px solid #000000;
  border-top:1px solid #000000;
}

p {
   margin:0px;
   padding:0px;
}
.chcinavrhkuchyne {
 display:block;
 width:100%;
 min-height:32px;
 line-height:32px;
 text-align:center;
 background-color:#595959;
 font-size:2em;
 margin:1% 0% 1% 0%;
 padding:4% 0% 4% 0%;
 color:white;
}
a:hover.chcinavrhkuchyne {
 color:white;background-color:#818181;
 text-decoration:none;
}
a:visited.chcinavrhkuchyne {
 color:white;
}

#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;
   border-radius: 24px;
}
#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;
}
#zapatibox {
 clear:both;
 min-height:120px;
 width:100%;
 display:block;
 background-color:#83BB26;
 border-top:solid black 0px;
}
#zapati {
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  min-height:80px;
  text-align:center;
  color:white;
}
#zapati a, #zapati a:visited, #zapati a:active  {
  color: #ffffff;
  text-decoration:none;
}
#zapati a:hover  {
  text-decoration:underline;
}
#zapati img {
 max-width:100%;
}
.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;
  text-align:justify;
}
.polozka100 {
  clear:both;
  width: 98%;
}
.akce {
  width: 63.6%;
}
.divd {
  width: 63.6%;
}
.divp {
  width: 48%;
}
.divq {
  width: 23%;
}
.divs {
  width: 73%;
}
.divm {
  width: 18%;
}
.fotogal {
 text-align:center;
}
.drnavigace {
 text-align:left;
 color:black;
}
.drnavigace a, .drnavigace a:visited {
  color:black;
  text-decoration:none;
}
.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;}

.tlacitko1 {
  font-size:16px;
  text-align:center;
  font-weight:bold;
  color:#ffffff !important;
  padding:8px 24px 8px 24px;
  border-radius: 6px;
  border:0px solid #0052A5;
  background-color:#0052A5;
  display:inline-block;
  width:fit-content;
}
.tlacitko1:hover {
    xxxbackground-color:#0052A5;
    xxxcolor:white !important;
    text-decoration:underline;
}
.tlacitko0 {
  text-align:center;
  clear:both;
  float:none;
  width:50%;
  min-height:30px;
  vertical-align: middle;
  border:0px solid #0052A5;
  background-color:#0052A5; 
  padding:2% 0% 2% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
}
.tlacitko0 a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko0 a {
  color:white;
  text-decoration:none;
}
.tlacitko0:hover {
    color:white;
    text-decoration:underline;
}
.tlacitko2 {
  text-align:center;
  clear:both;
  float:none;
  width:100%;
  min-height:30px;
  vertical-align: middle;
  border:0px solid #0052A5;
  background-color:#0052A5; 
  padding:8% 0% 8% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.tlacitko2 a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko2 a {
  text-decoration:none;
}
.tlacitko2:hover {
    xxxbackground-color:#0052A5;
    xxxcolor:white !important;
    text-decoration:underline;
}
.tlacitko3 {
  text-align:center;
  clear:both;
  float:none;
  width:70%;
  min-height:40px;
  vertical-align: middle;
  border:0px solid #34817D;
  background-color:#83BB26; 
  padding:3% 0% 3% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tlacitko3 a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko3 a {
  color:white;
  text-decoration:none;
}
.tlacitko3: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-bottom: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="file"] {
 text-align:center;
 color:    #a9a9a9;
}
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:black;
 color:white;
}
#zahlavibox {
 margin:0px auto 0px auto;
 width:100%;
 background-color:#ffffff;
 xxxposition:fixed;
 top:0px;
 z-index:999;
 min-height:100px;
}
#zahlavi {
 margin:0px auto 0px auto;
 max-width:1160px;
 display:block;
 text-align:center;
}
#zahlavipod {
 width:33%;
 display:block;
 text-align:center;
 float:left;
 margin-top:10px;
 text-transform:uppercase;
 font-size:1.4em;
}
#zahlavi .logo {
 max-height:125px;
}
#zahlavi .motto {
 margin-top:20px;
 color:black;
}
#zahlavi .tel {
 width:28%;
 xxmargin-top:37px;
 font-size:1.15em;
 color:#000000;
 text-transform:none;
 text-align:right;
}
#zahlavi a:link,#zahlavi a:hover,#zahlavi a:visited {
 color:black;
 text-decoration:none;
}

#zahlavilang {
 float:right;
 display:block;
 margin-top:10px;
}

#zahlavilang img {
 margin:2px;
}
#menubox {
 clear:both;
 position:relative;
 color:white;
 margin: 0 auto;
 padding: 0;
 z-index:1000;
 min-height:50px;
 width:100%;
 display:block;
 background-color:#053E85;
 background-color:#053E85;
}
#menu {
 margin:0px auto 0px auto;
 width:1060px;
 min-height:50px;
 xxxopacity:0.94;filterxxx:alpha(opacity=94);
 display:block;
 font-weight:normal !important;
}
#menu .logo{
 float:left;
}
#bannerbox {
 clear:both;
 position:relative;
 color:white;
 margin: 0 auto;
 padding: 0;
 padding-top:0px;
 z-index:100;
 min-height:100px;
 width:100%;
 display:block;
 top:0px;
 overflow:hidden;
}
.flex-caption {
  font-family: sans-serif, Arial, Verdana;
  margin: 0;
  color:black;
  text-align: center;
  width: 100%;/* added */
  height:25%;
  padding-top:15%;
  position: absolute;
  z-index: 1;/* added */
  font-size:5em;
  color: white;
  font-weight:normal;
  text-shadow: 2px 2px #000000 ;
}
a.flex-caption:link, a.flex-caption:visited, a.flex-caption:hover, a.flex-caption:visited {
 color:white;
}
.bannertextcont {
  color:black;z-index: 3;
  position: absolute;max-width: 80%;max-height: 80%;display:table;
  top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.bannertext {
  min-width:10%;min-height:10%;text-align:center;color:white;
  position: relative;vertical-align: middle;display: table-cell;
  z-index:900;
}
a.bannertextlink:link,a.bannertextlink:visited,a.bannertextlink:hover {
 color:white;
}

@media (min-width: 1160px) {
 #main-menu > li {float: none;display: table-cell;width: 1%;text-align: center;}
}

@media (max-width: 1160px) {
  body { background-image: none;word-wrap:break-word;}
  .logo {max-width:85%;max-height:100%;text-align:center;}
  #zahlavi .polozka {text-align:center !important;}
  #zahlavi .logoxxx {float:left;margin:10px 10px 0px 10px; }
  #zahlavibox {margin:0px;top:0px;width:100%;min-height:35px;}
  #zahlavilang {margin-top:0px;width:15%;text-align:center;float:right;margin-top:25px;}
  #bannerbox {clear:both;top:0px;width:100%;min-height:40px;color:black;text-align:center;padding-top:0px;}
  #menu {clear:both;margin:0px;top:0px;width:100%;min-height:35px;color:black;}
  #menubox {clear:both;top:0px;width:100%;min-height:49px;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;}
  #zahlavi .motto {margin-top:0px; font-size:1.3em;}
  #zahlavi .tel {width:100%;text-align:center;}
}
@media (max-width: 860px) {
  .polozka {width:96%;margin:2% 2% 2% 2%;}
  body {margin-top:0px; background-image: none;word-wrap:break-word;}
  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;}
  .flex-caption {font-size:1.5em;padding-top:10%;}
}
@media print {
 #menu {display:none;}
}