BODY{
 margin: 0px;
 padding: 64px 0px 0px 0px;
 font-family: "Fira Sans", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 25px;
 color: #FFFFFF;
 background-color: #01B1E9;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 70px;
 color: #01B1E9;
 text-align: left;
 font-weight: 100;
}
.menupruh H1{
 position: fixed;
 top: 10px;
 left: 20px;
 font-size: 40px;
}
H2.H2, H3.H3{
 background-color: #01B1E9;
 color: #FFFFFF;
 font-size: 40px;
 padding: 10px 20px;
}
H3{ font-size: 20px; }
H3.H3{ font-size: 30px; background-color: #FD0000; }
INPUT, TEXTAREA, SELECT{ font-family: "Fira Sans", sans-serif; }
INPUT.b,
A.tlacitko,
A.tlacitko:link, A.tlacitko:visited{
 display: block;
 color: #FFFFFF;
 background-color: #FD0000;
 border: none;
 font-size: 25px;
 padding: 10px 20px;
 text-align: center;
 -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;
}
INPUT.b_over,
A.tlacitko:hover, A.tlacitko:active{
 text-decoration: none;
 color: #FFFFFF;
 background-color: #3C3C3C;
}
INPUT.i, DIV.input, TEXTAREA{
 max-width: calc(100% - 20px);
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #01B1E9;
 font-size: 20px;
 -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;
}
TEXTAREA{
 max-width: 100%;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 color: #6A4F77;
 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;
}
SELECT{
 padding: 10px 20px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 -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 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;
}
.main IMG{
 max-width: 100%;
}
DIV.blok,
DIV.rezervujte{
 background-color: #FFFFFF;
 box-shadow: 0px 0px 30px 0px #E0E0E0;
 -webkit-box-shadow: 0px 0px 30px 0px #E0E0E0;
 -moz-box-shadow: 0px 0px 30px 0px #E0E0E0;
}
DIV.rezervujte H2{
 font-size: 30px;
 color: #FFFFFF;
 font-weight: 200;
}
DIV.rezervujte H2 SPAN{
 display: block;
 padding: 10px 20px;
 background-color: #01B1E9;
}
DIV.rezervujte H2 STRONG{
 display: block;
 padding: 10px 20px;
 background-color: #338EBA;
}
DIV.rezervujte IMG{
 margin: 20px auto 0px auto;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #01B1E9;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #3C3C3C;
}
H2 A, H2 A:link, H2 A:visited{ color: #FFFFFF; }
H2 A:hover, H2 A:active{ color: #3C3C3C; }
H1.H1 A,
H1.H1 A:link,
H1.H1 A:visited{
 display: block;
 font-size: 30px;
 color: #FD0000;
}
H1.H1 A:hover,
H1.H1 A:active{
 color: #3C3C3C;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #01B1E9;
 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);
}
.menupruh H1 A,
.menupruh H1 A:link,
.menupruh H1 A:visited{
 color: #FD0000;
 font-weight: 300;
}
.menupruh H1 A:hover,
.menupruh H1 A:active{
 color: #000000;
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #000000;
 font-size: 20px;
 font-weight: 400;
 padding: 10px;
 margin: 0px 10px 0px 10px;
 text-align: center;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited,
.menu A.ma, .menu A.ma:link, .menu A.ma:visited{
 color: #FD0000;
 text-decoration: none;
}
.rezervace A,
.rezervace A:link,
.rezervace A:visited{
 display: block;
 padding: 5px 10px;
}
.rezervace A.obsazeno,
.rezervace A.obsazeno:link,
.rezervace A.obsazeno:visited{
 color: #FD0000;
}
.rezervace A STRONG,
.rezervace A:link STRONG,
.rezervace A:visited STRONG{
 display: block;
 float: left;
 width: 65px;
 margin: 0px 20px 0px 0px;
}
.rezervace A SPAN.rgraf,
.rezervace A:link SPAN.rgraf,
.rezervace A:visited SPAN.rgraf{
 position: relative;
 display: block;
 float: left;
 width: calc(100% - 325px);
 height: 20px;
 margin: 5px 0px 0px 0px;
 background-color: #E0E0E0;
}
.rezervace A SPAN.r_graf,
.rezervace A:link SPAN.r_graf,
.rezervace A:visited SPAN.r_graf{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0%;
 height: 20px;
 background-color: #FD0000;
}
.rezervace A:hover SPAN.r_graf,
.rezervace A:active SPAN.r_graf{
 background-color: #3C3C3C;
}
.rezervace A EM,
.rezervace A:link EM,
.rezervace A:visited EM{
 display: block;
 float: right;
 width: 60px;
 margin: 0px 0px 0px 20px;
 font-style: normal;
 text-align: right;
}
.rezervace A SPAN.rez,
.rezervace A:link SPAN.rez,
.rezervace A:visited SPAN.rez{
 display: block;
 float: right;
 width: 140px;
 height: 30px;
 margin: 0px 0px 0px 20px;
 font-style: normal;
 text-align: right;
 text-align: center;
 font-size: 20px;
 line-height: 28px;
 color: #FFFFFF;
 background-color: #FD0000;
 -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;
}
.rezervace A.obsazeno SPAN.rez,
.rezervace A.obsazeno:link SPAN.rez,
.rezervace A.obsazeno:visited SPAN.rez{
 background-color: #AAAAAA;
}
.rezervace A:hover SPAN.rez,
.rezervace A:active SPAN.rez{
 background-color: #3C3C3C;
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: inline-grid;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #01B1E9;
}
.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.50;
 filter: alpha(opacity=50);
}
.bottom A:link, .bottom A:visited{ color: #FFFFFF; }
.bottom A:hover, .bottom A:active{ color: #3C3C3C; }
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{ color: #FFFFFF; }
.copy A:hover, .copy A:active{ color: #3C3C3C; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{ color: #3C3C3C; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 64px;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 10px 0px #C0C0C0;
 -webkit-box-shadow: 0px 0px 10px 0px #C0C0C0;
 -moz-box-shadow: 0px 0px 10px 0px #C0C0C0;
 z-index: 100;
}
.menu{
 display: flex;
 align-items: center;
 position: fixed;
 top: 10px;
 right: 10px;
 z-index: 101;
}
.pruh{
 position: relative;
 padding: 100px 0px;
}
.pruh1{
 background-color: #F0F0F0;
 color: #000000;
}
.pruh2{
 background-color: #FFFFFF;
 color: #000000;
}
.main{
 width: 90%;
 margin: 0px auto;
 text-align: left;
}
.mainL{
 float: left;
 width: 50%;
}
.mainP{
 float: right;
 width: 50%;
}
.mainL2{
 float: left;
 width: 48%;
}
.mainP2{
 float: right;
 width: 48%;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.akce_vice {
  max-height: 250px;
  overflow: auto;
}
.fotogalerie{
 padding: 10px 0px 0px 0px;
 display: grid;
 grid-gap: 20px;
 grid-template-columns: 1fr 1fr 1fr; 
}