.cronometro{width:90%;margin:50px auto 50px auto}
.numeros{width:100%; margin:10px auto 10px auto;border:0;text-align:center;font-size:7em;color:#0B0E0D;}
.botones{width:100%; auto;text-align:center;}
.btnVerde{width:30%; margin:10px;padding:10px;color:#FFFFFF;font-size:1.5em;background-color:#27B301;border:0px;}
.btnVerde:hover{color:#FFFFFF;background-color:#2FD003;}
.btnRojo{width:30%; margin:10px;padding:10px;color:#FFFFFF;font-size:1.5em;background-color:#D3280C;border:0px}
.btnRojo:hover{color:#FFFFFF;background-color:#E82C0E;}
.btnAzul{width:30%; margin:10px;padding:10px;color:#FFFFFF;font-size:1.5em;background-color:#0667BF;border:0px}
.btnAzul:hover{color:#FFFFFF;background-color:#057BE7;}
.btnNaranja{width:30%; margin:10px;padding:10px;color:#FFFFFF;font-size:1.5em;background-color:#DC5C07;border:0px}
.btnNaranja:hover{color:#FFFFFF;background-color:#F77015;}
.renglon{width:300px;font-size:1.5em;margin:auto;}
.renglon .uno{display:inline-block;width:30%;background-color:#c1c1c1;text-align:center;margin:5px;}
.renglon .dos{display:inline-block;width:60%;background-color:#c1c1c1;text-align:center;margin:5px;}

.textoALeer{height:300px;width:100%;padding:10px;background-color:#b8e1f0;resize:vertical;}
.resultadoLectura{width:100%;background-color:#c1c1c1;margin:5px auto 5px auto;padding:10px;}

@media all and (max-width: 660px){
	.numeros{margin:2px auto 2px auto;font-size:3.1em;}
	.btnVerde{width:40%;margin:5px;font-size:1.0em;}
	.btnRojo{width:40%; margin:5px;font-size:1.0em;}
	.btnAzul{width:40%; margin:5px;font-size:1.0em;}
	.btnNaranja{width:40%; margin:5px;font-size:1.0em;}
	.renglon{width:300px;font-size:1.0em;margin:auto;}
	
	.textoALeer{height:400px;}
}