/* 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 */
.feed_positivo{
	color: #fff;
	background-color: #00a3bd;
}
.feed_negativo{
	color: #fff;
	background: #fb501b;
}
#feedback {
	top: 22px;
	left: -3px;
	position: absolute;
	width: 231px;
	height: 156px;
	font: 18px/25px avenir, Arial;
	padding: 16px 32px 32px 32px;
	border-radius: 5px;
	text-align: center;
	z-index: 100;
	opacity: 0.85;
	/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	
	
}

#feedback span{ 
    display:block;
    text-align: left;
}


#btn_cerrar_feed{
	text-align: right;
	margin-top:-10px;
}


#popup {
	background: #104889;
	top: 123px;
	left: 12px;
	position: absolute;
	color: #fff;
	font: 16px/20px avenir, Arial;
	height: auto;
	text-align: center;
	width: 256px;
	z-index: 120;
	padding: 32px 6px 32px 6px;
	border: 2px #196ba3 solid;
	box-shadow: #24263E 3px 3px 9px;
	border-radius: 6px;
}
#btn_cerrar_final{
	text-align:right;
	
}



#btn_cerrar_des{
	text-align: right;
	
}

/* PANTALLA Introduccion */

#fondo {
	top: -8px;
	left: -12px;
	position: absolute;
	/*z-index: 11;*/
}


/* Texto_derechos */

.txt_titulos_causas {
	color: #fff;
	font: 16px avenir, Arial;
	top:-7px;
	left:120px;
	position: absolute;
	z-index: 170;
	background: #C60;
	border-radius: 2px;
	padding:2px;
	line-height:17px;


}


.txt_titulos_consecuencias {
	color: #fff;
	font: 14px avenir, Arial;
	top:-7px;
	left:590px;
	position: absolute;
	z-index: 170;
	background: #C60;
	border-radius: 2px;
	padding:2px;
	line-height:17px;
	


}





.a_texto {
	color: #fff;
	font: 14px/20px avenir, Arial;
	height: auto;
	text-align: left;
	background: #003333;
	border-radius: 4px;
	padding:3px;
	padding-left:7px;
	line-height:17px;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
	
	/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}
	
#txt_deforestacion {
	top:22px;
	left:0px;
	position: absolute;
	width: 280px;
	height: 60px;
	z-index: 100;
}
#txt_cambioclima {
	top:70px;
	left:0px;
	position: absolute;
	width: 280px;
	height: 60px;
	z-index: 100;
}
#txt_desertificacion {
	top:150px;
	left:0px;
	position: absolute;
	width: 280px;
	height: 60px;
	z-index: 100;
}
#txt_agua {
	top:246px;
	left:0px;
	position: absolute;
	width: 280px;
	height: 60px;
	z-index: 100;
}


#txt_biodiversidad {
	top:320px;
	left:0px;
	position: absolute;
	width: 280px;
	height: 60px;
	z-index: 100;
}




/* Area de Etiquetas - */


.a_texto_etiquetas {
	color: #104889;
	font: 16px avenir, Arial;
	height: auto;
	text-align: left;
	background: #fff;
	border-radius: 4px;
	border-color:#7C9148;
	border-style:dotted;
	padding:3px;
	line-height:15px;
	padding-left:6px;
	
	/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	
	}
	
.a_texto_etiquetas_desierto {
	color: #104889;
	font: 16px avenir, Arial;
	height: auto;
	text-align: left;
	background: #fff;
	border-radius: 4px;
	border-color:#7C9148;
	border-style:dotted;
	padding:1px;
	line-height:15px;
	padding-left:6px;
	
	
	display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	}	
	


.a_texto_tit {
	color: #fff;
	font: 13px/20px avenir, Arial;
	height: auto;
	text-align: left;
	background: #003333;
	border-radius: 1px;
	padding:2px;
	padding-left:2px;
	line-height:13px;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
	opacity:0.82;
}




#tit_cambioclima{
	top:60px;
	left:588px;
	width:96px;
	text-align:center;
	position: absolute;
	z-index: 60;
}

#tit_desertificacion{
	top:143px;
	left:588px;
	width:96px;
	text-align:center;
	position: absolute;
	z-index: 60;
}

#tit_biodiversidad{
	top:207px;
	left:589px;
	width:96px;
	text-align:center;
	position: absolute;
	z-index: 60;
}



#tit_deforestacion{
	top:296px;
	left:588px;
	width:96px;
	text-align:center;
	position: absolute;
	z-index: 60;
}


	



#tit_agua{
	top:358px;
	left:588px;
	width:96px;
	text-align:center;
	position: absolute;
	z-index: 60;
}




	
	

#etiqueta_cambioclima{
	top:16px;
	left:299px;
	position: absolute;
	width: 268px;
	height: 63px;
	z-index: 10;
}
	

#etiqueta_desertificacion {
	top:92px;
	left:299px;
	position: absolute;
	width:270px;
	height: 63px;
	z-index: 10;
	opacity:0.8;
	}	
	
#etiqueta_biodiversidad {
top:164px;
	left:299px;
	position: absolute;
	width: 268px;
	height: 63px;
	z-index: 10;
	opacity:0.8;
	}	
	
	

#etiqueta_deforestacion {
	top:240px;
	left:299px;
	position: absolute;
	width: 268px;
	height: 63px;
	z-index: 10;
	opacity:0.8;
	
	/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	}


#etiqueta_agua {
top:317px;
	left:299px;
	position: absolute;
	width:268px;
	height: 63px;
	z-index: 10;
	opacity:0.8;
	}	
	
	
	
	
	
/* Imagenes  laterales - */
#img_cambioclima {
	top: 14px;
	left: 588px;
	height:69px;
	position: absolute;
	z-index: 31;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
}

#img_desertificacion {
	top: 90px;
	left: 588px;
	height:69px;
	position: absolute;
	z-index: 31;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
}

#img_biodiversidad{
	top: 165px;
	left: 588px;
	height:69px;
	position: absolute;
	z-index: 31;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
}

#img_deforestacion {
	top: 240px;
	left: 588px;
	height:69px;
	position: absolute;
	z-index: 31;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
}

#img_agua{
	top: 315px;
	left: 588px;
	height:69px;
	position: absolute;
	z-index: 31;
	border-color: #3CC;
	border-style:solid;
	border-width:thin;
	
}


#btn_cerrar_feed{
   position:absolute;
   margin-left:75%;
}	


#btn_continuar {
	top: 300px;
	left: 260px;
	position: absolute;
	z-index: 12;
}



#lightbox_fondo {
	top: -9px;
	left: -12px;
	position: absolute;
	z-index:200;
}
#lbx_img {
	top: 60px;
	left: 144px;
	position: absolute;
	z-index:201;
}