header {
    position: fixed;
}

@media only screen and (max-width: 720px) {
    header {
        position: absolute;
    }
}
@font-face{
 font-family:'digital-clock-font';
 src: url('../images/DS-DIGIT.TTF');
}
#decision {position:absolute; top:4vw;left:35vw;}
#title{border-radius:10px; border:1px solid blue; padding: 10px;text-align:center; font-size:24px;}

#division_left,#division_right{font-size:1.6vw;}
#division_left,#division_right{border-bottom:1px solid black}
.color-name-left,.color-name-right{ font-weight: bold; font-size:2em; cursor:pointer;}
#name_athlete_left,#name_athlete_right{ font-size:1.5em;cursor:pointer;}

.time_m, .time_s, .time_c,#stopwatch-show {cursor:pointer;}
.time_m{font-size:4vw;}
.time_s{font-size:4vw;}
.time_c{font-size:2vw;}

#ten_seconds{background-color:black;color:white;position: absolute; left:30%; top:20%;border-radius:15px; padding:5px;width:640px;height:300px;overflow:hidden}
.timer { border:0; font-size:10em; height:1em; width:3em; text-align:center;}
.timer_milisec {border:0; font-size:3em;height:1em;width:3em;text-align:center;}
	
	.points_l,.points_r,.reset{cursor:pointer;}
	
/*results*/
	.resultado_winner{ position:absolute; width:24vw; height:30vw;border:0.6vw solid #CCCC00;border-radius:1vw;line-height:80%;font-size:35vw;padding:0vw;top:2vw;color:#CCCC00;}
	//#w_r_p{top:5vw; left:50vw;}
	//#w_l_p{top:5vw;left:1vw;
/*finish winner_looser*/
					
#t1,#t2{margin:20px 5px 5px auto;padding:5px;background-color:#8c91a7; cursor:pointer;font-size:0.5em}
#t3,#t4{margin:20px 40px 5px 0px;padding:5px;background-color:#8c91a7;cursor:pointer;font-size:0.5em}
#t1:hover,#t2:hover,#t3:hover,#t4:hover{ background:#9900CC;}

#kikken_left,#kikken_right,#shikkaku_left,#shikkaku_right{width:12%;margin:2.5% 3% 2% 3%; font-size:16px;padding:1%;border-radius:5px;cursor:pointer;}

.change_color_l{float:right;margin:2% 1% 5% 2%; border:1px solid white; border-radius:60%; padding:1%;width:6%;font-size:12px;cursor:pointer}
.change_color_l:hover,.change_color_r:hover{background-color:#f44c4b;}
.change_color_r{float:left;margin:2% 2% 5% 1%;border:1px solid white; border-radius: 60%; padding:1%;width:6%;font-size:12px;cursor:pointer}
.change_color_r:hover{background-color:#4a4bf3;}
.audiowarning{visibility:hidden;}

#footer{border:1px solid black; padding:10px; text-align:center; color:blue;font-size:12px;margin:10px auto 5px auto;background-color:#CCCCCC;border-radius:5px;width:60%} /*#change_time* -> iba debajo*/

.change_time{ color:#FFFFFF;position:absolute;padding:20px; margin:20px auto 0% 42%;font-size:14px;
background-color:#CC9900; border-radius:10px; overflow:hidden;border:2px solid white;}
#title_change{margin:0px auto 20px auto; font-size:1em; color:white;border:1px solid white; border-radius:5px;padding:5px; background-color:#009933}
.change_time li{ display:inline; list-style: none; padding:5px 20px 5px 20px; margin:5px;color:black;
border:1px solid white;border-radius:10px; background-color:#CCCC33;cursor:pointer }
.change_time li:hover{ background-color:#FF6600;}