BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Alegreya Sans", sans-serif;
 font-size: 20px;
 font-weight: 400;
 color: #FFFFFF;
 background-color: #2DC9D8;
}
BODY.BODY2{
 padding-top: 70px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 50px;
 font-weight: 800;
 color: #FFFFFF;
 text-align: left;
}
H2, H3{ font-size: 30px; }
H1 SPAN.cara{
 display: block;
 border-top: solid 1px #FFFFFF;
 margin: 7px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 opacity: 0.40;
 filter: alpha(opacity=40);
}
H1 SPAN.flr{
 display: block;
 padding: 30px 10px 0px 0px;
 font-size: 20px;
 font-weight: 500;
}
H1 EM{
 display: block;
 font-weight: 300;
 font-style: normal;
 text-align: right;
 font-size: 20px;
}
.pruh1 H1{ color: #F14132; }
.pruh1 H1 SPAN.cara,
.pruh4 H1 SPAN.cara{ border-color: #2DC9D8; }
.pruh4 H1{ color: #F14132; }
.pruh4 H1 SPAN.cara,
.pruh5 H1,
.pruh5 H1 A,
.pruh5 H1 A:link,
.pruh5 H1 A:visited{ color: #F14132; }
.pruh5 H1 A:hover,
.pruh5 H1 A:active{ color: #; }
.pruh5 H1 SPAN.cara{ border-color: #2DC9D8; }
.pruh1 H2,
.pruh4 H2,
.pruh5 H2{ color: #2DC9D8; }
H2 EM{
 display: block;
 font-style: normal;
 font-size: 20px;
 color: #000000;
 padding-left: 30px;
}
.blok H2{
 font-weight: 600;
 padding: 10px 20px;
 background-color: #F14132;
}
.blok EM{
 display: block;
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
}
.blok2 H3{ color: #282525; }
.toppruh DIV.rezervace{
 position: absolute;
 top: 400px;
 left: 15%;
 z-index: 2;
}
.toppruh H1{
 float: left;
 font-size: 50px;
 font-weight: 700;
 color: #FFFFFF;
 padding: 0px 0px 0px 30px;
 text-shadow: 0px 0px 10px #85A5B8;
}
.main IMG{
 display: inline-block;
 max-width: 100%;
}
.toppruh IMG{
 display: block;
 width: 100%;
}
STRONG{ font-weight: 700; }
INPUT, TEXTAREA, SELECT{ font-family: "Alegreya Sans", sans-serif; }
INPUT.b,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 10px 20px;
 border: none;
 background-color: #2DC9D8;
 color: #FFFFFF;
 font-size: 30px;
 font-weight: 700;
 text-align: center;
 -webkit-border-radius: 20px 20px 20px 20px;
 -moz-border-radius: 20px 20px 20px 20px;
 -khtml-border-radius: 20px 20px 20px 20px;
 border-radius: 20px 20px 20px 20px;
}
A.tlacitko.tlacitko2,
A.tlacitko.tlacitko2:link,
A.tlacitko.tlacitko2:visited{
 font-size: 25px;
 padding: 7px 17px;
 -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;
}
INPUT.b_over,
A.tlacitko:hover,
A.tlacitko:active{
 background-color: #F14132;
 color: #FFFFFF;
}
.toppruh A.tlacitko,
.toppruh A.tlacitko:link,
.toppruh A.tlacitko:visited{
 float: left;
 margin: 50px 0px 0px 0px;
 font-weight: 900; 
 font-size: 40px;
 padding: 15px 40px;
 color: #F14132;
 background-color: #FFFFFF;
 background-image: linear-gradient(#FFFFFF, #C3E8EB);
}
.toppruh A.tlacitko:hover,
.toppruh A.tlacitko:active{
 color: #FFFFFF;
 background-color: #2DC9D8;
 background-image: none;
}
.pruh4 A.tlacitko,
.pruh4 A.tlacitko:link,
.pruh4 A.tlacitko:visited{
 padding: 20px 40px;
 background-color: #2DC9D8;
}
.pruh4 A.tlacitko:hover,
.pruh4 A.tlacitko:active{
 background-color: #F14132;
}
.pruh5 A.tlacitko,
.pruh5 A.tlacitko:link,
.pruh5 A.tlacitko:visited{
 color: #FFFFFF;
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 -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;
}
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: 5px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 -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;
}
VIDEO{ width: 100%; }
TABLE TR.tr1 TD{ background-color: #FFFFFF; }
TABLE TR.tr2 TD{ background-color: #F7F7F7; }
TABLE TR.tr_over TD{ background-color: #DDDDDD; }
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #F14132;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #2DC9D8;
}

A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #F14132;
 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;
 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);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 80px;
 left: 80px;
 display: block;
 width: 269px;
 height: 266px;
 z-index: 201;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
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: 10px;
 left: 10px;
 width: 51px;
 height: 50px;
}
.soc_site A,
.soc_site A:link,
.soc_site A:visited{
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 margin: 0px 0px 0px 5px;
}
.soc_site A:hover,
.soc_site A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.soc_site A.fb, .soc_site A.fb:link, .soc_site A.fb:visited{ background-image: url(obr/fb.png); }
.soc_site A.ig, .soc_site A.ig:link, .soc_site A.ig:visited{ background-image: url(obr/ig.png); }

.menu SPAN,
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 700;
 padding: 20px 7px 20px 7px;
}
.menu2 A,
.menu2 A:link, .menu2 A:visited{
 color: #FFFFFF;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #F14132;
 text-decoration: none;
}
.menu SPAN{ color: #F14132; }
.smenu A,
.smenu A:link, .smenu A:visited{
 display: block;
 float: none;
 padding: 5px;
 font-size: 18px;
 font-weight: 500;
 white-space: nowrap;
 color: #FFFFFF;
}
.smenu A:hover, .smenu A:active{
 background-color: #C81202;
}
DIV.admin,
A.uzivatel,
A.uzivatel:link,
A.uzivatel:visited{
 position: relative;
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 background-image: url(obr/uzivatel.png);
 background-repeat: no-repeat;
}
DIV.admin{ background-image: url(obr/admin.png); }
A.uzivatel:hover,
A.uzivatel:active{
 background-image: url(obr/uzivatel_over.png);
}
DIV.admin STRONG,
A.uzivatel STRONG,
A.uzivatel:link STRONG,
A.uzivatel:visited STRONG{
 display: block;
 height: 50px;
 line-height: 50px;
 text-align: center;
 z-index: 2;
 color: #C81202;
}
DIV.admin STRONG{ color: #FFFFFF; }
A.uzivatel:hover STRONG,
A.uzivatel:active STRONG{
 color: #000000;
}
A.uzivatel SPAN,
A.uzivatel:link SPAN,
A.uzivatel:visited SPAN,
A.uzivatel:hover SPAN,
A.uzivatel:active SPAN{
 position: absolute;
 top: 9px;
 left: 9px;
 display: block;
 width: 32px;
 height: 32px;
 background-image: url(obr/poz3.png);
 -webkit-border-radius: 30px 30px 30px 30px;
 -moz-border-radius: 30px 30px 30px 30px;
 -khtml-border-radius: 30px 30px 30px 30px;
 border-radius: 30px 30px 30px 30px;
 z-index: 1;
}
.umenu A,
.umenu A:link,
.umenu A:visited{
 display: block;
 white-space: nowrap;
 color: #FFFFFF;
}
.umenu A:hover,
.umenu A:active{
 color: #FFFFFF;
}

.novinky_akce A,
.novinky_akce A:link,
.novinky_akce A:visited{
 display: block;
 width: 50%;
 float: left;
 background-color: #2DC9D8;
}
.novinky_akce A SPAN.text,
.novinky_akce A:link SPAN.text,
.novinky_akce A:visited SPAN.text{
 position: relative;
 display: block;
 width: 50%;
 height: 400px;
 float: left;
 color: #FFFFFF;
}
.novinky_akce A:hover SPAN.text,
.novinky_akce A:active SPAN.text{
 color: #000000;
 background-image: url(obr/poz3.png);
}
.novinky_akce A SPAN.text EM,
.novinky_akce A:link SPAN.text EM,
.novinky_akce A:visited SPAN.text EM,
.novinky_akce A SPAN.text STRONG,
.novinky_akce A:link SPAN.text STRONG,
.novinky_akce A:visited SPAN.text STRONG{
 display: block;
 padding: 50px 50px 0px 50px;
}
.novinky_akce A SPAN.text EM.f,
.novinky_akce A:link SPAN.text EM.f,
.novinky_akce A:visited SPAN.text EM.f{
  position: absolute;
  right: 0px;
  bottom: 0px;
 padding: 50px;
}
.novinky_akce A SPAN.obr,
.novinky_akce A:link SPAN.obr,
.novinky_akce A:visited SPAN.obr{
 display: block;
 width: 50%;
 height: 400px;
 float: left;
 background-position: center center;
}
.novinky_akce A:hover SPAN.obr,
.novinky_akce A:active SPAN.obr{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.novinky_akce A.an3 SPAN.text,
.novinky_akce A.an3:link SPAN.text,
.novinky_akce A.an3:visited SPAN.text,
.novinky_akce A.an4 SPAN.text,
.novinky_akce A.an4:link SPAN.text,
.novinky_akce A.an4:visited SPAN.text,
.novinky_akce A.an3 SPAN.obr,
.novinky_akce A.an3:link SPAN.obr,
.novinky_akce A.an3:visited SPAN.obr,
.novinky_akce A.an4 SPAN.obr,
.novinky_akce A.an4:link SPAN.obr,
.novinky_akce A.an4:visited SPAN.obr{
 float: right;
}

.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 position: relative;
 display: block;
 width: 20%;
 float: left;
 background-color: #000000;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #F14132;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.fotogalerie A STRONG,
.fotogalerie A:link STRONG,
.fotogalerie A:visited STRONG{
 position: absolute;
 bottom: 20px;
 display: block;
 padding: 0px 20px 0px 20px;
 color: #FFFFFF;
 font-size: 30px;
 text-align: center;
 z-index: 1;
}
.rad A:link, .rad A:visited{
 display: block;
 padding: 10px;
 color: #2DC9D8;
 font-weight: 500;
}
.rad A:hover, .rad A:active{
 color: #FFFFFF;
 background-color: #2DC9D8;
}
SPAN.b,
A.w,
A.w:link,
A.w:visited{
 display: inline-block;
 vertical-align: middle;
 margin: 10px;
 background-color: #FFFFFF;
 white-space: nowrap;
 -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;
}
A.w.a,
A.w.a:link,
A.w.a:visited{
 background-color: #E5FCD1;
}
SPAN.b{ padding: 10px; }
.tr1 SPAN.b{ background-color: #F0F0F0; }
.prehled SPAN.b{ margin: 3px; }
A.w:hover,
A.w:active{
 color: #000000;
 box-shadow: 0px 0px 20px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 20px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 20px 0px #AAAAAA;
}
A.w STRONG,
A.w:link STRONG,
A.w:visited STRONG{
 display: inline-block;
 padding: 12px;
 font-size: 24px;
 vertical-align: middle;
 background-color: #A1E4F8;
 -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;
}
A.w STRONG SUP,
A.w:link STRONG SUP,
A.w:visited STRONG SUP{
 font-weight: 500;
}
A.w.a STRONG,
A.w.a:link STRONG,
A.w.a:visited STRONG{
 background-color: #74E311;
 color: #000000;
}
A.w IMG,
A.w:link IMG,
A.w:visited IMG{
 vertical-align: middle;
}

A.mail,
A.mail:link,
A.mail:visited{
 display: inline-block;
 color: #50D9E3;
 font-size: 50px;
 font-weight: 700;
 padding-left: 60px;
 background-image: url(obr/email.png);
 background-repeat: no-repeat;
 background-position: center left;
}
A.mail:hover,
A.mail:active{
 color: #F14132;
}
A.tel,
A.tel:link,
A.tel:visited{
 display: inline-block;
 color: #50D9E3;
 font-size: 70px;
 font-weight: 700;
 padding-left: 60px;
 background-image: url(obr/tel.png);
 background-repeat: no-repeat;
 background-position: center left;
}
A.tel:hover,
A.tel:active{
 color: #F14132;
}
.bottom A:link, .bottom A:visited{
 color: #000000;
}
.bottom A:hover, .bottom A:active{
 color: #FFFFFF;
}
.copy{
 float: left;
 color: #F14132;
}
.copy A:link, .copy A:visited{
 color: #F14132;
}
.copy A:hover, .copy A:active{
 color: #FFFFFF;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #F14132;
}
A.kao:hover, A.kao:active{
 color: #FFFFFF;
}
/*--- DESIGN ---*/
.toppruh{
 position: relative;
 background-color: #FFFFFF;
}
.slider_prechod{
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url(obr/slider_prechod.png);
 background-repeat: repeat-x;
 z-index: 1;
}
.menupruh{
 position: fixed;
 width: 100%;
 height: 70px;
 top: 30px;
 right: 0px;
 z-index: 200;  
}
.BODY2 .menupruh{
 top: 0px;
 background-color: #2DC9D8;
}
.menu{
 float: right;
 padding-right: 110px;
}
.menu.menua{ padding-right: 150px; }
.smenu{
 display: none;
 position: absolute;
 top: 69px;
 left: 0px;
 background-color: #F14132;
 padding: 15px;
 min-width: calc(100% - 15px);
 -webkit-border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
 -khtml-border-radius: 7px 7px 7px 7px;
 border-radius: 7px 7px 7px 7px;
}
.menu2 .smenu{
 -webkit-border-radius: 0px 0px 7px 7px;
 -moz-border-radius: 0px 0px 7px 7px;
 -khtml-border-radius: 0px 0px 7px 7px;
 border-radius: 0px 0px 7px 7px;  
}
.menu_respons,
.smenu_respons{
 display: none;
}
.wbmenu{
 position: fixed;
 top: 40px;
 right: 50px;
 z-index: 201;
}
.BODY2 .wbmenu{
 top: 10px;
}
.umenu{
 top: 60px;
 left: auto;
 right: 0px;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.pruh0{ padding: 0px; }
.pruh_2{ padding: 40px 0px 0px 0px; }
.pruh1{
 color: #000000;
 background-color: #FFFFFF;
 background-image: url(obr/areal.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
 background-size: auto 100%;
}
.pruh2{
 color: #FFFFFF;
 background-color: #F14132;
 background-image: url(obr/wakeboarder.jpg);
 background-repeat: no-repeat;
 background-position: center right;
 background-size: 100%;
}
.pruh3{
 color: #FFFFFF;
 background-color: #2DC9D8;
 background-image: url(obr/wakeboarderka.jpg);
 background-repeat: no-repeat;
 background-position: center left;
 background-size: 100%;
}
.pruh4{
 color: #000000;
 background-color: #F0F0F0;
}
.pruh5{
 color: #000000;
 background-color: #FFFFFF;  
}
.pruh6{
 color: #000000;
 background-color: #2DC9D8;  
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.mainL{
 float: left;
 width: 45%;
}
.mainP{
 float: right;
 width: 45%;
}
.mainL2{
 float: left;
 width: 30%;
}
.mainP2{
 float: right;
 width: 65%;
}
.main33{
 float: left;
 width: 31.333%;
 margin: 1%;
}
.bottom{
 color: #000000;
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.blok{
 width: 100%;
 color: #000000;
 background-image: url(obr/poz3.png);
}
.blok2{
 position: relative;
 color: #282525;
 background-color: #EAEAEA;
 text-align: left;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 -webkit-border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
 -khtml-border-radius: 7px 7px 7px 7px;
 border-radius: 7px 7px 7px 7px;
}
.blok2 .stav{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 15px;
 height: 100%;
 -webkit-border-radius: 7px 0px 0px 7px;
 -moz-border-radius: 7px 0px 0px 7px;
 -khtml-border-radius: 7px 0px 0px 7px;
 border-radius: 7px 0px 0px 7px;
}
.otv_doba{ padding-top: 100px; }
.soc_site{
 position: fixed;
 top: 20px;
 left: 20px;
 z-index: 201;
}
.BODY2 .soc_site{
 top: 10px;
 left: 80px;
}
.TOP_zprava{
 position: absolute;
 right: 150px;
 bottom: 150px;
 max-width: 300px;
 padding: 30px;
 color: #282525;
 font-weight: 500;
 background-image: url(obr/poz5.png);
 z-index: 199;
 -webkit-border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
 -khtml-border-radius: 7px 7px 7px 7px;
 border-radius: 7px 7px 7px 7px;
}
.areal{
 display: inline-block;
 margin: 5px;
 width: 50px;
 height: 50px;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
 background-color: #2DC9D8;
 background-repeat: no-repeat;
 background-position: center center;
}
.fw100{ font-weight: 100 !important; }
.fw300{ font-weight: 300 !important; }
.fw400{ font-weight: 400 !important; }
.fw500{ font-weight: 500 !important; }
.fw700{ font-weight: 700 !important; }
.fw800{ font-weight: 800 !important; }
.fw900{ font-weight: 900 !important; }
.cislo{
 display: inline-block;
 width: 26px;
 height: 26px;
 color: #FFFFFF;
 background-color: #777777;
 text-align: center;
 line-height: 24px;
 font-weight: bold;
 font-size: 14px;
 -webkit-border-radius: 20px 20px 20px 20px;
 -moz-border-radius: 20px 20px 20px 20px;
 -khtml-border-radius: 20px 20px 20px 20px;
 border-radius: 20px 20px 20px 20px;
 box-shadow: 1px 1px 3px #FFFFFF;
}
.pismeno{
 display: inline-block;
 width: 20px;
 height: 20px;
 color: #FFFFFF;
 background-color: #777777;
 text-align: center;
 vertical-align: middle;
 line-height: 22px;
 font-weight: bold;
 font-size: 14px;
 -webkit-border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
 -khtml-border-radius: 7px 7px 7px 7px;
 border-radius: 7px 7px 7px 7px;
 box-shadow: 1px 1px 3px #FFFFFF;
}