/* PARTE DEL TEMPLATE NO BORRAR */
.hover {cursor:pointer;}
canvas {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.vacio {
	opacity: 0;
}
/* TERMINA TEMPLATE */
/* ESTILOS DE ACTIVIDAD COMIENZAN */
#all {background-color:#ecf5fa;}
#mapa {
	top: 7px;
	left: 42px;
	position: absolute;
	z-index: 10;
}

#img_fondo {
	top: 0px;
	left: 413px;
	position: absolute;
	z-index: 10;
}


#zona1 {
	top: 314px;
	left: 122px;
	position: absolute;
	z-index: 5;
}

#zona2 {
	top: 316px;
	left: 368px;
	position: absolute;
	z-index: 5;
}

#zona3 {
	top: 354px;
	left: 122px;
	position: absolute;
	z-index: 5;
}

#zona4 {
	top: 354px;
	left: 368px;
	position: absolute;
	z-index: 5;
}

#zona1r {
	top: -23px;
	left: -37px;
	position: absolute;
	z-index: 10;
}

#zona2r {
	top: -23px;
	left: -37px;
	position: absolute;
	z-index: 10;
}

#zona3r {
	top: -23px;
	left: -37px;
	position: absolute;
	z-index: 10;
}

#zona4r {
	top: -23px;
	left: -37px;
	position: absolute;
	z-index: 10;
}

#f_1 {
	top: 103px;
	left: 322px;
	position: absolute;
	z-index: 20;
}
#f_2 {
	top: 109px;
	left: 239px;
	position: absolute;
	z-index: 20;
}
#f_3 {
	top: 100px;
	left: 343px;
	position: absolute;
	z-index: 20;
}
#f_4 {
	top: 93px;
	left: 327px;
	position: absolute;
	z-index: 20;
}
#f_5 {
	top: 114px;
	left: 192px;
	position: absolute;
	z-index: 20;
}

#f_6 {
	top: 99px;
	left: 320px;
	position: absolute;
	z-index: 20;
}

#f_7 {
	top: 117px;
	left: 229px;
	position: absolute;
	z-index: 20;
}

#f_8 {
	top: 105px;
	left: 217px;
	position: absolute;
	z-index: 20;
}

#f_9 {
	top: 84px;
	left: 340px;
	position: absolute;
	z-index: 20;
}

#f_10 {
	top: 83px;
	left: 394px;
	position: absolute;
	z-index: 20;
}

#pieza1 {
	top: 83px;
	left: 321px;
	position: absolute;
	z-index: 25;
}

#pieza2 {
	top: 116px;
	left: 373px;
	position: absolute;
	z-index: 25;
}

#pieza3 {
	top: 108px;
	left: 387px;
	position: absolute;
	z-index: 25;
}

#pieza4 {
	top: 124px;
	left: 427px;
	position: absolute;
	z-index: 25;
}

#pieza5 {
	top: 136px;
	left: 196px;
	position: absolute;
	z-index: 25;
}

#pieza6 {
	top: 123px;
	left: 330px;
	position: absolute;
	z-index: 25;
}

#pieza7 {
	top: 146px;
	left: 460px;
	position: absolute;
	z-index: 25;
}

#pieza8 {
	top: 111px;
	left: 452px;
	position: absolute;
	z-index: 25;
}

#pieza9 {
	top: 74px;
	left: 444px;
	position: absolute;
	z-index: 25;
}

#pieza10 {
	top: 116px;
	left: 403px;
	position: absolute;
	z-index: 25;
}

#frase1 {
	top: 7px;
	left: 4px;
	position: absolute;
	z-index: 20;
	width: 117px;
}
#frase2 {
	top: 118px;
	left: 4px;
	position: absolute;
	z-index: 20;
	width: 120px;
}
#frase3 {
	top: 8px;
	left: 545px;
	position: absolute;
	z-index: 20;
	width: 121px;
}
#frase4 {
	top: 119px;
	left: 540px;
	position: absolute;
	z-index: 20;
	width: 127px;
}

#opcion1 {
	top: 0px;
	left: 6px;
	position: absolute;
	z-index: 25;
	width: 390px;
}

#opcion2 {
	top: 68px;
	left: 6px;
	position: absolute;
	z-index: 25;
	width: 391px;
}

#opcion3 {
	top: 158px;
	left: 7px;
	position: absolute;
	z-index: 25;
	width: 391px;
}

#opcion4 {
	top: 244px;
	left: 8px;
	position: absolute;
	z-index: 25;
	width: 302px;
}

#opcion5 {
	top: 243px;
	left: 327px;
	position: absolute;
	z-index: 25;
	width: 338px;
}

#mapa1 {
	top: 35px;
	left: 8px;
	position: absolute;
	z-index: 16;
}

#mapa2 {
	top: 35px;
	left: 432px;
	position: absolute;
	z-index: 16;
}

#mapa3 {
	top: 209px;
	left: 8px;
	position: absolute;
	z-index: 16;
}

#mapa4 {
	top: 209px;
	left: 432px;
	position: absolute;
	z-index: 16;
}

#armado1 {
	top: 35px;
	left: 8px;
	position: absolute;
	z-index: 22;
}

#armado2 {
	top: 35px;
	left: 8px;
	position: absolute;
	z-index: 22;
}

#armado3 {
	top: 35px;
	left: 8px;
	position: absolute;
	z-index: 22;
}

#armado4 {
	top: 35px;
	left: 8px;
	position: absolute;
	z-index: 22;
}

.a_texto {
	background: #fff;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: bold 14px/22px avenir, Arial;
	height: 173px;
	text-align: center;
	width: 140px;
	z-index: 15;
	padding: 3px;
}
.b_texto {
	background: #fff;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 71px;
	text-align: center;
	line-height: 14px;
	z-index: 15;
	padding: 3px;
}

.c_texto {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 92px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 3px;
}

.d_texto {
	color: #fff;
	font: 11px/20px avenir, Arial;
	height: 34px;
	text-align: center;
	line-height: 14px;
	z-index: 15;
	padding: 3px;
}

.respuesta_texto1 {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 51px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 4px;
}

.respuesta_texto2 {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 73px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 4px;
}

.respuesta_texto3 {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 68px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 4px;
}

.respuesta_texto4 {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 66px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 4px;
}

.respuesta_texto5 {
	background: #9dcbee;
	border: 1px solid #1f5da2;
	border-radius: 12px;
	color: #1f5da2;
	font: 12px/20px avenir, Arial;
	height: 66px;
	text-align: left;
	line-height: 14px;
	z-index: 15;
	padding: 4px;
}

#r1_txt {
	top: 35px;
	left: 279px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r2_txt {
	top: 85px;
	left: 377px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r3_txt {
	top: 190px;
	left: 407px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r4_txt {
	top: 274px;
	left: 336px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r5_txt {
	top: 274px;
	left: 224px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r6_txt {
	top: 187px;
	left: 154px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#r7_txt {
	top: 79px;
	left: 182px;
	position: absolute;
	width: 83px;
	z-index: 15;
}

#des1_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des2_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des3_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des4_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des5_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des6_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#des7_txt {
	top: 31px;
	left: 12px;
	position: absolute;
	width: 116px;
	z-index: 15;
}

#feedback {
	top: 324px;
	left: 9px;
	position: absolute;
	width: 587px;
	height: autopx;
	font:13px/15px avenir, Arial;
	text-align:center;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 15;
}

#r1 {
	position: absolute;
	top: 57px;
	left: 132px;
	width: 423px;
	height: 17px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r2 {
	position: absolute;
	top: 305px;
	left: 514px;
	width: 72px;
	height: 31px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r3 {
	position: absolute;
	top: 92px;
	left: 203px;
	width: 67px;
	height: 100px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r4 {
	position: absolute;
	top: 175px;
	left: 297px;
	width: 288px;
	height: 20px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r5 {
	position: absolute;
	top: 216px;
	left: 296px;
	width: 269px;
	height: 15px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r6 {
	position: absolute;
	top: 277px;
	left: 219px;
	width: 269px;
	height: 27px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}
#r7 {
	position: absolute;
	top: 78px;
	left: 331px;
	width: 20px;
	height: 89px;
	background: #0F0;
	display: block;
	z-index: 18;	/*opacity: 0.0;*/
}

#frase1r {
	position: absolute;
	top: 298px;
	left: 26px;
	width: 116px;
	height: 34px;
	background: #0F0;
	display: block;
	z-index: 31;
	padding: 2px;	/*opacity: 0.0;*/
}
#frase2r {
	position: absolute;
	top: 298px;
	left: 174px;
	width: 121px;
	height: 35px;
	background: #0F0;
	display: block;
	z-index: 31;
	padding: 2px;	/*opacity: 0.0;*/
}
#frase3r {
	position: absolute;
	top: 297px;
	left: 327px;
	width: 119px;
	height: 35px;
	background: #0F0;
	display: block;
	z-index: 31;
	padding: 2px;	/*opacity: 0.0;*/
}
#frase4r {
	position: absolute;
	top: 297px;
	left: 477px;
	width: 121px;
	height: 34px;
	background: #0F0;
	display: block;
	z-index: 31;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio1r {
	position: absolute;
	top: 34px;
	left: 281px;
	width: 83px;
	height: 39px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio2r {
	position: absolute;
	top: 81px;
	left: 382px;
	width: 83px;
	height: 37px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio3r {
	position: absolute;
	top: 188px;
	left: 405px;
	width: 83px;
	height: 35px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio4r {
	position: absolute;
	top: 273px;
	left: 226px;
	width: 84px;
	height: 39px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio5r {
	position: absolute;
	top: 79px;
	left: 183px;
	width: 85px;
	height: 41px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio6r {
	position: absolute;
	top: 188px;
	left: 155px;
	width: 84px;
	height: 42px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#espacio7r {
	position: absolute;
	top: 274px;
	left: 337px;
	width: 84px;
	height: 38px;
	background: #0F0;
	display: block;
	z-index: 24;
	padding: 2px;	/*opacity: 0.0;*/
}

#respuesta1 {
	top: 26px;
	left: 220px;
	position: absolute;
	width: 170px;
	font: bold 11px/24px avenir, Arial;
	text-align: left;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 30;
	height: 20px;
}

#respuesta2 {
	top: 118px;
	left: 220px;
	position: absolute;
	width: 170px;
	font: bold 11px/24px avenir, Arial;
	text-align: left;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 30;
	height: 20px;
}

#respuesta3 {
	top: 205px;
	left: 222px;
	position: absolute;
	width: 170px;
	font: bold 11px/24px avenir, Arial;
	text-align: left;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 30;
	height: 20px;
}

#respuesta4 {
	top: 284px;
	left: 126px;
	position: absolute;
	width: 170px;
	font: bold 11px/24px avenir, Arial;
	text-align: left;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 30;
	height: 20px;
}

#respuesta5 {
	top: 285px;
	left: 489px;
	position: absolute;
	width: 170px;
	font: bold 11px/24px avenir, Arial;
	text-align: left;
	color: #e93f95;
	background: #fff;
	padding: 3px;
	border-radius: 12px;
	border: 1px #cf175e solid;
	z-index: 30;
	height: 20px;
}
input[type="text"]
{
	/*width:40px;*/
	display:block;
	background: none;
	border: none;
	/*border-radius: 3px;*/
	padding: 2px;
	/*font: 16px avenir,arial;*/
	color: #104889;
	opacity: 0.8;
}