BODY{
 margin: 0px;
 padding: 170px 0px 0px 0px;
 font-family: "Barlow", sans-serif;
 font-weight: 100;
 font-style: normal;
 font-size: 16px;
 color: #4C4C4C;
 background-color: #FFFFFF;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 30px;
 color: #0F6BB3;
 text-align: left;
}
.main IMG{
 display: inline-block;
 max-width: 100%;
}
.pruh1_1 IMG,
.pruh2_1 IMG,
.pruh3_1 IMG,
.pruh4_1 IMG{
 width: 70%;
 float: left;
}
.pruh1_1 .obsah,
.pruh2_1 .obsah,
.pruh3_1 .obsah,
.pruh3_1 .obsah2,
.pruh4_1 .obsah{
 position: relative;
 float: right;
 width: 30%;
}
.pruh1_1 .prekryti{
 position: absolute;
 width: 100%;
 height: 400px;
 background-color: #1670B4;
 z-index: 1;
}
.pruh1_1 .blok{
 position: relative;
 min-height: 400px;
 z-index: 1;
}
.pruh1_1 .blok UL LI{
 color: #1670B4;
 padding: 10px 0px 10px 0px;
 font-size: 30px;
 font-weight: 700;
}
.pruh3_1 .obsah{ background-color: #5EB5F7; color: #0F6BB3; }
.pruh3_1 .obsahpad{ padding: 0px 50px; }
.pruh3_1 .obsah2{ background-color: #FFFFFF; color: #0F6BB3; }
.pruh3_1 .obsah2 .blok{
 background-color: #E6F3FD; 
}
.cena H3{
 float: left;
 font-size: 20px; 
 font-weight: 400;
}
.cena EM{
 float: right;
 font-style: normal;
}
.cena STRONG{ color: #FE6E00; }
INPUT, TEXTAREA, SELECT{  font-family: "Barlow", sans-serif; }
INPUT.i, TEXTAREA{
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 18px;
}
INPUT.i_over,
TEXTAREA.over,
TEXTAREA.f_over{
 box-shadow: 0px 0px 5px 0px #FFF43F;
 -webkit-box-shadow: 0px 0px 5px 0px #FFF43F;
 -moz-box-shadow: 0px 0px 5px 0px #FFF43F;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
INPUT.b{
 display: block;
 padding: 10px;
 width: calc(100% - 20px);
 border: none;
 background-color: #5EB5F7;
 color: #FFFFFF;
 font-size: 20px;
 text-align: center;
 -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;
}
INPUT.b_over{
 background-color: #FE6E00;
 color: #FFFFFF;
}
SELECT{
 padding: 5px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 18px;
 -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;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #1670B4;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #5EB5F7;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #1670B4;
 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{
 float: left;
 display: block;
 width: 500px;
 height: 170px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 width: 25%;
 float: left;
 color: #FFFFFF;
 font-size: 27px;
 line-height: 27px;
 border-top: solid 20px #000000;
}
.menu A STRONG,
.menu A:link STRONG, .menu A:visited STRONG{
 display: table;
 width: 100%;
 height: 140px;
 padding: 0px 0px 10px 0px;
 font-weight: 700;
}
.menu A SPAN,
.menu A:link SPAN, .menu A:visited SPAN{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.menu A EM,
.menu A:link EM, .menu A:visited EM{
 display: block;
 font-style: normal;
 font-size: 20px;
}
.menu .m1 A, .menu .m1 A:link, .menu .m1 A:visited{ background-color: #1670B4; border-color: #1670B4; }
.menu .m2 A, .menu .m2 A:link, .menu .m2 A:visited{ background-color: #4C4C4C; border-color: #4C4C4C; }
.menu .m3 A, .menu .m3 A:link, .menu .m3 A:visited{ background-color: #5EB5F7; border-color: #5EB5F7; }
.menu .m4 A, .menu .m4 A:link, .menu .m4 A:visited{ background-color: #87888A; border-color: #87888A; }
.menu A.a,
.menu A.a:link, .menu A.a:visited,
.menu A:hover, .menu A:active{
 color: #ceeaff;
 text-decoration: none;
}
.menu .m1 A.a, .menu .m1 A:hover, .menu .m1 A:active{ border-color: #0E4875; }
.menu .m2 A.a, .menu .m2 A:hover, .menu .m2 A:active{ border-color: #313131; }
.menu .m3 A.a, .menu .m3 A:hover, .menu .m3 A:active{ border-color: #3D75A0; }
.menu .m4 A.a, .menu .m4 A:hover, .menu .m4 A:active{ border-color: #575859; }

.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: inline-grid;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #5EB5F73F;
}
.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);
}

.mapa A:link, .mapa A:visited{
 color: #34A151;
}
.mapa A:hover, .mapa A:active{
 color: #000000;
}

.bottom A:link, .bottom A:visited{
 color: #1670B4;
}
.bottom A:hover, .bottom A:active{
 color: #5EB5F7;
}
.copy{
 float: left;
 color: #1670B4;
}
.copy A:link, .copy A:visited{
 color: #1670B4;
}
.copy A:hover, .copy A:active{
 color: #5EB5F7;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #1670B4;
}
A.kao:hover, A.kao:active{
 color: #5EB5F7;
}
/*--- DESIGN ---*/
.toppruh{
 position: fixed;
 width: 100%;
 top: 0px;
 right: 0px;
 z-index: 200;
 background-color: #FFFFFF;
}
.menu{
 float: right;
 width: calc(100% - 500px);
}
.rs_logo,
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 70px 0px 70px 0px;
}
.pruh1{
 color: #4C4C4C;
 background-color: #1670B4;
}
.pruh2{
 color: #4C4C4C;
 background-color: #4C4C4C;
}
.pruh3{
 color: #4C4C4C;
 background-color: #5EB5F7;
 font-size: 20px;
 font-weight: 500;
}
.pruh4{
 color: #87888A;
 background-color: #87888A;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.mainL{
 width: 30%;
 float: left;
}
.mainP{
 width: 60%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
 font-weight: 500;
}
/*--- OSTATNÍ ---*/
.blok{
 padding: 30px;
 background-color: #FFFFFF;
 font-size: 20px;
 font-weight: 400;
}
.obsahpad{ padding: 0px 30px; }
.fotogalerie{
 padding: 5%;
 display: grid;
 grid-gap: 5%;
 grid-template-columns: auto auto auto;
}
.fotogalerie.fotogalerie2{
 padding: 1%;
 grid-gap: 1%;
 grid-template-columns: auto auto auto auto auto;
}
.mzal{ display: none; }
.mzal1{ display: block; }