BODY{
 margin: 0px;
 padding: 272px 0px 0px 0px;
 font-family: 'Josefin Sans', sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #FFFFFF;
 background-color: #20246B;
}
BODY.BODY2{
 padding: 150px 0px 0px 0px;  
}
/*--- TAGY ---*/
H1, H2{
 font-size: 48px;
 font-weight: 300;
 color: #000000;
 text-align: left;
}
.pruh1.uvod H1, .pruh2.uvod H1{
 position: relative;
 padding: 70px 0px 0px 30px;
 font-weight: 700;
 z-index: 2;
}
H1 EM{
 display: block;
 font-size: 30px;
 font-style: normal;
}
.pruh1.uvod H2, .pruh2.uvod H2{
 position: absolute;
 top: 0px;
 left: 0px;
 display: block;
 font-size: 150px;
 color: #DADBE6;
 z-index: 1;
}
.pruh2.uvod H2{
 color: #EFDBDF;
}
.main IMG{
 display: inline-block;
 max-width: 100%;
}
.main STRONG{
 font-weight: 700;
}
INPUT, SELECT, TEXTAREA{
 font-family: 'Josefin Sans', sans-serif;
}
INPUT.b,
DIV.tlacitko,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 16px 50px 14px 50px;
 border: none;
 color: #FFFFFF !important;
 background-color: #20246B;
 font-size: 18px;
 font-weight: 700;
 font-weight: normal;
}
A.tlacitko:hover,
A.tlacitko:active,
INPUT.b.ano{ background-color: #008800; }
INPUT.b.ne{ background-color: #CF002C; }
INPUT.b_over{ background-color: #CF002C; }
INPUT.b.ano_over,
INPUT.b.ne_over{ background-color: #20246B; }
DIV.tlacitko_sede{
 background-color: #979797;
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 11px 10px 9px 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 font-weight: 300;
 -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{
 -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: 9px 5px 5px 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;
}
.chyba INPUT, INPUT.chyba,
.chyba SELECT, SELECT.chyba,
.chyba TEXTAREA, TEXTAREA.chyba{
 background-color: #FFEEEE;
 color: #FF0000;
 -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 #FF0000;
 -webkit-box-shadow: 0px 0px 5px 0px #FF0000;
 -moz-box-shadow: 0px 0px 5px 0px #FF0000;
}
.pocet STRONG{
 font-size: 72px;
 color: #FF0036;
}
DIV.blok{
 padding: 30px;
 background-color: #FFFFFF;
 color: #000000;
 margin: 10px 20px 0px 20px;
}
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: #CF002C;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #CF002C;
 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: absolute;
 top: 60px;
 left: 50px;
 display: block;
 float: left;
 width: 550px;
 height: 60px;
 padding: 28px 0px 0px 186px;
 font-size: 30px;
 color: #20246B;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-size: auto 100%;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png);
 color: #80819F;
}
A.rs_logo{
 display: none;
}
.hmenu DIV.hmenu_pol{
 float: left;
 position: relative;
}
.hmenu A,
.hmenu A:link, .hmenu A:visited{
 display: inline-block;
 margin: 0px 1px 0px 0px;
 padding: 20px;
 color: #20246B;
 font-size: 18px;
 white-space: nowrap;
}
.hmenu A:hover, .hmenu A:active,
.hmenu A.a, .hmenu A.a:link, .hmenu A.a:visited,
.hmenu A.ma, .hmenu A.ma:link, .hmenu A.ma:visited{
 background-color: #20246B;
 color: #FFFFFF;
}
.hmenu A.hsm,
.hmenu A.hsm:link, .hmenu A.hsm:visited{
 background-image: url(obr/hmenu_sipka.png);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 40px;
}
.hmenu A.hsm:hover, .hmenu A.hsm:active,
.hmenu A.hsm.a, .hmenu A.hsm.a:link, .hmenu A.hsm.a:visited,
.hmenu A.hsm.ma, .hmenu A.hsm.ma:link, .hmenu A.hsm.ma:visited{
 background-image: url(obr/hmenu_sipka_over.png);
}
.hsmenu A,
.hsmenu A:link, .hsmenu A:visited{
 display: block;
 color: #FFFFFF;
 font-size: 16px;
 padding: 5px;
}
.hsmenu A:hover, .hsmenu A:active,
.hsmenu A.a, .hsmenu A.a:link, .hsmenu A.a:visited{
 color: #80819F;
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 color: #CF002C;
 font-size: 20px;
 letter-spacing: -0.5px;
 text-align: center;
 line-height: 65px;
 padding: 5px 20px 0px 20px;
}
.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: #CF002C;
 color: #FFFFFF;
}
.menu A.sm,
.menu A.sm:link, .menu A.sm:visited{
 position: relative;
 padding-right: 40px;
 background-image: url(obr/menu_sipka.png);
 background-repeat: no-repeat;
 background-position: center right;
 z-index: 2;
}
.menu A.sm:hover, .menu A.sm:active,
.menu A.sm.a,
.menu A.sm.a:link, .menu A.sm.a:visited,
.menu A.sm.ma,
.menu A.sm.ma:link, .menu A.sm.ma:visited{
 background-image: url(obr/menu_sipka_over.png);
}
.smenu A,
.smenu A:link, .smenu A:visited{
 display: block;
 color: #FFFFFF;
 font-size: 18px;
 text-align: left;
 line-height: normal;
 padding: 10px 20px 10px 20px;
 white-space: nowrap;
}
.smenu A:hover, .smenu A:active,
.smenu A.a,
.smenu A.a:link, .smenu A.a:visited{
 cursor: pointer;
 background-color: #FFFFFF;
 color: #CF002C;
}
.smenu A.ssm,
.smenu A.ssm:link, .smenu A.ssm:visited{
 padding-right: 40px;
 background-image: url(obr/smenu_sipka.png);
 background-repeat: no-repeat;
 background-position: center right;
}
.smenu A.ssm:hover, .smenu A.ssm:active,
.smenu A.ssm.a,
.smenu A.ssm.a:link, .smenu A.ssm.a:visited,
.smenu A.ssm.ma,
.smenu A.ssm.ma:link, .smenu A.ssm.ma:visited{
 background-color: #FFFFFF;
 color: #CF002C;
 background-image: url(obr/smenu_sipka_over.png);
}
.ssmenu A,
.ssmenu A:link, .ssmenu A:visited{
 color: #CF002C;
 padding: 5px 20px 5px 20px;
}
.ssmenu.ssmenu10 A,
.ssmenu.ssmenu10 A:link, .ssmenu.ssmenu10 A:visited{
 padding: 2px 10px 2px 10px;
 font-size: 15px;
}
.ssmenu A:hover, .ssmenu A:active,
.ssmenu A.a,
.ssmenu A.a:link, .ssmenu A.a:visited{
 color: #20246B;
}
.pruh2 A:link, .pruh2 A:visited{
 color: #20246B;
}
.pruh2 A:hover, .pruh2 A:active{
 color: #000000;
}
.topico A,
.topico A:link,
.topico A:visited{
 display: block;
 width: 42px;
 height: 42px;
 background-repeat: no-repeat;
 margin: 10px 5px 10px 5px;
}
.topico2 A,
.topico2 A:link,
.topico2 A:visited{
 float: left;
}
.topico A.uziv_menu,
.topico A.uziv_menu:link,
.topico A.uziv_menu:visited{
 width: auto;
 height: 42px;
 margin: 0px;
 color: #FFFFFF;
 line-height: 44px;
 padding: 0px 30px 0px 15px;
 background-image: url(obr/uziv_menu_sipka.png);
 background-repeat: no-repeat;
 background-position: center right;
 overflow: hidden;
}
.topico A.uziv_menu:hover,
.topico A.uziv_menu:active,
.topico A.uziv_menu.a,
.topico A.uziv_menu.a:link,
.topico A.uziv_menu.a:visited{
 color: #F3BFCA; 
}
.topico .uziv_smenu A,
.topico .uziv_smenu A:link,
.topico .uziv_smenu A:visited{
 width: auto;
 height: auto;
 margin: 0px;
 color: #FFFFFF;
 padding: 7px 15px 3px 15px;
 margin: 0px 0px 1px 0px;
}
.topico .uziv_smenu A:hover,
.topico .uziv_smenu A:active,
.topico .uziv_smenu A.a,
.topico .uziv_smenu A.a:link,
.topico .uziv_smenu A.a:visited{
 color: #CF002C;
 background-color: #FFFFFF;
}
.bottom A:link, .bottom A:visited{
 color: #FFFFFF;
}
.bottom A:hover, .bottom A:active{
 color: #CF002C;
}
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{
 color: #FFFFFF;
}
.copy A:hover, .copy A:active{
 color: #CF002C;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{
 color: #CF002C;
}
/*--- DESIGN ---*/
.toppruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 202px;
 background-color: #E8E9F0;
 background-image: url(obr/topfoto.png);
 background-repeat: no-repeat;
 background-position: right center;
 z-index: 101;
}
.hmenu{
 float: right;
 padding: 0px 500px 0px 0px;
}
.hsmenu{
 display: none;
 position: absolute;
 background-color: #20246B;
 padding: 20px;
}
.menupruh{
 position: absolute;
 top: 202px;
 left: 0px;
 width: 100%;
 height: 70px;
 background-color: #FFFFFF;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
.BODY2 .menupruh,
.menupruhfix{
 position: fixed;
 top: 80px;
}
.menu{
 display: block;
 float: left;
 padding: 0px 0px 0px 20px;
}
.menupol{
 position: relative;
 float: left;
 margin: 0px 1px 0px 0px;
}
.smenu{
 display: none;
 position: absolute;
 top: 70px;
 left: 0px;
 min-width: 100%;
 background-color: #CF002C;
 padding: 1px 0px 0px 0px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
 z-index: 1;
}
.smenupol{
 position: relative;
}
.ssmenu{
 display: none;
 position: absolute;
 top: 0px;
 left: 100%;
 background-color: #FFFFFF;
 padding: 20px 10px 20px 10px; 
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.pruhcara{ border-top: solid 5px #FFFFFF; }
.pruh1{
 background-color: #E8E9F0;
 color: #000000;
}
.pruh2{
 background-color: #F2EAEC;
}
.pruh3{
 background-color: #555555;
 color: #FFFFFF;
}
.pruh4{
 border-top: solid 5px #EAEAEA;
 background-color: #FFFFFF;
 color: #000000;
}
.pruh5{
 background-color: #F0F0F0;
 color: #000000;
}
.pruh6{
 background-color: #FFFFFF;
 color: #000000;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.mainL{
 float: left;
 width: 48%;
}
.mainP{
 float: right;
 width: 48%;
}
.mainL2{
 float: left;
 width: 35%;
}
.mainP2{
 float: right;
 width: 60%;
}
.paticka{
 width: 100%;
 height: 201px;
 padding: 70px 0px 50px 0px;
 background-image: url(obr/paticka.png);
 background-position: right 0px;
 background-repeat: no-repeat;
 border-bottom: solid 1px #FFFFFF;
 font-size: 36px;
 color: #FFFFFF;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.pocet{
 display: inline-block;
 padding: 0px 50px 0px 50px;
}
.video{
 float: left;
 width: 28%;
 margin: 10px 2% 10px 2%;
}
.video H3{ padding: 0px 0px 10px 5px; }
.video IFRAME{
 width: 100%;
}
.topico1{
 position: absolute;
 top: 10px;
 right: 15px;
 z-index: 2;
}
.toppruh2 .topico1{
 right: 250px;
}
.topico2{
 position: absolute;
 bottom: 20px;
 right: 15px;
 width: 213px;
 height: 52px;
 z-index: 1;
}
.toppruh2 .topico2{
 top: 10px;
 bottom: auto;
}
.uziv{
 position: absolute;
 top: 10px;
 right: 57px;
 display: block;
 height: 42px;
 background-color: #CF002C;
 color: #FFFFFF;
 white-space: nowrap;
}
.uziv_smenu{
 position: absolute;
 top: 42px;
 right: 0px;
 display: none;
 background-color: #CF002C;
 padding: 5px 0px 5px 0px;
}
.lista{
 display: block;
 width: 100%;
 height: 10px;
 background-color: #CCCCCC;
 -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;
 text-align: right;
}
.alista{
 display: block;
 float: right;
 width: 100%;
 height: 10px;
 background-color: #008800;
 -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;
}
.main IMG.obor_znak{
 float: left;
 max-width: 15%;
 margin-right: 5%;
}
.main IMG.obor_foto{
 float: left;
 max-width: 30%;
 margin-right: 5%;
}
.fb IFRAME{
 display: block;
 border: none;
 width: 500px;
 height: 1000px;
 margin: 0px auto 0px auto;
}