body{
  margin:0;
  padding:0;
  background-color:#DDDDDD;
  background-image: url("../img/pattern.png");
  background-repeat:repeat; 
  position:relative;
  font-style: normal;
  font-weight: normal;
  font-size:14px;
}
div{margin:0;padding:0;}
span{margin:0;padding:0;}
a,a:visited,a:active{margin:0;padding:0;text-decoration:none;border:none;color:black;}
a:hover{color:black;}
p{margin:0;padding:0;}
h1{font-size:24px;line-height:32px;font-weight:normal;margin:0;padding:0;}
h2{font-size:20px;line-height:26px;font-weight:normal;margin:0;padding:0;}
h3{font-size:18px;line-height:24px;font-weight:normal;margin:0;padding:0;}
h4{font-size:16px;line-height:22px;font-weight:normal;margin:0;padding:0;}
h5{font-size:14px;line-height:18px;font-weight:normal;margin:0;padding:0;}
table{margin:0;padding:0;}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
img{border:none;margin:0;padding:0;}
a.cerna_seda{color:black;}
a.cerna_seda:hover{color:gray;}

p#logo{
  font-size:22px;
  position:absolute;
  top:70px;
  left:600px;
  color:#000000;
    display:none;
}
p#logo2{
  font-size:50px;
  position:absolute;
  top:15px;
  left:150px;
  color:#ef4142;
  font-family:strenu3d;
  color:#000000;


    top:2px;
    left:10px;
    font-size:46px;
    display:none;
}
img#imglogo{
    position:absolute;
    /*left:147px;*/
    /*top:13px;*/
    left:10px;
    top:3px;
    /*display:none;*/
}
#div_all{
  position:relative;
  width:1000px;
  margin:0 auto 0 auto;
  background:none;
  text-align:left;
}
#div_top{
    position:relative;
    width:100%;
    height:140px;
    /*background:#c0c0c0;*/
    background-color:white;
    margin-left:0px;
    margin-right:0px;

    background-image: url("../img/logo/p1.jpg");
    background-size:1300px 200px;
    background-position: top center;
    height:200px;
}
#div_menu{
  position:absolute;
  width:950px;
  height:auto;
  padding:3px 0 0px 0;
  background:none;
  left:45px;
  top:-31px;
  //border:1px solid orange;
}
div#div_menu a,div#div_menu a:visited{
  display:block;
  height:20px;
  width:auto;
  margin:0px 0px 0px 5px;
  text-decoration:none;          
  background-color:#ffffff;
  color:black;
  border:1px solid #111111;
  line-height:20px;
  padding:3px 8px 3px 8px;
  font-size:12px;
  font-weight:bold;
  position:relative;
  /*behavior: url(hover.htc);*/
  float:left;
  text-align:center;
  //width:100px;
}
div#div_menu a:hover, div#div_menu a.hover{
  background:#bcbcbc;
  /*color:#ef4142;*/
}
div#div_menu a.menu_selected{
  background:#f5f5f5;
  border-bottom:1px solid #f5f5f5;
}
div#div_menu a.menu_selected:hover{
  background:#f5f5f5;
}
#div_menu p{
  font-size:12px;
  line-height:14px;
  color:#ef4142;
  margin:0 0 1px 2px;
  
}

#div_middle{
    position:relative;
    width:auto;
    height:auto;
    background-color:#f5f5f5;
    margin:0px 0px 0px 0px;
    padding:20px 15px 50px 15px;
    border-top:1px solid black;
    border-bottom:2px solid black;
    text-align:center;
    border-bottom:0;
    margin-bottom:5px;
}
.div_middle{
     position:relative;
     width:auto;
     height:auto;
     background-color:#f5f5f5;
     margin:0px 0px 0px 0px;
     padding:20px 15px 50px 15px;
     border-top:1px solid black;
     border-bottom:2px solid black;
     text-align:center;
     border-bottom:0;
     margin-bottom:5px;
 }
.div_sponsors{
  position:relative;
  height:160px;
  background-color:#f5f5f5;
  text-align:center;
  border-bottom:1px solid black;
  background-image: url("../img/sponsors.png");
  background-repeat:repeat-x;
}
#div_bottom{
    position:relative;
    margin:0 0 50px 0;
    text-align:center;
    padding: 10px;
    background-color:#f5f5f5;
    height: auto;
    border-radius: 0 0 10px 10px;
}
.div_bottom{
    position:relative;
    margin:0 0 50px 0;
    text-align:center;
    padding: 10px;
    background-color:#f5f5f5;
    height: auto;
    border-radius: 0 0 10px 10px;
}

p#p_bottom{
    font-size:14px;
    color:black;
    /*position:relative;*/
    top:15px;
    color:black;
}
form#form_prihlaseni{
position:absolute;
right:20px;
top:8px;
padding:3px;
}
form#form_prihlaseni nobr{
font-size:10px;
color:#ef4142;
}
input.f_input{
  font-size:10px;
  margin:0px 1px 0px 1px;
  background-color:#f5f5f5;
}

input#f_ok, input.f_ok{
font-size:12px;
line-height:14px;
background-color:gainsboro;
border:1px solid gray;
}
input#f_ok:hover{
background-color:silver;
}
form.admin_form nobr,form.admin_form input,form.admin_form p{font-size:12px;line-height:18px;}
form.timetable nobr,form.timetable input,form.timetable p{font-size:10px;line-height:12px;margin:0;padding:0;}
input.f_timetable{
font-size:10px;
line-height:12px;
background-color:gainsboro;
/*border:1px solid gray;  */
}
input.f_timetable:hover{
background-color:silver;
}

hr{
border:none;
height:5px;
width:100%;
background-image: url("./p/oddel.png");
margin:5px 0px 5px 0px;
padding:0;
}
br.deset{line-height:10px;font-size:10px;height:10px;margin:0;padding:0;}
br.pet{line-height:5px;font-size:5px;height:5px;margin:0;padding:0;} 
 

.hovera a:hover{color:gray;}

.tl_blue,.tl_red,.tl_gray,.tl_green{font-size:12px;padding:1px 3px 1px 3px;font-weight:normal;} 
.tl_blue,.tl_blue:visited{border:1px solid gray;color:Blue;background-color:gainsboro;}
.tl_blue:hover{color:gainsboro;background-color:DodgerBlue;}
.tl_red,.tl_red:visited{border:1px solid gray;color:Crimson;background-color:gainsboro;}
.tl_red:hover{color:gainsboro;background-color:Crimson;}
.tl_gray,.tl_gray:visited{border:1px solid gray;color:black;background-color:gainsboro;}
.tl_gray:hover{color:black;background-color:silver;}
.tl_green,.tl_green:visited{border:1px solid gray;color:green;background-color:gainsboro;}
.tl_green:hover{color:black;background-color:green;}

@media print
{
.netisk{display:none;}
} 




/* #################### FORMS #################### */
form.typ1{
  position:relative;
  border:1px solid gray;
  display:inline-block;
  width:auto;
  padding:5px 5px 5px 5px;
  background-color:#d2d2d2;
  text-align:left;
  background-color:white;
}
form.typ1 table,table.form_typ1{
  text-align:center;  
}
form.typ1 input,table.form_typ1 input{
  font-size:12px;
  line-height:14px;
  margin:0px 1px 0px 1px;
  background-color:white;
  display:inline-block;
  padding:2px 4px 2px 4px;
}

form.typ1 input.any_submit{
    background-color:white;
    border:1px solid black;
    text-align:center;
    padding-bottom:4px;
}
form.typ1 input.any_submit:hover{
    background-color:silver;
}

form.typ1 input.pos_submit{
  background-color:#f5f5f5;
  border:1px solid gray;
  text-align:center;
  padding-bottom:4px;
}
form.typ1 input.neg_submit{
  color:crimson;
  background-color:gainsboro;
  border:1px solid gray;
  text-align:center;
  padding-bottom:4px;
}
form.typ1 input.pos_submit:hover{
  background-color:silver;
}
form.typ1 input.neg_submit:hover{
  color:gainsboro;
  background-color:Crimson;
}
form.typ1 p,table.form_typ1 p{
  font-size:12px;
  line-height:14px;
}
form.typ1 td,table.form_typ1 td{
  font-size:12px;
  line-height:14px;
}
form.typ1 p#nadpis{
  display:inline-block;
  padding:3px 5px 3px 5px;
  position:relative;
  top:-10px;
  left:0px;
  font-size:12px;
  margin-right:20px;
  background-color:#828282;
  color:white;
}

form.typ2 td{
  padding:4px;
}
form.inline_form{padding:0;margin:0;}
form.inline_form input{margin:0;}


table.vypis_skladeb, table.vypis_soutezicich{
  width:auto;
  background-color:#f5f5f5;
  /*background-color:#e1e3e1;*/
  /*border:1px solid #aa0000;*/
  margin:0 auto 15px auto;
}
table.vypis_skladeb td{padding:2px 6px 2px 6px;font-size:12px;text-align:center;}
table.vypis_soutezicich td{padding:1px 2px 1px 2px;font-size:12px;text-align:center;}



table td.l,table tr.l td{border-left:1px solid black;}
table td.p,table tr.p td{border-right:1px solid black;}
table td.h,table tr.h td{border-top:1px solid black;}
table td.d,table tr.d td{border-bottom:1px solid black;}
table td.a,table tr.a td{border:1px solid black;}

table.osobniinfo td{font-size:14px;padding:3px 5px 3px 5px;}

table.table_top td{vertical-align:top;}
table.table_left td,td.table_left{text-align:left;}
table.table_center td,td.table_center{text-align:center;}

table.table1 td{padding:3px 5px 3px 5px;}

a.classic{text-decoration:underline;color:blue;}

div.sponsor{
  height:120px;
  width:auto;
  margin:0 15px 0 15px;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
}
div.sponsor img{
  height:100px;
}
div.sponsor p{
  line-height:14px;
  font-size:14px;
  padding:0;
  margin:0;
}

table.table1 td{
  padding:1px 3px 1px 3px;
}

.znac_zluta{    color:#000000;background-color:#ffff00;font-weight:bold;}
.znac_cervena{  color:#ffffff;background-color:#ff0000;font-weight:bold;}
.znac_modra_tm{ color:#ffffff;background-color:#000099;font-weight:bold;}
.znac_modra_sv{ color:#000000;background-color:#00bfff;font-weight:bold;}
.znac_fialova{  color:#ffffff;background-color:#8b008b;font-weight:bold;}
.znac_zelena{   color:#ffffff;background-color:#008000;font-weight:bold;}

.stat_deti{color:red;}
.stat_zaci{color:green;}
.stat_rdeti{color:#8b4513;}
.stat_dorost{color:#ff1493;}
.stat_zeny{color:#ff8c00;}
.stat_muzi{color:#0000ff;}


div.partner_elmat{
    width: 150px;
    height: 150px;
    background-image: url("../img/logo_elmat.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

div.partner_luzany{
    width: 150px;
    height: 150px;
}
div.partner_luzany_logo{
    width: 75px;
    height: 75px;
    background-image: url("../img/logo_luzany.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}


input, select{
    border-radius: 4px;
    display: block;
    background-color: white;
    border: 1px solid black;
    font-size: 16px;
    line-height: 20px;
    color: black;
    height: 26px;
    font-weight:bold;
}
form.registrace div{
    font-size: 16px;
    line-height: 20px;
    color: black;
    background-color:lightgray;
}




.video-container {
    width: 100%;
    /*width: 560px;*/
    aspect-ratio: 16 / 9;
    margin: 0 auto 0 auto;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.trasa_screenshow {
    height: 150px;
}
.trasa_screenshow:hover {
    opacity: 0.8;
}

.poster_screenshow {
    height: 250px;
}
.poster_screenshow:hover {
    opacity: 0.8;
}