#splash {
	width:703px;
	height:560px;
	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;
	/*border: dashed 3px;	*/
}

#app {
	background: url(../img/fondo.png) 0 0 no-repeat;
}

#libro {
	/*background: url(../img/libro.png) 0 0 no-repeat;*/
	width: 564px; height: 557px;
	position: absolute; 
	bottom: 0;
	/*right: 0;*/
	right: -30px;	
	background: url(../img/contenedor_informacion.png) 0 0 no-repeat;
}

.box {
	/*width: 192px;
	height: 54px;
	position: absolute;
	border: 1px solid #666;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	left: 72px;
	-webkit-box-shadow: inset 1px 1px 5px 2px rgba(0, 0, 0, 0.3);        
    box-shadow: inset 1px 1px 5px 2px rgba(0, 0, 0, 0.3);*/
	width:201px; height:74px;
	position:absolute;
}
#box1 { top: 335px; left: 77px; }
#box2 { top: 335px; left: 287px; }
#box3 { top: 415px; left: 77px; }
#box4 { top: 415px; left: 287px; }

.evidenciabg, .evidencia { position: absolute; }
.evidenciabg { left: 18px; }

#evidenciabg-1 { top: 57px; background: url(../img/perros.png) 0 0 no-repeat; }
#evidenciabg-2 { top: 135px; background: url(../img/mosca.png) 0 0 no-repeat; }
#evidenciabg-3 { top: 213px; background: url(../img/patas.png) 0 0 no-repeat; }
#evidenciabg-4 { top: 290px; background: url(../img/picos.png) 0 0 no-repeat; }
#evidenciabg-5 { top: 368px; background: url(../img/flor.png) 0 0 no-repeat; }
#evidenciabg-6 { top: 444px; background: url(../img/fosil.png) 0 0 no-repeat; }
#evidenciabg-1:hover { background: url(../img/perros_seleccion.png) 0 0 no-repeat; }
#evidenciabg-2:hover { background: url(../img/mosca_seleccion.png) 0 0 no-repeat; }
#evidenciabg-3:hover { background: url(../img/patas_seleccion.png) 0 0 no-repeat; }
#evidenciabg-4:hover { background: url(../img/picos_seleccion.png) 0 0 no-repeat; }
#evidenciabg-5:hover { background: url(../img/flor_seleccion.png) 0 0 no-repeat; }
#evidenciabg-6:hover { background: url(../img/fosil_seleccion.png) 0 0 no-repeat; }

.imagen {
	width: 71px; height: 70px;
	position:absolute; left:14px;
	cursor:pointer;
}
.evidencia { 
	left:85px; 
	width: 201px; 
	height: 74px; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	cursor:move;
	background-image: url(../img/contenedor_textos.png);
	display:table;
	z-index: 9999;
}
#evidencia-1 { top: 56px; }
#evidencia-2 { top: 134px; }
#evidencia-3 { top: 212px; }
#evidencia-4 { top: 289px; }
#evidencia-5 { top: 367px; }
#evidencia-6 { top: 443px; }

.evidencia p {
	color: black;
	font-size: 11px;
	text-align: left;
	padding: 6px 13px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1em;
	cursor:move;
}

#darwin {
	width:149px;
	height:203px;
	position:absolute;
	left:477px; top:30px;
	display:none;
}
#darwin.normal { background: url(../img/normal.png) 0 0 no-repeat; }
#darwin.triste { background: url(../img/triste.png) 0 0 no-repeat; }
#darwin.normal.feliz { background: url(../img/feliz.png) 0 0 no-repeat; }

#ayuda-extra {
	position: absolute;
	width:423px; height:252px;
	top: 69px;
	left: 325px;
}
#ayuda-extra img {
	position: absolute;
	display:none;
}

/*.ui-state-highlight { border:3px solid green;}*/

.cartel {
	/* [disabled]font-family:"museo"; */
	position: absolute;
	width:423px;
	height:252px;
	display:none;
	left: 69px;
	top: 65px;
}
.cartel.cartel-correcto { background: url(../img/darwin_si.png) right bottom no-repeat; }
.cartel.cartel-incorrecto { background: url(../img/darwin_no.png) right bottom no-repeat; }

.cartel p {
	color:black;
	font-size: 13px;
	width: 230px;
	padding-left: 15px;
}
#cartel-final { background: url(../img/darwin_si.png) right bottom no-repeat; }
#cartel-final p { 
	font-size: 13px;
	padding-top: 70px;
	padding-left: 30px; 
}
#cartel-final a {
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}
.cartel h2 {
	color: green;
	font-size: 13px;
	margin-bottom: 15px;
	width: 240px;
	text-align: center;
	padding-top: 70px;
}
.cartel h2.error { color:red; }

.btn-close {
	text-indent: -9999px;
	cursor:pointer;
	background:url(../img/cerrar.png) center center no-repeat;
	width:70px; height:70px;
	position:absolute;
	display:none;
	top: 0px;
	right: 0px;
}
.btn-close:hover { background:url(../img/cerrar2.png) center center no-repeat; }

.overlay { display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0); z-index:9999;}


/* SUGERENCIAS DIDACTICAS */
#sugerencias-didacticas {
	width: 325px /*365px*/;
	height: 185px /*315px*/;
	padding: 20px;
	background-color: #BD5298;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size:11px;
	font-family:'trade';
	position: absolute;
	z-index:10000;
	-webkit-box-shadow:  3px 3px 10px 5px rgba(0, 0, 0, .5);
	box-shadow:  3px 3px 10px 5px rgba(0, 0, 0, .5);
	bottom: 148px;
	left: 5%;
	display:none;
}
#sugerencias-didacticas ul {
	margin: 20px 0 20px 20px;
}
#footerButtons a#sugerencias img {
	cursor:pointer;
}
.tit1 {
	position: absolute;
	padding: 5px;
	width: 250px;
	margin-top: 10px;
	margin-left: 15px;
	color: #000;
	border: medium double #630;
	text-align: center;
	background-image: url(../img/darwin_no.png);
	background-repeat: no-repeat;
}