/* Documento CSS preparado por MARIO CARVAJAL

Version 1.0.1 (12 de febrero de 2007) para Colnodo

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



						/* ETIQUETAS GENERALES */

* {

	margin: 0;

	padding: 0;

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

}





body {

	background: url(../graficas2/fondo_body.gif);

	color: #333;

}

a {

	color: #9C0C0A;

	text-decoration: none;

	border-bottom: 1px dotted #930;

}

a:hover {

	color: #DD120D;

	

}

a img {

	color: #4A5827;

	border-bottom-width: 0;

}

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: 760px;

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

	margin: 0 auto;

}

#encabezado {

	height: 27px;

	background: url(../graficas2/fondo_encabezado.gif);

}

#encabezado-izquierdo {

	float: left;

	width: 187px;

	height: 190px;

	background: url(../graficas2/fondo_encabezado.jpg) no-repeat 0 0;

}

#encabezado-derecho {

	float: right;

	width: 573px;

	height: 190px;

	background: url(../graficas2/fondo_menu_secundario.jpg);

}

#contenedor-derecho {

	float: right;

	width: 573px;

	background: url(../graficas2/fondo_contenedor_derecho.gif);

}



#contenedor-derecho_sec {

	float: right;

	width: 573px;

	background: url(../graficas2/fondo_contenedor_derecho_pagina_interna.gif);

}



#menu-principal {

	height: 86px;

	text-align: center;

	background: url(../graficas2/fondo_menu_principal.gif);

}



#menu-principal_sec {

	height: 86px;

	text-align: center;

	background: url(../graficas2/fondo_menu_principal_pagina_interna.gif);

}



#columna-izquierda {

	float: left;

	width: 187px;

}

#columna-derecha {

	float: right;

	width: 187px;

	padding-top: 15px;

}

#contenido {

	float: left;

	width: 316px;

	margin-top: 20px;

	padding: 10px 35px 35px;

}



#contenido_sec {

	float: left;

	width: 480px;

	margin-top: 20px;

	padding: 10px 35px 35px;

}



#pie {

	clear: both;

	height: 210px;

	background: url(../graficas2/fondo_pie_info.gif) 55px;

}

						/* ENCABEZADO */

						

#encabezado ul.menuhorizontal {

	float: right;

	right: 20px;

}

#encabezado li.menuhorizontal {

	display: inline;

	list-style-type: none;

	margin-right: 5px;

	margin-left: 5px;

}

#encabezado li.menuhorizontal a {

	color: #FFF;

	text-decoration: none;

	border-width: 0;

}

#encabezado li.menuhorizontal a:hover {

	color: #FC0;

	text-decoration: none;

	border-width: 0;

}

#encabezado-izquierdo a img.logo {

	float: left;

	left: 14px;

	top: 6px;

	position: relative;

}

#encabezado-izquierdo h1, h2 {

	clear: left;

	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;

	font-weight: bold;

	color: #FFF;

}

#encabezado-izquierdo h1 {

	position: relative;

	top: 20px;

	font-size: 14px;

	left: 15px;

	width: 160px;

}

#encabezado-izquierdo h2 {

	position: relative;

	top: 20px;

	font-size: 11px;

	left: 15px;

}

#encabezado-derecho ul.menu-secundario {

	height: 190px;

	clear: both;

	float: left;

	margin-left: 0;

	width: 236px;

	margin-top: 0;

	margin-right: 0;

	background: url(../graficas2/fondo_menu_secundario.jpg);

	padding: 0;

}

#encabezado-derecho h2.menu-secundario {

	display: none;

}

#encabezado-derecho ul.menu-secundario li {

	list-style-type: none;

	margin-left: 55px;

	margin-top: 10px;

	margin-bottom: 10px;

}

#encabezado-derecho ul.menu-secundario li a {

	color: #FFF;

	text-decoration: none;

	border-width: 0;

}

#encabezado-derecho ul.menu-secundario li a:hover {

	color: #FC0;

	text-decoration: none;

	border-width: 0;

}

#encabezado-derecho img.banner {

	float: right;

}

						/* MENU-PRINCIPAL */

#menu-principal ul {

	padding-top: 19px;

}

#menu-principal li {

	display: inline;

	list-style-type: none;

}

#menu-principal li a {

	color: #FFF;

	padding-right: 2px;

	padding-left: 2px;

	text-transform: uppercase;

	border-width: 0;

}

#menu-principal li a:hover {

	color: #FFCC00;

}

#menu-principal h2 {

	display: none;

}

	

#menu-principal_sec ul {

	padding-top: 19px;

}

#menu-principal_sec li {

	display: inline;

	list-style-type: none;

}

#menu-principal_sec li a {

	color: #FFF;

	padding-right: 2px;

	padding-left: 2px;

	text-transform: uppercase;

	border-width: 0;

}

#menu-principal_sec li a:hover {

	color: #FFCC00;

}

#menu-principal_sec h2 {

	display: none;

}

					/* COLUMNA-IZQUIERDA */

#nuestra-voz {

	height: 182px;

	width: 187px;

	background: url(../graficas2/boton_nuestra_voz.gif) no-repeat;

}

#nuestra-voz h2 {

	display: none;

}

#nuestra-voz p.descripcion-audio {

	color: #fff;

	padding-top: 68px;

	padding-right: 14px;

	padding-left: 14px;

}

#nuestra-voz a {

	color: #FC0;

	padding-left: 14px;

	padding-top: 14px;

	font-size: 12px;

	font-weight: bold;

	margin-top: 0;

	border-width: 0;

	text-transform: uppercase;

}

#nuestra-voz a:hover {

	color: #FF9;

	text-decoration: none;

}

#columna-izquierda h2 {

	font-size: 12px;

	text-transform: uppercase;

	text-align: center;

	width: 100%;

	margin-top: 15px;

	margin-bottom: 9px;

	color: #660;

	font-style: oblique;

	border-bottom: 1px solid #660;

}

#columna-izquierda li {

	list-style-type: none;

	padding-bottom: 5px;

	padding-top: 3px;

	margin-right: 9px;

	padding-left: 10px;

	margin-left: 0;

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

}

#columna-izquierda ul {

	margin-left: 10px;

}

#columna-izquierda p.centrado {

	text-align: center;

}

						/* COLUMNA-DERECHA */

#columna-derecha li {

	list-style-type: none;

	padding-bottom: 5px;

	padding-top: 5px;

	margin-right: 9px;

	padding-left: 10px;

	margin-left: 8px;

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

	border-bottom: 1px dotted #FFC;

}

#columna-derecha li a {

	border-width: 0;

	color: #FFF;

}

#columna-derecha li a:hover {

	color: #660;

	background: #8DA54B;

}

#columna-derecha table.caltable {

	width: 155px;

	color: #FFF;

	height: 121px;

	background: #8B7541;

}



#columna-derecha tr.weekdays td {

	color: #FFFFD9;

}

#columna-derecha table.caltable a {

	color: #FC3;

	font-weight: bold;

}

#columna-derecha table.caltable a:hover {

	color: #FFC;

	font-weight: bold;

}

#columna-derecha td.numbers {

	color: #FFF;

	padding-left: 5px;

}

#columna-derecha h2.calendario {

	font-size: 0;

	height: 33px;

	width: 159px;

	margin-top: 15px;

	margin-bottom: 10px;

	border-width: 0;

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

}

#columna-derecha p {

	text-align: center;

	margin-top: 15px;

	width: 155px;

}

#columna-derecha h2 {

	font-size: 12px;

	text-transform: uppercase;

	text-align: center;

	width: 155px;

	margin-top: 15px;

	margin-bottom: 9px;

	color: #E9D5A9;

	font-style: normal;

	border-bottom: 1px solid #DEBE7C;

}

						/* CONTENIDO */

#contenido h4 {

	margin-top: 15px;

	margin-bottom: 13px;

	border-bottom: 1px dotted #F00;

}

#contenido h4 a {

	border-width: 0;

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

}

#contenido p img.imagen {

	margin: 3px;

}

			

#contenido_sec h4 {

	margin-top: 15px;

	margin-bottom: 13px;

	border-bottom: 1px dotted #F00;

}

#contenido_sec h4 a {

	border-width: 0;

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

}

#contenido_sec p img.imagen {

	margin: 3px;

}





/************************ Contenido secundarias *************************/

#contenido_sec h2 {

	margin-top: 15px;

	margin-bottom: 13px;

	border-bottom: 1px dotted #F00;

	font-size: 15px;

	font-weight: bold;

}



#contenido_sec h3 {

	margin-top: 20px;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

	

}



#contenido_sec h4 {

	margin-top: 20px;

	margin-bottom: 10px;

	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 {

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

	border-width: 0;

}

#contenido_sec p {

	margin: 3px;

}

	

#contenido_sec ul {

	margin-left:20px;

}	



			/* PIE */

#pie h2 {

	display: none;

}

#pie ul {

	text-align: center;

	height: 53px;

	padding-top: 38px;

	margin-left: 0;

	width: 760px;

	background: url(../graficas2/fondo_pie_menu.gif) no-repeat left top;

}

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

	color: #FFC;

}

#pie li a:hover {

	color: #FF9;

}

#pie .dominio {

	font-weight: bold;

	font-size: 16px;

	margin-top: -20px;

	color: #FFF;

}

#pie .derecha {

	width: 250px;

	float: right;

	clear: both;

	color: #FFF;

}

#pie .izquierda {

	margin-top: -20px;

	margin-left: 20px;

	color: #FFF;

}

#pie strong {

	color: #FFC;

	font-size: 1.2em;

}

#pie a {

	color: #FC9;

	border-bottom: 1px dotted #FC9;

}

#pie a:hover {

	color: #FFEBD7;

}



/*pie secundario*/

#pie_sec {

	clear: both;

	height: 210px;

	background: url(../graficas2/fondo_pie_info.gif) 55px;

}



#pie_sec h2 {

	display: none;

}

#pie_sec ul {

	text-align: center;

	height: 53px;

	padding-top: 38px;

	margin-left: 0;

	width: 760px;

	background: url(../graficas2/fondo_pie_menu_pagina_interna.gif) no-repeat left top;

}

#pie_sec li {

	display: inline;

	list-style-type: none;

	padding-right: 10px;

	padding-left: 10px;

}

#pie_sec li a {

	font-size: 0.8em;

	font-weight: bold;

	text-transform: uppercase;

	border-width: 0;

	color: #FFC;

}

#pie_sec li a:hover {

	color: #FF9;

}

#pie_sec .dominio {

	font-weight: bold;

	font-size: 16px;

	margin-top: -20px;

	color: #FFF;

}

#pie_sec .derecha {

	width: 250px;

	float: right;

	clear: both;

	color: #FFF;

}

#pie_sec .izquierda {

	margin-top: -20px;

	margin-left: 20px;

	color: #FFF;

}

#pie_sec strong {

	color: #FFC;

	font-size: 1.2em;

}

#pie_sec a {

	color: #FC9;

	border-bottom: 1px dotted #FC9;

}

#pie_sec a:hover {

	color: #FFEBD7;

}





						/* AVISO DE NAVEGADORES */

#esconde {

	width: 760px;

	background: #9c0 url(../graficas2/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(../graficas2/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;

}