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

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

#panelReel > * {
	position:relative;
	display:block;
	width: 790px;
	height:560px;
	background-position:0px 30px;
	background-repeat:no-repeat
	}

#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*/	
.casita_1{
	background-image: url(../img/casita1.png);
	width:184px;
	height:248px;
	position:absolute;
	left: 274px;
	top: 249px;
}
.casita_2{
	background-image: url(../img/casita2.png);
	width:161px;
	height:260px;
	position:absolute;
	left: 410px;
	top: 243px;
}
.casita_3{
	background-image: url(../img/casita3.png);
	width:195px;
	height:250px;
	position:absolute;
	left: 565px;
	top: 247px;
}
.casita_4{
	background-image: url(../img/casita4.png);
	width:160px;
	height:264px;
	position:absolute;
	left: 210px;
	top: 259px;
}
.democracia{
	background: url(../img/democracia.png);
	width:0px;
	height:30px;
	position:absolute;
	left: 481px;
	top: 232px;
}
/* casitas (droppables) */
.panel_casitas{
	display: block;
	position: absolute;
}

.panel_fondo {
	width: 550px;
	height: 350px;
	position: absolute;
	left: 50%;
	margin-left: -275px;
	top: 70px;
	background: url(../img/01_fondo.png?v=4) no-repeat bottom;
}
.panel_final_fondo {
	width: 550px;
	height: 350px;
	position: absolute;
	left: 50%;
	margin-left: -275px;
	top: 70px;
	background: url(../img/final_fondo.png) no-repeat bottom;
}
	


.pregunta{
	position: absolute;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 55px;
}


.icn{
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 1;
}

.respuesta{
	background: url(../img/respuesta.png) no-repeat;
	width:230px;
	height:78px;
	font-size:16px;
	color:#FFF;
	padding:10px;
	left: 261px;
	top: 422px;
}

.bien{
	background: url(../img/retro_bien.png);
	width:776px;
	height:73px;
	position:absolute;
	left:5px;
	margin-top:10px;
	display:none;
	z-index:500	
}
#texto_bien{
	position:absolute;
	width:700px;
	height:73px;
	line-height:73px;
	margin-left:35px;
	font-size:15px;
	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;
	margin-top:10px;
	display:none;
	z-index:500
}
#texto_mal{
	position:absolute;
	width:700px;
	height:73px;
	line-height:21px;
	margin-left:35px;
	font-size:15px;
	color:#fff;
	margin-top:16px;
}
.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);
}

#linea_tiempo{
	background-image:url(../img/linea_tiempo.png);
	width:479px;
	height:15px;
	position:absolute;
	top: 530px;
	left: 132px;

}

#nombre {
	width: auto;
	height: auto;
	font-weight: bold;
	text-align:center;
	margin-top:-43px;
	float: right;
	padding: 2px 6px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
}
#situacion1 {
	position:absolute;
	background-image:url(../img/preg1_situacion.png);
	width:218px;
	height:223px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 66px;
	top: -227px
} 
#fondo1 {
    position:absolute;
	background-image:url(../img/fondo1.png);
	font-size:16px;
	width:790px;
	height:550px
}

#situacion1A {
	position:absolute;
	background-image:url(../img/preg1_opcion1.png);
	width:229px;
	height:224px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 402px;
	top: -361px;
	cursor:pointer
	
}

#situacion1B {
	position:absolute;
	background-image:url(../img/preg1_opcion2.png);
	width:227px;
	height:222px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 406px;
	top: -125px;
	cursor:pointer
}
#situacion2 {
	position:absolute;
	background-image:url(../img/preg2_situacion.png);
	width:210px;
	height:243px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 75px;
	top: -248px
}
#fondo2 {
    position:absolute;
	background-image:url(../img/fondo2.png);
	font-size:16px;
	width:790px;
	height:550px
}
#situacion2A {
	position:absolute;
	background-image:url(../img/preg2_opcion1.png);
	width:193px;
	height:224px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 425px;
	top: -371px
}

#situacion2B {
	position:absolute;
	background-image:url(../img/preg2_opcion2.png);
	font-size:16px;
	width:190px;
	height:222px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 427px;
	top: -128px
}

#situacion3 {
	position:absolute;
	background-image:url(../img/preg3_situacion.png);
	width:269px;
	height:238px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 8px;
	top: -254px
}
#fondo3 {
    position:absolute;
	background-image:url(../img/fondo3.png);
	font-size:16px;
	width:790px;
	height:550px
}

#situacion3A{
	position:absolute;
	background-image:url(../img/preg3_opcion1.png);
	width:258px;
	height:229px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	eft: 438px;
	top: -382px;
	left: 419px;
	
}
#situacion3B {
	position:absolute;
	background-image:url(../img/preg3_opcion2.png);
	width:247px;
	height:222px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 426px;
	top: -127px
}
#situacion4 {
	position:absolute;
	background-image:url(../img/preg4_situacion.png);
	width:137px;
	height:72px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 96px;
	top: -184px
}
#fondo4 {
    position:absolute;
	background-image:url(../img/fondo4.png);
	font-size:16px;
	width:789px;
	height:550px
}
#situacion4A {
	position:absolute;
	background-image:url(../img/preg4_opcion1.png);
	font-size:16px;
	width:138px;
	height:72px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 484px;
	top: -300px
}
#situacion4B {
	position:absolute;
	background-image:url(../img/preg4_opcion2.png);
	width:131px;
	height:70px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 487px;
	top: -54px
}
#situacion5 {
	position:absolute;
	background-image:url(../img/preg5_situacion.png);
	width:254px;
	height:236px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 37px;
	top: -242px
}
#fondo5 {
    position:absolute;
	background-image:url(../img/fondo5.png);
	font-size:16px;
	width:790px;
	height:550px
}
#situacion5A {
	position:absolute;
	background-image:url(../img/preg5_opcion1.png);
	width:250px;
	height:231px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 379px;
	top: -380px
}
#situacion5B {
	position:absolute;
	background-image:url(../img/preg5_opcion2.png);
	width:250px;
	height:234px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 382px;
	top: -136px
}

#flecha1 {
	position:absolute;
	background-image:url(../img/flecha1.png);
	width:102px;
	height:62px;
	padding:5px;
	padding-left:15px;
	margin-top:400px;
	left: 287px;
	top: -65px
}
#flecha2 {
	position:absolute;
	background-image:url(../img/flecha2.png);
	width:112px;
	height:60px;
	padding:5px;
	margin-top:400px;
	left: 289px;
	top: -231px
}
#linea {
	position:absolute;
	background-image:url(../img/linea.png);
	width:446px;
	height:2px;
	padding:5px;
	margin-top:400px;
	left: 157px;
	top: 130px
}
#lineaA {
	position:absolute;
	background-image:url(../img/lineaA.png);
	width:41px;
	height:55px;
	left: 124px;
	top: 486px;
}
#lineaB {
	position:absolute;
	background-image:url(../img/lineaB.png);
	width:83px;
	height:49px;
	left: 575px;
	top: 495px;
}
#final_bien {
	position:absolute;
	background-image:url(../img/final_bien.png);
	width:790px;
	height:550px;
	
	
}
#bien1 {
	position:absolute;
	left: 471px;
	top: 171px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	width: 225px;
	
}
#final_mal {
	position:absolute;
	background-image:url(../img/final_mal.png);
	width:790px;
	height:550px;
	
}
#mal1 {
	position:absolute;
	left: 317px;
	top: 81px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	width: 175px;
	
}
#final_muy_mal {
	position:absolute;
	background-image:url(../img/final_muy_mal.png);
	width:790px;
	height:550px;
	
}
#muy_mal1 {
	position:absolute;
	left: 350px;
	top: 331px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	width: 184px;
	
}
.reiniciar {
	position:absolute;
	background-image:url(../img/reiniciar.png);
	width:120px;
	height:21px;
	padding:5px;
	left: 646px;
	top: 504px;
	font-size:16px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	cursor:pointer
}


/*PANEL 02*/