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

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

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

#activity {
	width: 790px;
	height:560px;
	background-image:url(../img/fondo.png);
	/*Estas propiedades pueden modificarse si llegase a ser necesario*/	
	margin:auto;
	overflow:hidden;
/*	border: dashed 3px;	*/
}

/************ Generales ***********/

.botones_actividad{
	position: absolute;
	left: 660px;
	top: 320px;
	list-style-type: none;
	margin-top: -6px;
	padding: 0px;
	z-index: 10;
	height: 98px;
	width: 111px;
}

.botones_actividad li{
	position: relative;
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

.feed{
	color: #fff;
	background-color: #104889;
	font: 16px/20px avenir, Arial;
	padding: 32px 6px 6px 6px;
	text-align: left;
	opacity: 0.85;
	z-index: 50;
}

.feed_final {
	color: #fff;
	background: #104889;
	font: 16px/20px avenir, Arial;
	height: auto;
	text-align: center;
	padding: 12px 6px 12px 6px;
	border: 2px #196ba3 solid;
	box-shadow: #24263E 3px 3px 9px;
	border-radius: 6px;
	opacity: 0.85;
	z-index: 50;
}

.btn_cerrar_pop{
	position: absolute;
	right: 8px;
	top: 6px;
	cursor: pointer;
}

.flecha{
	position: absolute;
	cursor: pointer;
}

.feed_positivo{
	color: #fff;
	background-color: #00a3bd;
}

.feed_negativo{
	color: #fff;
	background: #fb501b;
}

input[type="text"] {
	background: #FFF;
	border: 1px solid #99bc00;
	border-radius: 3px;
	border-bottom:1px solid #000000;
	padding: 2px 1px 2px 1px;
	font: 18px/18px  trade, sans-serif;
	color:  #000;
	text-align: center;
	cursor:text;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
}
/************ Actividad 1 ***********/

#feedback_p1 {
	top: 464px;
	left: 8px;
	position: absolute;
	width: 261px;
	height: 30px;
}

#feed_final_p1 {
	top: 478px;
	left: 11px;
	position: absolute;
	width: 255px;
	height: auto;
}


/************ Actividad 1 ***********/

#feedback_p2 {
	top: 497px;
	left: 379px;
	position: absolute;
	width: 381px;
	height: 23px;
}

#feed_final_p2 {
	top: 502px;
	left: 471px;
	position: absolute;
	width: 216px;
	height: auto;
}


/************ Panel 1 ***********/
#input1_p1, #input2_p1, #input3_p1, #input4_p1, #input5_p1{
	width: 120px;
}
#completa p{
	color: #000;
	margin: 6px 0px 6px 0px;
	opacity: 1;
}
#completa{
	position: absolute;
	top: 22px;
	left: 77px;
	background: #fff;
	border-radius: 12px;
	font: 17px/20px trade, sans-serif;
	height: 74px;
	text-align:left;
	width: 604px;
	z-index: 10;
	padding: 10px;
	opacity: 0.75;
}
.cuadros{
    font: 18px/24px  museo, sans-serif;
	color: #000;
	height: 52px;
	text-align:center;
	width: 136px;
	padding: 10px;
	opacity: 0.80;
}
.cuadros p{
	color: #000;
}
#imprentas1_p1 {
	background: #EE9E33;
	border-radius: 12px;
	position: absolute;
	top: 141px;
	left: 75px;
	z-index: 14;
}
#libros1_p1 {
	background: #9bbb59;
	border-radius: 12px;
	position: absolute;
	top: 141px;
	left: 268px;
	z-index: 14;
}
#horas1_p1 {
	background: #FFF;
	border-radius: 12px;
	position: absolute;
	top: 142px;
	left: 463px;
	z-index: 14;
}
#imprentas2_p1 {
	background: #EE9E33;
	border-radius: 12px;
	position: absolute;
	top: 239px;
	left: 77px;
	z-index: 14;
}
#libros2_p1 {
	background: #9bbb59;
	border-radius: 12px;
	position: absolute;
	top: 237px;
	left: 268px;
	z-index: 14;
}
#horas2_p1 {
	background: #FFF;
	font: 18px/30px  museo, sans-serif;
	color: #000;
	border-radius: 12px;
	position: absolute;
	top: 239px;
	left: 465px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
}
#flecharoja1{
	position: absolute;
	left: 227px;
	top: 146px;
	opacity: 0.75;
}
#flechaverde1{
	position: absolute;
	left: 421px;
	top: 246px;
	opacity: 0.75;
}
#flecharoja2{
	position: absolute;
	left: 227px;
	top: 241px;
	opacity: 0.75;
}
#flechaverde2{
	position: absolute;
	left: 420px;
	top: 150px;
	opacity: 0.75;
}
#imprenta{
	position: absolute;
	left: 262px;
	top: 312px;
	height: 232px;
	width: 245px;
}
#img_paloma1{
	position: absolute;
	left: 210px;
	top: 126px;
	z-index: 30;
}
#img_paloma2{
	position: absolute;
	left: 404px;
	top: 126px;
	z-index: 30;
}
#img_paloma3{
	position: absolute;
	left: 599px;
	top: 126px;
	z-index: 30;
}
#img_paloma4{
	position: absolute;
	left: 215px;
	top: 223px;
	z-index: 30;
}
#img_paloma5{
	position: absolute;
	left: 405px;
	top: 222px;
	z-index: 30;
}
#img_paloma6{
	position: absolute;
	left: 595px;
	top: 354px;
	z-index: 30;
}
input[type="text"] {
	background: #FFF;
	font: 18px  museo, sans-serif;
	color: #000;
	text-align:center;
	opacity:1;
	padding: 2px;
	border: 1px solid #ec2227;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
}
/************ Panel 2 ***********/
#completa2 p{
	color: #000;
	margin: 6px 0px 6px 0px;
	opacity: 1;
}
#completa2{
	position: absolute;
	top: 22px;
	left: 78px;
	background: #fff;
	border-radius: 12px;
	font: 17px/20px trade, sans-serif;
	height: 70px;
	text-align:left;
	width: 602px;
	z-index: 10;
	padding: 10px;
	opacity: 0.75;
}

#imprentas1_p2 {
	background: #EE9E33;
	border-radius: 12px;
	position: absolute;
	top: 128px;
	left: 127px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
	font: 18px/30px  museo, sans-serif;
}
#libros1_p2{
	background: #9bbb59;
	border-radius: 12px;
	position: absolute;
	top: 128px;
	left: 320px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
	font: 18px/30px  museo, sans-serif;
}
#horas1_p2 {
	background: #FFF;
	border-radius: 12px;
	position: absolute;
	top: 129px;
	left: 515px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
	font: 18px/30px  museo, sans-serif;
}
#imprentas2_p2 {
	background: #EE9E33;
	border-radius: 12px;
	position: absolute;
	top: 231px;
	left: 129px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
	font: 18px/30px  museo, sans-serif;
}
#libros2_p2 {
	background: #9bbb59;
	border-radius: 12px;
	position: absolute;
	top: 229px;
	left: 320px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
	font: 18px/30px  museo, sans-serif;
}
#horas2_p2 {
	background: #FFF;
	font: 18px/30px  museo, sans-serif;
	border-radius: 12px;
	position: absolute;
	top: 231px;
	left: 517px;
	z-index: 14;
	padding: 20px 10px 0px 10px;
}

#flecharoja3{
	position: absolute;
	left: 279px;
	top: 134px;
	opacity: 0.75;
}
#flechaverde3{
	position: absolute;
	left: 473px;
	top: 142px;
	opacity: 0.75;
}
#flecharoja4{
	position: absolute;
	left: 280px;
	top: 234px;
	opacity: 0.75;
}
#flechaverde4{
	position: absolute;
	left: 471px;
	top: 237px;
	opacity: 0.75;
}
#grafica{
	position: absolute;
	top: 418px;
	left: 24px;
	background: #00000;
	border:1px solid #FFF;
	border-radius: 9px;
	height: 25px;
	z-index: 14;
	padding: 10px;
	width: 232px;
	}
#formula{
	position: absolute;
	top: 353px;
	left: 390px;
	background: #00000;
	border:1px solid #FFF;
	border-radius: 9px;
	height: 65px;
	z-index: 14;
	padding: 10px;
	width: 241px;
	}
#formula_respuesta{
	position: absolute;
	left: 161px;
	top: 30px;
	width: 72px;
	height: 28px;
	z-index: 15;
}
#imprenta2{
	position: absolute;
	left: 97px;
	top: 301px;
	height: 232px;
	width: 245px;
}
/************ Panel 3 ***********/

#feedback_p3 {
	top: 469px;
left: 131px;
position: absolute;
width: 468px;
height: 43px;
border-radius: 10px;
padding-left: 30px;
}

#feed_final_p3 {
	top: 480px;
	left: 250px;
	position: absolute;
	width: 216px;
	height: auto;
}

#inst_preguntas p{
	color: #fff;
	margin: 6px 0px 6px 0px;
	opacity: 1;
}
#inst_preguntas{
	position: absolute;
	top: 31px;
	left: 79px;
	background: #1C8AA5;
	border-radius: 12px;
	font: 17px/20px trade, sans-serif;
	height: 54px;
	text-align:justify;
	width: 606px;
	z-index: 10;
	padding: 10px;
	opacity: 0.9;
}
#tabla{
	position: absolute;
	left: 38px;
	top: 136px;
	color: #000;
	font: 14px/16px Arial;
	text-align:center;
	padding: 0px;
	z-index: 10;
	width: 723px;
	height: 63px;
	opacity: 0.80;
	border-radius:6px;
}
#tabla th {
	padding: 2px;
	border:1px solid #333;
	text-align: center;
	color: #FFF;
	font: 16px/16px museo, Verdana;
	border-radius:6px;
}
#tabla td {
    background-color: #FFF;
	padding: 6px 3px 6px 3px;
	color: #000;
	border:1px solid #000;
	border-radius:6px;
}
#tabla #numero {
	color: #000;
	font: 24px/20px Museo;
}
#tabla #pregunta {
	text-align: left;	
}
#tabla #respuesta {
	text-align: center;
	width: 80px;
	color: #000;
	font: 20px/20px museo, Verdana
}
#tabla tr {
    background-color: #;
	padding: 6px 3px 6px 3px;
	color: #333;
	border:1px solid #000;
	border-radius:6px;
}

#senor_torno3{
	position: absolute;
	left: 250px;
	top: 233px;
	height: 232px;
	width: 245px;
}
#albanil_1{
	position: absolute;
	left: 250px;
	top: 236px;
	height: 232px;
	width: 245px;
}
#imprenta_1{
	position: absolute;
	left: 250px;
	top: 236px;
	height: 232px;
	width: 245px;
}
#grifo_de_agua_1{
	position: absolute;
	left: 250px;
	top: 236px;
	height: 232px;
	width: 245px;
}
#crucero_1{
	position: absolute;
	left: 250px;
	top: 238px;
	height: 232px;
	width: 245px;
}
#telar_1{
	position: absolute;
	left: 250px;
	top: 237px;
	height: 232px;
	width: 245px;
}
#trabajadores_carretera_1{
	position: absolute;
	left: 250px;
	top: 235px;
	height: 232px;
	width: 245px;
}

#albanil_2{
	position: absolute;
	left: 250px;
	top: 236px;
	height: 232px;
	width: 245px;
}
#recipiente_en_estufa_1{
	position: absolute;
	left: 250px;
	top: 237px;
	height: 232px;
	width: 245px;
}
#senor_torno4{
	position: absolute;
	left: 250px;
	top: 235px;
	height: 232px;
	width: 245px;
}
#albanil_3{
	position: absolute;
	left: 250px;
	top: 235px;
	height: 232px;
	width: 245px;
}
#recipiente_en_estufa_2{
	position: absolute;
	left: 250px;
	top: 234px;
	height: 232px;
	width: 245px;
}
#telar_2{
	position: absolute;
	left: 250px;
	top: 233px;
	height: 232px;
	width: 245px;
}
#trabajadores_carretera_2{
	position: absolute;
	left: 250px;
	top: 235px;
	height: 232px;
	width: 245px;
}
#albanil_4{
	position: absolute;
	left: 250px;
	top: 233px;
	height: 232px;
	width: 245px;
}
#revisar {
	position: absolute;
	top: 500px;
	left: 209px;
	z-index: 14;
	padding: 8px;
}
#repetir {
	position: absolute;
	top: 500px;
	left: 342px;
	z-index: 14;
	padding: 8px;
}

#salir_1 {
	position: absolute;
	top: 499px;
	left: 471px;
	z-index: 14;
	padding: 8px;
}

.botones {
	background: #d8161e;
	border-radius: 9px;
	font: 15px/19px Museo, sans-serif;
	color: #FFF;
	height: 19px;
	text-align:center;
	opacity: 0.75;
	width: 76px;
	height: 18px;
	opacity: 0.75;
	z-index: 14;
}
