@charset "UTF-8";



/* CSS Document */



body{



	height:100%;



	font-family:Helvetica, Arial, sans-serif;



	margin:0px;

	color:#000;



}



.layer{



	width:790px;



	height:560px;



	margin:0px auto;



	position:absolute;



	overflow:hidden;



	top:0px;



	left:0px;



	right:0px;



}



#layer1{



	background-image:url(../img/fondo_inicio.jpg);



	z-index:1000;



}



#letrero_inicio{



	position:absolute;



	bottom:0px;



}



#btn_inicio{



	position:absolute;



	bottom:30px;



	margin:auto;



	left:0;



	right:0;



	cursor:pointer;



}







#layer2{



	background-image:url(../img/fondo_lab.jpg);

	z-index:900;

	color:black;

}



#azul3 {
	width: 405px;
	height: 52px;
	padding: 25px 45px 0px 16px;
	position: absolute;
	right: 144px;
	bottom: 230px;
	display: none;
	z-index: 1100;
}

#azul, #rojo, #rojo3{
	width: 405px;
	height: 52px;
	padding: 25px 45px 0px 16px;
	position: absolute;
	right: 27px;
	bottom: 15px;
	display: none;
	z-index: 1100;
}



#azul, #azul3{



	background:url(../img/azul.png);



}



#rojo,#rojo3{



	background:url(../img/rojo.png);



}



#invisible{



	width:100%;



	height:100%;



	position:absolute;



	z-index:2000;



	display:none;



	top:0px;



	border:0px;



	background-color:transparent;



}



#pergamino{



	width:469px;

	height:530px;

	padding:30px 40px 0px 70px;

	margin:0px auto;

	background-image:url(../img/pergamino.png);

	text-align:center;



	font-size:14px !important;



}



.bien{



	position:absolute;



	right:10px;



	top:10px;



	display:none;







}



.question{



	position:relative;



	clear:both;



}



.q{



	width:100%;



	margin:10px 0px;

	color:black !important;

	float:left;



}







.answer, .answer_y, .correcto{



	margin:0px;

	color:black !important;

	padding:0px 10px;



	float:left;



}



.answer:hover, .answer_y:hover{



	text-decoration:underline;



}



.correcto{



	background:#6CBA2C;



	border-radius:8px;



}















#layer3{



	background-image:url(../img/fondo_lab.jpg);



	z-index:300;



	/*font-weight:bold;*/



}

#layer3 *{

	color:#000;



}



#acumulado{



	top:10px;



	right:20px;



	position:absolute;



	z-index:1000;



}



#acumulado img{



	float:left;



	margin:0px 5px;



}



#elemento{



	margin:auto;



	position:absolute;



	top:30px;



	left:0;



	right:0;



	z-index:300;



}




#elemento2{
	margin:auto;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	z-index:300;
	background-image:url(../img/elemento.png);
}



#elemento_oro{
	margin:auto;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	z-index:300;
	background-image:url(../img/elemento2.png);
}


#elemento_a_transformar {
	width:92px;
	height:97px;
	position:absolute;
	top:143px;
	left:375px;
	z-index:1000;
	line-height:97px;
	color:#002131;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:54px;
}

#indice_superior {
	width:30px;
	height:25px;
	position:absolute;
	top:159px;
	left:340px;
	z-index:1000;
	text-align:center;
	color:#002131;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

#indice_inferior {
	width:30px;
	height:25px;
	position:absolute;
	top:181px;
	left:340px;
	z-index:1000;
	text-align:center;
	color:#002131;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

#neutron{



	width:92px;



	height:97px;



	position:absolute;



	top:155px;



	left:300px;


	z-index:1000;



	background:url(../img/neutron.png);



	text-align:center;



	line-height:97px;
	color:#002131;


}



#proton{



	width:92px;



	height:97px;



	position:absolute;



	top:55px;



	left:400px;




	z-index:1000;



	background:url(../img/proton.png);



	text-align:center;



	line-height:97px;
	color:#1F0000 !important;
	text-shadow:#FFF 1px 1px 5px 1px ;



}



#oro{



	width:77px;



	height:69px;



	padding:25px 25px 0px 0px;



	background:url(../img/oro.png);



	margin:auto;



	position:absolute;



	bottom:30px;



	left:0;



	right:0;



	z-index:1000;



	text-align:right;



}



#neutrones{



	position:absolute;



	top:350px;



	left:20px;



	z-index:500;



}



#protones{



	position:absolute;



	top:350px;



	left:570px;



	z-index:500;



}



.titulo_p{



	position:absolute;



	top:350px;



	left: 476px;



	z-index:500;
	



	font-size: 22px;
	color:#000 !important;



}



.titulo_n{
	font-size: 22px;
	color:#000 !important;



	position:absolute;



	top:350px;



	left:240px;



	z-index:500;



}



.input{



	width:71px;



	height:37px;



	background:url(../img/fondo_input.png);



	text-align:center;



	position:absolute;



	border:0px;



	z-index:1000;



}



#input_neutrones{



	bottom:180px;



	left: 162px;
	
	color: #333 !important;



}



#input_protones{



	bottom:180px;



	right:150px;
	
	color: #333 !important;



}