BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Exo 2", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 20px;
 color: #FFFFFF;
 background-color: #373C3F;
}
BODY.BODY2{
 padding-top: 82px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 70px;
 color: #FFFFFF;
 text-align: center;
 font-weight: 100;
 background-repeat: repeat-x;
 background-position: center center;
}
H1.motto{
 position: absolute;
 top: 400px;
 right: 200px;
 max-width: 470px;
 font-size: 35px;
 font-weight: 400;
 text-align: right;
 z-index: 11;
}
.pruh1 H1,
.pruh2 H1,
.pruh3 H1,
.pruh4 H1,
.pblok H2{
 position: relative;
 display: inline-block;
 padding: 0px 0px 10px 0px;
}
.pruh1 H1::after,
.pruh2 H1::after,
.pruh3 H1::after,
.pruh4 H1::after,
.pblok H2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #FFFFFF;
  clip-path: polygon(0 0, 100% 3px, 100% 100%, 0 100%);
}
H2{
 text-align: left;
 padding: 50px 0px;
 font-size: 50px;
}
.main STRONG{
 font-weight: 700;
}
.main IMG{ max-width: 100%; }
.slider IMG{
 position: absolute;
 top: 0px;
 right: 0px;
 display: none;
 height: 100%;
}
.slider IMG#slobr1{
 display: inline-block;
}
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%;
}
DIV.balicky,
DIV.pokoje{
 display: grid;
 grid-template-columns: 60% 40%;
 padding: 100px 0px;
}
DIV.balicky.balickyP,
DIV.pokoje.pokojeP{ grid-template-columns: 40% 60%; }
DIV.bobr,
DIV.pobr{
 position: relative;
 display: inline-grid;
 width: 100%;
 aspect-ratio: 1000 / 667;
}
DIV.balicky.balickyP DIV.bobr,
DIV.pokoje.pokojeP DIV.pobr{ order: 2; }
DIV.pobr H2{
 position: absolute;
 top: 5px;
 font-weight: 700;
 z-index: 2;
}
.balickyL DIV.bobr H3,
.balickyP DIV.bobr H3{ font-size: 3vw; padding: 10px 0px 0px 0px; }
.balickyL DIV.bobr H3{ text-align: right; }
.balickyP DIV.bobr H3{ text-align: left; }
.pokojeL DIV.pobr H2{ right: -50px; }
.pokojeP DIV.pobr H2{ left: -50px; }
DIV.bobr IMG,
DIV.pobr IMG,
DIV.bobr DIV.bimg,
DIV.pobr DIV.pimg{
 width: 100%;
 aspect-ratio: 1000 / 667;
 position: relative;
 z-index: 1;
}
DIV.bobram,
DIV.pobram{
 position: absolute;
 top: 30px;
 width: calc(100% + 50px);
 height: 100%;
 border: solid 1px #FFFFFF;
 z-index: 2;
}
.balickyL DIV.bobram,
.pokojeL DIV.pobram{ left: 30px; }
.balickyP DIV.bobram,
.pokojeP DIV.pobram{ right: 30px; }
DIV.bvyb H2{ padding: 0px 0px 30px 0px; }
DIV.pobr H3{ font-size: 20px; }
.pokojeL DIV.pobr H3{ text-align: right; padding: 10px 0px 0px 50px; }
.pokojeP DIV.pobr H3{ text-align: left; padding: 10px 50px 0px 0px; }
.balicky DIV.bvyb,
.pokoje DIV.pvyb{
 display: inline-grid;
 font-size: 17px;
}
DIV.balicky.balickyL DIV.bvyb{ padding: 20px 0px 0px 120px; }
DIV.pokoje.pokojeL DIV.pvyb{ padding: 50px 0px 0px 100px; }
DIV.balicky.balickyP DIV.bvyb,
DIV.pokoje.pokojeP DIV.pvyb{ order: 1; padding: 50px 100px 0px 0px; }
.pokoj IMG{ width: 100%; }
.pokoj H2{ font-size: 30px; padding-top: 0px; }
/*--- 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;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #000000;
 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);
}
DIV.logo{
 position: fixed;
 top: 200px;
 left: 100px;
 width: 40%;
 aspect-ratio: 800 / 420;
 z-index: 104;
}
DIV.logo A,
DIV.logo A:link,
DIV.logo A:visited{
 display: block;
 width: 100%;
 aspect-ratio: 800 / 400;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
DIV.logo A:hover,
DIV.logo A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.BODY2 DIV.logo{
 top: 5px;
 left: 10px;
 width: 145px;
 background-color: #272C2F;
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 400;
 padding: 10px 30px;
 line-height: 40px;
 margin: 0px 1px 0px 1px;
}
.BODY2 .menu A,
.BODY2 .menu A:link, .BODY2 .menu A:visited{
 padding: 20px 30px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #D4BF9F;
 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);
}
.soc_site A,
.soc_site A:link, .soc_site A:visited{
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 margin: 0px 20px 0px 0px;
}
.soc_site A:hover, .soc_site A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.soc_site A.ig, .soc_site A.ig:link, .soc_site A.ig:visited{ background-image: url(obr/instagram.png); }
.soc_site A.fb, .soc_site A.fb:link, .soc_site A.fb:visited{ background-image: url(obr/facebook.png); }
INPUT.b,
A.tlacitko,
A.tlacitko:link, A.tlacitko:visited{
 display: inline-block;
 padding: 15px 25px;
 border: solid 1px #FFFFFF;
 color: #FFFFFF;
 font-size: 25px;
 text-align: center;
}
INPUT.b_over,
A.tlacitko:hover, A.tlacitko:active{
 cursor: pointer;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.rezervace,
A.rezervace:link,
A.rezervace:visited{
 position: fixed;
 right: 30px;
 top: 135px;
 display: block;
 padding: 10px 50px;
 border: solid 1px #FFFFFF;
 color: #FFFFFF;
 font-size: 30px;
 z-index: 20;
}
.BODY2 A.rezervace,
.BODY2 A.rezervace:link,
.BODY2 A.rezervace:visited{
 top: 96px;
}
A.rezervace:hover,
A.rezervace:active{
 cursor: pointer;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.rezervace STRONG,
A.rezervace:link STRONG,
A.rezervace:visited STRONG{
 display: block;
 position: relative;
 z-index: 2;
}
A.rezervace SPAN,
A.rezervace:link SPAN,
A.rezervace:visited SPAN{
 position: absolute;
 top: 0px;
 left: 0px;
 display: block;
 width: 100%;
 height: 100%;
 background-color: #272C2F;
 opacity: 0.20;
 filter: alpha(opacity=20);
 z-index: 1;
}
.BODY2 A.rezervace SPAN,
.BODY2 A.rezervace:link SPAN,
.BODY2 A.rezervace:visited SPAN{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.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;
}
.fotogalerie2 A,
.fotogalerie2 A:link,
.fotogalerie2 A:visited{
 display: inline-grid;
}
.fotogalerie A:hover,
.fotogalerie A:active,
.fotogalerie2 A:hover,
.fotogalerie2 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,
.fotogalerie2 A IMG,
.fotogalerie2 A:link IMG,
.fotogalerie2 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: #373C3F;
 color: #FFFFFF;
 text-align: center;
 font-size: 40px;
 border-radius: 0px 10px 0px 0px;
}
A.minus,
A.minus:link,
A.minus:visited{
 margin: 1px 0px 0px 0px;
 height: 24px;
 line-height: 22px;
 border-radius: 0px 0px 10px 0px;
}
A.plus:hover,
A.plus:active,
A.minus:hover,
A.minus:active{
 color: #FFFFFF;
 background-color: #D4BF9F;
}
.tipy A,
.tipy A:link,
.tipy A:visited{
 display: inline-grid;
 position: relative;
}
.tipy A SPAN.img,
.tipy A:link SPAN.img,
.tipy A:visited SPAN.img{
 display: block;
 width: 100%;
 overflow: hidden;
 aspect-ratio: 10/6;
 background-repeat: no-repeat;
 background-size: cover;
}
.tipy A:hover,
.tipy A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.tipy A STRONG.pop{
 position: absolute;
 bottom: -23px;
 left: 20px;
 color: #FFFFFF;
 font-weight: 100;
 z-index: 2;
}
.tipy A STRONG.vzd{
 position: absolute;
 bottom: -23px;
 right: -10px;
 color: #FFFFFF;
 font-weight: 100;
 font-size: 16px;
 z-index: 2;
}
.tipy A SPAN.ram{
 position: absolute;
 top: 10px;
 left: 10px;
 width: calc(100% + 5px);
 height: calc(100% + 20px);
 border: solid 1px #FFFFFF;
 z-index: 2;
}

.bottom A:link, .bottom A:visited{ color: #D4BF9F; }
.bottom A:hover, .bottom A:active{ color: #AAAAAA; }
.bmenu A:link, .bmenu A:visited{
 display: inline-block;
 padding: 5px 10px;
}
.bmenu A:hover, .bmenu A:active{
 background-color: #202528;
 color: #AAAAAA;
}
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{ color: #D4BF9F; }
.copy A:hover, .copy A:active{ color: #AAAAAA; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #D4BF9F;
}
A.kao:hover, A.kao:active{ color: #AAAAAA; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 40px;
 left: 0px;
 width: 100%;
 height: 60px;
 border-top: solid 1px #595A59;
 border-bottom: solid 1px #595A59;
 text-align: center;
 z-index: 100;
}
.BODY2 .menupruh{
 top: 0px;
 background-color: #272C2F;
 height: 80px;
}
.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: 60px;
 right: 10px;
 z-index: 101;
}
.BODY2 .vlajky{
 top: 30px;
}
.soc_site{
 position: fixed;
 top: 135px;
 left: 30px;
 z-index: 101;
}
.BODY2 .soc_site{
 top: 100px;
 left: 20px;
}
.pozpruh{
 position: relative;
 width: 100%;
 height: 100vh;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 100%;
}
.slider{
 position: relative;
 width: 100vw;
 height: 100vh;
 overflow: hidden;
}
.sliderpoz{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-image: url(obr/poz1.png);
 z-index: 10;
}
.pozpruh A.sipka,
.pozpruh A.sipka:link,
.pozpruh A.sipka:visited{
 position: absolute;
 left: 48%;
 bottom: 20px;
 display: block;
 width: 21px;
 height: 154px;
 background-image: url(obr/sipka.png);
 background-repeat: no-repeat;
 opacity: 0.20;
 filter: alpha(opacity=20);
 z-index: 11;
}
.pozpruh A.sipka:hover,
.pozpruh A.sipka:active{
 opacity: 1;
 filter: alpha(opacity=100);
}
.pruh{
 position: relative;
 padding: 50px 0px;
}
.pruh1{
 background-color: #272C2F;
 padding: 100px 0px;
}
.pruh2{
 padding: 100px 0px;
}
.pruh3{
 background-color: #171C1F;
}
.pruh4{
 background-color: #171C1F;
 padding: 100px 0px 0px 0px;
}
.pruh5{
 background-color: #070C0F;
}
.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;
}
.main33{
 width: 29%;
 padding: 0% 2%;
 float: left;
}
.bottom{
 padding: 100px 0px 100px 0px;
 background-color: #272C2F;
}
/*--- OSTATNÍ ---*/
.fotogalerie{
 display: grid;
 grid-gap: 10px;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fotogalerie2{
 display: grid;
 grid-gap: 1px;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 padding-top: 50px;
}
.tecky{
 display: flex;
 align-items: baseline;
 gap: 10px;
}
.teckyL{
 white-space: nowrap;
 display: flex;
 flex-grow: 1;
 align-items: baseline;
}
.teckyL::after{
 content: "";
 flex-grow: 1;
 border-bottom: 1px dotted #C0C0C0;
 margin-left: 10px;
}
.teckyP{
 white-space: nowrap;
 text-align: right;
}
.pbloky{
 padding: 50px 0px 0px 0px;
 display: grid;
 grid-template-columns: repeat(3,1fr);
 grid-gap: 50px;
}
.pbloky DIV.pblok{
 display: inline-grid;
 padding: 50px;
 border: 1px solid #595A59;
 text-align: justify;
}
.pbloky DIV.pblok P{
 display: block;
}
.oznaceni{
 display: grid;
 grid-template-columns: repeat(3,1fr);
 grid-gap: 50px;
}
.oznaceni .ozn{
 display: inline-grid;
}
.pokoj{
 display: grid;
 grid-template-columns: 60% 40%;
}
.pokoj .pokojL,
.pokoj .pokojP{ display: inline-grid; }
.pokoj .pokojP{ padding: 0px 100px; }
.tipy{
 display: grid;
 grid-template-columns: repeat(4,1fr);
 grid-gap: 50px;
 padding: 40px 0px 40px 0px;
}