body{
	visibility: hidden;
	background-image: url('../img/ModuloNino/ModuloNino_Fondo.png');
	background-repeat: repeat-x;
    background-size: contain;
}

.estrellas ul{ 
	list-style: none;
}

.fondo{ 
	background-image: url('../img/ModuloNino/ModuloNino_Fondo.png');
	background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: -5;
	background-repeat: repeat-x;
	background-size: contain;
	visibility: hidden;
}

.personaje{ 
    position: absolute;
	width: 33%;
    height: 24%;
    left: 9%;
    top: 30%;
	z-index: 0;
	visibility: hidden;
}

.personajeHolograma{ 
    position: absolute;
	width: 33%;
    height: 24%;
    left: 9%;
    top: 30%;
	z-index: 1;
	visibility: hidden;
}

.prop1{ 
	background-image: url('../img/ModuloNino/ModuloNino_AranaRobot.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 2%;
	z-index: -2;
	visibility: hidden;
}

.prop2{ 
	background-image: url('../img/ModuloNino/ModuloNino_BtnModulos.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 2%;
	z-index: -2;
	visibility: hidden;
}

.prop3{ 
	background-image: url('../img/ModuloNino/ModuloNino_Cama.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 35%;
	z-index: -2;
	visibility: hidden;
}

.prop4{ 
	background-image: url('../img/ModuloNino/ModuloNino_Cocodrilo.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 30%;
	z-index: -2;
	visibility: hidden;
}

.prop5{ 
	background-image: url('../img/ModuloNino/ModuloNino_Cuadro.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 15%;
	z-index: -2;
	visibility: hidden;
}

.prop6{ 
	background-image: url('../img/ModuloNino/ModuloNino_DibujosPared.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 12%;
	z-index: -2;
	visibility: hidden;
}

.prop7{ 
	background-image: url('../img/ModuloNino/ModuloNino_Gravedad.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 35%;
	z-index: -2;
	visibility: hidden;
}

.prop8{ 
	background-image: url('../img/ModuloNino/ModuloNino_LuzPiso.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 81%;
	z-index: -3;
	visibility: hidden;
}

.prop9{ 
	background-image: url('../img/ModuloNino/ModuloNino_MesaNoche.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 38%;
	z-index: -2;
	visibility: hidden;
}

.prop10{ 
	background-image: url('../img/ModuloNino/ModuloNino_Monopatin1.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 75%;
	z-index: -2;
	visibility: hidden;
}

.prop11{ 
	background-image: url('../img/ModuloNino/ModuloNino_Monopatin2.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 81%;
	z-index: -2;
	visibility: hidden;
}

.prop12{ 
	background-image: url('../img/ModuloNino/ModuloNino_Organeta.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 44%;
	z-index: -2;
	visibility: hidden;
}

.prop13{ 
	background-image: url('../img/ModuloNino/ModuloNino_Robot.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 45%;
	z-index: -2;
	visibility: hidden;
}

.prop14{ 
	background-image: url('../img/ModuloNino/ModuloNino_Techo.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: -40%;
	z-index: -3;
	visibility: hidden;
}

.prop15{ 
	background-image: url('../img/ModuloNino/Holograma_Piano.png');	
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 33%;
    height: 24%;
    left: -14%;
    top: 16%;
	z-index: -3;
	visibility: hidden;
}

.colorInfo{
    background-color: rgb(83, 60, 149);	
}

.tituloJuego{
	color:white;
	font-size: 1.5em;
	margin-top:5%;
	margin-bottom:5%;
}

.juegoAprende{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(83, 60, 149);
    width: 100%;
    height: 25%;
    color: white;
    line-height: 5px;
    padding-left: 2%;
}

.juegoAprendeAnio2{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(237,29,52);
    width: 100%;
    height: 25%;
    color: white;
    line-height: 5px;
    padding-left: 2%;
}

.cajaTituloJuego{
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    background-color: rgba(83, 60, 149,0.5);
    width: 100%;
    height: 25%;
    color: white;
    line-height: 5px;
    padding-left: 2%;
}

.cajaTituloJuegoAnio2{
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    background-color: rgba(237,29,52,0.5);
    width: 100%;
    height: 25%;
    color: white;
    line-height: 5px;
    padding-left: 2%;
}



.tamanioContenedor{
    padding-left: 2%;
    padding-top:0;
    padding-bottom:0;
    
}

.tamanioContenedor p{
	font-size: 90%;
	color: white;
}

.fondoReproductor{
    background-size: 100% 100% ;
    background-image: url('../img/CMS/Barra_Reproduccion_vp.png');
    background-repeat: no-repeat;
    background-origin: content-box;
}

.reproductor{
    width: 100%;
    height: 100%;
    display:none;
    
}

.reproductorJuego{
    background-image: url('../img/CMS/Barra_Reproduccion_vp.png');
}

.btnVerMas{
	width:40%;
	margin-left: 30%;
}


.sec2{
	display:none;
}

.sec3{
	display:none;
}

.sec4{
	display:none;
}

.aprendeIcon{
	width:100%;
	margin-top: 15%;
}

.contenidoCelular{
	display:block;
	width:35%;
	padding:0;
	float:right;
	margin-right:5%
}

.contenidoWeb{
	display:none;
}

.divIcon{
	padding:0;
	
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0.1;
    }
	
	50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0.1;
    }
	
	50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 0.1;
    }

	50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        opacity: 0.1;
    }
	
	50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes resizeMouseOver {
    0% {
        -webkit-transform: scale(1, 1);
    }
	
	50% {
       -webkit-transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

.personajeHolograma{ 
	animation: fadeInFromNone 1s;
	-moz-animation: fadeInFromNone 1s;
	-webkit-animation: fadeInFromNone 1s;
	-o-animation: fadeInFromNone 1s;
	animation-iteration-count:infinite;
}

.personajeHolograma, .prop15:hover {
	-webkit-animation: fadeInFromNone 0s;
	-webkit-animation: resizeMouseOver 1s;
	animation-iteration-count:infinite;
	cursor: pointer;
}


/*Se carga una imagen de la nave para cada resolución*/
@media only screen
	and (min-width: 600px){
.imgCentral{
	width: 524px;
    height: 780px;

	background-image: url('../img/ModuloNino/ModuloNino_Nino.png');
}
.btnVerMas{
	width:20%;
	margin-left: 40%;
}

.contenidoCelular{
	display:none;
}

.contenidoWeb{
	display:block;
}

}

@media only screen
	and (min-width: 1024px){
.imgCentral{
	width: 402px;
    height: 536px;
	background-image: url('../img/ModuloNino/ModuloNino_Nino.png');
}

.reproductor{
	display:block;
}

.btnVerMas{
	width:10%;
	margin-left: 45%;
}

.tamanioContenedor p{
	font-size: 100%;
}

.juegoAprende{
	height:auto;
	
}

.juegoAprendeAnio2{
	height:auto;
	
}

.aprendeIcon{
	width:100%;
	margin-top:10%;
}

.cajaTituloJuego{
	bottom:10%;
	
}

.cajaTituloJuegoAnio2{
	bottom:10%;
	
}

.tituloJuego{
	font-size:2.5em;
}

}

@media only screen
	and (min-width: 1024px){

	.cajaTituloJuego{
		bottom:12%;
		height:35%;
	}
	
	.tituloJuego{
		font-size:2em;
	}
}

@media only screen
	and (min-width: 1200px){
	
    .cajaTituloJuego{
		bottom:12%;
		height:30%;
	}
	
	.cajaTituloJuegoAnio2{
		bottom:12%;
		height:30%;
	}
}

@media only screen
	and (min-width: 1500px){

	.cajaTituloJuego{
		bottom:12%;
		height: 25%;
	}
	
	.cajaTituloJuegoAnio2{
		bottom:12%;
		height: 25%;
	}
	 
	.aprendeIcon{
	width:70%;
	margin-top:2%;
}
	
	.tituloJuego{
		font-size:2em;
	}
}

@media only screen
	and (min-width: 1768px){

	.cajaTituloJuego{
		bottom:10%;
	}
	
	.cajaTituloJuegoAnio2{
		bottom:10%;
	}
	
	.tituloJuego{
		font-size:2.5em;
	}
}

@media only screen
	and (min-width: 1920px){
.imgCentral{
	background-image: url('../img/ModuloNino/ModuloNino_Nino.png');
}

.cajaTituloJuego{
		bottom:10%;
	}
	
	.cajaTituloJuegoAnio2{
		bottom:10%;
	}
	
	.tituloJuego{
		font-size:2.5em;
	}
}
	
}