BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Sofia Sans Condensed", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 20px;
 color: #FFFFFF;
 background-color: #3A3237;
}
BODY.BODY2{
 padding: 90px 0px 0px 0px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 70px;
 color: #853300;
 text-align: center;
 font-weight: 100;
 background-repeat: repeat-x;
 background-position: center center;
}
H1 STRONG{
 display: inline-block;
 padding: 0px 50px;
 font-weight: 100;
}
H1 EM{
 display: block;
 font-style: normal;
 font-size: 40px;
}
.main STRONG{ font-weight: 700; }
.pruh1 H1, .pruh3 H1{ background-image: url(obr/cara1.png); }
.pruh2 H1{ background-image: url(obr/cara2.png); color: #B60000; }
.pruh1 H1 STRONG{ background-color: #F0E9E5; }
.pruh2 H1 STRONG{ background-color: #FFFFFF; }
.pruh3 H1 STRONG{ background-color: #EBEAEB; }
H2{ font-size: 40px; }
H2.H2{
 text-align: left;
 color: #B60000;
}
.sluzby DIV{
 width: 50px;
 height: 50px;
 margin: 0px 0px 10px 0px;
 background-repeat: no-repeat;
 background-size: 100%;
}
.dm H2{
 background-color: #B60000;
 color: #FFFFFF;
 padding: 10px 20px;
 text-align: center;
 font-size: 30px;
 font-weight: 200;
}
.dm H2 STRONG{
 float: left;
}
.dm H2 EM{
 display: block;
 font-style: normal;
 float: right;
 font-size: 25px;
 padding: 2px 0px 0px 0px;
}
.dm DIV.d_m,
.listek{
 color: #000000;
 font-size: 20px;
}
.dm DIV.kategorie,
.listek DIV.kategorie{
 font-weight: 700;
 padding: 20px 0px;
}
.dm DIV.jidlo,
.listek DIV.jidlo,
.pokoje DIV.pokoj{
 position: relative;
}
.pokoje DIV.pokoj{ margin: 0px 0px 20px 0px; }
.dm DIV.jidlo STRONG,
.listek DIV.jidlo STRONG,
.pokoje DIV.pokoj STRONG{
 position: relative;
 display: block;
 float: left;
 font-weight: 300;
 background-color: #FFFFFF;
 padding: 0px 10px 0px 0px;
 z-index: 2;
}
.dm DIV.jidlo EM,
.listek DIV.jidlo EM,
.pokoje DIV.pokoj EM{
 position: relative;
 display: block;
 float: right;
 font-style: normal;
 background-color: #FFFFFF;
 padding: 0px 0px 0px 10px;
 z-index: 2;
}
.pokoje DIV.pokoj STRONG,
.pokoje DIV.pokoj EM{
 padding: 5px 20px;
}
.listek DIV.jidlo STRONG,
.listek DIV.jidlo EM{
 background-color: #F0E9E5;
}
.dm DIV.jidlo SPAN.tecky,
.listek DIV.jidlo SPAN.tecky,
.pokoje DIV.pokoj SPAN.tecky{
 position: absolute;
 left: 0px;
 bottom: 6px;
 display: block;
 width: 100%;
 border-bottom: dotted 2px #DDDDDD;
 z-index: 1;
}
.listek DIV.jidlo SPAN.tecky{ border-bottom: dotted 2px #BBBBBB; }
.pokoje DIV.pokoj SPAN.tecky{ bottom: 12px; }
.pokoje DIV.pokoj A.tlacitko,
.pokoje DIV.pokoj A.tlacitko:link,
.pokoje DIV.pokoj A.tlacitko:visited{
 position: relative;
 display: block;
 float: right;
 padding: 5px 10px;
 font-size: 25px;
 z-index: 2;
}
INPUT, TEXTAREA, SELECT{ font-family: "Sofia Sans Condensed", sans-serif; }
INPUT.i, DIV.input, TEXTAREA{
 max-width: calc(100% - 40px);
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #3F3F3C;
 font-size: 25px;
 line-height: 30px;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 0px 10px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 10px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 10px 0px #DDDDDD;
}
INPUT.i.i2{ font-size: 20px; }
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 color: #853300;
 box-shadow: 0px 0px 10px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
INPUT.iL, DIV.iL{
 -webkit-border-radius: 10px 0px 0px 10px;
 -moz-border-radius: 10px 0px 0px 10px;
 -khtml-border-radius: 10px 0px 0px 10px;
 border-radius: 10px 0px 0px 10px;
}
INPUT.iP, DIV.iP{
 -webkit-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 -khtml-border-radius: 0px 10px 10px 0px;
 border-radius: 0px 10px 10px 0px;
}
INPUT.iL.iP, DIV.iL.iP{
 -webkit-border-radius: 0px 0px 0px 0px;
 -moz-border-radius: 0px 0px 0px 0px;
 -khtml-border-radius: 0px 0px 0px 0px;
 border-radius: 0px 0px 0px 0px;
}
SELECT{
 padding: 5px;
 max-width: calc(90% - 10px);
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 25px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
SELECT.over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
TABLE.form_table{
 width: 700px;
 max-width: 100%;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #FFFFFF;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #D4BF9F;
}
.pruh1 A, .pruh1 A:link, .pruh1 A:visited{ color: #853300; }
.pruh1 A:hover, .pruh1 A:active{ color: #C89A56; }
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #973805;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 300px;
 left: 20%;
 display: block;
 width: 60%;
 aspect-ratio: 939 / 310;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 z-index: 104;
}
A.logo.logom,
A.logo.logom:link,
A.logo.logom:visited{
 background-image: url(obr/logom.png);
}
A.logo:hover,
A.logo:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.BODY2 A.logo,
.BODY2 A.logo:link,
.BODY2 A.logo:visited{
 top: 20px;
 left: 20px;
 width: 230px;
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 400;
 padding: 12px 30px 8px 30px;
 line-height: 40px;
 margin: 0px 1px 0px 1px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #D4BF9F;
 background-image: url(obr/poz2.png);
 text-decoration: none;
}
.vlajky A,
.vlajky A:link, .vlajky A:visited{
 display: block;
 float: left;
 width: 32px;
 height: 20px;
 background-image: url(obr/vlajky/cz.png);
 background-repeat: no-repeat;
 margin: 0px 30px 0px 0px;
}
.vlajky A.en, .vlajky A.en:link, .vlajky A.en:visited{ background-image: url(obr/vlajky/en.png); }
.vlajky A.de, .vlajky A.de:link, .vlajky A.de:visited{ background-image: url(obr/vlajky/de.png); }
.vlajky A SPAN,
.vlajky A:link SPAN, .vlajky A:visited SPAN{
 display: none;
}
.vlajky A.a,
.vlajky A.a:link, .vlajky A.a:visited,
.vlajky A:hover, .vlajky A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
INPUT.b,
A.tlacitko,
A.tlacitko:link, A.tlacitko:visited{
 display: inline-block;
 color: #FFFFFF;
 background-color: #A8917B;
 border: none;
 font-size: 30px;
 padding: 10px 30px;
}
INPUT.b_over,
A.tlacitko:hover, A.tlacitko:active{
 background-color: #853300;
 text-decoration: none;
}
A.tlacitko.tlacitko2,
A.tlacitko.tlacitko2:link, A.tlacitko.tlacitko2:visited{
 display: block;
 background-color: #853300;
 text-align: center;
}
A.tlacitko.tlacitko2:hover, A.tlacitko.tlacitko2:active{
 background-color: #A8917B;
}
A.rezervace,
A.rezervace:link,
A.rezervace:visited{
 position: absolute;
 left: 30px;
 bottom: 30px;
 display: block;
 padding: 10px 50px;
 border: solid 1px #FFFFFF;
 background-image: url(obr/poz3.png);
 color: #FFFFFF;
 font-size: 30px;
 z-index: 2;
}
A.rezervace:hover,
A.rezervace:active{
 cursor: pointer;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.trojuhelniky,
A.trojuhelniky:link,
A.trojuhelniky:visited{
 display: inline-block;
 width: 50px;
 height: 90px;
 background-image: url(obr/3uhelnik.png);
 background-repeat: repeat-y;
 background-position: top center;
}
A.trojuhelniky:hover,
A.trojuhelniky:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.aktuality A,
.aktuality A:link,
.aktuality A:visited{
 display: inline-grid;
 background-color: #FFFFFF;
 padding: 30px;
 box-shadow: 0px 0px 30px 0px #E6D4C9;
 -webkit-box-shadow: 0px 0px 30px 0px #E6D4C9;
 -moz-box-shadow: 0px 0px 30px 0px #E6D4C9;
}
.aktuality A:hover,
.aktuality A:active{
 box-shadow: 0px 0px 30px 0px #C9AC9C;
 -webkit-box-shadow: 0px 0px 30px 0px #C9AC9C;
 -moz-box-shadow: 0px 0px 30px 0px #C9AC9C;
}
.aktuality A.a1,
.aktuality A.a1:link,
.aktuality A.a1:visited{
 margin: 100px 0px 100px 0px;
}
.aktuality A.a2,
.aktuality A.a2:link,
.aktuality A.a2:visited{
 margin: 0px 0px 200px 0px;
}
.aktuality A.a3,
.aktuality A.a3:link,
.aktuality A.a3:visited{
 margin: 200px 0px 0px 0px;
}
.aktuality A SPAN.r,
.aktuality A:link SPAN.r,
.aktuality A:visited SPAN.r{
 border: solid 1px #DDD8D5;
 padding: 30px;
}
.aktuality A STRONG.n,
.aktuality A:link STRONG.n,
.aktuality A:visited STRONG.n{
 display: block;
 color: #B60000;
 font-size: 25px;
 font-weight: 600;
 text-align: center;
 padding: 0px 0px 20px 0px;
}
.aktuality A SPAN.t,
.aktuality A:link SPAN.t,
.aktuality A:visited SPAN.t{
 text-align: left;
 color: #000000;
 font-size: 20px;
}
.aktuality A SPAN.t STRONG,
.aktuality A:link SPAN.t STRONG,
.aktuality A:visited SPAN.t STRONG{
 font-weight: 700;
}
.aktuality A EM.p,
.aktuality A:link EM.p,
.aktuality A:visited EM.p{
 display: block;
 text-align: right;
 color: #853300;
 font-size: 20px;
 font-style: normal;
 padding: 20px 0px 0px 0px;
}
.blok .blokT .blokF A,
.blok .blokT .blokF A:link,
.blok .blokT .blokF A:visited{
 display: inline-grid;
}
.blok .blokT .blokF A:hover,
.blok .blokT .blokF A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: inline-grid;
 border: solid 2px #DDD8D5;
 padding: 10px;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.blok .blokT .blokF A IMG,
.blok .blokT .blokF A:link IMG,
.blok .blokT .blokF A:visited IMG,
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 width: 100%;
}
A.facebook,
A.facebook:link,
A.facebook:visited{
 display: inline-block;
 width: 75px;
 height: 75px;
 background-image: url(obr/sluzby/facebook.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
A.facebook:hover,
A.facebook:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.plus,
A.plus:link,
A.plus:visited,
A.minus,
A.minus:link,
A.minus:visited{
 display: block;
 float: left;
 width: 25px;
 height: 25px;
 line-height: 25px;
 background-color: #3A3237;
 color: #FFFFFF;
 text-align: center;
 font-size: 40px;
 -webkit-border-radius: 0px 10px 0px 0px;
 -moz-border-radius: 0px 10px 0px 0px;
 -khtml-border-radius: 0px 10px 0px 0px;
 border-radius: 0px 10px 0px 0px;
}
A.minus,
A.minus:link,
A.minus:visited{
 margin: 1px 0px 0px 0px;
 height: 24px;
 line-height: 22px;
 -webkit-border-radius: 0px 0px 10px 0px;
 -moz-border-radius: 0px 0px 10px 0px;
 -khtml-border-radius: 0px 0px 10px 0px;
 border-radius: 0px 0px 10px 0px;
}
A.plus:hover,
A.plus:active,
A.minus:hover,
A.minus:active{
 color: #FFFFFF;
 background-color: #973805;
}
.bottom A:link, .bottom A:visited{ color: #FFFFFF; }
.bottom A:hover, .bottom A:active{ color: #973805; }
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{ color: #FFFFFF; }
.copy A:hover, .copy A:active{ color: #973805; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{ color: #973805; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 100px;
 left: 0px;
 width: 100%;
 height: 60px;
 border-top: solid 1px #54494E;
 border-bottom: solid 1px #54494E;
 background-image: url(obr/poz.png);
 text-align: center;
 z-index: 100;
}
.BODY2 .menupruh{
 height: 110px;
}
.menu{
 display: inline-block;
}
.BODY2 .menu{
 top: 30px;
}
.top{
 width: 100%;
 height: 100vh;
 background-image: url(obr/top.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.vlajky{
 position: fixed;
 top: 40px;
 right: 10px;
 z-index: 101;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.pruh1{
 color: #000000;
 background-color: #F0E9E5;
}
.pruh2{
 background-color: #FFFFFF;
}
.pruh3{
 background-color: #EBEAEB;
}
.main{
 width: 90%;
 margin: 0px auto 0px auto;
 text-align: left;
}
.main2{
 margin: 0px auto 0px auto;
 width: 95%;
 font-size: 20px;
}
.bottom .main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
}
.mainL{
 width: 45%;
 float: left;
}
.mainP{
 width: 45%;
 float: right;
}
.mainL1{
 width: 25%;
 float: left;
}
.mainP1{
 width: 70%;
 float: right;
}
.mainP2{
 width: 35%;
 float: right;
}
.mainP3{
 width: 15%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.motto{
 position: absolute;
 left: 0px;
 bottom: 20px;
 width: 100%;
 text-align: center; 
 font-size: 30px;
 z-index: 1;
}
.sluzby{
 position: absolute;
 right: 30px;
 bottom: 20px;
 z-index: 1;
}
.aktuality{
 display: grid;
 grid-gap: 50px;
 grid-template-columns: auto auto auto;
 padding: 0px 0px 20px 0px;
}
.blok{
 position: relative;
 overflow: hidden;
}
.blok .blokT{
 position: absolute;
 top: 100px;
 width: calc(35% - 100px);
 height: calc(100% - 304px);
 padding: 50px;
 background-image: url(obr/poz4.png);
 color: #000000;
 font-size: 20px;
 text-align: justify;
}
.blok.blokTO .blokT{ left: 0px; }
.blok.blokOT .blokT{ right: 0px; background-image: url(obr/poz5.png); }
.blok .blokT .blokF{
 display: grid;
 grid-gap: 10px;
 grid-template-columns: auto auto auto auto;
}
.blok .blokO{
 width: calc(75% - 104px);
 padding: 50px;
 border: solid 2px #EFEBE7;
}
.blok.blokTO .blokO{ float: right; }
.blok.blokOT .blokO{ float: left; }
.blok .blokO IMG{
 width: 100%;
}
.blok .blokR{
 width: calc(100% - 44px);
 padding: 20px;
 border: solid 2px #EFEBE7;
 font-size: 30px;
 color: #853300;
}
.fotogalerie{
 display: grid;
 grid-gap: 10px;
 grid-template-columns: auto auto auto auto auto;
}
.blok{
 background-color: #FFFFFF;
 padding: 30px;
 box-shadow: 0px 0px 30px 0px #E6D4C9;
 -webkit-box-shadow: 0px 0px 30px 0px #E6D4C9;
 -moz-box-shadow: 0px 0px 30px 0px #E6D4C9;
}
.blokr{
  border: solid 1px #DDD8D5;
  padding: 30px;
  font-size: 25px;
  color: #000000;
}
.dm{
 padding: 20px 0px 0px 0px;
}
.pokoje{
 color: #000000;
 font-size: 25px;
}
.plus_minus{
 float: left;
 width: 25px;
 height: 50px;
}
.uL{ float: left; }
.uP{ float: right; }
.cislo{
 display: inline-block;
 padding: 3px 7px;
 margin: 5px;
 color: #FFFFFF;
 background-color: #853300;
 font-size: 20px;
 vertical-align: middle;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}