/* Documento CSS preparado por MARIO CARVAJAL

Version 1.0.2 (16 de febrero de 2007) para Colnodo

Hoja de estilos optimizada

Validado sin errores en http://jigsaw.w3.org/css-validator */



						/* ETIQUETAS GENERALES */

* {

	margin: 0;

	padding: 0;

	font: 11px/140% Arial, Helvetica, sans-serif;

}





body {

	background: #4A5827 url(../graficas1/fondo_body.gif);

        color: #FFF;

}

a {

	color: #E3F829;

	text-decoration: none;

	border-bottom: 1px dotted #E3F829;

}

a:hover {

	color: #000;

	background: #E3F829;

}

a img {

	color: #4A5827;

	border-bottom-width: 0;

	background: #4A5827;

}

ul {

	margin-left: 25px;

}



li {

clear: both;

}



#esconde{

	display:none;

}





/***************** Formato imagenes ***************/



.imagen_izq{

	border: none;

	float: left;

	margin: 0px 10px 3px 0px;

}



.imagen_der{

	border: none;

	float: right;

	margin: 0px 0px 3px 10px;

}



.imagen{

        border: none;

	margin: 0px 0px 0px 0px;

}

.dere{    /*estilo pa ubicar el pie de foto*/

		float:right;
		margin: 0px 0px 3px 10px;
}

						/* ESQUEMA DE MAQUETACION */

#contenedor {

	width: 950px; /*ancho de la pagina*/

	background: url(../graficas1/fondo_contenedor.gif);

	margin: 0 auto;

}

#encabezado {

	margin-bottom: 0;

	padding: 0;

	border-right: 25px solid #FC0;

	border-left: 25px solid #FC0;

	background: #4A5827;

}

#menu-principal {

	height: 30px;

	text-align: center;

	float: right;

	width: 600px;

	position: relative;

	top: -225px;

	margin-right: 25px;

	display: inline;

	background: #6E8936 url(../graficas1/fondo_menu_horizontal.gif) no-repeat left top;

}

#columna-izquierda {

	float: left;

	width: 178px;

	margin-left: 25px;

	display: inline;

	clear: both;

	background: #333;

}

#columna-derecha {

	float: right;

	width: 150px;

	margin-right: 25px;

	display: inline;

	background: #AEAE5E;

	position: relative;

	top: -30px;

}

#contenido {
/*tamaño del contenido de la noticia*/
	width: 480px;

	margin-left: 220px;

	position: relative;

	top: -20px;

}



#contenido_sec {

	width: 480px;

	margin-left: 220px;

	position: relative;

	top: -20px;

}



#pie {

	clear: both;

	height: 180px;

	background: #333;



}

						/* ENCABEZADO */

#encabezado a img {

	margin-top: 15px;

	margin-left: 15px;

	margin-bottom: 15px;

	float: left;

}

#encabezado a {

	color: #1E283D;

	font-size: 0.8em;

	border-width: 0;

}

#encabezado a:hover {

	color: #E3F829;

	text-decoration: none;

	background: #4A5827;

}

#encabezado h1 {

	font-size: 16px;

	margin-top: 10px;

	margin-left: 110px;

	position: absolute;

}

#encabezado h2 {

	margin-top: 28px;

	margin-left: 110px;

	position: absolute;

	color: #E2E2E2;

	font-style: italic;

}

#encabezado ul {

	float: right;

	margin-top: 0;

	margin-right: 10px;

	padding-top: 25px;

}

#encabezado li {

	padding-right: 10px;

	padding-left: 10px;

	display: inline;

	list-style-type: none;

}

#encabezado  a {

	padding-top: 15px;

}

#encabezado .inicio a {

	background: url(../graficas1/icono_home.gif) no-repeat 50% 0;

}

#encabezado .inicio a:hover {

	background: url(../graficas1/icono_home.gif) no-repeat 50% 0;

}

#encabezado .mapa a {

	background: url(../graficas1/icono_mapa.gif) no-repeat 50% 0;

}

#encabezado .mapa a:hover {

	background: url(../graficas1/icono_mapa.gif) no-repeat 50% 0;

}

#encabezado .ayuda a {

	background: url(../graficas1/icono_faq.gif) no-repeat 50% 0;

}

#encabezado .admin a {

	background: url(../graficas/icono_aa.gif) no-repeat 50% 0;

}

						/* MENU-PRINCIPAL */

#menu-principal h2 {

	display: none;

}

#menu-principal ul {

	padding-top: 8px;

}

#menu-principal li {

	display: inline;

	padding-right: 4px;

	padding-left: 4px;

	list-style-type: none;

}

#menu-principal a {

	text-transform: uppercase;

	color: #FFF;

	text-align: center;

	font-weight: bold;

	border-width: 0;

	font-size: 0.9em;

}

#menu-principal a:hover {

	background: #6E8936;

	color: #FFC;

}

#menu-principal ul li a.actual:link, #menu-principal ul li a.actual:visited, #menu-principal ul li a:hover {

	padding-bottom: 6px;

	color: #000;

	border-bottom: 3px solid #000;

}

						/* COLUMNA-IZQUIERDA */

#columna-izquierda h2.menu-secundario {

	display: none;

}

#columna-izquierda .menu-secundario {

	padding-top: 15px;

	padding-bottom: 25px;

	background: #8DA54B url(../graficas1/fondo_menu_azul.gif) no-repeat bottom;

	margin: 0;

}

#columna-izquierda li {

	list-style-type: none;

	padding-bottom: 5px;

	padding-top: 5px;

	margin-right: 9px;

	padding-left: 10px;

	margin-left: 8px;

	background: url(../graficas1/bala_menu_azul.gif) no-repeat 0 50%;

	border-bottom: 1px dotted #FFC;

}

#columna-izquierda li a {

	border-width: 0;

	color: #FFF;

}

#columna-izquierda li a:hover {

	color: #660;

	background: #8DA54B;

}

#columna-izquierda table.caltable {

	width: 80%;

	background: #C3E0F4;

}

#columna-izquierda tr.weekdays td {

	color: #660;

}

#columna-izquierda table.caltable a {

	color: #F60;

	font-weight: bold;

}

#columna-izquierda table.caltable a:hover {

	color: #F90;

	font-weight: bold;

	background: #C3E0F4;

}

#columna-izquierda td.numbers {

	color: #333;

}

#columna-izquierda h2.calendario {

	font-size: 0;

	height: 28px;

	width: 143px;

	margin-top: 15px;

	background: url(../graficas1/titulo_calendario1.gif);

}

#columna-izquierda h2.rss {

	font-size: 12px;

	text-transform: uppercase;

	text-align: center;

	width: 100%;

	margin-top: 15px;

	margin-bottom: 9px;

	color: #FFFFD9;

	border-bottom: 1px solid;

}

#columna-izquierda p {

	text-align: center;

	margin-top: 15px;

}

						/* COLUMNA-DERECHA */

#columna-derecha h2 {

	font-size: 12px;

	text-transform: uppercase;

	text-align: center;

	width: 100%;

	margin-top: 15px;

	margin-bottom: 9px;

	color: #660;

	border-bottom: 1px solid #660;

}

#columna-derecha li {

	list-style-type: none;

	padding-bottom: 5px;

	padding-top: 5px;

	margin-right: 9px;

	padding-left: 10px;

	margin-left: 0;

	background: url(../graficas1/bala_descargas.gif) no-repeat 0 50%;

}

#columna-derecha a {

	color: #630;

	border-width: 0;

}

#columna-derecha a:hover {

	color: #B35900;

	background: #AEAE5E;

}

#columna-derecha ul {

	margin-left: 5px;

}

#nuestra-voz {

	height: 182px;

	width: 150px;

	margin-top: 15px;

	background: url(../graficas1/boton_nuestra_voz.jpg) no-repeat;

}

#nuestra-voz h2 {

	display: none;

}

#nuestra-voz p.descripcion-audio {

	color: #000;

	padding-top: 68px;

	padding-right: 14px;

	padding-left: 14px;

}

#nuestra-voz a {

	color: #187D00;

	padding-left: 14px;

	padding-top: 14px;

	font-size: 10px;

	font-weight: bold;

	margin-top: 0;

	border-width: 0;

}

#nuestra-voz a:hover {

	color: #22A800;

	text-decoration: none;

	background: #FC0;

}

#columna-derecha p.centrado {

	text-align: center;

}

						/* CONTENIDO */
h5{/*etiqueta para tiulo de texto completo*/
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-weight: bold;
}

#contenido h4 {
	margin-top: 20px;
	margin-bottom: 13px;
	border-bottom: 1px dotted #FF9;
	color: #FFFFFF; /*color de la fecha blanco*/

}

#contenido h4 a {/*etiqieta para titulo en lista de noticias*/

	border-width: 0;
	color: #FF9900; /*color de titulo naraja*/ 
	font: 14px "Arial", Helvetica, sans-serif;
	font-weight: bold;
}

#contenido p img.imagen {

	margin: 3px;

}



#contenido_sec h2 {

	margin-top: 20px;

	font-size: 15px;

	margin-bottom: 13px;

	border-bottom: 1px dotted #FF9;

}



#contenido_sec h3 {

	margin-top: 20px;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

	

}



#contenido_sec h4 {

	margin-top: 20px;

	margin-bottom: 13px;

	font-size: 13px;

}



#contenido_sec h2 a{

	font-size: 15px Georgia, "Times New Roman", Times, serif;

	border-width: 0;

}



#contenido_sec h3 a {

	font-size: 14px Georgia, "Times New Roman", Times, serif;

	border-width: 0;

}



#contenido_sec h4 a {

	border-width: 0;

	font: 13px Georgia, "Times New Roman", Times, serif;

}



#contenido_sec p {

	margin: 3px;

}

	

#contenido_sec ul {

	margin-left:20px;

}	





#contenido_sec .caltable{

	margin: 10px 3px 3px 3px;

	width: 98%;

	border: 1px solid #CCC;

      	}



#contenido_sec .caltable{

	margin-right: 2px;	

	}



#contenido_sec .weekdays{

	background-color: #8DA54B; 

	color: #fff;

	text-align: center;

	}

#contenido_sec td{

	text-align: right;

        width: 10%;

	border: 1px solid #55642d;

	}



						/* PIE */

#pie h2 {

	display: none;

}

#pie ul {

	text-align: center;

	height: 26px;

	padding-top: 10px;

	background: #81AB17;

	margin-left: 0;

}

#pie li {

	display: inline;

	list-style-type: none;

	padding-right: 10px;

	padding-left: 10px;

}

#pie li a {

	font-size: 0.8em;

	font-weight: bold;

	text-transform: uppercase;

	border-width: 0;

}

#pie li a:hover {

	color: #FFF;

	background: #81AB17;

}

#pie .dominio {

	font-weight: bold;

	font-size: 16px;

	margin-top: 10px;

}

#pie .derecha {

	width: 250px;

	float: right;

	clear: both;

}

#pie .izquierda {

	margin-top: 10px;

	margin-left: 20px;

}

						/* AVISO DE NAVEGADORES */

#esconde {

	width: 760px;

	background: #9c0 url(../graficas1/nota_importante.gif) no-repeat 50% 20px;

	margin: 0 auto;

}

#esconde ul {

	color: #333;

	padding-top: 35px;

	padding-right: 50px;

	padding-bottom: 10px;

}

#esconde li {

	margin-top: 5px;

	list-style-type: none;

	padding-bottom: 5px;

	padding-top: 5px;

	padding-left: 16px;

	margin-left: 15px;

	background: url(../graficas1/bala_esconde.gif) no-repeat 0 30%;

}

#esconde a {

	color: #039;

	border-width: 0;

}

#esconde a:hover { 

		color : #0d5bff;

		text-decoration : underline;

} 

#menu-principal .esconde { 

		display : none;

}



/*********************** comunicados en formato de hoja *************************/



#comunicados{

	width: 470px;

	height: auto;

	padding:10px;

	background: #fff;

}



#comunicados p{

	height: auto;

	padding:10px;

	color: #000;

	text-align: justify;

}



#comunicados h3{

	height: auto;

	padding:10px;

	color: #000;

	font-size: 13px;

	font-weight: bold;

}



#encabezado_com{

width: 460px;

        height: auto;

	padding:5px;

}





#pie_com{

width: 460px;

        height: auto;

	padding:5px;

}



/******************** Fecha de ultima actualización ****************/



.fechaactualizacion{

	font-size: 10px;

	color: #e9e9e9;

	text-align: right;

}



option{

	color: #000;

}