/* CSS Document */
/*-------------------------------------------*/
	.grises
	{
		filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
		filter: Gray(); /* IE4-8 and 9 */

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.grises:hover { 
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: none;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}  

	.personajenube2
	{
	    position: absolute;
	    right: -18px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	}

	.selector3
	{
	    position: relative;
	    top: -50px;
	    left: -27px;
	    width: 35px;
	}

	.siguientecss
	{
		
	  text-align: center;
	  width: 125px;
   	  height: 66px;
	  background-image: url(../images/iconos/boton_siguiente.png);
	  background-size: 100% 100%;
	  padding: 12px;
	  font-family: Chewy;
	  color: white;
	  cursor: url(../images/cursor/hand.cur) , auto!important;
	 
	}

	.atrascss
	{
		position: absolute;
	    bottom: 30px;
	    left: 0px;
	    width: 125px;
	    height: 66px;
		z-index: 30000;
	    background-image: url(../images/iconos/boton_atras.png);
	    background-size: 100% 100%;
	    cursor: url(../images/cursor/hand.cur) , auto!important;
	}


/*Pantalla 2*/	
	.recuadro
	{
	    width: 100%;
	    display: table;
	    margin-left: 15px;
	    background-color: #D50000!important;
	    border-radius: 20px;
	    margin: 10px;
	    padding-left: 7px;
	    padding-bottom: 10px;
	}

	.recuadro_interno
	{
		background-color: #FF9800;
	    margin: 2px;
	    width: 32%;
	    float: left;
	    border-radius: 20px;
	}
	
	

	.nivel{display:none!important;}
	.vidas{display:none!important;}

	#zona_trabajo
	{
		min-height: 100%;
		left: 0px;
		width: 100%;
		border-radius: 12px;
		position: absolute;	
	}
	
	.spa-info
	{
		color:#FFC107;
	}
	
	.eng-info
	{
		color:#64DD17;
	}
	
	.eng-pron
	{
		color:#CCFF90;
		font-size:27px;
	}
	
	.cuerpo
	{
	    height: 400px;
	    width: 79%;
	    position: relative;
	    left: 112px;
	    bottom: 32px;
	    cursor: url(../images/cursor/hand.cur), auto;
	}

	.info
	{
	    background-color: white;
	    padding: 10px;
	    border-radius: 33px;
		width:161px;
		border: 3px solid #FF5722;
		display:none;	
	}

	#flecha
	{		
	    position: fixed;	
	    background-color: #FF5722;	
	    height: 3px;
	}
	
/*------------------------------------*/
/* Edicion correcciones*/
/*------------------------------------*/

	/*Head*/

	#divisor
	{
		width: 154px;
	    height: 177px;
	    left: 69px;
	    top: 123px;
	    position: absolute;
	}

	#util
	{
		width: 100%;
	    height: 100%;
	    position: absolute;
	}

	#opc
	{
		position: absolute;
	    /* padding: 10px; */
	    width: 81px;
	    height: 350px;
	    right: 0px;
	    /* top: 276px; */
	    /* background: rgba(255, 0, 0, 0.44); */
	}
	
	.opcion
	{
		margin: 10px 0px 0px 0px;
	    width: 80px;
	    height: 80px;
	    display: block;
	    /* float: left; */
	    /* background: rgba(0, 0, 0, 0.59); */
	    position: relative;

	}

/*------------------------------------*/

.sector
{
	/*background: rgba(255, 3, 3, 0.75);*/
}