/*         
MEMOTEST: El clásico juego de encontrar las coincidencias.
    Copyright (C) 2014 - Ricardo Leithner - infomemotest@gmail.com

    Este programa es software libre: usted puede redistribuirlo y / o modificarlo
    bajo los términos de la GNU Affero General Public License como
    publique la Fundación para el Software Libre, ya sea la versión 3 de la
    Licencia, o (a su elección) cualquier versión posterior.

    Este programa se distribuye con la esperanza de que sea útil,
    pero SIN NINGUNA GARANTÍA, incluso sin la garantía implícita de
    COMERCIALIZACIÓN o IDONEIDAD PARA UN PROPÓSITO PARTICULAR. Consulte la
    GNU Affero General Public License para más detalles.

    Debería haber recibido una copia de la Licencia Pública General Affero GNU
    junto con este programa. Si no es así, consulte http://www.gnu.org/licenses/.
*/

/*BLOQUES*******************************************************************/

body{
	font-family: Mystery Quest;
	background: #0000ff;
	text-align: center;
	}

header{
	text-align: center;
	}

footer{
	font-size: 20px;
	text-align: center;
	color: white;
	}

select{
	font-family: Mystery Quest;
	font-size: 20px;
   padding:2px;
   background: linear-gradient(0deg, rgb(210,210,0)40%, rgb(255,255,0)60%);
   color:black;
   border-color: transparent;
   text-shadow:0 1px 0 rgba(0,0,0,0.4);
   box-shadow: 3px 3px 10px #000;
   width:195px;height: 36px;
	margin: 4px 2px 2px 2px;
	/*sacan las flechas en CHR*/
	-moz-appearance: none;
 	-webkit-appearance:none; 
 	-o-appearance:none; 
 	/*appearance: none;*/
 	text-indent: 0.01px;
 	/*saca la flecha en FF*/
   text-overflow:''; 
	}
	
select:disabled{
	color:gray;
	}

option {
	background-color: transparent;
	}

img.imgcenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   border:10px;
   }
 	
form {
	font-family: Auto;
	text-align: center;
	font-size: 20px;
	width:940px;
	background-color:yellow;
	padding:5px;
	border-radius: 0.5em;
	box-shadow: 10px 10px 5px #000;
	}

input {
	font-size: 24px;
	text-align:left;
	}

/*IDENTIFICADORES*******************************************************************/

#memotest{
	text-align:center;
	vertical-align:middle;
	margin: 10px auto;
	font-size: 120px;
    color: yellow;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
	border: 10px solid #000;
	background: red;
	width: 800px;
	height: 140px;
	box-shadow: 3px 3px 10px #202020;
	text-shadow:5px 5px 0px #b23e35;
}
#avisos{
	position: absolute;
	top: 10px;
	left:350px;
	z-index:1;
 }
#botonera2{
	text-align: center;
   font-size: 18px;
   padding: 0px 0px 30px 0px;
}

#botonera1{
	text-align: center;
	font-size: 90px;
   padding: 0px 0px 30px 0px;
}

/*CLASES******************************************************************/

.instrucciones {
	font-family: Times;
	text-align: left;
	font-size: 18px;
	width:940px;
	position: relative;  
	margin: 20px auto;
	background-color:yellow;
	padding:2px 2px 2px 20px;
	border-radius: 0.5em;
	box-shadow: 10px 10px 10px #000;
	}
	
.subtitulo{
	margin: 0px;
	 padding: 0px 0px 0px 0px;
	font-weight: normal; 
	font-size: 30px;
   color: yellow;
	text-align: center;
}

.link {
	font-family: Mystery Quest;
	font-size: 50px;
   color: yellow;
   text-shadow:0 1px 0 rgba(0,0,0,0.4);
   text-decoration: none;
   background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(255, 20, 20) 70%);
   padding: 5px 10px;
   border-radius: .5em;
	box-shadow: 5px 5px 1px #000;
}

.link:hover {
   background: #999;
}
.linkchico {
	font-family: Mystery Quest;
	font-size: 24px;
   color: yellow;
 	margin: 0px 0px 0px 0px;
   text-decoration: none;
   background: linear-gradient(0deg, rgb(210, 0, 0) 30%, rgb(255, 0, 0) 70%);
   padding: 5px 10px;
   border-radius: .5em;
	box-shadow: 3px 3px 10px #000;
}

.linkchico:hover {
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
   background: #999;
}
/****************************************/
/*
.minimemotest {
	width: 180px;
	height: 28px;
	border-width: 10px;
	border-color: black;
	text-align: center;
	font-family: Mystery Quest;
	font-size: 24px;
   color: yellow;
   text-decoration: none;
   background-color: red;
   padding: 2px 5px;
   margin: 4px 2px 2px 2px;
	box-shadow: 3px 3px 10px #000;
	text-shadow:1px 1px 0px #b23e35;
}

.monitor {
	font-family: Arial;font-size: 10px;}
*/

/****************************************/
.botonchico {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');*/
	background-color:#fe1a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	width:185px;height: 40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
	font-family: Mystery Quest;
	font-size: 24px;
   color: yellow;
 margin: 0px 0px 0px 0px;
 box-shadow: 3px 3px 10px #000;
}
.botonchico:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');*/
	background-color:#ce0100;
}
.botonchico:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/****************************************/
.botonmedio {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');*/
	background-color:#fe1a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	width:700px;height: 40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
	font-family: Mystery Quest;
	font-size: 24px;
   color: yellow;
 margin: 0px 0px 0px 0px;
 box-shadow: 3px 3px 10px #000;
}
.botonmedio:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');*/
	background-color:#ce0100;
}
.botonmedio:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/****************************************/
.botongrande {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');*/
	background-color:#fe1a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	width:320px;height: 68px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
	font-family: Mystery Quest;
	font-size: 50px;
   color: yellow;
 margin: 0px 0px 0px 0px;
 box-shadow: 3px 3px 10px #000;
}
.botongrande:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');*/
	background-color:#ce0100;
}
.botongrande:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */