@charset "utf-8";
/* CSS Document */
html{margin:0px;
padding:0px;}
body{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#container{
	width:1000px; text-align:left;
	z-index:0px;
	margin: 0 auto;
}
/* Estilos Header ************************************************/
#header{
	height:240px;
	width:1000px;
	background: #FFFFFF;
	position: relative;
	float: left;
}
#headerBanners{
	height: 65px;
	width:1000px;
}
/* Estilos MenuBar ************************************************/
#menuBar{
	height: 34px;
	width: 1000px;
	background: #006363;
	position: relative;
	float: left;
	margin-top:2px;
margin-bottom:10px;
}
.mainMenu{
list-style-type:none;
margin: 0px;
padding: 0px;
}
.mainMenu li{
	float:left;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 14px;
	width: 124px;
	height: 26px;
	text-align:center;
	border-left: 1px #FFFFFF solid;
	padding-top:8px;
}
.mainMenu li a {
	color:#FFFFFF;
	text-decoration: none;
}
/* Estilos SeccionA ************************************************/
#seccionA{
	height:690px;
	width: 1000px;
	background: #FFFFFF;	
	posotion: relative;
	float:left;
}
#ALeft{
	width:830px;
	position:relative; 
	float:left;
	height:558px;
}
#ALatLeft{
	width:170px;
	position:relative;
	float:left;
	background: #FFFFFF;
	/*height: 750px; /*558px;	*/
}
#AMain{
height: 558px;
width: 648px;
position:relative;
float:right;
/*border-left: #D7D7D7 1px solid;
border-right: #D7D7D7 1px solid;*/
padding-left: 5px;
padding-right: 5px;
}
#ANotas{
width: 650px;
height:500px;
}
#ANPrincipal{
	width:395px;
	height:448px;
	background:transparent;
	position: relative;
	float:left;
}
#ANNotasP{
	width:383px;
	height:105px;
	border-left: #D7D7D7 1px solid;
	border-bottom: #D7D7D7 1px solid;
	padding: 5px;
}
.tituloP{
	width:383px;
	font-size:16px;
	margin:0px;
	padding: 0px;
	color: #333333;
}
.tituloP a{
text-decoration: none;
color: #333333;
}
.titulo{
	width:383px;
	font-size:14px;
	margin:0px;
	padding: 0px;
	color: #333333;
}
.titulo a{
text-decoration: none;
color: #333333;
}
.verMas a{
text-decoration: none;
color: #006363;
}
.descripcion{
	color: #333;
	width: 383px;
	font-size: 13px;
	position: relative;
	float: left;
	clear:both;
}
.verMas{
	color: #006363;
	font-weight:bold;
	font-size: 11px;
	margin-right: 15px;
	margin-top:5px;
	position: relative;
	float: left;
}
#fotoMain{
	width: 376px;
	height: 235px;
}
#ANNotas{
	width:393px;
	height:105px;
	border-left: #D7D7D7 1px solid;
	border-bottom: #D7D7D7 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#ANTop5{
	width: 255px;
	height: 408px;
	background:transparent;
	position: relative;
	float:right;
}
#top5{
	width:244px;
	height: 110px;
	padding-top:5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
}
.tituloPT5{
	width:244px;
	font-size:14px;
	margin:0px;
	padding: 0px;
	color: #333333;
}
.tituloPT5 a{
text-decoration: none;
color: #333333;
}
.tituloT5{
	width:244px;
	font-size:14px;
	margin:0px;
	padding: 0px;
	color: #333333;
}
.tituloT5 a{
text-decoration: none;
color: #333333;
}
.verMasT5 a{
text-decoration: none;
color: #006363;
font-weight: bold;
}
.descripcionT5{
	color: #333;
	width: 244px;
	font-size: 12px;
	position: relative;
	float: left;
	clear:both;
}
.verMasT5{
	color: #333;
	font-size: 11px;
	margin-right: 15px;
	margin-top:5px;
	position: relative;
	float: left;
}
/* Estilos Galerias ******************************************************/
#AGalerias{
width:610px;
height:190px;
background:transparent url(../img/fondoGalerias_2.jpg) 0 0 no-repeat;
margin-top: 0px;
margin-bottom: 5px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}
#queGuau{
	width: 203px;
	float:left;
	height: 190px;
	background: transparent;
}
#queFreson{
	width: 203px;
	float:left;
	height: 190px;
	background: transparent;
}
#fresonPolitico{
	width: 204px;
	float: right;
	height: 190px;
	background: transparent;
}
.topFoto{
	width: 203px;
	height: 25px;
	float:left;
	background:transparent;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align:center;
}
.topFotoDesc{
	color:#FFFFFF;
	font-size:12px;
	width:203px;
	height:38px;
	float: left;
}
.topFotoImg{
	width:162px;
	height:125px;
	padding-left:13px;
	text-align:center;
	}	
.topFotoImg IMG{
border: solid 1px #000000;
}

.topFotoTxt{
	width: 100px;
	height: 125px;
	margin-left: 10px;
	padding-top:25px;
	color: #000000;
	font-size: 12px;
	float:right;
	background: transparent;
}
.albumTitulo{
	font-weight:bold;
	color:#FFFFFF;
	font-size: 14px;
	margin-bottom: 10px;
}
.verGaleria{
	font-size: 11px;
	font-weight:bolder;
	margin-top: 10px;
}
.verGaleria a{
	text-decoration: none;
	color:#000000;
}
#redesSociales{
	width: 180px;
	float:right;
	height: 125px;
	padding-top: 25px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	background: transparent;
}
.redSocL{
	width: 90px;
	height:50px;
	float: left;
	text-align: right;
}
.redSocR{
	width: 90px;
	height:50px;
	float: right;
	text-align: left;
}
#mainFotos{
	width: 830px;
	position:relative;
	float:left;
	font-size: 12px;
	color: #333;
}
.galTitulo{
	width:650px;
	background: #eaeaea;
	text-align: center;
	font-size:18px;
	padding-top: 5px;
	font-weight: bold;
}
.picRow{
	background: #eaeaea;
	float: left;
	width: 650px;
	text-align: center;
	padding-top: 5px;
}
.pic{
	float: left;
	margin-right:15px;
	margin-left: 15px;
}
#showFoto{
	width: 650px;
	background: #FFFFFF;
	text-align:center;
	display:none;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fotoTitulo{
	font-size:14px;
	font-weight:bold;
}
.fotoDesc{
	font-size:14px;
}
/* Estilos Lateral Derecho ************************************************/
#ARight{
	width:170px;
	position:relative;
	float:right;
	background: transparent;
	margin-bottom:10px;
	/*height: 750px; /*558px;	*/
}
#laColumna{
	border: #C0C0C0 1px solid;
	width:170px;
	height: 295px;
	font-size: 12px;
	color: #333;
	padding-bottom:5px;
	z-index:1;
	overflow: hidden;
	margin-bottom:5px;
}
.imgColumna{
	border: 1px #000 solid;
	float:left;
	margin-bottom: 3px;
	margin-top: 0px;
	padding:0px;
	margin-left:0px;
}
H4.columna{
	color: #333;
	font-size:12px;
	font-weight: bold;
	padding:0;
	float:left;
	width:100%;
	margin-top: 10px;
	margin-bottom:5px;}
H5.columna{
	color: #333;
	font-size:10px;
	float:left;
	width:100%;
	padding:0;
	margin:0;	
	margin-bottom:5px;}
	
#asiLoDijo{
	width:170px;
	height: 150px;
	border: 1px solid #666666;
	background: #fef8d7;
	font-size: 12px;
	padding-bottom:5px;
	padding-top: 5px;
	overflow: hidden;
	z-index:2;
	vertical-align: middle;
	margin-bottom: 5px;
}
H3.asilodijo{
	color:#006363;
	font-size: 14px;
	margin:0;
	margin-top:-3px;
	padding:0;
	padding-left: 5px;
	border-bottom: 1px solid #666;
}
.aldCuadro{
	width:10px;
	height: 18px;
	background:#FFCC66;
	position:relative;
	float:left;
	margin-top:-2px;
	margin-left: -5px;
	border-right: 1px solid #666;
	margin-right:5px;

}
#tusComentarios{
	width: 160px;
	height:185px;
	border: 1px solid #C0C0C0;
	border-top: 0px;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	z-index:3;
	overflow:hidden;
	padding-bottom:5px;}
H3.masComentarios{
	background:url(../img/masSobreGris_r1_c1.jpg) 0 0 no-repeat;
	height:35px;
	padding:0;
	margin:0;
	margin-left:-4px;
	width:168px;
}	
.comentariosNuevos{
	margin-bottom:5px;
	}	
.comentariosNuevos a{
	text-decoration: none;
	color: #333;
}
/* Estilos Lateral Izquierdo ************************************************/
#enResumen{
	width:170px;
	height: 220px;
	border: #C0C0C0 1px solid;
	z-index: 1;
	overflow:hidden;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.enResumen{
	margin:0px;
	padding:0px;
	text-align:center;
	width:170px;
	background: url(../img/enResumenFondo.jpg) 0 0 no-repeat;
	height: 27px;
	padding-top: 5px;
	font-size:16px;	
}
.laColumna{
	margin:0px;
	padding:0px;
	text-align:center;
	width:170px;
	background: url(../img/enResumenFondo.jpg) 0 0 no-repeat;
	height: 27px;
	padding-top: 5px;
	font-size:16px;	
	color: #FFFFFF;
}
.enResumen a{
	color: #FFFFFF;
	text-decoration: none;
}
.enResumenItem{
	margin-top:5px;
	color:#333;
	font-size:12px;
}
.enResumenItem a{
	color:#333;
	font-size:12px;
	text-decoration: none;
}
.hora{
	color:#FF0000;
	font-weight:bold;
	font-size: 10px;
}
#laEncuesta{
	width: 164px;
	height: auto;
	border-left: #FFCC66 1px solid;
	border-right: #FFCC66 1px solid;
	background: #fef8d7;
	padding-left: 2px;
	padding-right: 2px;
	color: #333;
	z-index:2;
	overflow: hidden;
}
#encuestaTop{
	background: url(../img/encuestaTop.jpg);
	height:5px;
	width: 170px;
	margin-top: 20px;
}
#encuestaBottom{
	background: url(../img/encuestaBottom.jpg);
	height:5px;
	width: 170px;
	margin-bottom: 20px;
}

h3.encuesta{
text-align:left;
margin-top:-7px;
margin-bottom: 3px;
padding:0px;
padding-top:5px;
padding-left: 5px;
/*border-bottom: 1px  solid #FF6600;
background:#FFCC66;*/
width: 170px;
height:22px;
color:#FF6600;
text-align:left;
font-size:14px;}

#pregunta{
	font-size: 12px;
	width: 160px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
.respuesta{
margin-bottom:0px;
margin-top: 0px;
padding:0px;
margin-left: 5px;
margin-right: 5px;
font-size:12px;
width: 170px;
}
#frmEncuesta{
margin:0px;
padding:0px;
}
.votarEncuesta{
width: 170px;
text-align:center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btnVotar{
	font-size:12px;
	color:#333;
	background: transparent url(../img/btnvotar.jpg) 0 0 no-repeat;
}
.resultsArea{
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
}
#lasMasVistas{
	width:170px;
	height: 275px;
	border: 1px solid #c0c0c0;
	border-top: 0px;
	overflow: hidden;
	z-index:3;
}
H3.lasMasVistas{
	background:url(../img/masVistasGris.jpg) 0 0 no-repeat;
	height:35px;
	padding:0;
	margin:0;
	margin-left:1px;
}
/* Estilos MainNotas ************************************************/
#AMainNota{
width: 648px;
height:auto;
position:relative;
float:left;
padding-left: 5px;
padding-right: 5px;
}
#ALeft{
	width:830px;
	position:relative; 
	float:left;
}
#mainNota{
	width: 640px;
	position:relative;
	float:left;
	font-size: 14px;
	padding-left: 10px;
	color: #333;
}
.tituloNota{
	color:#333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 18px;
}
.descNota{
	font-size: 12px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
.seccion{
	font-style:italic;
	font-weight: bold;
	color: #666;
		margin-bottom: 5px;
}
.fechaN{
	font-style:italic;
	font-weight: bold;
	color: #666;
		margin-bottom: 5px;
}
.fotoBorder{
	float:right;
	border: #c0c0c0;
	background:#d7d7d7;
	width: 360px;
	text-align:center;
	padding-top: 5px;
	margin-left: 5px;
}
.ANFoto{
	width:350px;
	height: 235px;
	border-left: #D7D7D7 1px solid;
	margin-bottom: 5px;
}
.pieFoto{
	font-size:10px;
	color:#333;
}
#sendComments{
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	width: 650px;
	height:auto;
}
.txtNotas{
	width: 350px;
	color: #333;
	font-size:11px;
	border: 1px solid #FF0000;
}
#CommentsFrm{
	margin-top:5px;
	display:none;}
.frmElement{
margin-bottom: 3px;}	
.tEnvieComent{
	font-size: 14px;
	text-decoration:underline;
	color:#333;
	font-weight: bold;
}
#comentarios{
	border: 1px solid #C0C0C0;
	background: #d7d7d7;
	padding: 5px;
	margin-bottom:10px;
	margin-top: 5px;
	color: #333;
	font-size: 12px;
	position:relative;
	float:left;
	width: 638px;
}
.nomComent{
font-weight:bold;
position:relative;
float:left;
width: 300px;
}
.fechaComent{
position:relative;
float:left;
clear: right;
width: 300px;
}
.coment{
position: relative;
float: left;
clear:both;
margin-bottom: 10px;
width: 638px;}
/* Estilos por secciones ************************************************/
.seccionNota{
	margin-left:5px;
	margin-right: 5px;
	padding: 5px;
	background:#eaeaea;
	border: 1px dashed #c0c0c0;
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 630px;
	height: 130px;
}
.imgNota{
	width: 100px;
	height: 75px;
	float:right;
	background:transparent;
}
.imgSeccion{
	width: 100px;
	height: 75px;
	border: 0;
}
.notaCuadro{
	float: left;
	background: transparent;
	width: 83%;
	height: 75px;
}
.verMasS{
float:left;
clear:left;
margin-top: 3px;
}
.verMasS a{
	font-size: 11px;
	color: #006363;
	text-decoration:none;
}
.descripcionS{
color: #333;
	width: 500px;
	font-size: 14px;
	position: relative;
	float: left;
	clear:both;
	margin: 5px 0px 5px 0px;
}
.fechaComent{
	margin: 5px 0px 5px 0px;
	}
.tituloNotaS a{
	color: #333;
	font-weight:bold;
	font-size:16px;
}	
H2#seccion{
	color:#333;
}
/* Estilos seccionB ************************************************/
#seccionB{
	height:auto;
	width: 1000px;
	background:transparent;
	position:relative;
	float:left;
	margin-top: 10px;
	margin-bottom:0px;
}
#bNewsBox{
	border: #A9A9A9 1px solid;
	width: 960px;
	height: 275px;
	background: #FFFFFF;
	position:relative;
	float:left;
	margin: 10px 20px 10px 20px;
	
}
#seccionBBanner{
	border: 1px solid #333333;
	background: #c0c0c0;
	width: 960px;
	margin: 10px 20px 10px 20px;
	height: 100px;
	text-align:center;
	padding-top:10px;
}
#porSeccion{
	border-bottom: #A9A9A9 1px solid;
	background: #f2f2f2;
	width: 960px;
	height:20px;
	position:relative;
	float:left;
	font-weight: bold;
	color: #972C29;
	padding-top: 3px;
}
#boxRed{
	background: #972C29;
	border-right: #A9A9A9 1px solid;
	margin-right: 5px;
	margin-top: -3px;
	width: 10px;
	height: 23px;
	float: left;
}
#seccionBTop{
	width:960px;
	height:230px;
	margin-bottom:5px;
}
#bNacIntl{
	width: 303px;
	height:225px;
	border: 1px solid #c0c0c0;
	margin-top: 0px;
	margin-left:5px;
	float: left;
	padding: 5px;
}
#bClima{
	width: 258px;
	height:249px;
	border: 1px solid #FFCC66;
	margin-top: 5px;
	margin-left:5px;
	float: left;
	padding-bottom:5px;
}
#bClimaH{
	height:20px;
	width:258px;
	background: #FEF8D7;
	border-bottom: 1px solid #FFCC66;
	color:#006363;
	font-size:14px;
	font-weight:bold;
	padding-top: 3px;
}
#boxOrange{
	background: #FF9900;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	margin-right: 5px;
	margin-top: -3px;
	width: 10px;
	height: 23px;
	float: left;
}
#clima{
	padding: 5px;
	width: 145px;
}
.verMasC a{
text-decoration: none;
color: #006363;
}
.verMasC{
	color: #333;
	font-size: 11px;
	margin-right: 15px;
	margin-top:5px;
	position: relative;
	float: left;
	padding: 5px;
}
H3.tituloClimaB{
	margin:0px;
}
H3.tituloClimaB a{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	text-decoration: none;
}
.descripcionC{
	color: #333;
	width: 145px;
	font-size: 12px;
	position: relative;
	float: left;
	clear:both;
	padding: 5px;
}
#bMunicipios{
	width: 270px;
	height:254px;
	border: 1px solid #FFCC66;
	margin-top: 5px;
	margin-left:5px;
	float: left;
	overflow:hidden;
}
#bMuniH{
	height:20px;
	width:323px;
	background: #FEF8D7;
	border-bottom: 1px solid #FFCC66;
	color:#006363;
	font-size:14px;
	font-weight:bold;
	padding-top: 3px;
}
#boxGreen{
	background: #006363;
	border-right: 1px solid #006363;
	border-bottom: 1px solid #006363;
	margin-right: 10px;
	margin-top: -3px;
	width: 10px;
	height: 19px;
	float: left;
}
UL.tituloSeccion{
	padding:0px;
	margin: 0px;
	list-style-type:none;
}
UL.tituloSeccion li{
	margin-bottom: 10px;
}
UL.tituloSeccion li a{
text-decoration: none;
font-size:14px;
font-weight:bold;
color: #333;}
UL.notaXSeccion{
	padding-left: 25px;
	margin: 0;
	list-style-type: square;
	color: #333;
}
UL.notaXSeccion li{
	margin-bottom: 0px;
}
UL.notaXSeccion li a{
 	color: #333;
	font-weight:100;
	text-decoration:none;
	font-size:12px;
}
UL.Bmunicipios{
	padding:0;
	margin:0;
	list-style-image:url(../img/flechita.jpg);
	padding-left: 25px;	
	padding-top: 5px;
}
SPAN.municipio{
	color: #972C29;
	font-weight:bold;
	font-size:11px;
}
.muniNota{
color: #333;
font-size:12px;
text-decoration: none;}
#seccionBBottom{
	width: 960px;
	height:255px;
	float:left;
	margin-top:5px;
}
#masImagen{
	border: 1px solid #c0c0c0;
	border-top:0;
	background: #EAEAEA;
	width:378px;
	height:250px;
	margin-left: 15px;
	padding:5px;
	float: left;
}
#masImagenLogo{
	height:40px;
	width:390px;
	margin-left: -6px;	
	margin-top: -5px;
	float:left;
	background: transparent url(../img/masImagenFondo.jpg) no-repeat;
}
#masImgDesc{
	margin-left:5px; margin-right:5px; margin-bottom: 10px; 
	background:#929292; color:#EFEFEF; padding: 3px; border: #585757 1px solid; 
}
#masImgDesc a{
	color:#FFFFFF;}
#miTuFoto{
	width:185px;
	float:left;
	color:#333333;
	font-size:12px;
}
.tuFoto{
	border: 1px solid #000000;
	height:120px;
	width: 179px;
}
.masImagenDesc{
	width: 175px;
}
#miMasIntimo{
	width:185px;
	float: right;
	color:#333333;
	font-size:12px;
}
#bColumnas{
	width: 300px;
	height:222px;
	float: left;
	border: 1px solid #c0c0c0;
	margin-left: 5px;
	padding:5px;
}
.columnaContainer{
	width:100%;
	float:left;
	margin-bottom: 5px;
}
.colIMG{
	float:right;
}
.colTXT{
	float:left;
	padding-top:15px;
	width:241px;
}
.colTXT a{
	font-size: 12px;
}
#bEntrDep{
	width: 303px;
	height:225px;
	float: left;
	border: 1px solid #c0c0c0;
	margin-left: 5px;
	padding:5px;
}
/* Estilos enResumen *********************************************/
.resumenH{
	background:#006363;
	color:#FFFFFF;
	font-weight:bold;
}
.resumenHora{
	color:#FF0000;
	text-align:center;
	}
.resumenTitulo a{
	color:#333;
	}
/* Estilos Footer ************************************************/
#footer{
	height:30px;
	width: 1000px;
	background: #006363;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	position:relative;
	float:left;
	margin-top: 5px;
}