/* CARACTERÍSTICAS GENERALES */

* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

body { background: #FFF;
background-image:url(../img/background_p02.jpg);
background-repeat: no-repeat;
font-family: Verdana, Corbel, Avenir, Helvetica;
}

acronym {
  border-bottom: 1px dotted  #accc4d;
}

#container {
	width: 944px;
	height: 100%;
	background-color:#FFF;
	margin: 0 auto 20px auto;
	border: 20px solid #FFF;
	border-top: 0;
}

.textodestacado {
	color: #577085;
	font-weight:700;	
}

/* COMIENZO CABECERA TOTAL */


#cabecera_container { 
width: 944px;
margin-top:15px;
margin-bottom:20px;
position: relative;
z-index: 1;
}


/* COMIENZO CABECERA PERFILES */


#menu_top { 
width: 944px;
margin: 0 auto;
position: relative;
}
 
#nav{
list-style: none;
list-style-type: none;
margin:0;
padding:0;
height: 35px;
font-family: 'Verdana, Corbel, Avenir, Helvetica', sans-serif;
}
 
#nav li{
float:left;
list-style: none;
position: relative;
width: 226px;
height: 26px;
font-size: 14px;
font-variant: small-caps;
border-top:0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

#nav li a{
display: block;
text-decoration: none;
font-variant: small-caps;
font-weight:700;
text-align:right;
font-size: 14px;
color: #ffffff;
padding: 5px;
}

#li1{

margin-right: 13px;
background:#f2ac25;
}

#li2{
margin-right: 13px;
background:#accc4c;
}

#li3{
margin-right: 13px;
background:#5a6f85;
}

#li4{
width: 226px;
background:#95c8c2;
}
	

.submenu{
display: none;
position: absolute;
left: 0px;
border:none;
height: 26px;
background: #f2ac25;
}
 
#nav .submenu li{
float: none;
position: static;
margin: 0;
font-size: 11px;
font-variant: normal;
border-top: none;
width: 124px;
}


#nav .submenu li a{
color: #FFFFFF;
background: #f2ac25; /*url('jovenes.jpg') repeat-x 0 0; */
width: 226px;
height: 26px;
}

.submenu2{
display: none;
position: absolute;
left: 0px;
border:none;
height: 26px;
background: #accc4c;
}
 
#nav .submenu li2{
float: none;
position: static;
margin: 0;
font-size: 11px;
font-variant: normal;
border-top: none;
width: 124px;
}



.submenu3{
display: none;
position: absolute;
left: 0px;
border:none;
height: 26px;
background: #5a6f85;
}
 
#nav .submenu li3{
float: none;
position: static;
margin: 0;
font-size: 11px;
font-variant: normal;
border-top: none;
width: 124px;
}


.submenu4{
display: none;
position: absolute;
left: 0px;
border:none;
height: 26px;
background: #95c8c2;
}
 
#nav .submenu li4{
float: none;
position: static;
margin: 0;
font-size: 11px;
font-variant: normal;
border-top: none;
width: 124px;
}


.submenu5{
display: none;
position: absolute;
left: 0px;
border:none;
height: 26px;
background: #f2ac25;
}
 
#nav .submenu li5{
float: none;
position: static;
margin: 0;
font-size: 11px;
font-variant: normal;
border-top: none;
width: 124px;
}




/* COMIENZO CABECERA LOGO */


#cabeceralogo_container { 
width: 944px;
margin: 5px auto;
position: relative;
z-index:2;
}


#cabeceralogo_caja a {
	width: 436px;
	height: 121px;
	display:block;
	border: 0;
	border-color:#FFF;
	}
	
#cabeceralogo_caja {
	width: 436px;
	height: 121px;
}




/* COMIENZO DEL MENU DESPLEGABLE */


#menu_des {  
text-align: center;
font-size: 0.7em;
background-color: #e3e3e3;
width: 944px;
margin: 0 auto;
position: relative;
z-index:3;

}

#menu_des ul { 
list-style-type: none;
background-color: #e3e3e3;
}

#menu_des ul li.nivel1 { 
float: left;
width: 134px;
margin-right: 0px;
background-color: #e3e3e3;
position: relative;
}
#menu_des ul li { float: left;}

#menu_des ul li a {
display: block;
text-decoration: none;
color: #000;
background-color: #e3e3e3;
border: 0px solid  #fff;
padding: 8px;
position: relative;
}
#menu_des ul li a:hover, #menu_des ul li:hover a.nivel1 {
background-color: #FFF;
color: #000;
position: relative;
text-decoration:none;
border-bottom: solid 0px #FFF;
}

/* La diferencia entre el siguiente y el de arriba es que el de abajo le dice que desaparezca el submenu si no esta encima, y el de arriba, dice que cuando estas encima, es decir, en li:hover aparezca todo el tema de posicion, color, text-decoration, etc */

#menu_des ul li a.nivel1 {display: block!important;
}

/* En la siguiente directiva le decimos que oculte el nivel 2 siempre que no esté encima el ratón */
#menu_des ul li ul {display: none;
}

#menu_des ul li a:hover ul, #menu_des ul li:hover ul {
	display: block;
    position: absolute;
	width: 1000px;
	border: 1px solid #fff;
	border-top: none;
	background-color: #FFF;
}
#menu_des ul li ul li a {
width: 170px;
padding: 6px 0px 8px 0px;
border: none;
text-align:center;
background-color: #FFF;
}
#menu_des ul li ul li a:hover {
position: relative;
text-decoration: underline;
border-bottom: none;
}

ul.uno {left: -0px;}
ul.dos {left: -134px;}
ul.tres {left: -268px;}
ul.cuatro {left: -402px;}
ul.cinco {left: -536px;}
ul.seis {left: -670px;}
ul.siete {left: -804px;}


/* CAJAS CON BOTONES A SECCIONES DE LA ZONA DE IMPACTO */


#container_zonaimpacto {
	width: 944px;
	height: 327px;
	position: relative;
}

#container_cajaminiimpacto {
	width: 218px;
	height: 327px;
	margin-top: 30px;
	position: relative;
	float: left;
}
	
.cajaminiimpacto1 {
	background-color:#d0d1d2;
	margin-bottom:2px;
	width: 218px;
	height: 107px;
}

.cajaminiimpacto1 a {
	width: 218px;
	height: 107px;
}


/* CAJAS ZONA IMPACTO FOTO, TEXTO y SEPARADOR */

#cajaimpacto {
	background-color:#d0d1d2;
	width: 700px;
	height: 327px;
	margin-top: 30px;
	float: left;
	background-image:url(../img/zimpacto_img/zona_impacto_p02.jpg);
	background-repeat: no-repeat;
}

#cajaimpacto_contenedorinfo {
	width: 198px;
	height: 327px;
	float: left;
	padding: 10px;
	background-image:url(../img/cuadro_transparente_perfil2.png);
	background-repeat: no-repeat;
	font: 700 12px Verdana, Corbel, Avenir, Helvetica;
	line-height: 20px;
	color:#FFF;
}

#cajaimpacto_contenedorinfo_noticias {
	width: 198px;
	height: 327px;
	padding: 10px;
	background-image:url(../img/cuadro_transparente_perfil2.png);
	background-repeat: no-repeat;
	font: 700 12px Verdana, Corbel, Avenir, Helvetica;
	line-height: 20px;
	color:#FFF;
	position: relative;
	float: left;
	z-index: 2;
	top: -327px;
}

#cajaimpacto_noticias {
	background-color:#d0d1d2;
	width: 700px;
	height: 327px;
	margin-top: 30px;
	border: 0;
	float: left;
	position:relative;
	z-index: 1;
}
.cajaimpacto_separador {
	background-color: transparent;
	width: 24px;
	height: 100%;
	float: left;
}


/* CAJAS SECCIONES NOTICIAS */


#container_noticias {
	width: 944px;
	height: 360px;
	margin: 75px 0 20px 0;
	position: relative;
}

.bloque_noticias {
	background-color:#fff;
	width: 312px;
	height: 359px;
	float: left;
	border-left: 2px dotted #577085;
	
}

.bloque_noticias_2 {
	background-color:#fff;
	width: 312px;
	height: 359px;
	float: left;
	border-left: 2px dotted #577085;
	border-right: 2px dotted #577085;
	
}

.bloque_noticias01 {
	background-color: transparent;
	width: 280px;
	height: 359px;
	padding: 5px 15px 5px 19px;
	float: left;

	
}

.bloque_noticias_video {
	background-color:#fff;
	width: 312px;
	height: 359px;
	float: left;
	border-left: 2px dotted #577085;
		border-right: 2px dotted #577085;
	
}

.noticias_h1 {
	font: 700 13px Verdana, Corbel, Avenir, Helvetica;
	color:#493c1f;
	text-transform:uppercase;
	}

.noticias_h1 a{
	text-decoration:none;
	color: #493c1f;	}

.img_noticia {
	background-color: #CCC;
	margin: 10px 0 10px 0;
	width: 274px;
	height: 206px;
	border:  1px dotted #577085;
	}
	
.img_video {
	background-color: #CCC;
	margin: 10px 0 10px 0;
	width: 274px;
	height: 206px;
	border: 0px;
	}
	

.noticias_caja_texto {
	width: 274px;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	font-size: 11px;
	}


.noticias_caja_texto a{
	text-decoration:none;
	color: #000;	}

.texto_fecha{
	font-size:9px;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	text-decoration:none;
	color: #000;	}

/* CAJAS ZONA 3 */



#container_zona3 {
	width: 949px;
	height: 250px;
	position: relative;
	margin-bottom: 20px;
}


/* ZONA 3 - MINI NOTICIAS */
#container_zona3_totalminiaturas {
	width: 190px;
	height: 250px;
	padding: 10px;
	margin-right: 16px;
	float: left;
	position: relative;
	background-color:#fff;
	font-size:9px;
	font-family:Verdana, Corbel, Avenir, Helvetica;
	color:#1D1D1D;
}

.container_zona3_miniaturas {
	width: 215px;
	height: 90px;
}

.zona3_miniaturas_img {
	width: 83px;
	height: 63px;
	background-color:#CCC;
	position: relative;
	margin-right: 10px;
	float: left;
	border: 2px dotted #577085;
}

.zona3_miniaturas_texto {
	width: 100px;
	height: 63px;
	position: relative;
	float: left;

}

.zona3_miniaturas_texto a {
	text-decoration: none;
	color: #000;

}


/* ZONA 3 -SECCIONES DESTACADAS */
.container_zona3_destacados {
	width: 700px;
	height: 250px;
	padding: 10px;
	float: left;
	position: relative;
	background-color:#CCC;
}

.container_zona3_destacados h1 {
	font-size:16px;
	font-family:Verdana, Corbel, Avenir, Helvetica;
	text-transform:uppercase;
	color:#445262;
}

#container_zona3_destacados_secciones {
	width: 100%;
	height: 205px;
	border-top: 2px dotted #577085;
	font-size:10px;
	font-family: Verdana, Corbel, Avenir, Helvetica, bold;
	color: #87888a;
	text-align:left;
}

#container_zona3_destacados_secciones a {
	color: #445262;
	text-decoration:none;
}
	
#container_zona3_destacados_secciones a:hover {
	color: #161e27;
	text-decoration: underline;
}
		
	
.container_zona3_destacados_caja {
	width: 230px;
	height: 200px;
	margin-top: 5px;
	border-right: 2px dotted #577085;
	float:left;
	padding-left: 10px;
}
.container_zona3_destacados_caja_img{
	margin:0 auto 6px 13px;
	
}
	

.container_zona3_destacados_caja2 {
	width: 200px;
	height: 200px;
	margin-top: 5px;
	float:left;
	padding-left: 10px;
}
.container_zona3_destacados_caja2_tiempo {
	margin:0 auto 6px 13px;
	padding-left:15px;
	
}

.destacado_infoutil {
color: #577085 ;
font-weight: 700;
font-family: Verdana, Corbel, Avenir, Helvetica;
}



/* CAJAS PIE DE PÁGINA */

.piepagina {
	width: 944px;
	height: 40px;
	padding: 20px 0 0 0;
	position: relative;
	margin: 50px 0 20px 0;
	text-align:center;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	font-size:10px;
	color:#919191;
	text-decoration:none;
	clear:both;
}

.piepagina a:hover {color:#577085;
font-weight:bold;
	}
	
#piepagina_img {
	width: 944px;
	height: 40px;
	background-image:url(../img/footer.jpg);
	position: relative;
}

/* CSS DEL ARCHIVO DE NOTICIAS */

#mininoticias{
	position:relative;
	width:650px;
	height:355px;
	margin:50px auto;
	
	
}

#mininoizq{
	width:300px;
	height:355px;
	margin-left:0;
	float:left;
	text-align:left;
	
}

#mininoder{
	width:300px;
	height:355px;
	margin-left:50px;
	float:left;
	text-align:left;
	
}

.noticias{
	width:300px;
	height:100px;
	float:left;
	margin-bottom:15px;
	border:0;
	
	
}

.foto{
	height:63px;
	width:83px;
	margin-top:15px;
	float:left;
}

.texto{
	height:63px;
	width:205px;
	margin-top:15px;
	float:left;
	margin-left:3px;
    font:normal 11px/15px Verdana, Corbel, Avenir, Helvetica;
	padding:2px 0 2px 5px;
	
}

.texto a, .foto a{
	text-decoration:none;
	color:#000;
	border:0;
}

/* SECCIONES INTERNAS */

.container_titular {
	width: 944px;
	font: 700 35px Verdana, Corbel, Avenir, Helvetica;
	color:#577085;
	padding: 10px 0 5px 0; 
	margin: 0;
	clear: both;
}

.container_titular_seccion {
	width: 944px;
	font: 700 12px Verdana, Corbel, Avenir, Helvetica;
	color:#577085;
	padding: 12px 0 0 0; 
	margin: 0;
	clear: both;
	text-decoration: none;
}

.container_titular_seccion a{
	color:#577085;
	text-decoration: none;

}

#container_seccioninterna {
	width: 944px;
	height: 100%;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	font-size: 11px;
	margin-top: 60px;
	}
	
#container_seccioninterna_info {
	width: 703px;
	height: 100%;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	font-size: 11px;
	background-color:#fff;
	padding: 8px;
	padding-left: 0px;
	border-right: 2px dotted #577085;
	float: left;
	margin-top: 10px;
	}
	
#container_seccioninterna_info a{
	color: #003;
	}
	
#container_seccioninterna_info_galeria a{
	color: #003;
	}
	
#container_seccioninterna_info_galeria {
	width: 703px;
	height: 100%;
	font-family: Verdana, Corbel, Avenir, Helvetica;
	font-size: 11px;
	background-color:#fff;
	padding: 8px;
	padding-left: 0px;
	border-right: 2px dotted #accc4d;
	float: left;
	margin-top: 10px;
	text-align: center;
	}
	

	
.img_icon {
	margin: 3px;
	border: 0;
}
	
#container_seccioninterna_espacio {
	width: 17px;
	height: 100%;
	background-color: transparent;
	float: left;
}

#container_seccioninterna_adicional {
	width: 220px;
	height: 100%;
	background-color:#fff;
	float: left;
}

.autor {
	text-transform:uppercase;
	color: #577085;
	font-weight: 700;
}

#container_seccioninterna_cajafacebook {
	width: 220px;
	height: 100%;
	background-color: transparent;
	padding-left: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}


#container_seccioninterna_tiempo {
	width: 218px;
	height: 100%;
	border: 1px solid;
	border-color: #577085;
	margin: 0 auto;
	margin-left: 12px;
	margin-top: 20px;
}


#TT_71kkkkk7cxGe7fwykCGiG1ukLcDkezJzJwpyz4V {
	width: 205px;
	height: 100%;
	border: 0px solid;
	margin: 0 auto;
}


#container_seccioninterna_twitter {
	width: 218px;
	height: 100%;
	border: 0px solid;
	margin: 0 auto;
	margin-left: 12px;
	margin-top: 20px;
}


#container_seccioninterna_rss {
	width: 218px;
	height: 100%;
	border: 1px solid #577085;
	margin: 20px auto 0 12px;
	padding: 0;
}


.seccioninterna_cajaimg_izquierda {
	background-color:#d0d1d2;
	margin: 0 10px 10px 0;
	width: 218px;
	height: 107px;
	float: left;
	border: 2px dotted #577085;
}


.seccioninterna_cajaimg_derecha {
	background-color:#d0d1d2;
	margin: 0 0 10px 10px;
	width: 218px;
	height: 107px;
	float: right;
	border: 2px dotted #577085;
}


/* CSS REDES SOCIALES */


.redes_sociales {
	width: 680px;
	height: 180px;
	position: relative;
	margin-bottom: 30px;
	padding-left: 20px;
	clear: both;
}
.logo_redes_sociales {
	width: 150px;
	height: 150px;
	float: left;
	position: relative;
	margin-right: 20px;
	text-decoration: none;

}
.info_redes_sociales {
	width: 400px;
	height: 170px;
	margin-left: 50px;
	padding: 5px;
}

/* CSS DE LA GALERIA */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../galeria/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../galeria/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }