/* 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: 12px/150% Arial, Helvetica, sans-serif;
}


body {
	background: #FFFFFF url(../graficas1/fondo_body.gif);
	color: #000;

	}
a {
	color: #000099;   /*color de los enlaces*/
	text-decoration: none;
	border-bottom: 1px dotted #000099;
}
a:hover {
	color: #8E0B2F; /*color de la fuente en sobre*/
	background: #FFFFFF; /*color del fondo cuando esta el mouse sobre*/
}
a img {
	color: #FFF;
	border-bottom-width: 0;
	background: #FFF;
}
ul {
	margin-left: 25px;
}

#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;
}

						/* ESQUEMA DE MAQUETACION */
#contenedor {
	width: 1000px;   /*ancho de contenedor anterior 760*/
	background: url(../graficas1/fondo_contenedor.gif);
	margin: 0 auto;
	

}

#encabezado {
	margin-bottom: 0;
	padding: 0;
	/*border-right: 25px solid #FD8E2B; /*color de los bordes superiores
	border-left: 25px solid #FD8E2B;*/
	background: #330000;  /*color de encabezado*/

}

#menu-principal {
		height: 50px;
	text-align: center;
	float: right;
	width: 1000px;
	position: relative ;
	top: 0px;

	display: inline;
	background:#000069;
	
	/*url(../graficas1/menu_bg.gif) ; ********menu principal *******/
}  /*imagen de fondo del menu anterior #000099 url(../graficas1/fondo_menu_horizontal.gif)  no-repeat left top*/

#columna-izquierda {
	float: left;
	width: 178px;
	margin-left: 25px;
	display: inline;
	clear: both;
/*	background: #255fdc;/*fondo color menu izquierdo abajo */
}

#columna-derecha {
	float: right;
	width: 150px;
	margin-right: 25px;
	display: inline;
	background: #FFFFFF;/*color columna derecha*/
	position: relative;
	top: -30px;
}

#contenido {  /*contenido del centro*/
	width: 550px;
	margin-left: 220px;
	position: relative;
	top: 20px;

}

#contenido_sec {
	width: 680px; /*en texto completo*/
	margin-left: 220px;
	position: relative;
	top: -20px;
}

#pie {
	clear: both;
	height: 180px;
	background: #CCCCCC;/*color del pie parte ultima inferior*/

}
						/* ENCABEZADO */
#encabezado a img {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	float: left;
}
#encabezado a {
	color: #FFFFF2;
	font-size: 0.80em;
	border-width: 0;
}
#encabezado a:hover {
	color: #FFFF00;          /*color naranja*/
	text-decoration: none;
	background: #FF0000;  /*color sobre el menu superior home  */
}
#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: 20px;   /*50*/
}
#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: 20px;
}
#menu-principal li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;

}
#menu-principal a {
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	border-width: 0;
	font-size: 0.9em;
	
}
#menu-principal a:hover {
	/*color: #FFC;*/
	background: url(../graficas1/botones.gif);
}

#menu-principal ul li a.actual:link, #menu-principal ul li a.actual:visited, #menu-principal ul li a:hover {
	padding-bottom: 3px;
	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: #898A88 url(../graficas1/fondo_menu_azul.gif) no-repeat bottom;
	margin: 0;   /*color de fondo menu izquierdo
} 
#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 #000; /*lineas punteadas del menu izquierdo
}
#columna-izquierda li a {
	border-width: 0;
	color: #101010;  /*color de fuente menu izquierdo
}
#columna-izquierda li a:hover {
	color: #FFFFFF;
	background: #999999;/*sobre menu izquierdo
}
#columna-izquierda table.caltable {
	width: 80%;
	background: #C993E0F4;
}
#columna-izquierda tr.weekdays td {
	color: #660;
	background: #FFCC00;
}
#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;
	background: #FFFFCC;
}
#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: #00099;/*color de la fuente
	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: #000099;
	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_descargas1.gif) no-repeat 0 50%;/*cambiar*/
}
#columna-derecha a {
	color: #999; /*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 */
#contenido h4 {
	margin-top: 20px;
	margin-bottom: 13px;
	border-bottom: 1px dotted #000; /* linea de parrafo */
}
#contenido h4 a {  /*texto de el titulo del contenido*/
	border-width: 0;
	font: 14px "Arial", Helvetica, sans-serif;
	color:#330000;
	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 #000;
}

#contenido_sec h3 {/*color del titulo en texto completo*/
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color:#330000;
}

#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: #000033;
	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;

}

#pie .centrado {
	margin-top: 10px;
	margin-left: 400px;

}
/* 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;
}