img {border: 0;}
a {cursor: pointer;}
.clr {clear: both;}
* {padding: 0; margin: 0;}

body h1.none {display: none;}
.zarovnani {box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 98%; max-width: 1600px; margin: auto auto;}
.marginBottom60 {margin-bottom: 60px!important;}
.marginTop35px {margin-top: 35px!important;}
.marginTop135 {margin-top: 135px;}
.marginBottom90px {margin-bottom: 90px!important;}
.skryte{display: none;}
a.doprostred{text-align: center!important;}

.alert {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 background-color: rgba(113, 30, 30, 0.9);
 display: none;    
 z-index: 9999;
}
.alert a.alertclose {
 right: 10px;
 top: 10px;
 font-size: 40px;
 color: #fff;
 position: absolute;
}
.alert p {
 text-align: center!important;
 padding-top: 10%!important;
 font-size: 200%!important;
 color: #fff!important;
 font-weight: bold!important;
}


.alertnew {
 display: block;    
}

.loader {
    display: none;
    position: relative;
    margin: auto;
    border: 9px solid #5a5a5a;
    border-radius: 50%;
    border-top: 9px solid #bf9e80;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader2_obal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.83);
    z-index: 1000;
    width: 100%;
    height: 100%;
}
.loader2_obal .loader2 {
    position: absolute;
    left: 48%;
    top: 48%;
    border: 9px solid #5a5a5a;
    border-radius: 50%;
    border-top: 9px solid #bf9e80;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.chyba, .podstrana #content .formatuj_obsah p.chyba {
 color: #f6a828
}

body {
  font-size: 24px; 
  font-family: "RobotoCondensed-Regular";
  width: 100%;
  background-color: black;
  color: white;
}
#header {
  background-image: url("../img/header.jpg");
  background-repeat: repeat-x;
  background-position: center center;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 386px;
}
#header #jazyk {
  text-align: center;
  font-family: "Domine-Regular";
  font-size: 50%;
  color: #8e745d;
  vertical-align: text-top;
  padding-top: 20px;
}
#header #jazyk a {
  color: #8e745d; 
  text-decoration: none; 
  font-size: 150%; 
  padding-left: 9px; 
  padding-right: 9px; 
  margin-top: 2px;
  transition: 0.6s;
  text-transform: uppercase;
} 
#header #jazyk a.active, #header #jazyk a:hover {color: white; text-decoration: underline; font-weight: normal;}
#header p.telefon {
  position: absolute;
  right: 25px;
  top: 85px;
  text-align: right;
  font-family: "Domine-Regular";
  background-image: url("../img/phone.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 0%;
  background-position-y: 50%;  
  font-size: 110%;
  color: white;
  width: auto;
  padding-left: 32px;
}
#header a#logo {
  width: 100%;
  max-width: 343px;
  height: 152px;
  display: block;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}
#header a#logo img {width: 100%;}
#header .zarovnani #nav {padding-top: 110px;}
#header .zarovnani #nav ul {box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; width: 100%; list-style: none; }
#header .zarovnani #nav ul li {
  display: inline-block;
  zoom: 1;
  padding-left: 20px;
  padding-right: 20px;  
  background-image: url("../img/nav.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 100%;
  background-position-y: 65%;          
}
#header .zarovnani #nav ul li:last-child {background-image: none;}
#header .zarovnani #nav ul li a {
  color: white; 
  font-family: "Domine-Regular"; 
  font-size: 75%; 
  text-decoration: none;
  text-transform: uppercase;
}

#header .zarovnani #nav ul li a sup {
    background-color: #ff1100;
    font-size: 60%;
    padding: 2px 6px 2px 5px;
    margin-left: 5px;
    font-family: arial;
    border-radius: 3px;
    animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.blinkContent {
  animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker { to { opacity: 0; } }


#header .zarovnani #nav ul li a:hover, #header .zarovnani #nav ul li a.active {padding-bottom: 3px; border-bottom: solid 3px white;}
#content {
  position: relative;
}
#gentleman {
  max-width: 1340px; 
  margin-left: auto; 
  margin-right: auto;
  background-image: url("../img/chlapik.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 100%;
  background-position-y: 65%;      
  height: 628px;
}
#gentleman .zarovnani .formatovani_textu h1 {padding-top: 155px;}
#gentleman .zarovnani .formatovani_textu p {
  color: white; 
  font-family: 'RobotoCondensed-Light'; 
  font-size: 66%; 
  text-transform: uppercase; 
  padding-top: 10px; 
  padding-bottom: 10px;
  line-height: 150%;
}
#fotky img {width: 50%; display: block; float: left;}
#nabidka {margin-top: 85px; margin-bottom: 90px;}
#nabidka .zarovnani .sloupec {
  position: relative;
  width: 33%; 
  float: left;
  background-image: url("../img/trojka.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 100%;
  background-position-y: 50%; 
  height: 580px;
  text-align: center;
}
#nabidka .zarovnani .sloupec:last-child {background-image: none;}
#nabidka .zarovnani .sloupec h1 {text-align: center; padding-top: 45px; padding-bottom: 10px;}
#nabidka .zarovnani .sloupec p {
  color: white; 
  text-align: center; 
  text-transform: uppercase; 
  font-family: 'RobotoCondensed-Light'; 
  font-size: 75%; 
  padding-top: 0px; 
  padding-bottom: 20px;
  line-height: 150%;
  letter-spacing: 1px;
}
#nabidka .zarovnani .sloupec p.odsazeni {padding-top: 26px;}
#nabidka .zarovnani .sloupec p.hnede {color: #8b7058;}
#nabidka .zarovnani .sloupec .dole {position: absolute; bottom: 20px; width: 100%;}
#nabidka .zarovnani .sloupec a {
  display: inline-block;
  color: black;
  text-decoration: none; 
  background-color: #8b7058;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase; 
  font-size: 75%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
  transition: 0.6s;
}
#nabidka .zarovnani .sloupec a:hover {background-color: white;}
#nabidka .zarovnani .sloupec .vybrat {
  width: 255px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 12px;  
  margin-bottom: 12px;
}
#nabidka .zarovnani .sloupec .vybrat:hover p {background-color: white; color: black;}
#nabidka .zarovnani .sloupec .vybrat p {
  padding-top: 0px; 
  padding-bottom: 0px; 
  line-height: normal;
  border: solid 1px white;
  font-family: 'RobotoCondensed-Light';
  font-size: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url("../img/sipka_dolu.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 95%;
  background-position-y: 50%; 
  cursor: pointer;
  transition: 0.6s;  
}
#nabidka .zarovnani .sloupec .vybrat ul {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: none; border: solid 1px white; list-style: none; position: absolute; z-index:999; margin-left: 0px}
#nabidka .zarovnani .sloupec .vybrat ul li {
  font-family: 'RobotoCondensed-Light'; 
  font-size: 75%; 
  text-transform: uppercase; 
  padding-top: 5px; 
  padding-bottom: 5px;
  cursor: pointer;  
  background-color: black;
}
#nabidka .zarovnani .sloupec .vybrat ul li:hover {background-color: white; color: black;}
#nabidka .zarovnani .sloupec .provozovna {
    width: 255px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 12px;  
    margin-bottom: 12px;
  }
  #nabidka .zarovnani .sloupec .provozovna:hover p {background-color: white; color: black;}
  #nabidka .zarovnani .sloupec .provozovna p {
    padding-top: 0px; 
    padding-bottom: 0px; 
    line-height: normal;
    border: solid 1px white;
    font-family: 'RobotoCondensed-Light';
    font-size: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url("../img/sipka_dolu.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
    background-position-y: 50%; 
    cursor: pointer;
    transition: 0.6s;  
  }
  #nabidka .zarovnani .sloupec .provozovna ul {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: none; border: solid 1px white; list-style: none; position: absolute; z-index:999; margin-left: 0px}
  #nabidka .zarovnani .sloupec .provozovna ul li {
    font-family: 'RobotoCondensed-Light'; 
    font-size: 75%; 
    text-transform: uppercase; 
    padding-top: 5px; 
    padding-bottom: 5px;
    cursor: pointer;  
    background-color: black;
  }
  #nabidka .zarovnani .sloupec .provozovna ul li:hover {background-color: white; color: black;}
#nabidka .zarovnani .sloupec .datum {
  width: 255px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 12px;
}
#nabidka .zarovnani .sloupec .datum:hover p {background-color: white; color: black;}
#nabidka .zarovnani .sloupec .datum p {
  padding-top: 0px; 
  padding-bottom: 0px; 
  line-height: normal;
  border: solid 1px white;
  font-family: 'RobotoCondensed-Light';
  font-size: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url("../img/sipka_dolu.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 95%;
  background-position-y: 50%; 
  cursor: pointer;
  transition: 0.6s;  
}
#nabidka .zarovnani .sloupec .datum ul {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: none; border: solid 1px white; list-style: none; position: absolute; z-index:998; margin-left: 0px}
#nabidka .zarovnani .sloupec .datum ul li {
  font-family: 'RobotoCondensed-Light'; 
  font-size: 75%; 
  text-transform: uppercase; 
  padding-top: 5px; 
  padding-bottom: 5px;
  cursor: pointer;  
  background-color: black;
}
#nabidka .zarovnani .sloupec .datum ul li:hover {background-color: white; color: black;}
#partneri {text-align: center; border-bottom: solid 1px white; padding-bottom: 120px;}
.podstrana #partneri {border-top: solid 1px white; margin-top: 200px;}
.podstrana #partneri.mensi {margin-top: 100px;}
#partneri .zarovnani h1 {text-align: center; padding-top: 70px;}
#partneri .zarovnani a {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding-left: 65px;
  padding-right: 65px;
  padding-top: 40px;
}
#partneri .zarovnani a img {
  /*max-with: 200px;*/
  max-height: 86px;
  width: auto!important;
}
#slider_middle {
  background-image: url("../img/slider.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-position-x: 50%;
  background-position-y: 50%; 
}
.ms-view {background: none!important;}
.ms-slide, .ms-view {height: 365px!important;}
#slider_middle .zarovnani {width: 100%; max-width: 100%;}
#slider_middle .zarovnani h1 {
  letter-spacing: 1px; 
  color: #8e745d; 
  text-align: left; 
  font-family: 'Domine-Regular'; 
  font-size: 67%; 
  font-weight: normal; 
  top: 25px; 
  text-transform: uppercase;
  left: 16%;
  position: absolute;
}
#slider_middle .zarovnani h2 {
  letter-spacing: 1px; 
  color: #8e745d; 
  text-align: left; 
  font-family: 'Domine-Regular'; 
  font-size: 150%; 
  font-weight: normal; 
  top: 80px; 
  text-transform: uppercase;   
  left: 16%;  
  position: absolute;  
}
#slider_middle .zarovnani img {right: 16%; top: 40px; position: absolute;}
#slider_middle .zarovnani img.dovolena {top: 0px; right: 0px;} 
#slider_middle .zarovnani img.dovolenaM {display: none; top: 0px;}
#slider_middle .zarovnani img.bandi {top: 0px;}
#slider_middle .zarovnani p {color: white; text-transform: uppercase; font-size: 68%; position: absolute; left: 16%; top: 160px; letter-spacing: 1px; font-family: 'MyriadPro-Regular';}
#slider_middle .zarovnani a {
  display: inline-block;
  color: black;
  text-decoration: none; 
  background-color: #8b7058;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase; 
  font-size: 75%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  width: 240px;
  margin-top: 20px;
  transition: 0.6s;
  position: absolute; 
  left: 16%; 
  top: 200px;   
}
#slider_middle .zarovnani a:hover {color: black; background-color: white;}
img.kariera {padding-top: 140px;}
.kontakt .sloup {float: left; width: 33%;}
.podstrana #content.kontakt .zarovnani .sloup.levy p {text-align: left; padding-top: 0px;}
.podstrana #content.kontakt .zarovnani .formatuj_obsah p {text-align: center; padding-top: 60px;}
.podstrana #content.kontakt .zarovnani .formatuj_obsah p.gps {padding-top: 0px;}
.podstrana #content.kontakt .zarovnani .formatuj_obsah h3 {
  color: #8e745d; 
  font-size: 66%; 
  text-align: center; 
  font-family: 'RobotoCondensed-Bold'; 
  text-transform: uppercase; 
  padding-top: 80px;
  letter-spacing: 2px;
}
.podstrana #content.kontakt .zarovnani .sloup p {text-align: center; padding-bottom: 0px; padding-top: 0px;}
.podstrana #content.kontakt .zarovnani a img {display: block; width: 100%; max-width: 1200px;}
.podstrana #content.kontakt .zarovnani .sloup.pravy p {text-align: right; padding-top: 0px;}
.podstrana #content.kontakt .zarovnani .sloup table {
  margin: 0px; 
  padding: 0px; 
  font-family: 'RobotoCondensed-Light'; 
  font-size: 66%; 
  color: white; 
  letter-spacing: 1px; 
  text-transform: uppercase;
}
.podstrana #content.kontakt .zarovnani .sloup table td {background-color: black; padding: 0px; width: 155px; border: none;}
.podstrana #content.kontakt .zarovnani .sloup table tr {border: none; padding: 0px;}
.podstrana a.obr {
  width: 23%; 
  height: 227px;
  margin-left: 0.8%; 
  margin-right: 0.8%; 
  display: block; 
  float: left;
  margin-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.podstrana a.obr img {display: none;}
.podstrana a.obr_full {
  width: 47%; 
  display: inline-block;
  text-align: center;
  height: auto;
  text-align: center;
  margin: 15px 1%;
  /*float: left;*/
  background: none!important;
  text-decoration: none!important;
}
.podstrana a.obr_full p.galerie_popisek {
  text-decoration: none!important;
  color: #fff!important;
  padding-bottom: 20px!important;
  text-align: center!important;
}
.podstrana a.obr_full img {display: inline; text-align: center; width: 100%; max-width: 1900px; border: 1px solid #fff; height: auto;}
.podstrana .strankovani {padding-top: 40px; text-align: center; display: block; width: 100%; font-size: 56%; height: 22px;}
.podstrana .strankovani a.obr, .podstrana .strankovani a.cislo {
  margin-left: 10px; 
  margin-right: 10px; 
  width: auto; 
  display: inline-block; 
  zoom: 1; 
  float: none; 
  height: auto; 
  margin-bottom: 0px;
  vertical-align: middle;
  padding-bottom: 4px;
  transition: 0s!important;
}
.podstrana .strankovani a.obr {margin-top: 5px;}
.podstrana .formatuj_obsah .strankovani a.cislo {font-size: 143%!important; margin-left: 15px; margin-right: 15px;  text-decoration: none; color: white!important;}
.podstrana .formatuj_obsah .strankovani a.cislo:hover, .podstrana .formatuj_obsah .strankovani a.cislo.active {padding-bottom: 2px; border-bottom: 2px solid white; font-weight: bold;}
.podstrana .strankovani a.obr.zpet {margin-right: 20px;}
.podstrana .strankovani a.obr.dal {margin-left: 20px;}
.podstrana .strankovani a.obr img {display: inline-block;}
.clen {width: 16%; margin-left: 1.8%; margin-right: 1.8%; float: left; text-align: center; margin-bottom: 125px;}
#content .formatuj_obsah .clen h2 {
  color: #8e745d; 
  font-family: 'Domine-Regular'; 
  font-size: 125%; 
  text-transform: uppercase; 
  text-align: center; 
  padding-top: 25px;
  padding-bottom: 0px;
  letter-spacing: 2px;
}
#content .formatuj_obsah .clen img {width: 200px; height: 267px}
#content .formatuj_obsah .clen .profilefoto {display: block; padding: 0px; margin: 0px; width: 200px; height: 267px; background-size: cover; margin: auto;}
#content .formatuj_obsah .clen p {text-align: center; padding-top: 5px;}
#content .formatuj_obsah .clen a {
  display: inline-block;
  color: black;
  text-decoration: none;
  background-color: #8b7058;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
  transition: 0.6s;
}
#content .formatuj_obsah .clen a:hover {background-color: white;}
.podstrana #content .formatuj_obsah p.tym {padding-top: 35px; padding-bottom: 100px; text-align: center; letter-spacing: 2px;}
.podstrana #content .formatuj_obsah p.nas_tym_jazyky { height: 20px; overflow: hidden; padding-bottom: 0px; }
.podstrana #content .formatuj_obsah p.nas_tym_hodnoceni { height: 20px; overflow: hidden; line-height: 14px; padding-top: 6px; }
.podstrana #content .formatuj_obsah p.nas_tym_hodnoceni span {
    display: inline-block;
    vertical-align: middle;
}
.podstrana #content .formatuj_obsah p.nas_tym_hodnoceni i { 
    height: 10px;
    width: 10px;
    display: inline-block;
    vertical-align: top;
    background-image: url('../img/hvezda.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.podstrana #content.partneri {border-bottom: 1px solid white; padding-bottom: 150px;}
#content.partneri .partner {box-sizing: border-box; -moz-box-sizing: border-box; padding: 40px 40px 100px 40px; float: left; width: 50%; height: 270px;}
#content.partneri .partner:nth-child(2), #content.partneri .partner:nth-child(3),
#content.partneri .partner:nth-child(4), #content.partneri .partner:nth-child(5), #content.partneri .partner:nth-child(6), #content.partneri .partner:nth-child(7) {border-bottom: 1px solid white;}
#content.partneri .partner:nth-child(2), #content.partneri .partner:nth-child(4), #content.partneri .partner:nth-child(6) {border-right: 2px solid #979797;}
#content.partneri .partner:nth-child(2), #content.partneri .partner:nth-child(3) {padding-top: 0px; height: 240px;}
#content.partneri .partner:nth-child(6) {padding-bottom: 0px;}
#content.partneri .partner:nth-child(6), #content.partneri .partner:nth-child(7) {height: 260px;}
#content.partneri .partner:nth-child(3), #content.partneri .partner:nth-child(5), #content.partneri .partner:nth-child(7) {padding-left: 40px;}
#content.partneri .partner:nth-child(2n) {border-right: 2px solid #979797;}

#content.partneri .partner {border-bottom: 1px solid white;}
/*#content.partneri .partner:nth-last-child(4) {border-bottom: 0px solid #000;}
#content.partneri .partner:nth-last-child(3) {border-bottom: 0px solid #000;}*/

#content.partneri .partner h2 {
  letter-spacing: 1px; 
  color: #8e745d; 
  text-align: left; 
  font-family: 'Domine-Regular'; 
  font-size: 67%; 
  font-weight: bold; 
  padding-top: 10px; 
  padding-bottom: 0px; 
  text-transform: uppercase;
}
.podstrana #content.partneri .partner p {padding-top: 0px; padding-bottom: 0px; text-align: left;}
#content.partneri .partner img.posun {padding-top: 20px;}
#content.partneri .partner img.posunB {padding-top: 40px;}
#content.partneri .partner img.posunV {padding-top: 50px;}
#content.partneri .partner img {margin: 0px; padding-left: 30px; padding-bottom: 20px;    max-height: 180px;}
.podstrana #content.partneri p {text-align: center; padding-top: 170px;}
#content .cesta {position: absolute; top: 60px; color: #515151; text-transform: uppercase; font-size: 60%; font-family: 'RobotoCondensed-Light'}
#content .cesta p {font-size: 100%; color: #515151;}
#content .cesta a {color: #515151; text-transform: uppercase; margin-left: 5px; margin-right: 5px;}
.podstrana #content.rezervace .zarovnani .leva {box-sizing: border-box; -moz-box-sizing: border-box; width: 50%; float: left; border-right: solid 1px white;} 
.podstrana #content.rezervace .zarovnani .leva.bez {border: none;  padding-top: 60px;}
.podstrana #content.rezervace .zarovnani .center_div {
    max-width: 480px;
    margin: 0px auto;
    width: 100%;
}
.podstrana #content.rezervace .zarovnani .prava {width: 50%; float: left; padding-top: 56px;}
.podstrana #content.rezervace .zarovnani h2 {
  color: #8e745d; 
  font-family: 'Domine-Regular'; 
  font-size: 100%; 
  padding-top: 0px; 
  padding-bottom: 15px; 
  font-weight: bold; 
  letter-spacing: 2px; 
  text-transform: uppercase;
}
#content.partneri .odsazeni-top{margin-top:50px; display: block;}
.podstrana #content.rezervace .zarovnani .prava .cena {box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 25%;}
.podstrana #content.rezervace .zarovnani .prava .cena p.male {font-size: 60%; padding-top: 50px; padding-bottom: 0px;}

.podstrana #content.rezervace .zarovnani .prava .cena2019 p.male {font-size: 60%; padding-top: 0px; padding-bottom: 0px;}
.podstrana #content.rezervace .zarovnani .prava .cena2019 p.velke {padding-bottom: 5px;}

.podstrana #content.rezervace .zarovnani .prava .cena p.velke {font-size: 150%; font-family: 'Domine-Regular'; color: #816954; font-weight: bold;}
.podstrana #content.rezervace .zarovnani .prava .obrazek {box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 30%; text-align: center; max-width: 140px;}
.podstrana #content.rezervace .zarovnani .prava .obrazek p.velke {
  text-align: center; 
  color: #8e745d; 
  font-size: 100%;
  padding-top: 10px; 
  padding-bottom: 0px; 
  font-family: 'Domine-Regular'; 
  font-weight: bold;
  line-height: 100%;
}
.podstrana #content.rezervace .zarovnani .prava .obrazek p.male {text-align: center; color: #8e745d; font-size: 50%; padding-top: 0px; text-transform: initial; font-family: 'Domine-Regular';}
.podstrana #content.rezervace .zarovnani .prava a.btn_hneda {
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  width: 45%;
  /*float: right;*/
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
  background-color: #8b7058;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 60px;
  transition: 0.6s;
}
.podstrana #content.rezervace .zarovnani .prava a:hover {background-color: white;}
.podstrana #content.rezervace .zarovnani .prava .lazebnik a:hover {background-color: transparent;}
.podstrana #content.rezervace .zarovnani .prava h2 {color: white; margin-top: 70px;}
.podstrana #content.rezervace .zarovnani .prava h2 strong {color: #8e745d;}
.podstrana #content.rezervace .zarovnani .prava h3 {
  color: #8e745d; 
  text-transform: uppercase; 
  font-size: 60%; 
  padding-top: 0px; 
  font-weight: bold; 
  font-family: 'Domine-Regular';
  letter-spacing: 1px;
}
.podstrana #content.rezervace .zarovnani a.dalsi {
  float: right;
  border: solid 1px white;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%; 
  text-decoration: none;
  color: white;
  padding-top: 15px;
  padding-left: 55px;
  padding-right: 75px;
  padding-bottom: 15px;
  margin-top: 60px;
  background-image: url("../img/sipka_bok.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 97%;
  background-position-y: 50%;   
  transition: 0.6s;
}
.podstrana #content.rezervace .zarovnani a.dalsi:hover {background-color: white; color: black; background-image: url("../img/sipka_bok_b.png");}

#content .lazebnik {
  display: block;
  width: 100%;
  max-width: 520px;
  box-sizing: border-box; 
  -moz-box-sizing: border-box;
  border: solid 1px white;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%; 
  text-decoration: none;
  color: white;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
  background-image: url("../img/sipka_bok.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 97%;
  background-position-y: 50%;   
  transition: 0.6s;  
  cursor: pointer;
  text-decoration: none;
}
#content .lazebnik a.lazebnik_jmeno {
  text-decoration: none;
  padding: 23px 0;
  display: inline-block;
  width: 87%;
}
#content .lazebnik a.lazebnik_jmeno:hover {
  background-color: transparent;
}

  
#content a.foto_lazebnik_rezervace {
 float: left;
    width: 12%;
    margin-left: 1%;
    margin-top: 5px;
}
#content a.foto_lazebnik_rezervace:hover {
  background-color: #8e745d;
  color: black;
}
#content a.foto_lazebnik_rezervace img {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  object-fit: cover;
}
#content .prava .lazebnik:first-child {margin-top: 62px;}
#content .lazebnik:hover { 
  background-color: #8e745d;
  border: solid 1px #8e745d;
  color: black;
  background-image: url("../img/check.png");
}



#content .rezervace_provozovna {
  display: inline-block;
  width: 48%;
  max-width: 520px;
  box-sizing: border-box; 
  -moz-box-sizing: border-box;
  border: solid 1px white;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%; 
  text-decoration: none;
  color: white;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
  background-image: url("../img/sipka_bok.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 97%;
  background-position-y: 50%;   
  transition: 0.6s;  
  cursor: pointer;
  text-decoration: none;
  margin-right: 1.5%;
}
#content .rezervace_provozovna a.rezervace_provozovna_nazev {
  text-decoration: none;
  padding: 23px 0;
  display: inline-block;
  width: calc(100% - 2% - 50px);
}
#content .rezervace_provozovna a.rezervace_provozovna_nazev:hover {
  background-color: transparent;
}

  
#content a.foto_rezervace_provozovna_rezervace {
 float: left;
    width: 50px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 5px;
}
#content a.foto_rezervace_provozovna_rezervace:hover {
  background-color: #8e745d;
  color: black;
}
#content a.foto_rezervace_provozovna_rezervace img {
  height: initial;
  width: 50px;
  border-radius: 100%;
  aspect-ratio: 1;
}

#content .rezervace_provozovna:hover { 
  background-color: #8e745d;
  border: solid 1px #8e745d;
  color: black;
  background-image: url("../img/check.png");
}


#content .termin {
  box-sizing: border-box; 
  -moz-box-sizing: border-box;
  background-color: black;
  display: block;
  width: 85%;
  padding-right: 15%;
  margin: 0px;
  margin-top: 10px;
  border-collapse: collapse;
  border-right: solid 1px white;
  font-size: 75%;
  height: 460px;
}
#content .termin .sipka, #content .termin .mesic {background-color: #8e745d; box-sizing: border-box; -moz-box-sizing: border-box; float: left;}
#content .termin .sipka {width: 10%; text-align: center; padding-top: 18px; padding-bottom: 12px;}
#content .termin .mesic {
  width: 80%; 
  text-align: center; 
  padding-top: 18px;
  padding-bottom: 19px;
  font-family: 'Raleway-SemiBold'; 
  color: black;
  text-transform: uppercase;
  font-size: 105%;
  margin-bottom: 10px;
}
#content .termin .radekm {margin-left: auto; margin-right: auto; width: 85%;}
#content .termin .bunka {color: #6c6c6c; width: 14%; float: left; display: block; height: 25px; padding-top: 12px; padding-bottom: 12px; text-align: center; cursor: pointer;}
#content .termin .bunka em {font-style: normal; color: white;}
#content .termin .bunka.active, #content .termin .bunka:hover {color: white; background-color: #8e745d;}


#content .kalendar_obal table tbody tr, #content .kalendar_obal table tbody tr td {
    background: transparent;
    padding: 0;
    margin: 0;
}

#content .kalendar_obal table tbody tr td.cas.jiny_mesic.aktivni { 
  font-weight: normal;
}
#content .kalendar_obal table tbody tr.tyden_dny td {
  background-color: transparent;
  border-style: none;
  font-family: 'RobotoCondensed-Light';
  color: #464646;  
  text-align: center;
  padding: 22px 10px; 
  width: 12%;
  cursor: default;
  font-size: 130%;
}
#content .kalendar_obal table tbody tr.tyden_dny td:hover {
  background-color: transparent;
  color: #6c6c6c;  
  cursor: default;
}
#content .kalendar_obal table tbody tr td.cas {
  background-color: transparent;
  border-style: none;
  font-family: 'RobotoCondensed-Light';
  color: #6c6c6c;  
  text-align: center;
  padding: 22px 10px; 
  width: 12%;
  cursor: no-drop;
  font-size: 130%;
}
#content .kalendar_obal table tbody tr td.cas.aktivni {
  color: white; 
  border-style: none;
  font-family: 'RobotoCondensed-Bold';
  cursor: pointer;
}
#content .kalendar_obal table tbody tr td.active.cas, #content .kalendar_obal table tbody tr td.cas.aktivni:hover {background-color: #8e745d; color: #fff; cursor: pointer;}


#content .kalendar_obal table{
border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
}
#content .kalendar_obal table tbody tr.ovladani td {
 padding: 10px 0;
 text-align: center;
 vertical-align: center;
 color: #fff;
 cursor: default;
 border-style: none;
  border-collapse: collapse;
  background-color: #8e745d;
}



#content .kalendar_obal table tbody tr.ovladani {
 border-style: none;
  border-collapse: collapse;
  background-color: #8e745d;
}
#content .kalendar_obal table tbody tr.ovladani td a {
 color: #fff;
 text-decoration: none;
}
#content .kalendar_obal table tbody tr.ovladani td a:hover {
 color: #000;
 background-color: transparent;
}
#content .kalendar_obal table tbody tr.ovladani td.predchozi {
 text-align: left;
 font-size: 100%;
 width: 25.57142857142857%;
 padding-left: 3%;
}
#content .kalendar_obal table tbody tr.ovladani td.dalsi {
 text-align: right;
 font-size: 100%;
 width: 25.57142857142857%;
 padding-right: 3%;
}
#content .kalendar_obal table tbody tr.ovladani td.aktualni {
 text-align: center;
 font-size: 130%;
 width: 42.85714285714286%
}



.prava .radek {margin-left: 10%; margin-bottom: 15px;}
.prava .radek .cashod {
  display: block;
  font-size: 75%; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  width: 10%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 0px;
  float: left; 
  padding: 10px; 
  font-family: 'RobotoCondensed-Bold';
  color: #6c6c6c;  
  text-align: center;
  transition: 0.7s;
  cursor: no-drop;
}
.prava .radek .jq_pridej_cas {cursor: pointer;font-weight: normal; color: white;}
.prava .radek .jq_pridej_cas:hover, .prava .radek .cashod.active {color: white;  background-color: #8e745d;}
.podstrana #content .leva h3, .podstrana #content.rezervace .zarovnani .prava h3.prv {
  color: #8e745d; 
  text-transform: uppercase; 
  font-size: 125%; 
  padding-top: 20px; 
  font-weight: bold; 
  font-family: 'Domine-Regular';
  letter-spacing: 2px;
}
.podstrana #content.rezervace .zarovnani .prava h3.prv {margin-top: 40px;}
.leva .cara {box-sizing: border-box; -moz-box-sizing: border-box; border-right: solid 1px white; width: 100%; height: 430px;}
.podstrana #content.rezervace input {
  background-color: black; 
  border: solid 1px white; 
  padding: 15px 30px; 
  width: 85%; 
  max-width: 410px; 
  margin-top: 20px;
  font-family: 'Raleway-SemiBold'; 
  font-size: 75%;  
  color: #fff;
}
.podstrana #content.rezervace input::-webkit-input-placeholder {color: white;}
.podstrana #content.rezervace input::-moz-placeholder {color: white;}
.podstrana #content.rezervace input:-ms-input-placeholder {color: white;}
.podstrana #content.rezervace input:-moz-placeholder {color: white;}
.prava.dal {box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 10%;}
.podstrana #content.rezervace .checkbox {
  float: left;
  width: 32px;
  height: 32px;
  border: solid 1px white;
  padding: 0px;
  margin-top: 30px;
  cursor: pointer;  
}
p.clen {float: left; width: 200px; margin-top: 30px; margin-left: 15px; font-family: 'RobotoCondensed-Regular'!important;}
.podstrana #content.rezervace input[type="submit"] {
  background-color: #8e745d;
  border: none;
  max-width: 490px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-image: url("../img/sipka_bok_b.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 95%;
  background-position-y: 50%;
  cursor: pointer;
  transition: 0.6s;    
}
.podstrana #content.rezervace input[type="submit"]:hover {background-color: white; color: #8e745d}

.podstrana .novinka {
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 60px;
}
.podstrana .novinky span.datum {text-align: center; width: 100%; display: block; padding-bottom: 0px!important; padding-top: 0px!important; color: #5f5043!important; font-size: 14px!important; font-family: 'RobotoCondensed-Regular'!important; line-height: 14px!important;}
.podstrana .novinky span.datum.vlevo {text-align: left!important; display: inline-block!important;}
.podstrana .novinky h1 {padding-bottom: 0px!important;}
.podstrana .novinky.detail h1 {font-size: 32px!important; padding-bottom: 30px!important; text-transform: none!important; font-family: 'RobotoCondensed-Regular'!important;}
.podstrana .novinka a.obr {width: 250px; height: 195px; margin-left: 0px; margin-right: 30px;}
.podstrana .novinka a.obr span.video {background-image: url("../img/play.png"); background-repeat: no-repeat; background-position: center center; height: 195px; width: 100%; display: block;}
.podstrana .novinka .text_novinky {width: calc(100% - 281px); float: left;}
.podstrana .formatuj_obsah .novinka .text_novinky .top {height: 55px; overflow: hidden;}
.podstrana .formatuj_obsah .novinka .text_novinky a {text-decoration: none; }
.podstrana .formatuj_obsah .novinka .text_novinky a h2 {text-transform: none!important; padding-bottom: 0px!important; padding-top: 0px!important; color: #8e745d!important; font-size: 24px!important; font-family: 'RobotoCondensed-Regular'!important; line-height: 24px!important;}
.podstrana .formatuj_obsah .novinka .text_novinky span {padding-bottom: 0px!important; padding-top: 0px!important; color: #5f5043!important; font-size: 14px!important; font-family: 'RobotoCondensed-Regular'!important; line-height: 14px!important;}
.podstrana .formatuj_obsah .novinka .text_novinky .middle {margin-top: 20px; height: 55px; overflow: hidden;}
.podstrana .formatuj_obsah .novinka .text_novinky .middle p {text-transform: none!important; padding-bottom: 0px!important; padding-top: 0px!important; font-size: 16px!important; font-family: 'RobotoCondensed-Regular'!important; line-height: 16px!important;}
.podstrana .formatuj_obsah .novinka .text_novinky a.odkaz, .podstrana .novinky.detail a.odkaz {
    border: solid 1px #8e745d;
    font-family: 'RobotoCondensed-Light'!important; 
    font-size: 14px!important; 
    color: #8e745d!important;
    width: 173px;
    height: 32px;
    display: block;
    margin-top: 15px;
    text-align: center;
    padding-top: 9px;
    transition: 0.5s;
    text-decoration: none!important;
}
.podstrana .novinky.detail a.odkaz {margin-left: auto; margin-right: auto; margin-top: 20px;     margin-bottom: 30px;}
.podstrana .formatuj_obsah .novinka .text_novinky a.odkaz:hover,  .podstrana .novinky.detail a.odkaz:hover {color: white!important; background-color: #8e745d!important}
.podstrana .novinky .formatuj_obsah .strankovani {padding-top: 120px; color: #8e745d!important;}
.podstrana .novinky .formatuj_obsah .strankovani a {margin-left: 15px; margin-right: 15px; color: #8e745d!important; font-size: 16px!important; text-decoration: none!important;}
.podstrana .novinky .formatuj_obsah .strankovani a.active, .podstrana .novinky .formatuj_obsah .strankovani a:hover {font-size: 18px!important; color: white!important;}
.podstrana .novinky.detail p.uvod {
    max-width: 600px!important;
    width: 100%!important;
    margin-left: auto;
    margin-right: auto;
    text-transform: none!important;
    margin-top: 40px;
}
/*.podstrana .novinky.detail p < iframe {
    max-width: 1280px;
    width: 100%;
}*/
.podstrana .novinky.detail iframe {
    max-width: 1280px;
    width: 100%;
    height: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    display: block;
    border: none;
}

.galerie a.galerie {
  display: block;
  width: 22.5%;
  height: 150px;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; 
  background-position-x: 50%; 
  background-position-y: 50%;   
  float: left;
  position: relative;
}    
.galerie a.galerie:hover span {
    background-image: url("../img/zobrazit.png");
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 150px;
    background-position: center center;    
}
.galerie a.galerie img {display: none;}
/* Uprava formatovani pro novinky */
.podstrana .novinky.detail h1, .podstrana .novinky.detail h2, .podstrana .novinky.detail h3, .podstrana .novinky.detail h4, .podstrana .novinky.detail h5, .podstrana .novinky.detail h6 {text-align: center!important;}
.podstrana .novinky.detail .vyrazny, .podstrana .novinky.detail .vyrazny2 {margin-left: auto!important; margin-right: auto!important;}
.podstrana .novinky.detail .a_cta, .podstrana .novinky.detail .a_cta2, .podstrana .novinky.detail .a_cta3 {margin-left: auto!important; margin-right: auto!important;}
.podstrana .novinky.detail ul {max-width: 560px!important; margin-left: auto!important; margin-right: auto!important;}
@media screen and (max-width: 1000px) {
    .podstrana .novinky.detail p iframe {height: 580px;}
}

@media screen and (max-width: 700px) {
    .podstrana .novinky.detail p iframe {height: 450px;}
    .galerie a.galerie {width: 31%;}
}

.sluzby .sluzba {border-bottom: solid 1px white; width: 100%; padding-top: 30px; height: 350px;}
.sluzby.prvni .sluzba {margin-top: 35px; padding-top: 15px; height: 350px;}   
.sluzby.posledni .sluzba {border: none;}
.sluzby .sluzba {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  float: left;
  padding-bottom: 50px;
}
.sluzby .sluzba.licha {border-right: solid 1px white;}
.sluzby .sluzba.licha .uprava {box-sizing: border-box; -moz-box-sizing: border-box; float: right; max-width: 700px; width: 100%; padding-right: 45px; padding-left: 0px;}
.sluzby .sluzba .uprava {box-sizing: border-box; -moz-box-sizing: border-box; float: left; max-width: 700px; width: 100%; padding-left: 45px;}
#content .sluzby .sluzba .uprava .obrazek {float: right; text-align: center; width: 20%; max-width: 80px;}
#content .sluzby .sluzba .uprava .obrazek p {border: none; padding: 0px; text-align: center; width: 100%; height: 90px;}
#content .sluzby .sluzba .uprava .obrazek p.velke {color: #8e745d; font-size: 100%; font-family: 'Domine-Regular'; line-height: 100%; height: auto;}  
#content .sluzby .sluzba .uprava .obrazek p.male {color: #8e745d; font-size: 50%; font-family: 'Domine-Regular'; text-transform: initial; height: auto;}
#content .sluzby .sluzba .uprava h2 {
  letter-spacing: 1px;
  color: #8e745d;
  text-align: left;
  font-family: 'Domine-Regular';
  font-size: 90%;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
#content .sluzby .sluzba .uprava p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: white; 
  font-family: 'RobotoCondensed-Light'; 
      text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 138%;
    width: 80%;
    padding-bottom: 10px;
    border-bottom: dashed 1px white;
    height: 122px;
    font-size: 60%;
}
#content.vernostni_program .sluzby .sluzba .uprava h2 {font-size: 67%;}
#content.vernostni_program .sluzby.prvni {margin-top: 40px;}
#content.vernostni_program .sluzby .sluzba .uprava {padding-right: 0px;}
#content.vernostni_program .sluzby .sluzba .uprava p {border: none;}
#content.vernostni_program .sluzby .sluzba .uprava table{margin:0 10px;}
#content.vernostni_program .sluzby .sluzba .uprava table tr {background-color: transparent;}
#content.vernostni_program .sluzby .sluzba .uprava table tr:nth-child(odd) {background-color: transparent;}
#content.vernostni_program .sluzby .sluzba .uprava table img {max-width: 120px;}
#content.vernostni_program .sluzby .sluzba .uprava p.partner img {max-width: 120px;}
#content.vernostni_program .sluzby .sluzba.licha .uprava {padding-left: 0px;}
#content.vernostni_program .sluzby .sluzba p {height: auto;}
#content.vernostni_program .sluzby .sluzba p.partner.mensi {height: 50px;}
#content.vernostni_program .sluzby .sluzba p.partner.bandi strong {padding-top: 0px;}
#content.vernostni_program .sluzby .sluzba p.partner.barber strong {margin-right: 0px; padding-top: 40px;}
#content.vernostni_program .sluzby .sluzba p.partner strong {padding-top: 30px; float: left; margin-right: 40px;}
#content.vernostni_program .sluzby .sluzba p.partner strong span {font-weight: normal;}    
#content.vernostni_program .sluzby .sluzba p.partner.mensi strong {padding-top: 10px;}
#content.vernostni_program .sluzby .sluzba p.partner img.nizsi {padding-top: 0px; float: left;}
#content.vernostni_program .sluzby .sluzba p.partner img.nizsiM {padding-top: 8px; margin-left: 7px;  float: left;}
#content.vernostni_program .sluzby .sluzba img.velky_obr {float: right; padding-top: 80px;}
#content.vernostni_program .sluzby .sluzba img.velky_obr.mensi {padding-top: 40px;} 
#content.vernostni_program .sluzby .sluzba img.velky_obr.harley {padding-right: 30px;} 
#content.vernostni_program .sluzby .sluzba img.velky_obr.bmw {padding-top: 30px; padding-right: 30px;}
#content.vernostni_program .sluzby .sluzba img.velky_obr.bandi {padding-top: 10px;}
#content.vernostni_program .sluzby .sluzba p.partner img.rumako {padding-top: 35px; margin-left: 30px;}

#content.vernostni_program .sluzby .sluzba img.velky_obr_2019 {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    max-height: 200px;
    max-width: 320px;
}

#content .sluzby .sluzba .uprava .cena {float: left; font-family: 'RobotoCondensed-Light'; text-transform: uppercase; font-size: 60%; margin-top: 20px; width: 35%;}
#content .sluzby .sluzba .uprava .cena span {
  display: block; 
  color: #8e745d; 
  font-size: 250%; 
  margin-top: 10px;
  font-family: 'Domine-Regular'; 
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: none;
}
#content .sluzby .sluzba .uprava a.voucher {
  float: left;
  display: block;
  color: white;
  background-color: #3e3e3e;
  text-decoration: none;
  text-align: center;
  width: 28%;
  font-family: 'Raleway-SemiBold'; 
  font-size: 55%;
  padding-top: 7px;
  padding-bottom: 7px;
  text-transform: uppercase; 
  margin-top: 52px;
  cursor: pointer;
  transition: 0.6s;
}
#content .sluzby .sluzba .uprava span.voucher_t {
    float: left;
    display: block;
    color: white;
    background-color: black;
    text-decoration: none;
    text-align: center;
    width: 28%;
    font-family: 'Raleway-SemiBold'; 
    font-size: 55%;
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase; 
    margin-top: 52px;
    cursor: initial;
    transition: 0.6s;
    margin-top: 21px;
  }
#content .sluzby .sluzba .uprava a.voucher:hover, #content .sluzby .sluzba .uprava a.rezervace:hover {background-color: white; color: black;}
#content .sluzby .sluzba .uprava a.rezervace {
  float: left;
  margin-left: 10px;
  width: 35%; 
  display: block;
  color: black;
  text-decoration: none;
  background-color: #8b7058;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
  font-size: 75%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  margin-top: 33px;
  transition: 0.6s;  
}
#content .sluzby2019 .sluzba {
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
}

#content .sluzby2019 .sluzba .uprava h2 {
    height: 55px;
    overflow: hidden;
}

#content .sluzby2019 .sluzba .uprava .cena {float: left; width: 30%;}

#content .sluzby2019 .sluzba .uprava .sluzby2019_btn {
float: left; margin-top: 10px; width: 39%; text-align: right;
}


#content .sluzby2019 .sluzba .uprava .sluzby2019_btn a.voucher {
width: 90%;
float: none;
margin: 0;
display: inline-block;
}

#content .sluzby2019 .sluzba .uprava .sluzby2019_btn a.rezervace {
width: 100%;
float: none;
margin: 0;
margin-top: 8px;
display: inline-block;
}

 .podstrana #content form.hodnoceni  {
  padding: 20px 0;
 } 
 .podstrana #content form.hodnoceni select {
  font-size: 150%;
  color: #8e745d;
  background-color: #000;
  padding: 0px;
  float: left;
  border: 1px solid #fff;
 } 
 .podstrana #content form.hodnoceni input[type="submit"] {
  background-color: #8e745d;
  border: none;
  margin-left: 1px;
  padding: 15px 60px 15px 40px;
  background-image: url("../img/sipka_bok_b.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 95%;
  background-position-y: 50%;
  cursor: pointer;
  transition: 0.6s;    
}
 .podstrana #content form.hodnoceni input[type="submit"]:hover {background-color: white; color: #8e745d}
 
 
/* FORMATOVANI OBSAHU */      
 .podstrana #content .zarovnani {max-width: 1400px;}
  #content #partneri .zarovnani {max-width: 100%;}
 .podstrana #content.kontakt .zarovnani, .podstrana #content.rezervace .zarovnani {max-width: 1200px;}
 .podstrana #content.partneri .zarovnani {max-width: 1480px;}
 #content h1, .formatuj_obsah h1 {letter-spacing: 1px; color: #8e745d; text-align: left; font-family: 'Domine-Regular'; font-size: 100%; font-weight: normal; padding-top: 60px; padding-bottom: 15px; text-transform: uppercase;}
 .podstrana #content .formatuj_obsah h1 {font-size: 150%; padding-top: 120px; } 
 .podstrana #content.partneri .zarovnani .formatuj_obsah h1 {margin-left: 80px;}
 .podstrana #content.kontakt .formatuj_obsah h1, .podstrana #content .formatuj_obsah h1.center {text-align: center;} 
 #content h2, .formatuj_obsah h2 {text-transform: uppercase; color: white; font-family: 'Domine-Regular'; font-size: 125%; font-weight: normal; padding-top: 40px; padding-bottom: 10px;}   
 #content h3, .formatuj_obsah h3 {text-transform: uppercase; color: #8e745d; font-family: 'Domine-Regular'; font-size: 137%; font-weight: normal; padding-top: 30px; padding-bottom: 8px;}
 #content h4, .formatuj_obsah h4 {text-transform: uppercase; color: #8e745d; font-family: 'Domine-Regular';  font-size: 100%; font-weight: normal; padding-top: 20px; padding-bottom: 8px;}
 #content h5, .formatuj_obsah h5 {text-transform: uppercase; color: white; font-family: 'Domine-Regular';  font-size: 100%; font-weight: normal; padding-top: 10px; padding-bottom: 5px;}
 #content p, .formatuj_obsah p {padding-bottom: 18px; padding-top: 5px; font-size: 67%; color: #1a171b; line-height: 118%; text-align: left;}
 .podstrana #content .formatuj_obsah p {font-family: 'RobotoCondensed-Light'; font-size: 66%; line-height: 148%; color: white; letter-spacing: 1px; text-transform: uppercase;}
 .podstrana #content .formatuj_obsah p.rezervace_kontrola {font-family: 'RobotoCondensed-Light'; font-size: 66%; line-height: 100%; padding-bottom: 10px; color: white; letter-spacing: 1px; text-transform: none;}
 .podstrana #content .formatuj_obsah p.rezervace_kontrola_vyrazne {color: #ffeb3b }
 #content p.odpoved_nadpis { padding-bottom: 0px; }
 .podstrana #content .formatuj_obsah p.super_vyrazny {font-family: 'RobotoCondensed-Bold';}
 #content p.maly_1{font-size: 70%;}
 #content p.maly_2 {font-size: 80%;}
 #content p.maly_3 {font-size: 90%;}
 #content p.velky_1 {font-size: 90%;}
 #content p.velky_2 {font-size: 95%;}
 #content p.velky_3 {font-size: 100%;}
 #content p.nejvetsi {font-size: 125%;}
 #content p.velky {font-size: 115%;} 
 #content p.vyrazny {color: black; background-color: #8e745d; padding: 15px; margin: 10px;}
 #content p.vyrazny2 {font-weight: bold; color: #8e745d!important; padding: 15px; margin: 10px;} 
 #content p span.nejvetsi {font-size: 200%;}
 #content p span.vyrazny {font-weight: normal; color: #8e745d;}
 #content p strong.vetsi {font-size: 130%; font-weight: bold;}
 #content p span.vyrazny_vice {font-size: 125%; font-weight: bold;}
 #content p span.vyrazny_vice2 {font-size: 125%; font-weight: bold; color: #ff0072;}
 #content p span.vyrazny_pozadi {font-weight: bold; background-color: black; color: white; padding: 5px;}
 #content p span.vyrazny_pozadi2 {font-weight: bold; background-color: #ff0072; color: white; padding: 5px;}
 #content p strong.velky {font-weight: bold; font-size: 150%;}
 #content p strong.nejvetsi {font-weight: bold; font-size: 200%;}
 #content a, .formatuj_obsah a {color: white; transition: 0.6s; font-family: 'RobotoCondensed-Light'; font-size: 100%; text-transform: none; letter-spacing: 1px;}
 #content a:hover, .formatuj_obsah a:hover {text-decoration: none; color: white;}
 #content a.a_vyrazny {color: #8e745d; text-decoration: underline; transition: 0.6s;}
 #content a.a_vyrazny:hover {text-decoration: none; color: white;}
 #content a.a_nevyrazny {color: #4b4b4b; text-decoration: underline; transition: 0.6s;}
 #content a.a_nevyrazny:hover {text-decoration: none; color: #8e745d;}
 #content a.a_cta {background-color: #8b7058; font-family: 'Raleway-SemiBold'; text-transform: uppercase; font-size: 100%; color: black; padding: 15px 70px; text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
 #content a.a_cta:hover{background-color: white; color: black;}
 #content a.a_cta2 {color: white; background-color: #3e3e3e; font-family: 'Raleway-SemiBold'; font-size: 75%; text-transform: uppercase; padding: 15px 70px; text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
 #content a.a_cta2:hover {background-color: white; color: black;}
 #content a.a_cta3 {color: black; font-size: 83%; text-transform: uppercase;  font-family: 'Domine-Regular'; background-color: white; padding: 15px 70px; text-decoration: none; transition: 0.6s; display: table; margin-top: 20px; margin-bottom: 20px;}
 #content a.a_cta3:hover {background-color: gray;}
 #content table {margin: 25px 30px; font-size: 67%;}
 #content table td {border: solid black 1px; padding: 5px;}
 #content table tr {margin-bottom: 10px;}
 #content table tr:nth-child(odd) { background: #fff; }
 #content table tr:nth-child(even) { background: #fcfcfc; }
 #content table.table_svetla {margin: 25px 0px; color: white; width: 100%;}
 #content table tr.table_svetla td {border: solid #fff 1px; background: #8e745d;}
 #content table tr td.table_svetla {border: solid #fff 1px; background: #8e745d;}
 #content table.table_svetla td {border: solid #fff 1px; background: #8e745d; padding: 5px;}
 #content table.table_svetla tr:nth-child(odd) { background: #8e745d; }
 #content table.table_svetla tr:nth-child(even) { background: #8e745d; }
 #content table.table_tmava {margin: 25px 0px; width: 100%;}
 #content table tr.table_tmava td {border: solid white 1px; background: black;}
 #content table tr td.table_tmava {border: solid white 1px; background: black;}
 #content table.table_tmava td {border: solid white 1px; background: black; padding: 5px;}
 #content table.table_tmava tr:nth-child(odd) { background: black; }
 #content table.table_tmava tr:nth-child(even) { background: black; }
 #content img.img_vlevo {
 float: left;
 margin: 10px 10px 10px 0px;
}
 #content  img.img_vpravo {
 float: right;
 margin: 10px 0px 10px 10px;
}
 #content  img.img_100 {
 clear: both;
 width: 100%;
 height: auto!important;
 margin: 15px auto 15px auto;
 text-align: center;
}
 #content  ul, .formatuj_obsah ul  {
margin-left: 30px;
margin-bottom: 20px;
font-size: 65%;
line-height: 148%;
}

/* KONEC FOTMATOVANI OBSAHU */
#footer {
  position: relative;
  color: white;
  padding-top: 70px;
  padding-bottom: 70px;
  font-size: 65%;
  text-align: center;
  font-family: 'RobotoCondensed-Light'; 
  text-transform: uppercase;
  letter-spacing: 1px; 
}
#footer a {color: #fff; text-decoration: none;}
#footer p {text-align: center;}
#footer a:hover {text-decoration: underline;}
#footer a.soc {padding-left: 15px; padding-right: 15px; padding-top: 40px; display: inline-block; zoom: 1; vertical-align: middle;}
#footer img#logo_bottom {display: block; margin-left: auto; margin-right: auto; padding-top: 30px;}

#footer a.rs {
 position: absolute;
 right: 15px;
 bottom: 15px;
 font-size: 20px;
 text-decoration: none;
 color: #464646;
}
/* === RESPONZIVNĂŤ VERZE === */

@media screen and (max-width: 1899px) {
  #partneri .zarovnani a img { max-height: 56px; }
}

@media screen and (max-width: 1780px) {
  #slider_middle .zarovnani h1 {left: 12%;}
  #slider_middle .zarovnani h2 {left: 12%;}
  #slider_middle .zarovnani img {right: 12%;}
  #slider_middle .zarovnani p {left: 12%;}
  #slider_middle .zarovnani a {left: 12%;}
}

@media screen and (max-width: 1650px) {
  #partneri .zarovnani a img { max-height: 46px; }
}

@media screen and (max-width: 1600px) {
  body {font-size: 20px;}
  #gentleman .zarovnani .formatovani_textu h1 { font-size: 115%; }
  #gentleman .zarovnani .formatovani_textu p { font-size: 80%; }
  #slider_middle .zarovnani h1 {left: 8%;}
  #slider_middle .zarovnani h2 {left: 8%;}
  #slider_middle .zarovnani img {right: 8%;}
  #slider_middle .zarovnani p {left: 8%;}
  #slider_middle .zarovnani a {left: 8%;}  
  .prava .lazebnik:first-child {margin-top: 58px;}
  #content .termin .mesic {padding-top: 19px; padding-bottom: 20px;}
  p.clen {margin-top: 34px;}
  #content .sluzby .sluzba .uprava a.rezervace {margin-top: 37px;}
}

@media screen and (max-width: 1490px) {
  #partneri .zarovnani a img { max-height: 66px; }
}


@media screen and (max-width: 1460px) {
  .sluzby .sluzba {padding: 5px;}
}

@media screen and (min-width: 1400px) {
.sluzby .sluzba_vp {height: 270px!important; padding-bottom: 0px!important}
} 

@media screen and (max-width: 1400px) {
  #header .zarovnani #nav ul li {padding-left: 10px; padding-right: 10px;}
  img.clenstvi, img.kariera {width: 50%;}
  #content.partneri .partner img {max-width: 200px;}
  .sluzby .sluzba .uprava {width: 90%;}
  #content.vernostni_program .sluzby .sluzba img.velky_obr.mensi{width: 250px;}
  
}   

@media screen and (max-width: 1336px) {
  #slider_middle .zarovnani h1 {font-size: 50%;}
  #slider_middle .zarovnani h2 {font-size: 120%;}
  #slider_middle .zarovnani p {font-size: 60%;}
  #slider_middle .zarovnani img {right: 0%;}
  /*#slider_middle .zarovnani img.dovolenaM {display: block;}
  //#slider_middle .zarovnani img.dovolena {display: none;}*/
  #content.partneri .partner {font-size: 80%;}
  #content.partneri .partner img {max-width: 100px;}
  #content .sluzby .sluzba .uprava .cena {width: 30%;}  
  .partner.barber {width: 20%!important;}
  .partner.barber img {width: 100%;}
  #content.vernostni_program .sluzby .sluzba p.partner img.rumako {padding-top: 0px; margin-left: 0px;}
}

@media screen and (max-width: 1220px) {     
  #nabidka .zarovnani .sloupec img {width: 90%;}
  #slider_middle .zarovnani img.dovolena {max-width: 700px; height: 365px;}
}

@media screen and (max-width: 1200px) {
  #header .zarovnani #nav ul li {padding-left: 0px; padding-right: 5px; font-size: 90%;}
  #gentleman .zarovnani .formatovani_textu h1 { font-size: 100%; }
  #gentleman .zarovnani .formatovani_textu p { font-size: 66%; }
  #nabidka .zarovnani .sloupec img {width: 70%;}
  .podstrana a.obr {height: 188px;}
  #content.vernostni_program .sluzby .sluzba img.velky_obr {width: 40%!important;}
    
  #content.vernostni_program .sluzby .sluzba img.velky_obr_2019 {
      max-height: 200px;
      max-width: 280px;
  }
  
  
  #content .sluzby2019 .sluzba .uprava .cena span {
      font-size: 200%;
  }

}

@media screen and (max-width: 1180px) {
  #nabidka .zarovnani .sloupec p {font-size: 60%;}
  #nabidka .zarovnani .sloupec {height: 500px;}
  #slider_middle .zarovnani h1 {font-size: 50%;}
  #slider_middle .zarovnani h2 {font-size: 80%;}
  #slider_middle .zarovnani p {font-size: 40%;} 
  .clen img {width: 100%;}
  .clen .profilefoto{width: 100%}
  #content.vernostni_program .sluzby .sluzba p.partner strong {margin-right: 10px;}
}

@media screen and (max-width: 1100px) { 
  #gentleman {  background-size: contain; height: 300px;}
  #gentleman .zarovnani .formatovani_textu h1 {padding-top: 25px;}
  #content .sluzby .sluzba .uprava p {height: 120px;}
  #content .sluzby .sluzba .uprava a.voucher {width: 30%;}
}

@media screen and (max-width: 980px) {
  #header .zarovnani #nav ul {display: none; width: 100%; margin-left: auto; margin-top: 10px; z-index: 997;}
  #header #nav #hamburger {cursor: pointer; position:relative; display: block; width: 50px; height: 35px; margin-left: auto; margin-right: auto;  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } 
  #header #nav #hamburger span{display: block; position: absolute; height: 6px; width: 100%; background-color: white; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}  
  #header #nav #hamburger span:nth-child(1) { top: 0px;}
  #header #nav #hamburger span:nth-child(2) { top: 17px;}
  #header #nav #hamburger span:nth-child(3) { top: 34px;}
  #header #nav #hamburger.open  span{background-color: #afa472;} 
  #header #nav #hamburger.open span:nth-child(1) { top: 17px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
  #header #nav #hamburger.open span:nth-child(2) { opacity: 0; left: -60px;}
  #header #nav #hamburger.open span:nth-child(3) { top: 17px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
  #header .zarovnani #nav ul li {display: block; background-color: black; padding: 0; z-index: 999; background-image: none;  position: relative; margin-right: 0px; margin-left: 0px; margin-top: 0px;}
  #header .zarovnani #nav ul li a:hover, #header .zarovnani #nav ul li a.active {border-bottom: none; text-decoration: underline;}
  #header .zarovnani #nav ul li a {box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 100%; font-size: 125%; text-align: center; margin: 0px; padding-top: 10px; padding-bottom: 10px!important;}
  #nabidka .zarovnani .sloupec  {float: none; clear: both; background-image: none; width: 100%; height: auto; padding-bottom: 35px; padding-top: 20px; border-bottom: solid 1px white;}
  #nabidka .zarovnani .sloupec img {width: 230px;}
  #nabidka .zarovnani .sloupec .dole {position: relative;}
  #nabidka .zarovnani .sloupec a {width: 180px; margin-top: 55px; display: block; margin-left: auto; margin-right: auto;}
  #slider_middle .zarovnani img {display: none;}   
  #slider_middle .zarovnani img.dovolenaM {display: none;}
  #slider_middle .zarovnani h1 {left: 0; position: relative; text-align: center;}
  #slider_middle .zarovnani h2 {left: 0; position: relative; text-align: center; top: 0px;}
  #slider_middle .zarovnani p {left: 0; position: relative; text-align: center; top: 0px;}    
  #slider_middle .zarovnani a {left: 0; position: relative; text-align: center; top: 0px; display: block; margin-left: auto; margin-right: auto;}
  .podstrana a.obr {height: 145px;} 
  .clen {width: 21%;}
  #content.partneri .partner {border: none!important; float: none; clear: both; width: 100%; font-size: 100%;}
  #content.partneri .partner:nth-child(2), #content.partneri .partner:nth-child(3), #content.partneri .partner:nth-child(4), 
  #content.partneri .partner:nth-child(5), #content.partneri .partner:nth-child(6), #content.partneri .partner:nth-child(7)
  , #content.partneri .partner:nth-child(8), #content.partneri .partner:nth-child(9), #content.partneri .partner:nth-child(10), #content.partneri .partner:nth-child(11) {height: auto; padding: 20px;}
  .podstrana #content.rezervace .zarovnani .leva, .podstrana #content.rezervace .zarovnani .prava {float: none; clear: both; width: 100%;}
  .podstrana #content.rezervace .zarovnani .prava {padding-top: 0px;}
  .prava .lazebnik:first-child {margin-top: 20px;}
    #content .prava .lazebnik:first-child {
        margin-top: 20px;
    }
  /*.podstrana #content.rezervace .zarovnani .prava a {display: block; clear: both; float: none;}
  .podstrana #content.rezervace .zarovnani .prava .lazebnik a {display: block; clear: none; float: none;}
  .podstrana #content.rezervace .zarovnani .prava .lazebnik a.foto_lazebnik_rezervace {float: left;}*/
  #content .termin {border: none; margin-left: auto; margin-right: auto; padding-right: 0px;}
  .leva .cara {height: auto; border: none;}
  .prava.dal {padding-left: 0px;}
  .sluzby .sluzba {width: 100%;}
  .sluzby .sluzba.licha .uprava, .sluzby .sluzba .uprava {float: left; width: 100%; padding-left: 40px; padding-right: 40px; border: none;}
  .sluzby .sluzba, .sluzby .sluzba.licha {border: none;}
  #content.vernostni_program .sluzby .sluzba.licha .uprava, #content.vernostni_program .sluzby .sluzba .uprava {padding-left: 0px; padding-right: 0px; width: 100%; margin-left: auto; margin-right: auto; float: none; clear: both; padding-top: 40px;}
  #content.vernostni_program .sluzby .sluzba {height: 300px;}
  #content.vernostni_program .sluzby .sluzba .uprava p {height: auto;}
  .podstrana #content .formatuj_obsah h1 {padding-top: 20px;}
  .sluzby .sluzba {    height: auto;margin-bottom: 50px;}
  .alert {
    width: 90%;
    padding: 5%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    background-color: rgba(113, 30, 30, 0.9)
  }
}

@media screen and (max-width: 800px) {
  .podstrana a.obr {height: 100px;}
  #gentleman {  background-size: 30%; background-position: right bottom; height: 300px;}
    .podstrana .novinka a.obr {
    width: 200px;
    height: 155px;
    margin-left: 0px;
    margin-right: 30px;
   }
   .podstrana .formatuj_obsah .novinka .text_novinky a h2 {
    font-size: 20px!important;
    line-height: 20px!important;
   }
   .podstrana .formatuj_obsah .novinka .text_novinky .middle p {
    font-size: 12px!important;
    line-height: 13px!important;
    }
}

@media screen and (max-width: 750px) {
  .clen {width: 29%;}
  
   .podstrana #content form.hodnoceni select {    
     width: 100%;
     margin-bottom: 50px;
   } 
   #content.vernostni_program .sluzby .sluzba img.velky_obr_2019 {
    max-width: 180px;
    }
}

@media screen and (max-width: 700px) {  
  /*img.clenstvi, img.kariera {display: none;}*/
  .kontakt .sloup {width: 100%; float: none; clear: both; margin-bottom: 25px;}  
  .podstrana #content.kontakt .zarovnani .sloup p, .podstrana #content.kontakt .zarovnani .sloup.pravy p {text-align: left;}
  
  .podstrana .novinka a.obr {
    width: 100%;
    height: 200px;
    margin-left: 0px;
    margin-right: 30px;
  } 
  .podstrana .novinka .text_novinky {
    width: 100%;
   }
   
}

@media screen and (max-width: 600px) { 
  #header a#logo { width: 80%; }
  #header p.telefon {position: relative; text-align: center; padding: 0; background-position: top center; padding-top: 30px; width: 100%; right: 0px; top: 15px;}
  #header .zarovnani #nav {padding-top: 50px;}
  .podstrana a.obr {width: 48%; height: 188px;}
  .clen {width: 46%;}
  #content .formatuj_obsah .clen a {padding-left: 15px; padding-right: 15px;}
  #content.partneri .partner img {width: 70px}
  #gentleman {  background-size: contain; background-position: center bottom; height: 850px;}
  .podstrana #content.partneri .partner p { font-size: 50%; }
  .prava .radek {margin-left: 0}
  .prava .radek .cashod {font-size: 65%; font-family: "RobotoCondensed-Regular"}
#partneri .zarovnani a {
    padding: 20px 0;
    width: 100%;
    text-align: center;
}


#content .lazebnik a.lazebnik_jmeno {
  width: 84%;
  padding-left: 20px;
  box-sizing: border-box;
}
#content a.foto_lazebnik_rezervace {
    width: 15%;
}

}

@media screen and (max-width: 500px) {
  #gentleman { height: 800px;}
  .podstrana a.obr {height: 130px;}
  #content .termin {width: 100%}
  .podstrana #content.rezervace input {width: 70%;}
  .sluzby .sluzba {    height: auto;margin-bottom: 8px;}
  #content .sluzby .sluzba .uprava .obrazek {display: none;}
  #content .sluzby .sluzba .uprava p {width: 100%;}
  #content .sluzby .sluzba .uprava .cena {float: none; clear: both; width: 100%;}
  #content .sluzby .sluzba .uprava h2 {padding-top: 40px;}
  #content.vernostni_program .sluzby .sluzba .uprava h2 {padding-top: 40px;}
  .sluzby.prvni .sluzba, #content .sluzby .sluzba .uprava p {height: auto;}
  #content .sluzby .sluzba .uprava a.rezervace {margin-top: 5px; float: right; width: 45%;}
  #content .sluzby .sluzba .uprava a.voucher {margin-top: 10px; width: 45%;}
  #partneri .zarovnani a { padding-left: 0; padding-right: 0;}
  

}

@media screen and (max-width: 400px) { 
  #gentleman { height: 720px;}
  .lazebnik {padding-left: 5px;}
}

/* === FONTY === */
@font-face {
  font-family: 'Domine-Regular';
  src: url("../font/Domine-Regular.eot");
  src: url("../font/Domine-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Domine-Regular.woff") format("woff"), url("../font/Domine-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url("../font/Raleway-SemiBold.eot");
  src: url("../font/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/Raleway-SemiBold.woff") format("woff"), url("../font/Raleway-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url("../font/RobotoCondensed-Regular.eot");
  src: url("../font/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Regular.woff") format("woff"), url("../font/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url("../font/RobotoCondensed-Light.eot");
  src: url("../font/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Light.woff") format("woff"), url("../font/RobotoCondensed-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url("../font/RobotoCondensed-Bold.eot");
  src: url("../font/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Bold.woff") format("woff"), url("../font/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url("../font/MyriadPro-Regular.eot");
  src: url("../font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../font/MyriadPro-Regular.woff") format("woff"), url("../font/MyriadPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;  
}

form.promo_kd {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

form.promo_kd input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 258px;
    margin-right: 5px;
    height: 38px;
    /*float: left;*/
    border: solid 1px black;
    outline: none;
    display: inline-block;
    background-color: #af9860;
    text-decoration: none;
    text-align: center;
    font-family: 'Raleway-SemiBold';
    font-size: 75%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    transition: 0.6s;
}
form.promo_kd input[type="submit"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 140px;
    height: 39px;
    /*float: left;*/
    border: none;
    outline: none;
    cursor: pointer;
    display: inline-block;
    color: white;
    text-decoration: none;
    text-align: center;
    background-color: black;
    font-family: 'Raleway-SemiBold';
    text-transform: uppercase;
    font-size: 75%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    transition: 0.6s;
}
form.promo_kd input[type="submit"]:hover {
    background-color: white;
    color: black;
}

.popup_shadow {
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.67);
}
.popup_shadow .popup {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.popup_shadow .popup_wrap {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_shadow .popup_wrap .row {
    width: auto;
}
.popup_shadow .popup_wrap .popup_item {
    border: solid 4px #50453b;
    border-radius: 5px;
    padding: 5px;
    width: auto;
    max-width: 800px;
    height: auto;
    margin: 10px;
    background-image: url("../img/popup/popup_podklad.jpg");
    background-color: black;
    background-size: initial;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah {
    padding: 15px;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah .popup_zavrit {
    margin-left: calc(100% - 12px);
    width: 12px;
    height: 13px;
    display: block;
    background-image: url("../img/popup/popup_zavrit.png");
    background-color: black;
    background-size: initial;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah p {
    font-family: 'RobotoCondensed-light';
    font-size: 20px;
    line-height: 25px;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah p.odsazeni {
    margin-top: 40px;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah strong {
    font-family: 'RobotoCondensed-regular';
    font-size: 20px;
    line-height: 25px;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah h2 {
    font-family: "Domine-Regular";
    font-size: 36px;
    line-height: 36px;
    color: #8d745e;
    padding-top: 15px;
}
.popup_shadow .popup_wrap .popup_item .popup_obsah .mobile {
    display: none;
}

@media screen and (max-width: 800px) { 
    .popup_shadow .popup_wrap .popup_item .popup_obsah .desktop {
        display: none;
    }
    .popup_shadow .popup_wrap .popup_item .popup_obsah .mobile {
        display: inline-block;
    }
}

@media screen and (max-width: 570px) { 
    .popup_shadow .popup_wrap .popup_item {
        width: 360px;
    }
    .popup_shadow .popup_wrap .popup_item .mobile {
        width: 100%;
    }
    .popup_shadow .popup_wrap .popup_item .popup_obsah p {
        font-size: 14px;
        line-height: 18px;
    }
    .popup_shadow .popup_wrap .popup_item .popup_obsah strong {
        font-size: 14px;
        line-height: 18px;
    }
    .popup_shadow .popup_wrap .popup_item .popup_obsah h2 {
        font-size: 20px;
        line-height: 20px;
        padding-top: 10px;
    }
    .popup_shadow .popup_wrap .popup_item .popup_obsah p.odsazeni {
        margin-top: 20px;
    }
}

@media screen and (max-width: 490px) { 
    .popup_shadow .popup_wrap .popup_item {
        transform: scale(0.85);
    }
}


.zavolejte_nam_shadow {
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.67);
    display: none;
}
.zavolejte_nam_shadow .zavolejte_nam {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .row {
    width: auto;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item {
    border: solid 4px #50453b;
    border-radius: 5px;
    padding: 5px;
    width: auto;
    max-width: 800px;
    height: auto;
    margin: 10px;
    background-image: url("../img/popup/popup_podklad.jpg");
    background-color: black;
    background-size: initial;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah {
    padding: 15px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah .zavolejte_nam_zavrit {
    margin-left: calc(100% - 12px);
    width: 12px;
    height: 13px;
    display: block;
    background-image: url("../img/popup/popup_zavrit.png");
    background-color: black;
    background-size: initial;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p {
    font-family: 'RobotoCondensed-light';
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p .cislo {
    display: inline-block;
    background-color: #8d745e;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: top;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p .obsah {
    display: inline-block;
    text-align: center;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p .obsah a {
    font-family: 'RobotoCondensed-regular';
    color: white;
    text-decoration: none;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p.prvni {
    margin-top: 40px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p.druhy, .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p.treti {
    margin-top: 20px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p.treti {
    margin-bottom: 30px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah strong {
    font-family: 'RobotoCondensed-regular';
    font-size: 20px;
    line-height: 25px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah h2 {
    font-family: "Domine-Regular";
    font-size: 36px;
    line-height: 36px;
    color: #8d745e;
    padding-top: 15px;
}
.zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah .mobile {
    display: none;
}

@media screen and (max-width: 800px) { 
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah .desktop {
        display: none;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah .mobile {
        display: inline-block;
    }
}

@media screen and (max-width: 570px) { 
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item {
        width: 360px;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .mobile {
        width: 100%;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p {
        font-size: 14px;
        line-height: 18px;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah strong {
        font-size: 14px;
        line-height: 18px;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah h2 {
        font-size: 20px;
        line-height: 20px;
        padding-top: 10px;
    }
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item .zavolejte_nam_obsah p.odsazeni {
        margin-top: 20px;
    }
}

@media screen and (max-width: 490px) { 
    .zavolejte_nam_shadow .zavolejte_nam_wrap .zavolejte_nam_item {
        transform: scale(0.85);
    }
}
.zavoljte_nam_cta {
    cursor: pointer;
}

.mapa_kontakty_new {
    position: relative;
    width: 100%;
}
.mapa_kontakty_new img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 980px) { 
    #content .cesta {
        position: relative;
        padding-top: 10px;
        top: initial;
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 650px) { 
    #content .rezervace_provozovna {
        width: 100%;
        max-width: 100%;
        margin: 10px 0px;
        float: none;
        clear: both;
    }
}