@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'dinregular';
    src: url('../fonts/din-webfont.eot');
    src: url('../fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-webfont.woff') format('woff'),
         url('../fonts/din-webfont.ttf') format('truetype'),
         url('../fonts/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Reset css*/
   body, html{
		margin:0;
		padding:0;
		font-family: 'dinregular';
		}
    h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    }
    table {
    font-size: inherit;
    font: 100%;
    }
    ul {
    list-style: none;
    }
    img {
	border-style:none;
    }
    p {
    margin: 1em 0;
    }
	a {
		color:#333;
		text-decoration:none;
	}
	b {
		color:#3f8598;
		font-size:18px;
		text-transform:uppercase;}
	.clear{
	clear:both;
	}
	
	.SinBorde{border:none !important;}
	
/* -----------------------fin de reset-------------------------- */
body {
	background-image:url(../images/back_general.jpg);
	}
#pleca_universal{
	width:100%;
	height:33px;
	background-color:#FFF;
	margin:0;
	padding:0;
	position:fixed;
	border-bottom:1px solid #000;
	top:0;
	z-index:20;
	
	}
#pleca_universal #contenido{
	width:980px;
	heigh:21px;
	margin:auto;
	position:relative;
	padding-top:10px;
	}
#contenido .uni_identidad{
	width:340px;
	height:21px;
	position:relative;
	float:left;
	padding-left: 20px;
		}
#contenido .uni_redes{
	font-size:0.73em;
	width:220px;
	height:20px;
	float:right;
	position:relative;
	left:50px;
	}
#contenido .uni_redes ul li{
	display:inline;
	margin:0 2px;
	vertical-align:middle;}
.uni_redes #twitter, #facebook, #gplus{
	display:block;
	}
.uni_redes #twitter{
	width: 20px;
	height:20px;
	}
.uni_redes #facebook{
	width: 20px;
	height:20px;
	
	}
.uni_redes #gplus{
	width: 20px;
	height:20px;
	}
	
#wrapper{
	overflow:hidden;
	background-color:white;
	width:980px;
	height:600px;
	position:relative;
	margin:40px auto 0 auto;
	/*border:#ccc 1px solid;
	box-shadow: 0 0 10px #aaa;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;*/
	}
	
#wrapper2{
	overflow:hidden;
	background-color:#fff;
	width:980px;
	height:600px;
	position:relative;
	margin:40px auto 0 auto;
	/*border:#ccc 1px solid;
	box-shadow: 0 0 10px #aaa;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;*/
	}	
	
#banner{
	width: 980px;
	height: 73px;
	position: relative;
	border-bottom: 5px solid #c88400;
	z-index: 10;
	}
#titulo{
	width:auto;
	height:60px;
	padding:8px 0 0 10px;
	float:left;
	}
#bolo{
	width:15px;
	float:left;
	margin:0 0 0 10px;
	border-left:1px solid #333;
	padding:0 13px;
	height:18px;
	}
#seccion{
	float:left;
	margin-left:-10px;}
		

#menu{
	width:554px;
	height:73px;
	float:right;
	font:normal 14px 'dinregular', Arial, Helvetica, sans-serif;
	}
#menu_conciencia{
	list-style-type:none;
	margin:0;
	padding:0;
	height:73px;
	width:695px;
	}
.boton{
	float: left;
	height: 73px;
	width: 110px;
	color: #F60;
	text-align: center;
	cursor: pointer;
	background-color: #fff;
	}
.boton a{
	display:block;
	height:53px;
	padding:20px 0 0;
	color:#595959;
	}
.boton a:hover{
	background-color: #fcfcfc;
	color: #44524d;
	}
.borde{
	border-right:solid 1px #ededed;
	}
.borde_izq{
	border-left:solid 1px #ededed;
	}
	
.active{
	float:left;
	height:73px;
	width:110px;
	color:#333;
	text-align:center;
	cursor:pointer;
	background:url(../images/active.png) no-repeat #fbfbfb;
	background-position:bottom;
	}
.active a{
	display: block;
	height: 53px;
	padding: 20px 0 0;
	color: #44524d;
	}
.active a:hover{
	background: url(../images/active.png) no-repeat #fbfbfb;
	background-position: bottom;
	}
.submenu{
	display: none;
	border-top: 5px solid #d89c29;
	}
ul.submenu li{
	float:none;	
	text-align:center;
	width:100%;	
	background-color:#333;
	}
ul.submenu li a{
	display:block;
	height:auto;
	padding:10px 0 10px 0;
	}
ul.submenu li a:hover{
	background-color:#666;
	background-image:none;
	}
/*Terminan estilos menu*/
#portada_sumario{
	width:300px;
	height:auto;
	padding:10px;
	color:black;
	font:16px 'dinregular', Arial, Helvetica;
	background-image:url(../images/white-opacity-80.png);
	float:left;
	margin-left:20px;
	margin-top:332px;	
	}	
	
		#portada_sumario2{
	width:300px;
	height:auto;
	padding:10px;
	color:white;
	font:16px 'dinregular', Arial, Helvetica;
	background-image:url(../images/black-opacity-80.png);
	float:left;
	margin-left:20px;
	margin-top:442px;	
	}
#contenido_portada{
	height:502px;
	width:980px;
	background-image:url(../images/portada_gaia.jpg);
	}
	#contenido_portada2{
	height:580px;
	width:982px;
	background-color: #000;
	}
#contenido_interior{
	height:502px;
	width:980px;
	z-index:1;
	}
#texto{
	width:230px;
	height:462px;
	padding:20px;
	float:left;
	position:relative;
	}
.titulo{
	width:auto;
	height:auto;
	font:20px 'dinregular', Arial, Helvetica;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	}
.sumario_interior{
	font-family:'dinregular', Arial, Helvetica;
	font-size:14px;
	color:#444;
	text-transform:none;
	font-weight:normal;
	}
#fotogaleria{
	padding:20px 0 20px 0;
	width:690px;
	height:460px;
	float:left;
	position:relative;
	z-index:2;
	}
/* -- Estilos footer -- */		
	#coverBoxcaption{
	float: left;
	overflow: hidden;
	position: absolute;
	height: 500px;
	top: 580px;
	width: 980px;
	padding: 0;
	z-index: 5000;
	/*opacity: 0.9;*/
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
#footer {
	/*background-image:url(../images/back.jpg);*/
	background-color: #fcfcfc;
	width:980px;
	height:200px;
	font-family:'dinregular', Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:#c88400 solid 1px;
	-moz-transition: background-color 300ms linear;
	-webkit-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
	}
#footer:hover {
	background-color:#fcfcfc;
	/*opacity:1;*/
}
#footer ul{
	padding-left: 20px;}
#footer li{
	float:left;
	margin: 10px 50px 0 0;
	}
#foot_l {
	float: left;
	margin-top: 2px;
	color: #333;
	}
#foot_r {
	float: right;
	margin-top: 3px;
	color: #333;
	}
.Narea {
	color: #c88400;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	}
.Nnombre {
	color: #333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	margin: 10px 0 0 0;
	}
.NTitulo {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-align: left;
	}
	#fotogaleria{
	padding:20px 0 20px 0;
	width:690px;
	height:460px;
	float:left;
	position:relative;
	z-index:2;
	}
/*Terminan estilos footer*/

.borde_mapacomp {
	padding-top:6px;
}

.Modulin{
	width:980px;
	height:502px;
	overflow:hidden;
	margin: 0 17px 17px 0;
	float:left;
	-moz-box-shadow:    inset 0 0 0px #000;
   	-webkit-box-shadow: inset 0 0 0px #000;
   	box-shadow:         inset 0 0 0px #000;
	/*box-shadow:0px 0px 160px 20px black inset;*/
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.Modulin:hover{
	-moz-box-shadow:    inset 0 0 250px #000;
   	-webkit-box-shadow: inset 0 0 250px #000;
   	box-shadow:         inset 0 0 250px #000;
}
.Textin{
	color:#fff;
	font:normal 16px/18px Helvetica, Arial, sans-serif;
	margin-top:440px;
	margin-left:20px;
	width:500px;
	left: -750px;
	position: relative;
}



.MarginRightNone{
	margin-right:0 !important;
}
#one{
	background:url(img/01.jpg);
}


.separa_20 {
	padding:10px 20px;
}
		

.titulo_grafica {
	
	font:21px 'dinregular', Arial, Helvetica;
	color:#1b3564;
			line-height:21px;
		}
		
		.titulo_num {
	
	font:18px 'dinregular', Arial, Helvetica;
	color:#1b3564;
			line-height:18px;
			position:absolute;
			width:940px;
			height:auto;
		}
		
		
		.acotacion_grafica {
			font:15px 'dinregular', Arial, Helvetica;
			color:#666;
		}
		#contenedor_graf_barras {
			padding:20px;
			width:460px;
			height:420px;
		}
		
		
		#bloque_grafica {
			width:460px;
			height:400px;
			padding:5px 0 0 0;
		}
		
			#bloque_num {
			width:460px;
			height:400px;
			padding:0;
		}
		
		
		.titulo_grafica_2 {
	
	font:21px 'dinregular', Arial, Helvetica;
	color:#1b3564;
			line-height:21px;
		}
		.acotacion_grafica_der {
			font:15px 'dinregular', Arial, Helvetica;
			color:#666;
		}
		
		#bloque_grafica_der {
			width:460px;
			height:400px;
				padding:20px 0 0 0;
		}
		
		#contenedor_graf_barras_der {
			position: absolute;
			padding:20px;
			width:460px;
			height:440px;
	left: 480px;
	top: 80px;
			
		}
		
#titulo_video{
	color:#f1f1f1;
	width:auto;
	margin-bottom:10px;
	position:relative;
	font: bold 21px 'dinregular', Arial, Helvetica;
	}
#texto_video{
	font: bold 21px 'dinregular', Arial, Helvetica;
	color:#f1f1f1;
	}
	
	#columna_derecha_video{
	width:660px;
	height:462px;
	float:right;
	position:relative;
	margin:20px 20px 0 0;
	}
	
#columna_derecha_fotogaleria{
	width:640px;
	height:462px;
	float:right;
	position:relative;
	margin:20px 20px 0 0;
	}
	
	
	
	
	.titulo_numeralia {
	font: 15px 'dinregular', Arial, Helvetica;
	color: #D06C09;
	line-height: 16px;
	margin-left: 12px;
		}
		
		#contenedor_numeralia {
			padding:20px;
			width:940px;
			height:440px;
			padding-top: 24px;
		}
		
		#bloque_numeralia {
			width:940px;
			height:340px;
		}

		
		.separa_der {
			margin-left:10px;
		}
		

	#boton_entrar {
	font-size:18px;
	text-transform:uppercase;
	background-color:#669999;
	padding:0px;
	margin:10px auto 0;
	text-align:center;
}

#boton_entrar a{
	display:block;
	color:#fff;
}

#boton_entrar a:hover{
	background-color:#336666;
}

.liga {
	color: #ffffff;
	text-transform: none;
	margin-left:10px;
}

/* -----------------------estilos boxgrid-------------------------- */
	
	
	#Titulo_up{
				font:18px 'dinregular', Arial, Helvetica;
				color:#333;
				text-align:left;
				margin-top:10px;
				padding-left:20px;
			}
			.sumario_up{
				color:#FFF;
				text-align:left;
			}
			
			.sumario_up p {
				
				font:13px 'dinregular', Arial, Helvetica;
			}
			.bloque_datos {
				width:660px;
				height:460px;
			}
			.boxgrid{ 
				width: 320px; 
				height: 220px; 
				float:left; 
				background:#DADADA; 
				overflow: hidden; 
				position: relative; 
			}
			
			.margen_box {				
				margin: 0 0px 20px 0; 
			}
			.margen_box_der {				
				margin: 0 20px 10px 0; 
			}
				.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	background-color: #000000;
				}
				.boxgrid p{ 
					padding: 0 20px 0 20px; 
					color:#444; 
					font-weight:bold; 
					font:14px 'dinregular', Arial, Helvetica;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
				#columna_derecha{
	width:660px;
	height:440px;
	float:left;
	position:relative;
	margin:20px 20px 0 0;
	}
	
	#columna_izquierda{
	width:260px;
	height:460px;
	margin:20px 20px;
	position:relative;
	float:left;
	}
	#columna_izquierda p {
	font:15px 'dinregular', Arial, Helvetica;
	}
	
	#titulo{
	color: #75188C;
	position: relative;
	font: bold 18px 'dinregular', Arial, Helvetica;
	width: 240px;
	height: 30px;
	padding-left: 12px;
	}
	#titulo_video{
	color: #c88400;
	position: relative;
	font: bold 18px 'dinregular', Arial, Helvetica;
	width: 240px;
	height: 30px;
	padding-left: 0px;
	}	
	
	
#texto{
	margin-top:10px;
	position:relative;
	color:#222;
	font:normal 14px 'dinregular', Arial, Helvetica, sans-serif;
	
	}

.liga {
	font: bold 14px 'dinregular', Arial, Helvetica;
	color: #cc9933;
	text-transform: uppercase;
	font-weight: bold;
}


/*Comienzan botones infografia*/

 #BotonUno {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 100;
	right: 30px;
	top: 40px;
}


#BotonUno a.Uno{
	display: block;
	background-color: #FF6600;
	border-radius: 5px;
	border: #999 1px solid;
	font-family: 'dinregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
#BotonUno a.Uno:hover{
	background-color: #FF9900;
	color: #000;
	border: #666 1px solid;
	}

#BotonDos {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 100;
	right: 70px;
	top: 40px;
}


#BotonDos a.Dos{
	display: block;
	background-color: #0099CC;
	border-radius: 5px;
	border: #999 1px solid;
	font-family: 'dinregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	}
#BotonDos a.Dos:hover{
	background-color:#669999;
	color:#000;
	border: #666 1px solid;
	}	
	
	#BotonTres {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 100;
	right: 110px;
	top: 40px;
}


#BotonTres a.Tres{
	display:block;
	background-color:#336666;
	border-radius:5px;
	border: #999 1px solid;
	font-family: 'dinregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	color:#fff;
	text-decoration: none;
	}
#BotonTres a.Tres:hover{
	background-color:#669999;
	color:#000;
	border: #666 1px solid;
	}
	
	#BotonCuatro {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 100;
	right: 150px;
	top: 40px;
}


#BotonCuatro a.Cuatro{
	display:block;
	background-color:#336666;
	border-radius:5px;
	border: #666 1px solid;
	font-family: 'dinregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	color:#fff;
	text-decoration: none;
	}
#BotonCuatro a.Cuatro:hover{
	background-color:#669999;
	color:#000;
	border: #666 1px solid;
	}
	
	#fondo_botones_info{
	width:190px;
	height: 60px;
	position:absolute;
	top: 478px;
	right: 20px;
	padding:10px;
	color:color;
	font:16px 'din', Arial, Helvetica;
	font-weight:bold;
	text-align:center;
	background-image:url(../images/white-opacity-60.png);
	z-index: 10;
	

	}
	
	/*Terminan botones infografia*/
	
	
	.content_info{
		width:980px;
		height:503px;
		background-color:rgb(51,51,51);
		background-image:url(../images/info.jpg);}