@charset "utf-8";
fieldset{border: none;width: 400px;margin:auto;}
.autoroculto {padding:2px;margin:auto !important;width: fit-content;}
td{float:left;margin:1px;height:20px;width:20px;font-family:sans-serif;font-size:25px;font-weight: bold;background:white;padding:20px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 2px solid #5878ca;display:flex;justify-content: center;align-items: center;}
.oculto{float:left;margin:1px;height:20px;width:20px;font-family:sans-serif;font-size:25px;font-weight: bold;background:white;padding:20px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 2px solid #5878ca;display:flex;justify-content: center;align-items: center;}
.correcto{background:MediumSeaGreen;}
.incorrecto{background:Orange;}
.no{background:Red;}
td.resultado{float:left;margin:1px;height:10px;width:10px;}
.resultado{display: table;margin: auto;}
.fila{display: table-row;}
.rescorrecto{display: table-cell;padding-right: 1px;background:MediumSeaGreen;height:18px;width:18px;border-spacing:1px;font-weight:bold;font-family:sans-serif;text-align:center;}
.resincorrecto{display: table-cell;padding-right: 1px;background:Orange;height:18px;width:18px;border-spacing:1px;font-weight:bold;font-family:sans-serif;text-align:center;}
.resno{display:table-cell;padding-right: 1px;background:Red;height:18px;width:18px;border-spacing:1px;font-weight:bold;font-family:sans-serif;text-align:center;}
.separacion{display:table-cell;width:2px;opacity:0;}
.rowseparacion{display:table-cell;height:2px;opacity:0;}
.hidden{opacity: 0;}
.teclado td {height: inherit !important;width: inherit !important; padding: inherit !important;}
.teclado table {border:1px !important;}
.teclaNormal {width:33px;height:33px;}
.teclaNormalAcertada {width:33px;height:33px;background:MediumSeaGreen;}
.teclaNormalDescolocada {width:33px;height:33px;background:Orange;}
.teclaNormalMal {width:33px; height: 33px;background:Red;}
.teclaAncha {width:53px; height: 33px;}
.selectedCell {border:4px solid green;}
		@-webkit-keyframes animarH{
			0%{-webkit-transform:translate(0px,0px);}
			10%{-webkit-transform:translate(20px,0px);}
			20%{-webkit-transform:translate(0px,0px);}
			30%{-webkit-transform:translate(20px,0px);}
			40%{-webkit-transform:translate(0px,0px);}
			50%{-webkit-transform:translate(20px,0px);}
			60%{-webkit-transform:translate(0px,0px);}
			70%{-webkit-transform:translate(20px,0px);}
			80%{-webkit-transform:translate(0px,0px);}
			90%{-webkit-transform:translate(20px,0px);}
			100%{-webkit-transform:translate(0px,0px);}
		}
		.temblequeHor {
			-webkit-animation:animarH .6s 1;
		}
		@-webkit-keyframes animarV{								
			0%{-webkit-transform:translate(0px, 0px);}
			10%{-webkit-transform:translate(0px, 20px);}
			20%{-webkit-transform:translate(0px, 0px);}
			30%{-webkit-transform:translate(0px, 20px);}
			40%{-webkit-transform:translate(0px, 0px);}
			50%{-webkit-transform:translate(0px, 20px);}
			60%{-webkit-transform:translate(0px, 0px);}
			70%{-webkit-transform:translate(0px, 20px);}
			80%{-webkit-transform:translate(0px, 0px);}
			90%{-webkit-transform:translate(0px, 20px);}
			100%{-webkit-transform:translate(0px, 0px);}
		}
		.temblequeVer {
			-webkit-animation:animarV .6s 1;
		}
.inputAO {background-color:transparent;border:0px;font-family:sans-serif;font-size:25px;font-weight:bold;text-align:center;}
.tablita {float:left; margin-top:5px;}
.septablitas {clear:left;}
.enlaceOtros {margin-left:65px;}
.line1 {font-weight: 700;background-color: rgba(192,192,192,0.8);padding:8px;}
/*Responsive*/
@media screen and (max-width:480px) {
td {height:14px !important;width:14px !important;font-size: 19px !important;padding: 10px !important;border-radius: 5px 5px 5px 5px !important;-moz-border-radius: 5px 5px 5px 5px !important;-webkit-border-radius: 5px 5px 5px 5px !important;}
.inputAO {font-size:19px !important;}
.teclaNormal {width:25px;height:25px;}
.teclaNormalAcertada {width:25px;height:25px;background:MediumSeaGreen;}
.teclaNormalDescolocada {width:25px;height:25px;background:Orange;}
.teclaNormalMal {width:25px;height:25px;background:Red;}
.teclaAncha {width:40px;height:25px;}
fieldset{width:320px !important;}
}