@charset "utf-8";
/* CSS Document */
body{
	margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;
	background:url(../imgs/backg.jpg) repeat;
}
img{ border:0px; }

#marco_website{
	margin:0 auto; margin-top:5px;
	width:990px; height:auto; overflow:auto;
	background-color:#FFF;
	padding-bottom:50px;
}
#area_buscador{
	width:970px; height:30px;
	padding:10px;
	background:url(../imgs/backg_diag.jpg) repeat;
}
	#area_buscador #info{ 
		float:left; margin-top:8px;
		color:#FFF; 
	}
	#contador{
		float:right;
		width:200px;
		margin-top:1px;
		margin-right:5px;
		text-align:right;
		color:#FFF;
		font-size:14px;
	}
	#buscador{
		float:right;
		width:275px; height:50px;
		margin-top:15px;
		margin-right:5px;
		padding:5px;
	}
	#buscador #search{
		float:left;
		width:184px; height:16px;
		background-color:#666666;
		border:solid 1px #999999;
		color:#FFF; font-size:11px;
		padding-left:5px; padding-right:5px;
		margin-right:2px;
	}
	#buscador #fechaH{
		float:left;
		text-align:center;
		width:100px; height:16px;
		background-color:#666666;
		border:solid 1px #999999;
		color:#FFF; font-size:11px;
		padding-left:5px; padding-right:5px;
	}
	#buscador form{
		margin:1px;
	}
	#buscador #btn_buscar{
		float:left;
		color:#FFF;
		font-size:11px;
		width:58px; height:20px;
		background-color:#006600;
		border:solid 1px #999999;
	}
	#buscador #btn_buscar2{
		float:left;
		color:#FFF;
		font-size:11px;
		width:75px; height:20px;
		background-color:#006600;
		border:solid 1px #999999;
	}
header{
	width:100%; height:95px; overflow:hidden;
}
	header #logo{
		float:left; margin-left:20px; margin-top:25px;
	}
	header #social{
		float:right; margin-right:20px; margin-top:20px;
		width:180px; height:auto; overflow:auto;
		text-align:left;
	}

/* ***************************** MENU PRINCIPAL **************************** */
nav{
	clear:both;
	width:990px; height:60px;
	background:url(../imgs/backg_diag.jpg) repeat;
	border-top:4px solid #002D42;
	border-bottom:4px solid #002D42;
}
	nav .divMenu{
		float:left; margin-top:16px;
	}

/* **************************** CONTENIDOS ********************************* */
section{
	position:relative; float:left; margin-left:10px;
	width:720px; height:auto; overflow:auto;
}
.marco{
	border:solid 5px #333333;
}
.ren { clear:both; }
#slide_noticias{
	margin-top:10px; clear:both;
	width:710px; height:300px;
}
.portada_col{
	float:left; margin-right:11px;
	width:345px; height:auto; overflow:auto;
}
#noticias_slide{
	float:left; margin-right:20px; margin-bottom:20px;
	width:200px; height:150px;
}
#noticias_slide img{
	width:200px; height:150px;
}
#zoomIcon{
	float:left; top:340px; position:absolute; z-index:1;clear:both;
}
.portada_todo{
	float:left; margin-right:11px;
	height:auto; overflow:auto;
}
article{ 
	clear:both;
	width:auto; height:160px; overflow:hidden;
	padding-bottom:10px; margin-bottom:15px;
	border-bottom:solid 1px #E6E6E6;
}
	.thumb{ float:left; }
	.thumb img{ width:120px; height:90px; padding:5px; border:solid 1px #CCC; }
	.thumb2{ float:left; }
	.thumb2 img{ width:200px; padding:5px; border:solid 1px #CCC; }
	/*.encabezado img{ width:990px; padding:0px; border:0px; }*/
	article .info{ width:200px; height:auto; overflow:auto; margin-left:10px; float:left; }
	article .info_article{ width:570px; height:auto; overflow:auto; margin-left:10px; float:left; }
	article .no_imagen{ width:330px; } /* Este se aplica cuando no hay imagen en el registro */
	article .titulo{ clear:both; font-size:16px; color:#346172; font-weight:bold; line-height:18px; }
	article .fecha{ clear:both; font-size:11px; color:#333; font-weight:normal; }
	article .contenido{ clear:both; margin-top:5px; }

#video_portada{
	width:100%; height:auto; overflow:auto;
	text-align:center;
}
#video_titulo{
	margin:0 auto;
	width:560px; height:auto; overflow:auto; text-align:center;
}
.ren_video{ 
	clear:both;
	width:auto; height:auto; overflow:hidden;
	padding-bottom:10px; margin-bottom:15px;
	border-bottom:solid 1px #E6E6E6;
}
.icon_video{ position:absolute; margin-top:30px; margin-left:44px; width:42px; height:42px; background:url(../imgs/icon_video.png) no-repeat; cursor:pointer; }
.div_content{ clear:both; width:auto; height:5px; background:url(../imgs/backg_diag2.jpg) repeat; margin-top:10px; margin-bottom:10px; }


/* --------------- Ver Noticia ------------------ */
#ver_noticia .titulo{ clear:both; font-size:25px; color:#336072; font-weight:normal; line-height:34px; }
#ver_noticia .fecha{ clear:both; font-size:14px; color:#666; font-weight:normal; margin-top:5px; }
#ver_noticia img{ float:left; margin-right:10px; margin-bottom:10px; margin-top:10px; border:solid 4px #E5E5E5; }
#ver_noticia p{ line-height:20px; font-size:14px; }
#ver_noticia strong{ font-weight:bold; color:#036; }
#ver_noticia a{ font-weight:bold; color:#069; text-decoration:underline; }
#ver_noticia a:hover{ text-decoration:none; color:#09F; }
#ver_noticia h1{ background:none; color:#333; font-size:30px; font-weight:bold; border:0px; margin-left:0px; padding-left:0px; }
#ver_noticia h2{ background:none; color:#333; font-size:22px; font-weight:bold; border:0px; margin-left:0px; padding-left:0px; }
#ver_noticia h3{ background:none; color:#333; font-size:16px; font-weight:bold; border:0px; margin-left:0px; padding-left:0px; }



/* ***************************** BANNERS *********************************** */
#banner_top{
	clear:both; margin:0 auto; margin-top:4px;
	width:990px; height:130px; background-color:#333;
}
/* ***************************** GALERIA SLIDER*********************************** */
#area_galeria_slide{
	clear:both;  overflow:hidden; padding:0px; margin-bottom:10px;
	width:718px; height:305px; background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF; text-decoration:none; font-weight:bold;
	display:block;
}
#area_galeria_slide img{ width:100%; height:100%; }
.ft-prev, .ft-next{
	width:auto; height:30px; clear:both; margin-top:0px;
	border-bottom:solid 4px #002D42;
	background:url(../imgs/backg_diag2.jpg) repeat;
	font-size:17px; color:#333; padding:10px;
	text-decoration:none;
}
/* **************************** COLUMNA DERECHA **************************** */
aside{
	float:right; margin-right:10px; margin-top:10px;
	width:240px; height:auto; overflow:auto;
}
	aside .banner1{ clear:both; width:230px; height:340px; overflow:hidden; padding:0px; margin-bottom:10px; }
	aside .banner2{ clear:both; width:230px; height:260px; overflow:hidden; padding:0px; margin-bottom:10px; }
	aside .banner3{ clear:both; width:230px; height:180px; overflow:hidden; padding:0px; margin-bottom:10px; }
	aside .banner1 img{ width:100%; height:100%; }
	aside .banner2 img{ width:100%; height:100%; }
	aside .banner3 img{ width:100%; height:100%; }



/* ****************************** PIE DE PAGINA *************************** */
footer{
	clear:both; position:relative; margin:0 auto;
	width:990px; height:270px;
	background:url(../imgs/backg_diag.jpg) repeat;
	margin-bottom:80px;
}
.foot_col{
	float:left; margin-left:30px; margin-top:20px;
	width:170px; height:auto; overflow:auto;
}
.foot_tit{
	clear:both; margin-bottom:20px;
	width:auto; height:20;
	padding-top:15px; padding-bottom:15px;
	font-size:12px; font-weight:normal; color:#FFF;
	border-bottom:solid 1px #999;
}