@charset "utf-8";
/* CSS Document */
#image-reel{
	overflow:visible;
	position:absolute;
	top: 60px !important;
   

}

#splash img {
	position: absolute;
	top: -50px;
	left: 0px;
	
}

#fondo{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
#portada{
	position:absolute;
	left:58px;
	top:100px;
	z-index:1;
}
/*--------------- SECTION 1 ----------------*/

#intro_{
	position:absolute;
	left:26px;
	top:90px;
	z-index:1;
	padding:0 !important;

	border: rgba(150,230,255, .5) solid 1px;
	
	
	
}


#intro_texto_fondo{
	position:absolute;
	left:365px;
	top:32px;
	width:363px;
	height:480px;


	font-size:16px !important;
	padding-left:15px;
	padding-top:10px;
	padding-right:15px;
	
	
	overflow:hidden;
	z-index:1;
}

#intro_texto{
	position:absolute;
	left:385px;
	top:15px;
	width:363px;
	
	padding: 10px;
	
	
	font-family: Arial;
	font-size: 18px;

	
	background: rgba(120, 232, 228, .1);
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	
box-shadow: 3px 3px 3px rgba(0,0,0,0.75);
	
-webkit-box-shadow:0 0 15px #ffffff; 
-moz-box-shadow: 0 0 15px #ffffff; 
box-shadow:0 0 15px #ffffff;




 
}
#intro_texto a{
	
	color:rgb(50,230,255)

}

/*--------------- SECTION 2 ----------------*/
#titulo_{
	position:absolute;
	left:17px;
	top:25px;
	z-index:1;
}
#cuencas{
	position:absolute;
	left:53px;
	top:105px;
	cursor:pointer;
	z-index:1;
}
#menu_{
	position:absolute;
	left:53px;
	top:140px;
	width:210px;
	height:200px;
	/*background-color:#999;*/
	overflow:hidden;
	z-index:1;
}

	
	#sub_cuencas{
		position:absolute;
		width:209px;
		height:130px;
		left:0px;
		top:-130px;
		/*background-color:#369;*/
		z-index:1;
	}
	.submenu_{
		position:absolute;
		left:2px;
		top:0px;
		width:240px;
		
		
		
		font-size:16px;
		color:black;
		
		background-color:#E6E6E6;
		cursor:pointer;
		z-index:1;
	}
	#c_amazonas{
		top:2px;
	}
	#c_congo{
		top:26px;
	}
	#c_nilo{
		top:50px;
	}
	#c_misi{
		top:75px;
	}
	#c_rio{
		top:100px;
	}
#zonas{
	position:absolute;
	left:52px;
	top:268px; /*130*/
	cursor:pointer;
	z-index:1;
}
	
#despliegue_{
	position:absolute;
	left:298px;
	top:105px;
	width:446px;
	height:274px;
	/*background-color:#063;*/
	z-index:1;
}
#despliegue_ #back{
	position:absolute;
	z-index:0;
	box-shadow: 3px 3px 9px #000; 
}
	.d_fotos{
		position:absolute;
		left:0px;
		top:0px;
		width:446px;
		height:274px;
	}
#info_{
	position:absolute;
	left:53px;
	top: 459px;
	width:692px;
	height:100px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;

	background-color:rgba(0,40,150,.2);
	border:solid  cyan 1px;
	border-bottom:none;
	z-index:1;
}
	#info_datos{
		position:absolute;
		width:650px;
		height:90px;
		left:16px;
		top:8px;
	
		
	
		font-size:16px;
			color: white !important;
		
		line-height:20px;
		z-index:1;
	}

#mapa{
	position:absolute;
	left:0px;
	top:-5px;
	/*background-color:#CCC;*/
	z-index:1;
}
.zonas_mapa{
	position:absolute;
	
	
	font-size:12px;
	color:#000;
	
	background-color:#E6E6E6;
	padding-left:2px;
	cursor:pointer;
	z-index:3;
}
#z1{ /*rio colorado*/
	width:80px;
	height:49px;
	left:58px;
	top:-40px;
}
#z2{ /*cuencas centrales*/
	width:63px;
	height:49px;
	left:180px;
	top:0px;
}
#z3{ /*bravo conchos*/
	width:59px;
	height:33px;
	left:250px;
	top:50px;
}
#z4{ /*el salado*/
	width:64px;
	height:19px;
	left:290px;
	top:117px;
}
#z5{ /*panuco*/
	width:52px;
	height:19px;
	left:290px;
	top:149px;
}
#z6{ /*grijalva*/
	width:71px;
	height:32px;
	left:300px;
	top:182px;
} 
#z7{ /*yuatan*/
	width:51px;
	height:32px;
	left:374px;
	top:140px;
}
#z8{ /*sonora sur*/
	width:52px;
	height:32px;
	left:0px;
	top:108px;
}
#z9{ /*sinaloa*/
	width:51px;
	height:19px;
	left:100px;
	top:167px;
}
#z10{ /*lerma*/
	width:55px;
	height:34px;
	left:120px;
	top:215px;
}
#z11{ /*balsas*/
	width:45px;
	height:19px;
	left:195px;
	top:260px;
}
#z12{ /*oaxaca*/
	width:105px;
	height:19px;
	left:290px;
	top:268px;
}

.zonas_over{
	position:absolute;
	z-index:2;
}
#o1{ /*rio colorado*/
	left:39px;
	top:0px;
}
#o2{ /*cuencas centrales*/
	left:126px;
	top:23px;
}
#o3{ /*bravo conchos*/
	left:139px;
	top:53px;
}
#o4{ /*el salado*/
	left:201px;
	top:122px;
}
#o5{ /*panuco*/
	left:224px;
	top:147px;
}
#o6{ /*grijalva*/
	left:327px;
	top:214px;
} 
#o7{ /*yucatan*/
	left:371px;
	top:173px;
}
#o8{ /*sonora sur*/
	left:80px;
	top:29px;
}
#o9{ /*sinaloa*/
	left:116px;
	top:77px;
}
#o10{ /*lerma*/
	left:167px;
	top:154px;
}
#o11{ /*balsas*/
	left:197px;
	top:206px;
}
#o12{ /*oaxaca*/
	width:100px;
	height:20px;
	left:290px;
	top:270px;
}
/*--------------- SECTION 3 ----------------*/
#image{
position:absolute;
	left:30px;
	top:30px;
	z-index:0;
	border-style:solid;
	border:#F00;
	border-width:medium;
	}
#nube{
	position:absolute;
	left:350px;
	top:85px;
	/*width:640px;
	height:360px;*/
	z-index:1;
}
.controles{
	position:absolute;
	width:65px;
	height:24px;
	

	/*font-weight:bold;*/
	font-size:15px;
	color:#FFF;
	text-align:center;
	padding-top:4px;
	
	background-color:#dd491b;/*naranja*/
	z-index:5;
}
#b_play{
	top:110px;
	left:18px;
	
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}
#b_stop{
	top:143px;
	left:18px;
	
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottompright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottomp-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

#ventana_{
	position:absolute;
	left:15px;
	top:360px;
	width:760px;
	height:180px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;
	
	overflow:hidden;
	z-index:2;
}
#v_titulo{
	position:absolute;
	width:172px;
	height:20px;
	left:38px;
	top:10px;
	/*background-color:#03C;*/

	
	font-size:15px;
	color:#4F4F4F;
	
	z-index:1;
	
}
#v_foto{
	position:absolute;
	left:8px;
	top:35px;
	width:175px;
	height:108px;
	z-index:1;
	box-shadow: 3px 3px 9px #000; 
	
}
#v_texto{
	position:absolute;
	width:526px;
	height:161px;
	left:211px;
	top:20px;
	

	font-size: 16px;
	color:#000;
	
	line-height: 25px;
	z-index:1;
	overflow:hidden;
	/*overflow:scroll;
	overflow-x: hidden;
	scrollbar-face-color:#4F4F4F;*/
}
#v_cerrar{
	position:absolute;
	left:735px;
	top:4px;
	/*
	left:187px;
	top:10px;
	*/
	
	font-size:14px;
	color:#4F4F4F;
	
	cursor:pointer;
	z-index:1;
}
#ir_actividad{
	position:absolute;
	left:215px;
	top:122px;
	width:70px;
	z-index:1
}

.etiquetas_{
	position:absolute;
	left:400px;
	cursor:pointer;
	z-index:2;
}

#t_llanura{
	top:80px;
}
#t_nubes{
	top:110px;
}
#t_parteaguas{
	top:140px;
}
#t_rio{
	top:170px;
}
#t_rios{
	top:220px;
}
#t_aguas_sub{
	top:280px;
}
#t_tierra{
	top:320px;
}

/*--------------- SECTION 4 ----------------*/
#ciclo_bk{
	position:absolute;
	left:216px;
	top:80px;
	z-index:0
}
.etapas{
	position:absolute;
	left:60px;
	width:130px;
	height:25px;
		

	font-size:16px;

	color:#003;
	padding-left:15px;
	padding-top:5px;
	margin:0px 0px 10px 0px;
	background-color:#00C2C5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 82px;
	border-radius: 8px;
	/*border-style: dashed;
	border-color:#00C2C5;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;*/
	z-index:2;
}
#e1{
	top:190px;
}
#e2{
	top:230px;
}
#e3{
	top:270px;
}
#e4{
	top:310px;
}
#e5{
	top:350px;
}

.target{
	position:absolute;
	width:126px;
	height:21px;
		

	font-size:13px;

	padding-left:15px;
	padding-top:5px;
	margin:0px 0px 10px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 82px;
	border-radius: 8px;
	border-style: dashed;
	border-color:#FFF;
	border-width:2px;
	z-index:1;
}
#t1{
	top:192px;
	left:225px;}
#t2{
	top:196px;
	left:501px;
}
#t3{
	top:260px;
	left:370px;
}
#t4{
	top:335px;
	left:420px;
}
#t5{
	top:335px;
	left:605px;
}

.calif{
	position:absolute;
	z-index:4;
}
#p1{
	top:191px;
	left:353px;}
#p2{
	top:196px;
	left:627px;
}
#p3{
	top:257px;
	left:494px;
}
#p4{
	top:335px;
	left:540px;
}
#p5{
	top:334px;
	left:725px;
}


#incorrecto {
	position:absolute;
	left:250px;
	top:100px;
	width:290px;
	height:130px;
	
	/*font-weight:bold;*/
	font-size:16px;
	padding-left:15px;
	padding-top:5px;
	color:#4F4F4F;
	/*background-color:#CCC;*/
	line-height:1.5em;
	padding:10px 20px 10px 25px;
	z-index:5;
	background-image:url(../img/correcto_bk.png)
}

#incorrecto span{
	
	 font-size:16px;
	 color:#000033;
	}
#correcto_c_agua{
	position:absolute;
	left:455px;
	top:440px;
	width:290px;
	height:55px;

	font-size:16px;
	padding-left:15px;
	padding-top:5px;
	color:white;
	/*background-color:#CCC;*/
	line-height:1.5em;
	padding:10px 20px 10px 25px;
	z-index:5;

}
#cerrar_ventana2{
	position:absolute;
	left:757px;
	top:445px;
	cursor:pointer;
	z-index:6
}

#cerrar_ventana{
	position:absolute;
	left:561px;
	top:95px;
	cursor:pointer;
	z-index:6
}
#reiniciar{
	position:absolute;
	left:60px;
	top:400px;
	width:75px
}

#reiniciar_contaminacion {
	position:absolute;
	left:80px;
	top:483px;
	width:75px
}

#regresar_c{
	position:absolute;
	left:60px;
	top:450px;
	width:175px;

}


/*--------------- SECTION 5 ----------------*/



/*--------------- SECTION 6 -----------------*/

.botes_basura {
	position:absolute;
}


.b_izq {
	left: 302px;
	top: 248px;
}

.b_cen {
	left: 469px;
	top: 253px;
}

.b_der {
	left: 612px;
	top: 239px;
}



.target_basura {
	/*background-color:#09C;
	opacity:0.5;*/
	position:absolute;
	cursor:pointer
}

#tb_suelo {
	left: 274px;
	top: 319px;
	width: 161px;
	height: 255px;	
	
}

#tb_aire {
	left: 438px;
	top: 323px;
	width:167px;
	height: 202px;	
	
}

#tb_agua {
	left: 615px;
	top: 286px;
	width: 143px;
	height: 236px;	

}

.item_basura {
	position:absolute;
	z-index:8;
	cursor:move;
}

#i_basura1 {
	left:160px;
	top:80px;	
}
#i_basura2 {
	left:30px;
	top:80px;	
}
#i_basura3 {
	left:417px;
	top:76px;	
}
#i_basura4 {
	left:287px;
	top:76px;
}
#i_basura5 {
	left:545px;
	top:80px;	
}

#i_basura6 {
	left:670px;
	top:80px;	
}

.paloma_circulo {
	position:absolute;
	z-index:2;
}
#paloma_1 {
	left: 253px;
	top: 304px;
	
}
#paloma_2 {
	left: 423px;
	top: 287px;
	
}
#paloma_3 {
	left: 562px;
	top: 272px;
	
}

/*#ciudad_animacion {
	position:absolute;
	left:20px;
	top:100px;
	width:750px;
	height:440px;
}*/

#ciudad_animacion{
	position: absolute;
	left: 20px;
	top: 94px;
	width: 715px;
	height: 400px;
	z-index: 5;
	
	background-color: #006fa4;
	-webkit-border--radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
    box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
}

#ciudad_animacion video{
	position:absolute;
	left:68px;
	top:30px;
}
#cerrar_animacion{
	position:absolute;
	right:10px;
	top:10px;
	color:#FFF;
	font-size:12px;
	z-index:2
	
}

.video_750x440 {
	position:absolute;
	left:20px;
	top:40px;
	width:750px;
	height:440px;
	z-index:5;
}

.video_750x440 video {
	position:absolute;
	left:0px;
	top:31px;
	z-index:5;
}
/*--------------- SECTION 7 -----------------*/


.preguntas_flor{
	display: table; vertical-align: middle; text-align: center;
	
	position:absolute;
	left:30px;
	height:70px;
	width:400px;
	background: rgba(30,160,910, .2);
	color: #000;
	border-radius:10px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	-webkit-box-shadow:0 0 15px #ffffff;
-moz-box-shadow: 0 0 15px #ffffff;
box-shadow:0 0 15px #ffffff;

	
}

.preguntas_flor span {
	color:#fff;
	display: table-cell; vertical-align: middle; text-align: center; 
}

#cuadrado_1{
	position:absolute;
	top:29px;
	
}

#cuadrado_2{
	position:absolute;
	top:139px;
	
}

#cuadrado_3{
	position:absolute;
	top:247px;
	
}

#cuadrado_4{
	position:absolute;
	top:350px;
	
}

#cuadrado_5{
	position:absolute;
	top:450px;
	
}

.respuesta_input{
	position:absolute;
	left:480px;
	width:280px;
	height:50px;
	background-color: #FFF; /* azul oscuro */
	border-radius:10px;
	font-size:20px;


	color:#000;
	text-align:center;
	-moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -o-user-select: auto;
	z-index:10;
	
}

#t1_flor{
	position:absolute;
	top:43px;
	
}

#t2_flor{
	position:absolute;
	top:149px;

	
}

#t3_flor{
	position:absolute;
	top:263px;
}

#t4_flor{
	position:absolute;
	top:363px;
	
}

#t5_flor{
	position:absolute;
	top:463px;	
}

.anuncios_flor{
	position:absolute;
	top:250px;
	width:150px;
	height:80px;
	border-radius:10px;
	background-color:#900; /*rojo*/
	color: #FFF;
	padding:5px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#correcto_flor{
	position:absolute;
	left:300px;
	
}

#incorrecto_flor{
	position:absolute;
	left:300px;
	
}

#cerrar_flor{
	position:absolute;
	left:52px;
	top:58px;
	height:20px;
	width:55px;
	background-color: #090;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	font-size:13px;
	
	
}

.paloma_flor{
	position:absolute;
	left:750px;
	z-index:10;
	
}

#pal1_flor{
	position:absolute;
	top:56px;
	
}

#pal2_flor{
	position:absolute;
	top:162px;
	
}

#pal3_flor{
	position:absolute;
	top:278px;
	
}

#pal4_flor{
	position:absolute;
	top:378px;
	
}

#pal5_flor{
	position:absolute;
	top:478px;
	
}



#tituloinside_section6 {
	position:absolute;
	left:334px;
	top:60px;
	font-size:22px;
	text-shadow: 0.1em 0.1em #000;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
}

#textoinicio_section6 {
	position:absolute;
	width:500px;
	height:170px;
	left:112px;
	top:128px;
	
	font-size:21px;
	color:;
	padding-left:30px;
	padding-right:30px;
	padding-top:40px;
	background-color:rgba(55, 255, 255,.2);

	-webkit-border--radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow:0 0 25px #ffffff;
-moz-box-shadow: 0 0 25px #ffffff;
box-shadow:0 0 25px #ffffff;

}

#boton_video_infiltracion {
	position:absolute;
	left:112px;
	top:364px;
	z-index:1;
}
#infiltracion_animacion{
	position: absolute;
	left: 20px;
	top: 94px;
	width: 715px;
	height: 400px;
	z-index: 5;
	
	background-color: #006fa4;
	-webkit-border--radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
    box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
}
#infiltracion_animacion video{
	position:absolute;
	left:64px;
	top:30px;
}

.video_section_marco{
	position: absolute;
	left: 95px;
	top: 95px;
	width: 597px;
	height: 373px;
	z-index: 5;
	
	background-color: rgba(255,255, 255, .4);
	-webkit-border--radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
    box-shadow:  3px 6px 6px 3px rgba(0, 0, 0, .2);
}
.video_section {
	position:absolute;
	left:102px;
	top:105px;
	z-index: 8;
}

.cerrar_video {
	position:absolute;
	left: 691px;
	top: 84px;
	z_index:40;
	cursor:pointer;
}

/*.video_section_marco_play {
	position:absolute;
	left:200px;
	top:200px;
	z-index:10;
}*/