BODY{
 margin: 0px;
 padding: 0px;
 background-color: #034585;
 font-family: 'Alegreya Sans', sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #FFFFFF;
}
BODY.BODY2{
 padding-top: 60px;
}
/*--- TAGY ---*/
H1, H2, H3, H4{
 font-size: 50px;
 font-weight: 100;
 text-align: center;
}
H1.H1{
 font-size: 60px;
 font-weight: 700;
}
H2.H2{
 font-size: 30px;  
}
H1.HP1{
 font-size: 60px;
 font-weight: 700;
 text-align: left;
 line-height: 100%;
 margin: 0px 0px 10px 0px;
}
H2.HP2{
 font-size: 24px;  
 text-align: left;
 line-height: 100%;
 margin: 0px 0px 20px 0px;
}
.pruh4 H1, .pruh4 H2{ color: #034585; }
TABLE TR.tr2 TD{ background-color: #F3F3F3; }
.mainL4 IMG{ max-width: 100%; }
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #034585;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
.pruh2 A,
.pruh2 A:link,
.pruh2 A:visited,
.pruh5 A,
.pruh5 A:link,
.pruh5 A:visited{
 color: #FFFFFF;
}
.pruh2 A:hover,
.pruh2 A:active,
.pruh5 A:hover,
.pruh5 A:active{
 color: #5685B3;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #034585;
 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 #777777;
 -webkit-box-shadow: 0px 0px 5px 0px #777777;
 -moz-box-shadow: 0px 0px 5px 0px #777777;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.toppruh A.logo,
.toppruh A.logo:link,
.toppruh A.logo:visited{
 position: absolute;
 top: 5px;
 left: 5px;
 display: none;
 width: 250px;
 height: 50px;
 background-image: url(obr/logom.png);
 background-repeat: no-repeat;
}
.toppruh A.logo:hover,
.toppruh A.logo:active{
 background-image: url(obr/logom_over.png);
}
.BODY2 .toppruh A.logo,
.BODY2 .toppruh A.logo:link,
.BODY2 .toppruh A.logo:visited{
 display: block;
}
.uvod A.logo,
.uvod A.logo:link,
.uvod A.logo:visited{
 position: absolute;
 display: block;
 top: 50%;
 left: 50%;
 width: 682px;
 height: 295px;
 margin: -197px 0px 0px -341px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
.uvod A.logo:hover,
.uvod A.logo:active{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link,
.menu A:visited{
 display: inline-block;
 height: 40px;
 padding: 20px 30px 0px 30px;
 margin: 0px 1px 0px 1px;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 400;
}
.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{
 background-color: #1D5891;
 border-top: solid 5px #FFFFFF;
 margin: -5px 1px 0px 1px;
}
.BODY2 .menu A:hover,
.BODY2 .menu A:active,
.BODY2 .menu A.a,
.BODY2 .menu A.a:link,
.BODY2 .menu A.a:visited,
.BODY2 .menu A.ma,
.BODY2 .menu A.ma:link,
.BODY2 .menu A.ma:visited,
.toppruh2 .menu A:hover,
.toppruh2 .menu A:active,
.toppruh2 .menu A.a,
.toppruh2 .menu A.a:link,
.toppruh2 .menu A.a:visited,
.toppruh2 .menu A.ma,
.toppruh2 .menu A.ma:link,
.toppruh2 .menu A.ma:visited{
 color: #B0DFF8;
 border-top: none;
 border-bottom: solid 5px #FFFFFF;
 margin: 0px 1px 0px 1px;
}
.menu .smenu A,
.menu .smenu A:link,
.menu .smenu A:visited{
 display: block;
 height: auto;
 white-space: nowrap;
 color: #034585;
 text-align: left;
 padding: 10px 15px 10px 15px;
 border: none !important;
 margin: 0px !important;
 font-size: 17px;
}
.menu .smenu A:hover,
.menu .smenu A:active{
 color: #B0DFF8;
}
/*
.topikonky A,
.topikonky A:link, .topikonky A:visited{
 display: inline-block;
 width: 40px;
 height: 40px;
 margin: 0px 10px 0px 0px;
 background-repeat: no-repeat;
}
.topikonky A:hover, .topikonky A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.topikonky A.instagram{ background-image: url(obr/instagram.png); }
.topikonky A.facebook{ background-image: url(obr/facebook.png); }
.topikonky A.youtube{ background-image: url(obr/youtube.png); }
*/
.vlajky A,
.vlajky A:link, .vlajky A:visited{
 display: inline-block;
 margin: 0px 10px 0px 20px;
 font-size: 24px;
 color: #FFFFFF;
}
.vlajky A:hover, .vlajky A:active,
.vlajky A.a,
.vlajky A.a:link, .vlajky A.a:visited{
 color: #777777;
}
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 10px 20px 10px 20px;
 background-color: #034585;
 color: #FFFFFF;
 font-weight: 400;
}
A.tlacitko:hover,
A.tlacitko:active{
 background-color: #022548;
}
A IMG.fico,
A IMG.fico:link,
A IMG.fico:visited{
 border: solid 3px #034585;
}
A IMG.fico:hover,
A IMG.fico:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.soc_site A,
.soc_site A:link, .soc_site A:visited{
 display: inline-block;
 width: 40px;
 height: 40px;
 margin: 0px 10px 0px 0px;
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 border: solid 1px #6F8EAB;
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.soc_site A:hover, .soc_site A:active{
 opacity: 1;
 filter: alpha(opacity=100);
}
.soc_site A.instagram{ background-image: url(obr/instagram.png); }
.soc_site A.facebook{ background-image: url(obr/facebook.png); }
.soc_site A.youtube{ background-image: url(obr/youtube.png); }

.bottom A, .bottom A:link, .bottom A:visited{ color: #FFFFFF; }
.bottom A:hover, .bottom A:active{ color: #DDAC6A; }
/*--- DESIGN ---*/
.toppruh{
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 60px;
 z-index: 3;
 background-color: #034585;
 text-align: center;
}
.BODY2 .toppruh{
 top: 0px;
 bottom: auto;
}
/*
.topikonky{
 position: fixed;
 top: 40px;
 left: 40px;
 z-index: 3;
}
.BODY2 .topikonky{
 top: 80px;
 left: 20px;
}
*/
.vlajky{
 position: fixed;
 bottom: 100px;
 right: 40px;
 z-index: 3;
}
.BODY2 .vlajky{
 top: 17px;
 bottom: auto;
}
.menu,
.menupol{
 display: inline-block;
 position: relative;
}
.smenu{
 display: none;
 position: absolute;
 bottom: 65px;
 left: 1px;
 background-color: #FFFFFF;  
 z-index: 100;
}
.BODY2 .smenu,
.toppruh2 .smenu{
 bottom: auto;
 top: 65px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.slider{
 width: 100%;
 height: 700px;   
}
.flexslide{
 width: 100%;
 height: 700px;
 background-color: #000000;
 background-repeat: no-repeat;
 background-position: center 0px;
 background-size: 100%;
}
.slider_prechod{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 700px; 
 background-repeat: repeat-x;
 z-index: 2;
}
.slider_prechodH{ background-image: url(obr/slider_prechodH.png); }
.pozpruh{
 height: 600px;
 background-repeat: no-repeat;
 background-size: 100%;
}
.pozpruh_video{
 height: 700px; 
 background-color: #000000; 
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.main2{
 margin: 0px auto 20px auto;
 width: 50%;
 text-align: justify;
}
.main_projekt{
 padding-left: 100px;
}
.mainL{
 float: left;
 width: 45%; 
}
.mainP{
 float: right;
 width: 45%; 
}
.mainL2{
 float: left;
 width: 25%;
}
.mainP2{
 float: right;
 width: 70%; 
}
.mainL3{
 float: left;
 width: 35%;
 margin-left: 10%;
}
.mainP3{
 float: right;
 width: 35%; 
 margin-right: 10%;
}
.mainL4{
 float: left;
 width: 35%;
}
.mainP4{
 float: right;
 width: 55%; 
}
.main25{
 float: left;
 width: 25%;
}
.main33{
 float: left;
 width: 31%;
 margin: 1%; 
}
.main70{
 width: 70%;
 margin: 0px auto 0px auto;
}
.pruh{ padding: 50px 0px 50px 0px; }
.pruh_0{ padding: 0px; }
.pruh_1{ padding: 50px 0px 0px 0px; }
.pruh_2{ padding: 20px 0px 20px 0px; }
.pruh1{
 background-color: #000000;
 color: #FFFFFF;
}
.pruh2{
 background-color: #034585;
 color: #FFFFFF;
}
.pruh3{
 background-color: #D0E0F0;
 color: #022548;
}
.pruh4{
 background-color: #FFFFFF;
 color: #000000;
}
.pruh5{
 background-color: #373737;
 color: #B0DFF8;
}
.pruh6{
 background-color: #A0C2E3;  
 color: #022548;
}
.pruh7{
 background-color: #F3F3F3;  
 color: #022548;
}
.pruh8{
 background-color: #036DD5;
 color: #FFFFFF;
}
.pruh9{
 background-color: #171717;
 color: #B0DFF8;
}
.bottom{
 padding: 50px 100px 50px 100px;
}
/*--- OSTATNÍ ---*/
.fw100{ font-weight: 100; }
.sloup, .psloup{
 float: left;
 position: relative;
 width: 44px;
 min-height: 210px;
 margin: 15px 0px 20px 0px;
 overflow: hidden;
}
.psloup{
 margin: 10px 0px 10px 0px;
}
.sloup_velRV{ min-height: 298px; }
.sloup_velRS{ min-height: 198px; }
.sloup_velPV{ min-height: 300px; }
.sloup_velPS{ min-height: 150px; }
.sloup_velPM,
.sloup_velPN{ min-height: 100px; font-size: 14px; }
.psloup_velPV{ min-height: 175px; }
.psloup_velPS{ min-height: 90px; font-size: 13px; letter-spacing: -1px; }
.psloup_velPM{ min-height: 60px; font-size: 11px; letter-spacing: -1px; }
.psloup_velPN{ min-height: 47px; font-size: 9px; letter-spacing: -1px; }
.sloup_text, .psloup_text{
 position: absolute;
 width: 210px;
 height: 210px;
 margin: -60px 0px 0px -12px;
 white-space: nowrap;
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: translate(25px, 80px) rotate(270deg);
 text-align: right;
 color: #FFFFFF;
}
.psloup_velPN .psloup_text{
 margin: -70px 0px 0px -12px;
}
.text{
 color: #000000;
 font-weight: 100;
 font-size: 24px;
 background-color: #FFFFFF;
 padding: 30px;
 margin: 0px 0px 30px 0px;
}
.pico{
 height: 20px;
 -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;
 vertical-align: middle;
 margin: 0px 15px 0px 0px;
}
.fico{
 height: 70px;
 -webkit-border-radius: 40px 40px 40px 40px;
 -moz-border-radius: 40px 40px 40px 40px;
 -khtml-border-radius: 40px 40px 40px 40px;
 border-radius: 40px 40px 40px 40px;
}