BODY{
 margin: 0px;
 padding: 0px;
 font-family: 'Fira Sans', sans-serif;
 font-size: 16px;
 font-weight: 300;
 color: #FFFFFF;
 background-color: #003446;
}
BODY.BODY2 DIV.BODY2{
 padding-top: 100px;
 background-color: #FFFFFF;
 color: #003446;
}
/*--- TAGY ---*/
H1, H2, H3, H4{
 font-size: 20px;
 font-weight: 400;
 color: #CE3636;
}
H1 STRONG{
 display: block;
 font-size: 48px;
 font-weight: 700;
}
.pruh1 H1{ color: #C2C2C2; }
.pruh1 H1 STRONG{ color: #FFFFFF; }
.pruh2 H1{ color: #003446; }
.pruh2 H1 STRONG{ color: #CE3636; }
.pruh3 H1 STRONG{ color: #003446; }
.pruh3 H1.H1 STRONG{ color: #CE3636; }
.pruh5 H1{ color: #FFFFFF; }
H2.H2{
 display: block;
 padding: 50px 0px 50px 0px;
 font-size: 30px;
 font-weight: 700;
 color: #CE3636;
}
.nas_tym H2{
 padding: 10px 20px 10px 20px;
 font-size: 48px;
 color: #FFFFFF;
 background-color: #00888E;
}
.main IMG{
 display: block;
 max-width: 100%;
}
.main STRONG{
 font-weight: 700;
}
INPUT, TEXTAREA, SELECT{
 font-family: 'Fira Sans', sans-serif;
}
INPUT.b{
 display: inline-block;
 padding: 5px 20px 5px 20px;
 margin: 2px;
 border: none;
 color: #FFFFFF !important;
 background-color: #0C8A2D;
 font-size: 30px;
 font-weight: 400;
}
INPUT.b_over{
 background-color: #EEA038;
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 7px;
 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.iL{
 padding-right: 15px;
 -webkit-border-radius: 3px 0px 0px 3px;
 -moz-border-radius: 3px 0px 0px 3px;
 -khtml-border-radius: 3px 0px 0px 3px;
 border-radius: 3px 0px 0px 3px;
}
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;
}
.potvrzeni INPUT.i, .potvrzeni DIV.input, .potvrzeni TEXTAREA{
 max-width: 90%;
}
SELECT{
 padding: 7px;
 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 OPTION{
 font-size: 16px;
}
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;
}
.sluzba_text EM{
 font-style: normal;
 color: #CE3636;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #CE3636;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
.pruh5 A, .pruh5 A:link, .pruh5 A:visited{ color: #FFFFFF; }
.pruh5 A:hover, .pruh5 A:active{ color: #FE7E7E; }
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #003446;
 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: 40px;
 left: 40px;
 display: block;
 float: left;
 width: 356px;
 height: 170px;
 background-color: #003446;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-size: auto 100%;
 z-index: 10;
}
A.logo:hover,
A.logo:active{
 background-color: #CE3636;
}
.BODY2 A.logo,
.BODY2 A.logo:link,
.BODY2 A.logo:visited{
 top: 0px;
 width: 209px;
 height: 100px;
}
.menu A,
.menu A:link, .menu A:visited{
 display: inline-block;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 200;
 padding: 20px 20px 20px 20px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 background-color: #CE3636;
 color: #FFFFFF;  
}
.menu A.tel,
.menu A.tel:link, .menu A.tel:visited{
 float: right;
 background-color: #CE3636;
 color: #FFFFFF;
 font-weight: 400;
 padding: 19px 19px 19px 19px;
 margin: 1px;
}
.menu A.tel:hover, .menu A.tel:active{
 background-color: #FF7F7F;
 color: #003446;  
}
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: block;
 padding: 20px;
 background-color: #CE3636;
 color: #FFFFFF;
 font-size: 30px;
 font-weight: 700;
 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;
}
A.tlacitko:hover,
A.tlacitko:active{
 background-color: #007213; 
}
.nas_tym A,
.nas_tym A:link,
.nas_tym A:visited{
 display: inline-block;
 padding: 10px 20px 10px 20px;
 font-size: 24px;
 color: #FFFFFF;
 background-color: #CE3636;
 -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;
}
.nas_tym A:hover,
.nas_tym A:active{
 background-color: #00888E;
}
.kontakty .mainP A,
.kontakty .mainP A:link,
.kontakty .mainP A:visited,
.kontakty .mainP A:hover,
.kontakty .mainP A:active{
 font-weight: 700;
}
.bottom A:link, .bottom A:visited{
 color: #FFFFFF;
}
.bottom A:hover, .bottom A:active{
 color: #CE3636;
}
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{
 color: #FFFFFF;
}
.copy A:hover, .copy A:active{
 color: #CE3636;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{
 color: #CE3636;
}
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 40px;
 right: 40px;
 width: calc(100% - 476px);
 background-color: #003446;
 z-index: 100;
 text-align: left;
}
.BODY2 .menupruh{
 top: 0px;
 width: calc(100% - 329px);  
}
.menupad{
 padding: 0px 0px 0px 20px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 40px 0px 40px 0px;
}
.pruh1{
 background-color: #003446;
 color: #FEAFAF;
}
.pruh2{
 background-color: #CCD6DA;
 color: #003446;
}
.pruh3{
 background-color: #FFFFFF; 
 color: #003446;
}
.pruh4{
 background-color: #F2F2F2;  
 color: #CE3636;
}
.pruh5{
 background-color: #CE3636;
 color: #FFFFFF;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.mainL{
 width: 48%;
 float: left;
}
.mainP{
 width: 48%;
 float: right;
}
.mainP2{
 width: 42%;
 float: right;
}
.mainS{
 width: 48%;
 margin: 0px auto 0px auto;
}
.mainL3{
 width: 68%;
 float: left;
}
.mainP3{
 width: 28%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
 color: #FFFFFF;
 background-color: #003446;
}
/*--- OSTATNÍ ---*/
.mota{
 width: 100%;
 height: 875px;
}
.flexslide{
 position: relative;
 width: 100%;
 height: 875px;
 background-color: #000000;
 background-repeat: no-repeat;
 background-position: center 0px;
 background-size: auto 100%;
}
.mota .mota_pruh{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 width: 100%;
 height: 875px;
 background-image: url(obr/mota_pruh.png);
 background-repeat: no-repeat;
 background-position: center right;
 z-index: 5;
}
.mota H1.mota_nadpis{
 position: absolute;
 right: 10px;
 top: 120px;
 display: block;
 width: 550px;
 text-align: center;
 font-size: 80px;
 font-weight: 700;
 color: #CE3636;
 z-index: 10;
}
.mota H1.mota_nadpis SPAN{
 display: none;
}
.mota .mota_logo{
 position: absolute;
 right: 10px;
 top: 200px;
 display: block;
 width: 500px;
 height: 191px;
 background-image: url(obr/logo_tmave.png);
 background-repeat: no-repeat;
 background-position: center center;
 z-index: 10;
}
.mota .mota_popisek{
 position: absolute;
 right: 45px;
 top: 390px;
 display: block;
 width: 340px;
 text-align: left;
 font-size: 26px;
 color: #003446;
 z-index: 10;
}
.mota .mota_popisek STRONG{
 font-weight: 700;
}
.mota .mota_popisek .mota_reseni{
 display: block;
 padding: 30px 0px 30px 0px;
 font-size: 30px;
 font-weight: 700;
 color: #CE3636;
}
.kontakty .mainL{
 font-size: 20px;
}
.kontakty .mainP{
 font-size: 40px;
}
.clen{
 width: 70%;
 max-width: 100%;
 margin: 0px auto 0px auto;
 padding: 50px 0px 50px 0px;
}
.clen IMG{ width: 35%; }
.clenL IMG{ float: left; margin: 0% 5% 0% 0%; }
.clenP IMG{ float: right; margin: 0% 0% 0% 5%; }
.clen DIV.cleni{
 width: 60%;
 font-size: 24px;
 padding: 20px 0px 0px 0px;
 color: #003446;
}
.clen DIV.cleni EM{
 display: block;
 color: #777777;
 font-style: normal;
 font-size: 15px;
 text-align: justify;
 line-height: 100%;
}
.clenL DIV.cleni{ float: right; }
.clenP DIV.cleni{ float: left; }
.cara{
 border-top: solid 1px #EEEEEE;
 margin: 20px 0px 20px 0px;
}
.rady{
 width: 50%;
 height: 300px;
 min-width: 800px;
 max-width: 100%;
 margin: 0px auto 0px auto;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 20px 0px #E0E0E0;
 -webkit-box-shadow: 0px 0px 20px 0px #E0E0E0;
 -moz-box-shadow: 0px 0px 20px 0px #E0E0E0;
}
.radypad{
 padding: 40px 70px 40px 70px;
}
.rada{
 position: relative;
 width: 100%;
 height: 220px;
}
.rada .r_p{
 position: absolute;
 top: -40px;
 left: -70px;
 display: block;
 width: 35px;
 height: 50px;
 padding: 0px 0px 0px 15px;
 background-color: #003446;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 400;
 line-height: 40px;
 text-align: left;
 -webkit-border-radius: 0px 0px 50px 0px;
 -moz-border-radius: 0px 0px 50px 0px;
 -khtml-border-radius: 0px 0px 50px 0px;
 border-radius: 0px 0px 50px 0px;
}
.rada .r_n{
 display: block;
 padding: 0px 0px 20px 0px;
 color: #CE3636;
 font-size: 26px;
}
.rada .r_t{
 overflow: hidden;
 font-size: 17px;
 color: #000000;
}
A.splkalk,
A.splkalk:link,
A.splkalk:visited{
 position: fixed;
 top: 250px;
 left: 0px;
 display: block;
 writing-mode: vertical-rl;
 padding: 60px 10px 20px 10px;
 background-image: url(obr/kalkulacka.png);
 background-repeat: no-repeat;
 background-position: center 10px;
 background-size: 70%;
 background-color: #CE3636;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 400;
 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: 0px 10px 10px 0px;
 z-index: 1000;
}
A.splkalk:hover,
A.splkalk:active{
 background-color: #003446;
}
.code{
 padding: 6px 12px 6px 12px;
 background-color: #003446;
 color: #FFFFFF;
 font-size: 21px;
 -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;
}
.codeL{
 -webkit-border-radius: 0px 3px 3px 0px;
 -moz-border-radius: 0px 3px 3px 0px;
 -khtml-border-radius: 0px 3px 3px 0px;
 border-radius: 0px 3px 3px 0px;
}
.podobnosti{
 font-size: 27px;
 color: #000000;
 text-align: center;
}
.podobnosti UL{
 display: inline-block;
 text-align: left;
}