@font-face {
	font-family:'trade';
	src: url('fonts/trade_regulart.eot');
	src: url('fonts/trade_regulart.eot?#iefix') format('embedded-opentype'), url('fonts/trade_regular.woff') format('woff'), url('fonts/trade_regular.ttf') format('truetype'), url('fonts/trade_regular.svg#trade_regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

#splash {
 width:703px;
 height:346px;
 margin:0 auto;
}

#panelReel {
	position: absolute;
	top: 0;
	left: 0;
}

#panelReel > * {
	position:relative;
	display:block;
	width: 790px;
	height:560px;
	}

#activity {
	width: 790px;
	height:560px;
	
	/*Estas propiedades pueden modificarse si llegase a ser necesario*/	
	margin:auto;
	overflow:hidden;
}



/*INICIO DEL CSS DE LA ACTIVIDAD*/	

.button:link {
	text-decoration: none;
}

.contenedorBotonesInferiores {
	width: 780px;
	text-align: center;
	position: absolute;
	top: 433px;
	left: 1px;
}

/*PANEL 01*/



#fondo{
	background-image:url(../img/fondo.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:550px;
	position:absolute;
}

#ella{
	background-image: url(../img/chica.png);
	width: 91px;
	height: 298px;
	position: absolute;
	left: 355px;
	top: 68px;
	opacity: 0.0;
}
#el{
	background-image:url(../img/el.png);
	width:99px;
	height:307px;
	position:absolute;
	left: 352px;
	top: 53px;
}
.botiquin{
	background-image:url(../img/maletin.png);
	width:153px;
	height:110px;
	position:absolute;
	left: 567px;
	top: 168px;
}
.botiquin2{
	background-image:url(../img/maletin2.png);
	width:153px;
	height:110px;
	position:absolute;
	left: 507px;
	top: 186px;
}
.termometro{
	background-image: url(../img/termometro.png);
	width: 74px;
	height: 142px;
	position: absolute;
	left: 102px;
	top: 143px;
}
#mercurio{
	background-image:url(../img/mercurio.png);
	width:16px;
	height:0px;
	position:absolute;
	left: 21px;
	top: 97px;
}	

#libro_1{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 78px;
	position: absolute;
	left: 272px;
	top: 384px;
	padding: 15px;
	padding-top:25px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center
}
#libro_2{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 78px;
	position: absolute;
	left: 272px;
	top: 384px;
	padding: 15px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	display: none;
	opacity: 0.0;
}
#libro_3{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 94px;
	position: absolute;
	left: 272px;
	top: 384px;
	padding: 15px;
	padding-top:10px;
	padding-bottom:5px;
	letter-spacing: 1px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	display: none;
	opacity: 0.0;
}
#libro_4{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 78px;
	position: absolute;
	left: 272px;
	top: 384px;
	padding: 15px;
	padding-top:25px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	display: none;
	opacity: 0.0;
}
#libro_5{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 78px;
	position: absolute;
	left: 272px;
	top: 384px;
	padding: 15px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	display: none;
	opacity: 0.0;
}
#libro_6{
	background-image: url(../img/pregunta.png);
	width: 210px;
	background-repeat: no-repeat;
	height: 78px;
	position: absolute;
	letter-spacing: 1px;
	left: 272px;
	top: 384px;
	padding: 15px;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	display: none;
	opacity: 0.0;
}

#contenedor{
	width:790px;
	height:550px;
	position:absolute;
	overflow:hidden;
	top: 31px;
	font-family:trade;
	}
	

#final{
	background-image:url(../img/final.png);
	width:790px;
	height:550px;
	position:absolute;
	text-align:center;
	color:#FFF;
}
#final_texto{
	width:790px;
	height:auto;
	position:absolute;
	text-align:center;
	color:#FFF;
	margin-top:80px;
}
	

.bien{
	background: url(../img/retro_bien.png);
	width:776px;
	height:73px;
	position:absolute;
	left:5px;
	display:none;
	z-index:1000;
	top:20px
}
#texto_bien{
	position:absolute;
	width:700px;
	height:73px;
	line-height:73px;
	margin-left:35px;
	font-size:16px;
	color:#fff;
}
.close{
	background-image:url(../img/bien_cerrar.png);
	position:relative;
	float:left;
	width:41px;
	height:42px;
	cursor:pointer;
	margin-left:720px;
	margin-top:14px;
}
.close:hover{
	background-image:url(../img/bien_cerrarb.png);
}


.mal{
	background: url(../img/retro_mal.png);
	width:776px;
	height:73px;
	position:absolute;
	left:5px;
	display:none;
	z-index:1000;
	top:20px
}
#texto_mal{
	position:absolute;
	width:700px;
	height:73px;
	line-height:73px;
	margin-left:35px;
	font-size:16px;
	color:#fff;
}
.close_2{
	background-image:url(../img/mal_cerrar.png);
	position:relative;
	float:left;
	width:41px;
	height:42px;
	cursor:pointer;
	margin-left:720px;
	margin-top:14px;
}
.close_2:hover{
	background-image:url(../img/mal_cerrarb.png);
}


.reiniciar{
	background-image:url(../img/reiniciar.png);
	width:101px;
	height:32px;
	position:absolute;
	left: 650px;
	top: 510px;
	padding-left:30px;
	font-size:16px;
	line-height:32px;
	cursor:pointer
}
.reiniciar:hover{
	opacity:0.5;
}

#fuego1{
	background-image: url(../img/fuego1.png);
	width: 276px;
	height: 297px;
	position: absolute;
	left: -19px;
	top: 2px;
	opacity: 0.0
}
#fuego2{
	background-image: url(../img/fuego2.png);
	width: 252px;
	height: 248px;
	position: absolute;
	left: 557px;
	top: 57px;
	opacity: 0.0
}

/*PANEL 02*/