#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;	*/
}

.title{
	background: #1b7dbb;
	position: relative;
	width: 600px;
	padding: 20px;
	color: white !important;
	left: -20px;
	top:-20px;
	font-size: 16px;
	font-weight: bold;
	
}

#app {
	position:absolute;left:0; top:0; 
	width: 790px;
	height: 560px;
}

#articulo {
	font-size: 16px;
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif !important;
	font-weight:normal;
	width:550px;
	height:430px;
	background: #FFFFFF url(../img/ver_articulo.png) no-repeat center center;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	padding: 20px;
	box-shadow: 0px 0px 6px 6px black;
	z-index:99;
	display:none;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#articulo p {
	color:black;
	margin-bottom: 25px;
}
#articulo p.img {
	text-align:center;
}
#articulo p a { color:blue; }

#cerrar-articulo {
	position:absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
	background-image: url(../img/cerrar.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.aumentos {
	position:absolute;
	top: 18px;
	right: 110px;
	font-size: 16px;
	font-weight: bold;
}
.dismin {
	position:absolute;
	top: 18px;
	right: 145px;
	font-size: 16px;
	font-weight: bold;
}



.preguntas {
	position:absolute;
	top:97;
	left:38;
	width:520px;
	height:90%;
}
.preguntas h2 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal;
	margin-bottom: 35px;
	background: url(../img/titulo.png) center center no-repeat;
	width: 458px;
	height: 41px;
	margin-left: 18px;
}

.preguntas h2 span{
	font-size: 12px;
	margin-left: 5px;
	line-height: 41px;
}

.pregunta {
	width:482px;
	height:86px;
	background:url(../img/contenedor_opciones.png) 0 0 no-repeat;
	padding-top: 10px;
	position:relative;
	display: none;
	
}

.pregunta.active{
	display: block;
}

.pregunta > p {
	font-size: 13px;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 60px;
	float: left;
	width: 330px;
	margin-right: 10px;
	line-height: 14px;
	margin-top: 8px;
}
.pregunta.multilinea > p{
	line-height: 14px;
	padding-top: 4px;
}
.pregunta select {
	color: black;
	font-family: museo;
	height: 21px;
	margin-left: 2px;
	margin-top: 18px;
	float: left;
}
.pregunta option {
	color: black;
	font-family: museo;
}
.feedback {
	display:none;
	position: absolute;
	right: -250px;
	background: url(../img/incorrecto.png) 0 0 no-repeat;
	width: 279px;
	height: 186px;
	top: -69px;
	padding: 10px;
}
.feedback p {
	padding: 45px 25px 10px 60px;
	font-size: 13px;
	line-height: 15px;
	/* [disabled]font-family: museo; */
	height: 105px;
	display: table-cell;
	vertical-align: middle;
}
.feedback.correcto {
	background:url(../img/correcto.png) 0 0 no-repeat;
	width: 154px;
	height: 81px;
	right: -150px;
	top: 0px;
}
.feedback.correcto p {
	display:none;
}

.response { 
	float:left; 
	margin-top: 7px;
	margin-left: 7px;
	width:22px; height:22px;
}
.response.correcto {
	background:url(../img/palomita.png) center center no-repeat;
}
.response.incorrecto {
	background:url(../img/tache.png) center center no-repeat;
}

#wrap-1 {}
#wrap-2 { display:none; }

#show-1 {
	background:url(../img/uno.png) 0 0 no-repeat;
	width:22px; height:18px;
	text-indent: -9999px;
	position:absolute;
	left: 220px;
	top: 460px;
	cursor:pointer;
}
#show-1:hover {
	background:url(../img/uno_1.png) 0 0 no-repeat;
}

#show-2 {
	background:url(../img/dos.png) 0 0 no-repeat;
	width:22px; height:18px;
	text-indent: -9999px;
	position:absolute;
	left:260px;
	top: 460px;
	cursor:pointer;
}
#show-2:hover {
	background:url(../img/dos_2.png) 0 0 no-repeat;
}

#diploma {
	position:absolute;
	z-index:9998;
	top: 45px;
	left: 67px;
	display:none;
	cursor: pointer;
}

#abrir-articulo {
	position:absolute;
	right:15px;
	bottom:150px;
	cursor:pointer;
}
#abrir-articulo:hover {

}

#reiniciar {
	position:absolute;
	top: 420px;
	left: 560px;
	display:none;
	z-index:9999;
	box-shadow: 0px 0px 1px 2px black;
}

/* SUGERENCIAS DIDACTICAS */
#sugerencias-didacticas {
	width: 325px /*365px*/;
	height: 256px /*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;
}