/* 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:#FEF5D3}
/* TEXTOS EN PANTALLA */
#box {
	top: -22px;
	left: -33px;
	position: absolute;
	z-index: 30;
}
#texto_p1 {
	top: -2px;
	left: -2px;
	position: absolute;
	z-index: 30;
	width:467px;
}
#texto_p2 {
	top: -4px;
	left: -4px;
	position: absolute;
	z-index: 30;
	width:687px;
}
#texto_p3 {
	top: 0px;
	left: -2px;
	position: absolute;
	z-index: 30;
	width:681px;
}
.cuerpo_txt {
	color: #104889;
	font: 14px avenir, Arial;
	height: auto;
	text-align: left;
	width:auto;
	padding: 2px;
}
.tit {
	color: #104889;
	font: 14px/16px museo, Verdana;
	height: auto;
	text-align: left;
	width:auto;
	padding: 2px;
}
/* ACTIVIDAD */
.a_texto {
	background: #fff;
	border:1px solid #fff;
	color: #1f5da2;
	font: 12px/15px avenir, Arial;
	height: 324px;
	text-align: left;
	width: 360px;
	z-index: 15;
}
/* PANTALLA 3 <----------------------------*/
#txt_1 {
	top: 55px;
	left: 8px;
	position: absolute;
	padding: 6px;
}
#txt_2 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_3 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_4 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_5 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_6 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_7 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_8 {
	top: 125px;
	left: 30px;
	position: absolute;
}
#txt_9 {
	top: 125px;
	left: 30px;
	position: absolute;
}

#ip1 {
	top: 261px;
	left: 396px;
	position: absolute;
	z-index: 20;
}
#ip2 {
	top: 269px;
	left: 509px;
	position: absolute;
	z-index: 20;
}
#ip3 {
	top: 58px;
	left: 389px;
	position: absolute;
	z-index: 20;
}
#ip4 {
	top: 219px;
	left: 573px;
	position: absolute;
	z-index: 20;
}
#ip5 {
	top: 53px;
	left: 540px;
	position: absolute;
	z-index: 20;
}
#ip6 {
	top: 209px;
	left: 429px;
	position: absolute;
	z-index: 20;
}
#ip7 {
	top: 168px;
	left: 536px;
	position: absolute;
	z-index: 20;
}
#ip8 {
	top: 90px;
	left: 450px;
	position: absolute;
	z-index: 20;
}
#ip9 {
	top: 78px;
	left: 570px;
	position: absolute;
	z-index: 20;
}
#ip10 {
	top: 148px;
	left: 389px;
	position: absolute;
	z-index: 20;
}


/* PANTALLA 1 <-----------------------------------*/
#mapa {
	top: 60px;
	left: 4px;
	position: absolute;
	z-index: 10;
}
#globo {
	top: 169px;
	left: 478px;
	position: absolute;
	z-index: 10;
}
#fotog {
	top: 57px;
	left: 5px;
	position: absolute;
	z-index: 10;
}
#clima {
	top: 79px;
	left: 380px;
	position: absolute;
	z-index: 10;
}
/* FOTOS CLIMA <----------------------------*/
#imagen {
	top: 13px;
	left: 479px;
	position: absolute;
	z-index: 10;
}
#af {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#aw {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#bs {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#bw {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#cf {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#cw {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#cf {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#cs {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#df {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#dw {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#et {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#ef {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
#eb {
	top: 10px;
	left: 480px;
	position: absolute;
	z-index: 10;
}
/* DIVS VACIOS <--------------------------*/
#v_af {
	position: absolute;
	top: 341px;
	left: 6px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_aw {
	position: absolute;
	top: 351px;
	left: 6px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_bs {
	position: absolute;
	top: 361px;
	left: 6px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_bw {
	position: absolute;
	top: 371px;
	left: 6px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_cf {
	position: absolute;
	top: 341px;
	left: 160px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_cw {
	position: absolute;
	top: 351px;
	left: 160px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_cs {
	position: absolute;
	top: 361px;
	left: 160px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_df {
	position: absolute;
	top: 371px;
	left: 160px;
	width: 150px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_dw {
	position: absolute;
	top: 341px;
	left: 320px;
	width: 140px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_et {
	position: absolute;
	top: 351px;
	left: 320px;
	width: 140px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_ef{
	position: absolute;
	top: 361px;
	left: 320px;
	width: 140px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}
#v_eb {
	position: absolute;
	top: 371px;
	left: 320px;
	width: 140px;
	height: 10px;
	background: #0F0;
	display: block;
	z-index: 20;
	/*opacity: 0.0;*/
}

/* PANTALLA 2 <----------------------------------------*/
#fotograma {
	top: 270px;
	left: 15px;
	position: absolute;
	z-index: 10;
}
#tr1 {
	top: 50px;
	left: 13px;
	position: absolute;
	z-index: 10;
}
#tr2 {
	top: 50px;
	left: 235px;
	position: absolute;
	z-index: 10;
}
#tr3 {
	top: 50px;
	left: 455px;
	position: absolute;
	z-index: 10;
}
#d1 {
	top: 50px;
	left: 13px;
	position: absolute;
	z-index: 10;
}
#d2 {
	top: 50px;
	left: 235px;
	position: absolute;
	z-index: 10;
}
#d3 {
	top: 50px;
	left: 455px;
	position: absolute;
	z-index: 10;
}
#tm1 {
	top: 50px;
	left: 13px;
	position: absolute;
	z-index: 10;
}
#tm2 {
	top: 50px;
	left: 235px;
	position: absolute;
	z-index: 10;
}
#tm3 {
	top: 50px;
	left: 455px;
	position: absolute;
	z-index: 10;
}
#f1 {
	top: 50px;
	left: 13px;
	position: absolute;
	z-index: 10;
}
#f2 {
	top: 50px;
	left: 235px;
	position: absolute;
	z-index: 10;
}
#f3 {
	top: 50px;
	left: 455px;
	position: absolute;
	z-index: 10;
}
#p1 {
	top: 50px;
	left: 13px;
	position: absolute;
	z-index: 10;
}
#p2 {
	top: 50px;
	left: 235px;
	position: absolute;
	z-index: 10;
}
#p3 {
	top: 50px;
	left: 455px;
	position: absolute;
	z-index: 10;
}
#fv1 {
	position: absolute;
	top: 286px;
	left: 24px;
	width: 94px;
	height: 66px;
	background: #0F0;
	display: block;
	z-index: 11;
	/*opacity: 0.0;*/
}
#fv2 {
	position: absolute;
	top: 286px;
	left: 138px;
	width: 94px;
	height: 66px;
	background: #0F0;
	display: block;
	z-index: 11;
	/*opacity: 0.0;*/
}
#fv3 {
	position: absolute;
	top: 286px;
	left: 251px;
	width: 94px;
	height: 66px;
	background: #0F0;
	display: block;
	z-index: 11;
	/*opacity: 0.0;*/
}
#fv4 {
	position: absolute;
	top: 286px;
	left: 366px;
	width: 94px;
	height: 66px;
	background: #0F0;
	display: block;
	z-index: 11;
	/*opacity: 0.0;*/
}
#fv5 {
	position: absolute;
	top: 286px;
	left: 480px;
	width: 94px;
	height: 66px;
	background: #0F0;
	display: block;
	z-index: 11;
	/*opacity: 0.0;*/
}
#ppt{
	top: 261px;
	left: 600px;
	position: absolute;
}