body{ background:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold; margin: 0px; }

.contenido{ background:#FFFFFF; width:986px; margin:0px auto; padding:0; }

.header{ background:#FFFFFF url(../img/header.jpg) no-repeat; text-align:center; width:986px; height:130px; }

.menu { background:url(../img/btnMenu.jpg) repeat-x; color:#272727; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; height:23px; width:986px;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}

.menu ul { margin:0px; padding:0px; list-style:none; }

.menu li { float:left; line-height:23px; }

.menu li a { color:#FFFFFF; text-decoration:none; text-align:center; padding:1px 12px 1px 12px; border-right:1px dashed #ececec; }

.menu li a:hover{ color:#000000; text-decoration:none; background-color:#CCCCCC; border-right:1px dashed #ececec; }

.barra_fecha{ display:block; }

.fecha{ text-align:right; padding:5px; }

/*Estilo completo para el div que contiene todo lo del lado izq*/
.cuerpo_izq{ width:690px; position:relative; float:left;}

/*Estilo para la 2da Noticia del index*/
.noti{  		
		width:665px;margin:8px;
		border: 1px solid #CCCCCC;
		padding:5px;		
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
}

.noti2{  		
		padding-top: 52px;
		width:665px;
		margin:8px;
		border: 1px solid #CCCCCC;
		padding:5px;		
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
}

.noti img{ float: left; padding:5px;}

/*Estilo para las 2 notis pqnas*/
.notis_par{
		width:690px; 
		
}
#titulonoti{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#006fb5;
font-weight:bold;
margin-left:20px;
margin-top:10px;
margin-bottom:5px
}

.notis_pqna1{
	position:relative;
	color:#333333;width:310px;
	float:left;
	border-right:1px dashed #CCCCCC;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px
}

.notis_pqna2{
	position:relative;
	color:#333333;
	width:310px;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px
}

/*Estilo para los 4 suplementos*/
#suplementos{clear:both;position:relative;border:1px solid #CCCCCC;width:670px;height:165px;padding:5px;margin-left:5px;margin-bottom:5px;margin-top:10px}
.suple1, .suple2, .suple3, .suple4{width:155px;float:left;padding:5px}
.p_suple{font-size:16px;font-weight:bold;color:#006fb5;padding:0;margin:0px}

/*Estilo completo para el div que contiene todo lo del lado derecho*/
.cuerpo_der{ width:290px; position:relative; float:left; } 

/* Estilo para el espacio de la portada */
#portada{ border: 1px solid #ccc; width:280px; height:80px; margin-left:6px; margin-top:3px; }

/* Estilo para el espacio de la primera publicidad */
#publi1{
	width: 280px; 
	height:265px;
	border:1px solid #CCCCCC; 
	margin-left:6px; 
	margin-top:5px;}
	
#publi4{
	width: 280px; 
	height:163px;
	border:1px solid #CCCCCC; 
	margin-left:6px; 
	margin-top:5px;}	
	
	/* Estilo para el espacio de la primera publicidad */
#publi1twi{
	width: 280px; 
	height:375px;
	border:1px solid #CCCCCC; 
	margin-left:6px; 
	margin-top:5px;}

#publi1face{
	width: 280px; 
	height:265px;
	border:1px solid #CCCCCC; 
	margin-left:6px; 
	margin-top:5px;}
	
#publihead{ text-align:center; width:980px; height:130px; }	

#encuestas{width: 280px; height:265px;border:1px solid #CCCCCC; margin-left:6px; margin-top:5px;}

/* Estilo para el espacio de la segunda publicidad */
#publi2{width: 280px; height:265px;border:1px solid #CCCCCC; margin-left:6px; margin-top:5px;}

#calendario{
			width:280px;
			height:195px;
			border:1px solid #CCCCCC;
			margin-left:6px;
			margin-top:3px;
			margin-bottom:5px;
			background-image:url(../img/der.jpg);
			background-repeat:repeat-x;
			}
#calendario p{padding:0px;margin:5px 0 5px 10px;}

#clasi_index{width:280px; height:175px;border:1px solid #CCCCCC; margin-left:6px; margin-top:3px;margin-bottom:3px;}


#publi3{clear:both;position:relative;margin:5px; border:#CCCCCC 1px solid;}
#publi3 img{position:relative;margin-left:179px;}


#footer{font-size:10px;background-image:url(../img/footer.jpg);color:#FFFFFF;height:46px;width:986px;}
#footer1{width:400px;float:left;margin-top:30px;margin-left:5px}
#footer2{width:490px;float:left;margin-top:30px;}
#footer3{float:left;margin-top:30px;}

#titulo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#006fb5;
font-weight:bold;
}

#titulo2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
font-weight:bold;
}

#titulo_headers2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#006fb5;
font-weight:bold;
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

img{
border:0px;
}

#loading { height: 35px; padding: 0; margin: 0;}
#loading img { margin:0; margin-left: 25px; padding: 0; display: none;}


#cNoticias{
width:688px;
}

table#princi_2{
width:988px;
background-color:#FFFFFF;
border-right:1px solid #999999;
border-left:1px solid #999999;
}

table#princi{
width:988px;
background-color:#FFFFFF;
border-right:1px solid #999999;
border-left:1px solid #999999;
padding-left:5px;
}

table#noticias2{
width:660px;
background-image:url(../img/bg_t.jpg);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
}

td#noti2_2{
color:#333333;
/*border-bottom:1px dashed #CCCCCC;*/
padding-left:30px;
padding-right:30px;
padding-top:30px;
padding-bottom:30px;
}

td#menup{
background-color:#FFFFFF;
}

#cAdmin{color:#FFFFFF; list-style:none;}


#leer{color:#006699;}

/* PARA LA NOTICIA PRINCIPAL , Slider*/
#titulo_prin{
	border-top:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC; 
	background:#eeeded; padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; text-align:center; 
	font-weight:bold;
	text-transform:uppercase; 
	padding-top:30px;
}
#titulo_prin_img{
	border-top:1px solid #CCCCCC;  
	background:#eeeded; 
	padding-top:10px;
	padding-left:10px;
}
#conte_prin{
	border-bottom:1px solid #CCCCCC;  
	border-right:1px solid #CCCCCC;  	
	border-top:1px solid #CCCCCC;  	
	border-left:1px solid #CCCCCC;  	
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;	
	margin-left: 8px;
	margin-bottom: 60px;	
	padding-left:5px;
	padding-right:5px;
	width:665px;
	height:330px;
	
	height: inherit 250px ;
}


#tapas{
	border-bottom:1px solid #CCCCCC;  
	border-top:1px solid #CCCCCC; 
	border-left:1px solid #CCCCCC; 	
	border-right:1px solid #CCCCCC;  	
	background-image:url(../img/der.jpg);
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:5px;
}
/* ------------------------------- */

/*PARA LA IMAGEN DE LA PORTADA */

	#colum_der_p{
		background: #fff;
		padding-left:5px;
		padding-right:5px;
		margin-bottom: 2px;
		width:282px;
		overflow: hidden;

		
		color: #000;
		padding-bottom: 15px;
	}
	
		#colum_der2{
		border: 1px solid #ccc; 
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
		width:280px; 
		height:250px;
		padding-bottom:6px;
		overflow:hidden;
	}
	

	/* ESTILO PARA LA PRIMERA PUBLICIDAD*/
	#colum_der_publi1{
		border: 1px solid #ccc; 
		width:280px; 
		height:auto;
	}


	/* ESTILO PARA LA MINI GALERIA*/
	#colum_der_gal{
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
		border: 1px solid #ccc; 
		width:256px; 
		height:auto;
		overflow: hidden; 
		padding-bottom:6px;
		padding-left:15px;
		padding-right:8px;
	}
	
	/* ESTILO PARA LA ENCUESTA*/
	#colum_der_encuesta{
		border: 1px solid #ccc; 
		width:280px; 
		height:auto;
		overflow: hidden; 
		padding-bottom:2px;
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
	}
	
	/* ESTILO PARA LA MINI GALERIA*/
	#colum_der_tvs{
		background-image:url(../img/der.jpg);
		background-repeat:repeat-x;
		border: 1px solid #ccc; 
		width:256px; 
		height:200;
		overflow: hidden; 
		padding-bottom:15px;
		padding-left:15px;
		padding-right:8px;
	}
		
	
	#s6{
		width:650px;
	}
	
/* ------------------------------ */


/* PAGINAS DE LAS PESTA�AS */

#titulo_tit_tab{   
	font-weight:bold;
	text-transform:uppercase; 
	padding-top:30px;
	padding-left:5px;
}


/* MENU DE ADMINISTRACION */

.Amenu2 {
background-image:url(../img/menuA/boton.jpg);
color:#FFFFFF;
height:25px;
width:140px;


}

#navi {  list-style:none; margin:0;	padding:0; width:140px; height:25px;  height:700px; }

#navi li { margin:3px; padding:0; }

#navi li a {
	display:block; //Convertimos el v�nculo en un bloque.
	width:100px;
	
	padding:4px 0;
	padding-left:20px;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif; 
	font-size:9px;
	color:#FFFFFF;
	background-image:url(../img/menuA/boton.jpg);
}

#navi li a:hover {	color:#99CC00;	background-color:#003366; }



a#leer1, #leer2, #leer3, #leer4,#leer4_, #leer5, #leer6, #leer7, #leer8, #leer9, #leer10, #leer11, 
#leer12, #leer13, #leer14, #leer15, #leer16, #leer17, #leer18,
#leer19, #leer20, #leer21, #leer22, #leer23, #leer24, #leer25, #leer26, #leer27, #leer28, #leer29, 
#leer30, #leer31, #leer32, #leer33, #leer34, #leer35, #leer36,#leer37, #leer38, #leer39, #leer40, #leer41, #leer42, #leer43{color:#0066CC;}

a#leer1:hover, #leer2:hover, #leer3:hover, #leer4:hover, #leer5:hover, #leer6:hover, #leer7:hover, #leer8:hover, #leer9:hover,
#leer10:hover, #leer11:hover, #leer12:hover, #leer13:hover, #leer14:hover, #leer15:hover, #leer16:hover, #leer17:hover, #leer18:hover
#leer19:hover, #leer20:hover, #leer21:hover, #leer22:hover, #leer23:hover, #leer24:hover, #leer25:hover, #leer26:hover, #leer27:hover,
#leer28:hover, #leer29:hover, #leer30:hover, #leer31:hover, #leer32:hover, #leer33:hover, #leer34:hover, #leer35:hover, #leer36:hover
#leer37:hover, #leer38:hover, #leer39:hover, #leer40:hover, #leer41:hover, #leer42:hover, #leer43:hover, #leer44:hover, #leer45:hover
{color:#000000; text-decoration:underline;}

/* Esto es para los avances*/
a#leer50, #leer51,#leer52,#leer53,#leer54,#leer55,#leer56,#leer57,#leer58,#leer59,#leer60,#leer61,#leer62,#leer63,#leer64,#leer65,#leer66,#leer67,
#leer68,#leer69,#leer70,#leer71,#leer72,#leer73,#leer74,#leer75,#leer76,#leer77,#leer78,#leer79{color:#0066CC;}

a#leer50:hover, #leer51:hover, #leer52:hover, #leer53:hover, #leer54:hover, #leer55:hover, #leer56:hover, #leer57:hover, #leer58:hover, #leer59:hover,
#leer60:hover, #leer61:hover, #leer62:hover, #leer63:hover, #leer64:hover, #leer65:hover, #leer66:hover, #leer67:hover, #leer68:hover, #leer69:hover
, #leer70:hover, #leer71:hover, #leer72:hover, #leer73:hover, #leer74:hover, #leer75:hover, #leer76:hover, #leer77:hover, #leer78:hover, #leer79:hover{color:#000000; text-decoration:underline;}
 
#cAdministrador{
padding-left: 10px;

}

#p_admin{
font-size:10px;
}

/* ---------------------- */


/* TABLA PARA AGREGAR */ 

#tAgregar{
background-color:#DFE4E7;
margin-top:10px;
border:1px solid #CCCCCC; 
width:810px;
font-size:10px;  
}

/* ------------------ */


/* CAMPOS DE FORMULARIOS */

.text{
border:1px solid #0066CC; 
background-color:#FFF;
font-size:11px;
}


.btn{
background-image:url(../img/boton.jpg);
border:0px;
cursor:pointer;
width:150px;
font-size:10px;
color:#FFFFFF;
background-repeat:repeat-x;
}

/* -------------------- */ 


/* Tabla de Plantillas */

#taplant{
padding: 10px 10px 10px 10px;	
background-image:url(../img/der.jpg);
background-repeat:repeat-x;
border:#CCCCCC 1px dotted;
margin-top: 10px;
margin-left: 5px;
}

#taplantnotipar1{
padding: 10px 10px 10px 10px;
border-bottom:1px dashed #CCCCCC;
margin-top: 10px;
margin-left: 5px;
}
#taplantnotipar2{
padding: 10px 10px 10px 10px;
margin-top: 10px;
margin-left: 5px;
}

#taplantjust{
background-image:url(../img/der.jpg);
background-repeat:repeat-x;
padding-right:10px;
border:#CCCCCC 1px dotted;
padding-top: 10px;
margin-top: 8px;
margin-left: 5px;
}

#taplant2{
background-image:url(../img/bg_t.jpg);
background-repeat:repeat-x;
padding-right:10px;
border:#CCCCCC 1px dotted;
}

#taplantfooter{
padding-right:10px;
margin-left: 3px;
background-color: ##e2e0df;
height: 35px;

}

/* ------------------- */


/* CREAR BOTON DE UN HREF */

.btnA{
background-image:url(../img/boton.jpg);
border:0px;
cursor:pointer;
width:250px;
height:200px;
list-style:none;
text-decoration:none;
font-size:10px;
background-repeat:repeat-x;
}

.feature{ padding: 0px 0px 10px 10px; }
.feature h3{ padding: 30px 0px 5px 0px;	text-align: center;}
.feature h4 { text-align:center;}
.feature img{ float: left; 	padding: 0px 10px 0px 0px;	margin: 0 5px 5px 0; }

span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/* 	CSS PARA EDITAR TAMAÑO DE LAS LETRAS*/

a{
text-decoration:none;
list-style:none;
color:#333333;
}
.s1 {
	font-size: 10px;
}
.s2 {
	font-size: 14px;
}
.s3 {	
	font-size: 17px;	
}
.ct{
	font-size: 13px;	
}

/*Estilo dedicado a las secciones donde se van a mostrar las notas por seccion*/
#titulo_headers{
	font-size:24px;
	color:#006fb5;
	font-weight:bold;
	background-color:#E5E5E5;
	margin:5px;
	width: 685px;
}
#secciones{width:685px;}
#nota{background:url(../img/der.jpg) repeat-x;padding-right:10px;border:#CCCCCC 1px dotted;height:300px;margin:5px;}
#nota_si{background:url(../img/der.jpg) repeat-x;padding-right:10px;border:#CCCCCC 1px dotted;height:150px;margin:5px;}
#nota_tit{background:url(../img/der.jpg) repeat-x;padding-left:10px;border:#CCCCCC 1px dotted;height:40px;margin:5px;margin-top:30px}
#nota_titulo{padding-left:10px;border:#CCCCCC 1px dotted;height:40px;margin:5px;}
#publi_sec1{width: 280px; height:265px;border:1px solid #CCCCCC; margin-left:6px; margin-top:5px;}
#publi_sec2{width: 280px; height:265px;border:1px solid #CCCCCC; margin-left:6px; margin-top:5px;}

.paginator{border-top: 5px solid #F9F9F2;padding:1em 0}
.paginator a{background: #F9F9F2;border:1px solid #E7E7E0;padding:.5em;text-decoration:none;margin: .5em .1em}
.paginator a:hover{background: #E7E7E0;border:2px solid #000080}
.paginator strong{background: #E7E7E0;border:1px solid #e8ebf1;padding:.5em;margin: .5em .1em}