body {
 margin:0px auto 0px auto;
 font-family: 'Montserrat', 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:#666666;
 background: url(/image/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
         background-size: cover;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}
.centered {
  position: absolute;
  top: 50%;
  left: 80%;
  transform: translate(-50%, -35%);
  text-align:right;
  font-size:1.5em;
}
.telodsazeni {
 padding-top:15px !important;
}
a,a:visited, a:active  {
  color:#666666;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.green {
 background-color:red;
 color:magenta;
 font-size:48px;
}
.ramecek {
 border:1px solid #dadada;
 min-height: 13em;                          
 display: table-cell;
 vertical-align: middle          
}
.pagebreak {clear:both;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.hidepc {display:none;}
.texthide {display:none;}
h1 {
   font-family: 'Playfair Display','Montserrat', sans-serif, Arial, Verdana;
   text-align:center;
   font-size:2em;
   font-weight:normal;
   color: #B96948;   
   margin:15px 0px 0px 0px;
   padding:0px 0px 5px 0px;
}
h2 {
font-family: 'Playfair Display','Montserrat', sans-serif, Arial, Verdana;
   text-align:left;
   font-size:1.75em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   color:#8C9B83;
   text-align:left;
}
h3 {
font-family: 'Playfair Display','Montserrat', sans-serif, Arial, Verdana;
   text-align:left;
   font-size:1.3em;
   font-weight:normal;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   color:#030303;
}
h4 {
font-family: 'Playfair Display','Montserrat', sans-serif, Arial, Verdana;
   text-align:center;
   font-size:1.2em;
   font-weight:normal;
   margin:5% 10% 0% 10%;
   color:#ffffff;
   overflow:hidden;
   display:block;
   width:80%;
   line-height:25px;
   height:75px;
}
hr {
  width:100%;
  color:#030303;
  height:0px;
  border:0px solid #030303;
  border-top:1px solid #030303;
}
.hrnadpis {
  border-top:1px solid #b96948;
}
.hrgreen {
  width:40%;
  color:#8C9B83;
  height:0px;
  border:0px solid #8C9B83;
  border-top:6px solid #8C9B83;
  margin: 0px;
  margin-top:12px;
}

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;
}
.kolonka {
 display:inline-block;
 height:24px;
 line-height:24px;
 min-width:140px;
}

#main {
   clear:both;
   display:block;
   width:100%;
   min-height:100px;
   max-width:1160px;
   margin:0px auto 0px auto;
   padding:0px;
   text-align:left;
   background-color:#fdfdfd;
}
.floatright {float:right !important;}
#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;
}
#zapatibox {
 clear:both;
 min-height:100px;
 width:100%;
 display:block;
 background-color:#000000;
}
#zapati {
  max-width:1160px;
  display:block;
  margin:0px auto 0px auto;
  min-height:50px;
  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;
}
.polozka100 {
  clear:both;
  width: 98%;
}
.akce {
  width: 63.6%;
}
.divd {
  width: 63.6%;
}
.divp {
  width: 48%;
}
.divq {
  width: 23%;
}
.divm {
  width: 18%;
}
.divs {
  width: 73%;
}
.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;}

.tlacitko {
  text-align:center;
  clear:both;
  float:none;
  width:60%;
  min-height:20px;
  vertical-align: middle;
  border:1px solid #b96948;
  background-color:#b96948; 
  padding:3% 0% 3% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tlacitko a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko a {
  color:white;
  text-decoration:none;
}
.tlacitko:hover {
    background-color:white;color:#b96948 !important;
    text-decoration:none;
}
.tlacitko2 {
  text-align:center;
  clear:both;
  float:none;
  width:30%;
  min-height:20px;
  vertical-align: middle;
  border:1px solid #D80000;
  background-color:#D80000; 
  padding:3% 0% 3% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tlacitko2 a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko2 a {
  text-decoration:none;
}
.tlacitko2:hover {
    background-color:white;color:#D80000 !important;
    text-decoration:none;
}
.tlacitko3 {
  text-align:center;
  clear:both;
  float:none;
  min-height:20px;
  vertical-align: middle;
  border:1px solid #D80000;
  background-color:#D80000; 
  padding:3% 0% 3% 0%;
  margin:1% auto;
  color:white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:0.75em;
}

}
.tlacitko3 a:visited {
  color:white !important;
  text-decoration:none;
}
.tlacitko3 a {
  text-decoration:none;
}
.tlacitko3:hover {
    background-color:white;color:#D80000 !important;
    text-decoration:none;
}
form {
 display:block;
 width:100%;
 min-height:50px;
 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:    #a6a6a6;
}
.forminput::-webkit-input-placeholder {
    color:    #a6a6a6;
    font-family: 'Montserrat', sans-serif, Arial, Verdana;
}
.forminput:-moz-placeholder {
  color:    #a6a6a6;
}
.forminput::-moz-placeholder {
  color:    #a6a6a6;
}
.forminput:-ms-input-placeholder {
  color:    #a6a6a6;
}
.forminput50l {
   width:45%;
}
.forminput50r {
  width:45%;
  float:right;
}

form input[type=submit] {
 text-align:center;
 background-color:#7c9b83;
 font-size:1.2em;
 color:#ffffff;
 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:#e6e6e6;
 color:black;
}
#zahlavibox {
 margin:0px auto 0px auto;
 width:100%;
 xbackground-color:#0E5CA4;
 xxxposition:fixed;
 top:0px;
 z-index:999;
 min-height:20px;
}
#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 h4 {
   text-align:center;
   font-size:1.2em;
   font-weight:normal;
   margin:15px 0px 0px 0px;
   padding-top:0% 0% 0% 0%;
   color:#000000;
   width:100%;
   height:35px;
}
#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;
}

#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:#737373;
 background-color:#B96948;
}
#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;
}
#formular {
  width:100%;
  display:inline-block;
  padding:32px 32px 32px 32px;
  text-align:left;
  background-color:#303030;
  color:white;
  font-size:16px;
  box-sizing: border-box;
}
#formular h2 {color:white !important;padding:20px 0px 20px 0px;}
#formular img {max-width:100%;}
#formular .janmach {padding-top:80px;color:#bd9861 !important;;font-size:24px;text-align:center;}
#formular .janmach img {width:60%;}
#formular a, #formular a:visited, #formular a:active {color:white;text-decoration:none;}
#formular a:hover {color:white;text-decoration:underline;}

.formitem {
  color:white !important;
  font-size:16px;
  display:block;
  width:100%;
  min-height:15px;
  text-align:left;
  clear:both;
  padding-top:2%;
  overflow:hidden;
}
#reference {
  width:100%;
  display:inline-block;
  padding:12px 0px 0px 0px;
  text-align:center;
  background-color:white;
  color:black;
  font-size:16px;
  line-height:24px;
  margin-top:12px;
}
#reference h2 {color:black !important;padding:0px 0px 18px 0px;line-height:36px;}
#reference img {max-width:100%;padding:5% 0% 5% 0%}
#reference strong {font-size:16px;}
#reference .hodnocenidiv {padding-left:32px;padding-right:32px;}
#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;
}
.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;
  position: relative;vertical-align: middle;display: table-cell;
  border-radius: 50%;background-color:#303030;opacity:0.7;
  font-size:2.2vw;color:white;
  line-height:1.25;
  width: 25vw;
  height: 25vw;
  -webkit-animation: bummer 3s;
   animation: bummer 3s;
  -webkit-transform: scale(0,0); 
   transform: scale(0,0);
  -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards; 
}
.swiper {
     width: 100%;
     height: 300px;
}
.swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #444;
     display: flex;
     justify-content: center;
     align-items: center;
}
.swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

 @-webkit-keyframes bummer {
  50% {
    -webkit-transform: scale(1,1); 
  }
                                    75% {
                                        -webkit-transform: scale(0.75,0.75); 
                                          }
                                            100% {
                                                -webkit-transform: scale(1,1); 
                                                  }
                                                  }
                                                  @keyframes bummer {
                                                    50% {
                                                        transform: scale(1,1); 
                                                          }
                                                            75% {
                                                                transform: scale(0.75,0.75); 
                                                                  }
                                                                    100% {
                                                                        transform: scale(1,1); 
                                                                          }
}
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 { xxxbackground-image: none;word-wrap:break-word;}
  .centered {top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
  .logo {max-width:85%;max-height:100%;text-align:center;}
  #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;background-color:#000000;}
  #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;}
  #main {width:98%;margin: 0% 1% 0% 1%;}
  .swiper {height: 200px;}
}

@media (max-width: 860px) {
  .telodsazeni {padding-top:0px !important;}
  .polozka {width:96%;margin:2% 2% 2% 2%;}
  body {margin-top:0px; xxxbackground-image: none;word-wrap:break-word;}
  form {}
  .centered {font-size:1.5em;}
  .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;}
  .hidemobil {display:none;}
  .mobilright {text-align:right;}
  .mobilleft {text-align:left;}
  .mobilcenter {text-align:center;}
  .hidepc {display:block;}
  .tlacitko1 {width:60%;}
  .tlacitko2 {width:60%;}
  #formular {padding:32px 0px 32px 0px;}
}
@media (max-width: 700px) {
  .centered {font-size:1em;}
}
@media print {
 #menu {display:none;}
}