html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {background-color:#ffff99;color:#000000;text-decoration:none;}mark {background-color:#ffff99;color:#000000;font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted #000000;cursor:help;}table {border-collapse:collapse;border-spacing:0;}hr {display:block;height:1px;border:0;    border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}
*{box-sizing:border-box;}
body,html{
	height:100%!important;
	width:100%!important;
	max-width:100%!important;
	min-width:100%!important;
	max-height:100%!important;
	min-height:100%!important;
}
body{
	font-family: Arial;
	text-align: left;
	letter-spacing:2px;
	font-size:20px;
	word-wrap:break-word;
	color:rgba(80,80,80,1);
	cursor:default;
	background-color:rgb(0,100,200);
	overflow:hidden;
	
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	-o-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
	
	-webkit-user-select: none;
	background-image:url('imgs/inicio.png');
	background-position:center;
	background-size:cover;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	touch-action: manipulation;
}
app{
	display:block;
	width:100%!important;
	height:100%!important;
	margin:0px auto;
	background-color:rgb(0,100,200);
	background-position:center;
	background-size:cover;
}
.btn{
	display:block;
	text-align:center;
	width:50%;padding:10px;margin:5px auto;
	background-color:rgb(250,220,50);
	color:rgb(0,100,200);
	border-radius:10px;
	border:3px solid rgba(0,25,50,1);
}
.btn_menu{
	display:block;
	text-align:center;
	padding:10px;
	background-color:rgb(250,220,50);
	color:rgb(0,100,200);
	border-radius:0px 0px 10px 0px;
	border:3px solid rgba(0,25,50,1);
	border-top:0px solid rgba(0,25,50,1);
	border-left:0px solid rgba(0,25,50,1);
	position:fixed;
	top:0px;
	left:0px;
}
.btn_marcador{
	display:block;
	text-align:center;
	padding:10px;
	background-color:rgb(250,220,50);
	color:rgb(0,100,200);
	border-radius:0px 0px 0px 10px;
	border:3px solid rgba(0,25,50,1);
	border-top:0px solid rgba(0,25,50,1);
	border-right:0px solid rgba(0,25,50,1);
	position:fixed;
	top:0px;
	right:0px;
}
.tiempo{
	display:block;
	text-align:center;
	width:20%;padding:10px;margin:0px auto;
	background-color:rgba(0,25,50,0.6);
	color:rgb(250,220,50);
	border-radius:10px;
	border:3px solid rgba(250,220,50,1);
}
.numero_jugadores{
	width:80%;padding:0px;margin:30px auto;
}
.numero_jugadores tr{
	width:100%;
}
.numero_jugadores td{
	width:33%;padding:10px;
	text-align:center;
}
.numero_jugadores td div{
	display:block;
	padding:8px;
	background-color:rgb(250,220,50);
	color:rgb(0,100,200);
	border-radius:10px;
	border:3px solid rgba(0,25,50,1);
}
.puntuaciones{
	width:80%;padding:0px;margin:8px auto;
}
.puntuaciones tr{
	width:100%;
}
.puntuaciones td{
	width:33%;padding:3px;
	text-align:center;
}
.puntuaciones td div{
	display:block;
	padding:3px;
	background-color:rgba(0,25,50,0.6);
	color:rgb(250,220,50);
	border-radius:10px;
	border:2px solid rgba(250,220,50,1);
}
input{
	background-color:rgba(0,25,50,0.6);
	border:0px;
	border-top:3px solid rgba(250,220,50,1);
	border-bottom:3px solid rgba(250,220,50,1);
	color:rgb(250,220,50);
	font-size:25px;
	text-align:center;
	width:100%;
	margin:0px;
	margin-top:30px;
	padding:20px 0px
}
.texto{
	background-color:rgba(0,25,50,0.6);
	border:0px;
	border-top:3px solid rgba(250,220,50,1);
	border-bottom:3px solid rgba(250,220,50,1);
	color:rgb(250,220,50);
	font-size:25px;
	text-align:center;
	width:100%;
	margin:0px;
	margin-top:30px;
	padding:15px 0px
}
.texto p{
	margin:5px 0px;
}
.personaje{
	position:relative;
	display:block;
	text-align:center;
	width:80%;padding:30px;margin:10px auto;
	background-color:rgb(250,250,250);
	color:rgb(0,25,50);
	border-radius:10px;
	border:3px solid rgba(0,25,50,1);
	font-size:25px;
}
.personaje .quedan{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:5px;
	font-size:20px;
}