@charset "utf-8";
/* CSS Document */
/* ---------------------------------------
ESTILOS GENERALES - Normalización y varios
--------------------------------------- */
* { /* Normalizamos margenes y rellenos inconsistentes en todos los elementos */
	padding:0;
	margin:0;
}
img {
	border: 0 none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
	/*
	NORMALIAZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografía en navegadores modernos corresponde a 16px.
	- Esta normalización del tamaño tiene como misión  hacer corresponder el tamaño por defecto con 1em.
		
	Por tanto,
		 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.
	Así (aproximadamente)
		 1em = 10px
		 1.1em = 11px
		 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	*/
	/*text-align: center;*/
}

/* ------- DIVS -----------------------------------------------------------------------------------------------------------*/

.div_cabecera  {width:990px; height:251px; padding:0px;}
.div_cabecera_in  {width:990px; height:251px; padding:0px; background:url(../img/in_galindo.jpg);}
.div_cabecera_in a{ visibility:hidden;}
	.tabla_idiomas {padding:50px 25px 0px 0px;text-align:right;}

.div_columnaizquierda { width:28px; background:url(../img/columnaizquierda.jpg) repeat-y; float:left; height:100%;}
/*.div_menu {width:180px;height:100%;	 float:left;background:url(../img/bg_menu_seccion.jpg) repeat-y;}*/
.div_menu {width:180px;float:left;}
.div_contenido {width:782px; float:left; text-align:center; background:#FFFFFF;height:100%;}
.div_content {width:95%;height:89%; border-style:solid; border-color:#f0ece8;border-width:1px;margin-top:30px; text-align:left; padding:20px}
.div_columnaderecha {width:202px; float:right;  height:100%;}

/*--------- Contenedor de noticias---------------*/
.div_columnaderecha_contenido{background:url(../img/columnaderechacontenido.jpg) repeat-y;width:100%;height:160px; padding-top:10px}
.div_columnaderecha_cabecera{background:url(../img/columnaderechatitulo.jpg) no-repeat;height:16px;width:85%; text-align:left; font-weight:bold; font-size:12px; padding-top:1px; margin-left:20px; margin-right:20px; color: #632235}
.div_columnaderecha_scroll { overflow-y:auto; width:100%; height:80%; text-align:left; margin-left:20px; margin-right:20px; vertical-align:top;}
.div_columnaderecha_pie{background:url(../img/columnaderecha_pie.jpg);width:99.5%;height:33px;}
.div_columnaderecha_abajo{width:100%;height:305px;padding-top:15px}
/*---------- Contenedor de eventos --------------*/
.div_columnaderecha_abajo_cabecera{background:url(../img/columnaderechacabecera.jpg) bottom no-repeat;width:100%;height:9px;}
.div_columnaderecha_abajo_contenido{background:url(../img/columnaderechacontenido.jpg) repeat-y;width:100%;height:275px;}
.div_columnaderecha_abajo_scroll { overflow-y:auto; width:100%; height:80%; text-align:left; margin-top:20px;margin-left:20px; margin-right:20px;}
.div_columnaderecha_abajo_pie{background:url(../img/columnaderecha_abajo_pie.jpg);width:99.5%;height:33px;}


.div_cuerpohome {width:772px;background:url(../img/barrademenu.jpg) no-repeat;height:100%;}
.div_pie { background:url(../img/pie.jpg) no-repeat; width:300px; float: left; height:32px; color:#fff; padding:5px 0px 0px 15px; font-weight:bold; font-size:10px;}
.div_enlaces {float:left; width:380px; display:inline; text-align:center;}
.div_separador {width:990px; height:9px; background:url(../img/separador.jpg);}
.enlaces {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 9px;}


/* ------- MENUS -------------------------------------------------------------------------------------------------------------------*/
.MENU_TOP_OFF{text-align: left; vertical-align: middle;  }
.MENU_TOP_OFF a, .MENU_TOP_OFF a:visited,.MENU_TOP_OFF a:link {font-size: 9px; color: #000000; text-decoration: none;font-weight:bold; background:url(../img/bg_menu_seccion.jpg); background-position: left; background-repeat: no-repeat; width:180px; height:39px;padding-left:25px; padding-top:15px; display:table-cell;}

.MENU_TOP_OVER { text-align: left; vertical-align: middle; }
.MENU_TOP_OVER a,.MENU_TOP_OVER a:visited,.MENU_TOP_OVER a:link {font-size: 9px; color: red; text-decoration: none; font-weight:bold; background:url(../img/bg_menu_seccion.jpg); background-position: left; background-repeat: no-repeat; width:180px; height:39px;padding-left:25px; padding-top:15px; display:table-cell;}

.MENU_TOP_ON { text-align: left; vertical-align: middle; }
.MENU_TOP_ON a,.MENU_TOP_ON a:visited,.MENU_TOP_ON a:link {font-size: 9px; color: red; text-decoration: none; font-weight:bold; background:url(../img/bg_menu_seccion.jpg); background-position: left; background-repeat: no-repeat; width:180px; height:39px;padding-left:25px; padding-top:15px; display:table-cell;}

.MENU_TOP2_OFF{text-align: left; vertical-align: middle;  }
.MENU_TOP2_OFF a, .MENU_TOP2_OFF a:visited,.MENU_TOP2_OFF a:link {font-size: 9px; color: #000000; text-decoration: none;  width:180px; height:20px; padding:8px 5px 8px 30px; display:table-cell;}

.MENU_TOP2_OVER { text-align: left; vertical-align: middle; }
.MENU_TOP2_OVER a,.MENU_TOP2_OVER a:visited,.MENU_TOP2_OVER a:link {font-size: 9px; color: red; text-decoration: none;  width:180px; height:20px; padding:8px 5px 8px 30px; display:table-cell;}

.MENU_TOP2_ON { text-align: left; vertical-align: middle; }
.MENU_TOP2_ON a,.MENU_TOP2_ON a:visited,.MENU_TOP2_ON a:link {font-size: 9px; color: red; text-decoration: none;  width:180px; height:20px; padding:8px 5px 8px 30px; display:table-cell;}


.MENU_ITEM_ADMIN { color: #000000; }
.MENU_ITEM_ADMIN {}
/* ------- PIE, RUTA, TITULO ----------------------------------------------------------------------------------------------------*/

.ruta {color:#632236;text-align: left; font-weight:bold; padding:5px 5px 5px 30px; font-size:10px;}
.ruta a, .ruta a:visited, .ruta a:link {color:#3d3d3d; text-decoration: none; font-weight:bold; font-size:10px;}
.ruta a:hover {color:#3d3d3d; text-decoration: underline; font-weight:bold; font-size:10px;}
