@charset "utf-8";
/* CSS Document */

.botonesOpacos{
	opacity: 0.6; 
	filter: alpha(opacity=30);
}

.botonesIluminados{
	opacity: 1; 
	filter: alpha(opacity=100);
}

.botonesOpacosDrop{
	opacity: 0.6; 
	filter: alpha(opacity=30);
}

.botonesIluminadosDrop{
	opacity: 1; 
	filter: alpha(opacity=100);
}

.botonVerde{
	-webkit-filter: grayscale(0); 
}

.botonGris{
	-webkit-filter: grayscale(1); 
}

.p{
	cursor:pointer;
}

#escenaInstrucciones{
	position: absolute;
  	width: 1080px;
 	height: 607px;
  	top: 123px;
  	left: 242px;
  	border-color: white; 
	z-index: 2;
}

#escenaComic{
	position: absolute;
  	width: 1080px;
 	height: 607px;
  	top: 123px;
  	left: 242px;
  	border-color: white; 
	z-index: 2;
}

#escenaActividad{
	position: absolute;
  	width: 1080px;
 	height: 607px;
  	top: 123px;
  	left: 242px;
  	border-color: white; 
	/*z-index: 2;*/
}

#escenaTema1{
	position: absolute;
  	width: 1080px;
 	height: 607px;
  	top: 123px;
  	left: 242px;
  	border-color: white; 
	/*z-index: 2;*/
}

.grisPreg{
	
	
}

.botonesPreg{
	position: absolute;
	right: -3px;
	width: 50px;
	border-radius: 5%;
	border-style: groove;
	background-color:#B2B2B1;
}