BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Crimson Text", serif;
 font-size: 20px;
 font-weight: 100;
 color: #FFFFFF;
 background-color: #4B2916;
 background-image: url(obr/pozadi.jpg);
 background-size: 100%;
 background-repeat: repeat-y;
}
/*--- TAGY ---*/
H1, H2, H3, H4{
 position: relative;
 font-size: 70px;
 font-weight: 400;
 color: #FFFFFF;
 text-align: left;
}
H1.logo{
  position: fixed;
  bottom: 0px;
  left: 2%;
  padding: 0px;
  display: block;
  width: 96%;
  color: #FFFFFF;
  font-weight: 100;
  font-size: 19vw;
  line-height: 100%;
  text-align: center;
  z-index: 101;
}
H1.logo SPAN{
 display: block;
 font-size: 5vw;
 line-height: 20%;
 text-align: right;
 padding: 0px 50px 70px 0px;
}
.Lcara H1{
 position: absolute;
 top: -50px;
 left: -75px;
 white-space: nowrap;
 width: 150px;
 text-align: center;
 font-size: 20px;
}
.pruh H2{
 display: block;
 font-size: 60px;
 line-height: 100%;
 color: #FFE199;
}
.pruh H3{
 display: block;
 font-size: 40px;
 line-height: 100%;
}
.pruh H4{
 display: block;
 font-size: 30px;
 line-height: 100%;
 color: #FFE199;
 margin: 20px 0px 10px 0px;
}
.pruh DIV.Ltext{
 float: left;
 width: 50%;
}
.pruh DIV.Ptext{
 float: right;
 width: 48%;
}
.pruh DIV.Ptext P{
 padding: 0px 0px 20px 0px;
 line-height: 100%;
 text-align: justify;
}
.main IMG{
 display: inline-block;
 max-width: 100%;
}
.slider IMG{
 position: absolute;
 top: 0px;
 left: 0px;
 display: none;
 height: 100%;
}
.slider IMG#slobr1{
 display: inline-block;
}
STRONG{ font-weight: 700; }
INPUT, TEXTAREA, SELECT{ font-family: "Crimson Text", serif; }
INPUT.b,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 17px 50px 15px 50px;
 border: none;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 30px;
 text-align: center;
 border-radius: 10px 10px 10px 10px;
 opacity: 0.6;
 filter: alpha(opacity=60);
}
A.tlacitko.tlacitko2,
A.tlacitko.tlacitko2:link,
A.tlacitko.tlacitko2:visited{
 display: block;
 padding: 7px 50px 5px 50px;
}
INPUT.b_over,
A.tlacitko:hover,
A.tlacitko:active{
 color: #BC8460;
 opacity: 0.9;
 filter: alpha(opacity=90);
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 2px 10px 0px #CCCCCC;
 -webkit-box-shadow: 0px 2px 10px 0px #CCCCCC;
 -moz-box-shadow: 0px 2px 10px 0px #CCCCCC;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
SELECT{
 padding: 10px;
 background-color: #FFFFFF;
 border: solid 1px #CCCCCC;
 color: #666666;
 font-size: 20px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 2px 10px 0px #CCCCCC;
 -webkit-box-shadow: 0px 2px 10px 0px #CCCCCC;
 -moz-box-shadow: 0px 2px 10px 0px #CCCCCC;
}
SELECT.over{
 border-color: #BC8460;
}
LABEL{
 display: block;
 text-align: left;
 padding: 0px 0px 5px 10px;
 color: #BC8460;
}
DIV.poukazy{
 padding: 3%;
 display: grid;
 grid-gap: 30px;
 grid-template-columns: auto auto;
}
DIV.poukazy DIV.op{
 display: inline-grid;
 margin: 0px 0px 20px 0px;
}
DIV.poukazy DIV.op DIV.p{
 display: block;
 position: relative;
 aspect-ratio: 3125 / 1250;
 background-image: url(obr/darkovy_poukaz.png);
 background-size: 100%;
}
DIV.poukazy DIV.op DIV.p DIV.n{
 position: absolute;
 top: 3%;
 left: 2%;
 display: block;
 width: 50%;
 container-type: inline-size;
 font-size: 3.2cqw;
 line-height: 100%;
 color: #FFE199;
}
DIV.poukazy DIV.op DIV.p DIV.n STRONG{
 width: 100%;
 container-type: inline-size;
 font-size: 22cqw;
 color: #FFFFFF;
}
DIV.poukazy DIV.op DIV.p DIV.na{
 position: absolute;
 top: 51%;
 left: 3.3%;
 display: block;
 width: 45%;
 container-type: inline-size;
 font-size: 1.16cqw;
 font-weight: 400;
 color: #662708;
}
DIV.poukazy DIV.op DIV.p DIV.h{
 position: absolute;
 top: 65%;
 left: 3.3%;
 display: block;
 width: 50%;
 container-type: inline-size;
 font-size: 1cqw;
 font-weight: 400;
 color: #FFFFFF;
}
DIV.poukazy DIV.op DIV.p DIV.h STRONG{
 display: inline-block;
 padding: 0% 2%;
 font-size: 12cqw;
 white-space: nowrap;
}
DIV.poukazy DIV.op DIV.p DIV.h SPAN{
 display: inline-block;
 font-size: 8cqw;
 white-space: nowrap;
}
DIV.poukazy DIV.op DIV.p DIV.c{
 position: absolute;
 bottom: 2.7%;
 left: 43%;
 display: block;
 width: 20%;
 container-type: inline-size;
 font-size: 1cqw;
 font-weight: 400;
 color: #FFE199;
 white-space: nowrap;
 text-align: left;
}
DIV.poukazy DIV.op DIV.p DIV.c STRONG{
 display: block;
 width: 100%;
 margin: 0px 0px 0px 5px;
 color: #662708;
 container-type: inline-size;
 font-size: 22cqw;
}
DIV.poukazy DIV.op DIV.p DIV.pl{
 position: absolute;
 bottom: 1%;
 right: 5%;
 display: block;
 width: 20%;
 container-type: inline-size;
 font-size: 0.9cqw;
 font-weight: 400;
 color: #FFFFFF;
 white-space: nowrap;
 text-align: right;
}
DIV.poukazy DIV.op DIV.p DIV.pl STRONG{
 display: block;
}
/*--- 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: #AAAAAA;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 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;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #666666;
 -webkit-box-shadow: 0px 0px 5px 0px #666666;
 -moz-box-shadow: 0px 0px 5px 0px #666666;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
H1.logo A:hover, H1.logo A:active{
 color: #AAAAAA;
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 200;
 margin: 0px 25px 0px 25px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #AAAAAA;
 text-decoration: none;
}
.rychle_odkazy A,
.rychle_odkazy A:link, .rychle_odkazy A:visited{
 display: block;
 float: left;
 padding: 12px 30px 9px 30px;
 border: none;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 20px;
 text-align: center;
 border-radius: 10px 10px 10px 10px;
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.rychle_odkazy A:hover, .rychle_odkazy A:active{
 color: #BC8460;
 opacity: 0.9;
 filter: alpha(opacity=90);
}
.fotky A,
.fotky A:link,
.fotky A:visited{
 display: block;
 float: left;
 width: 49%;
}
.fotky A.f1,
.fotky A.f1:link,
.fotky A.f1:visited{
 margin: 0% 2% 0% 0%;
}
.fotky A:link,
.fotky A:visited{
 background-color: #FFE199;
}
.fotky A IMG,
.fotky A:link IMG,
.fotky A:visited IMG{
 display: block;
}
.fotky A:hover IMG,
.fotky A:active IMG{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.rozcestnik A,
.rozcestnik A:link,
.rozcestnik A:visited{
 position: relative;
 display: block;
 float: left;
 width: 31%;
 aspect-ratio: 3 / 4;
 margin: 0% 2% 0% 0%;
 background-color: #040001;
 overflow: hidden;
}
.rozcestnik A STRONG,
.rozcestnik A:link STRONG,
.rozcestnik A:visited STRONG{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 2.2vw;
 font-weight: 100;
 color: #FFFFFF;
 white-space: nowrap;
 padding: 0px 10px;
 margin: 30px auto 20px auto;
 text-shadow: 2px 2px 10px #000000;
 border-bottom: solid 1px #FFE199;
 z-index: 2;
}
.rozcestnik A IMG,
.rozcestnik A:link IMG,
.rozcestnik A:visited IMG{
 position: absolute;
 width: 100%;
 display: block;
 opacity: 0.60;
 filter: alpha(opacity=60);
 transition: transform 1s ease;
 z-index: 1;
}
.rozcestnik A:hover IMG,
.rozcestnik A:active IMG{
 opacity: 1;
 filter: alpha(opacity=100);
 transform: scale(1.3);
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: block;
 float: left;
 width: calc(20% - 20px);
 margin: 10px;
}
.fotogalerie A:link,
.fotogalerie A:visited{
 background-color: #FFE199;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.bottom A:link, .bottom A:visited{
 color: #FE0000;
}
.bottom A:hover, .bottom A:active{
 color: #E27E4C;
}
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{
 color: #FFFFFF;
}
.copy A:hover, .copy A:active{
 color: #AAAAAA;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{
 color: #AAAAAA;
}
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 width: 100%;
 top: 0px;
 right: 0px;
 z-index: 100;
}
.BODY2 .menupruh,
.menupruh2{
 background-image: url(obr/poz1.png);  
}
.menu{
 float: right;
 padding: 50px 50px 20px 0px;
}
.BODY2 .menu{
 padding-top: 20px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.rychle_odkazy{
 position: fixed;
 right: 30px;
 top: 100px;
 z-index: 10;
}
.pozpruh{
 position: relative;
 width: 100%;
 height: 100vh;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 100%;
}
.slider{
 position: relative;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.sliderpoz{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-image: url(obr/poz1.png);
 z-index: 10;
}
.pruh{
 position: relative;
 padding: 100px 0px 100px 200px;
}
.pruh.pruh_2{ padding: 0px; }
.pruh1{
 color: #FFFFFF;
 background-color: #3C2012;
}
.pruh2{
 color: #FFFFFF;
 background-color: #3C2012;
 background-image: url(obr/fotky/rezervace/vero_colore_-_rezervujte_si_vas_stul.jpg);
 background-size: cover;
}
.pruh2 .pruhpoz{
 background-image: url(obr/poz1.png);
 padding: 200px 0px 200px 200px;
}
.pruh3{
 color: #FFFFFF;
 background-color: #3B2D24;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 text-align: left;
}
.mainL{
 float: left;
 width: 45%;
}
.mainP{
 float: right;
 width: 45%;
}
.mainL2{
 float: left;
 width: 25%;
}
.mainP2{
 float: right;
 width: 70%;
}
.main33{
 float: left;
 width: 29.3%;
 margin: 2%;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.Lcara{
 position: absolute;
 top: 100px;
 left: 100px;
 width: 1px;
 height: calc(100% - 200px);
 background-color: #FFFFFF;
}
.fotky, .rozcestnik{
 clear: both;
 padding: 50px 0px 0px 0px;
}
.fotogalerie{
 padding: 20px 0px 0px 0px;
}
.tecky{
 display: flex;
 align-items: baseline;
 gap: 10px;
 margin: 0px 0px 10px 0px;
}
.teckyL{
 display: flex;
 flex-grow: 1;
 align-items: baseline;
}
.teckyL::after{
 content: "";
 flex-grow: 1;
 border-bottom: 1px dotted #CCCCCC;
 margin-left: 10px;
}
.teckyP{
 white-space: nowrap;
 text-align: right;
}
.pbloky{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 20px;
}
.pblok{
 display: inline-grid;
}
.QRplatba{
 margin: 0px 45px;
 padding: 50px;
 background-color: #FFFFFF;
 color: #373737;
 border-radius: 10px 10px 10px 10px;
}
.QRplatba H2{
 color: #4B2916; 
 font-size: 50px;
}
.ingredience{
 font-size: 18px;
 color: #FFF3C3;
}