@charset "utf-8";
/* CSS Document */


/* -----> CABECERA ----------------------------------------------------------------------------------------------- */

.PagPpal #Cabecera { 
	background: #CC9933; color: #991426;
	height: 100px;
	padding: 0;  
	background-image:url(../imagenes/bnr_index.jpg);
	background-repeat: no-repeat;
}
.PagPpal img.CabImgDch{
	float: right; height:100px;
	margin: 0px;
}

.PagPpal img.CabImgDchAv{
	float: right; height:50px;
	margin: 20px 0px;
		
}

/* -----> CABECERA DE CADA COLUMNA DE CONTENIDO ------------------------------------------------------------------- */

.TituloColumna { /* Cabecera de cada columna de tabla */
	background:#CC9933; color:#FFFFFF;
	margin: 0;
	text-align:center;
	font: 24px  "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	border-color:#991426;
	border-style:solid;
	border-top-width: thin;
	border-left-width:medium;
	border-bottom:0px;
	border-right-width:medium;
}
.TituloColumna p{
	margin: 0; padding: 5px;
	text-transform:uppercase;
}

.TituloColumna A:link{
	color: #FFF;
	text-decoration: none;	
}
.TituloColumna A:visited {
	color: #FFF;
	text-decoration: none;
}
/* -----> AGENDA -------------------------------------------------------------------------------------------------- */

.PagPpal #Agenda {
	width: 15em; /* dado que este elemento es flotante, debe asignarse un ancho */
	font: 75%  Arial, Verdana, Helvetica, sans-serif;
	padding: 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
	display:table-cell;
	vertical-align:top; /* necesario para que el contenido se muestre arriba de la celda */
}
.AgendaEv { /* Crea una caja para cada evento de la agenda */
	background: #FFFFFF; color: #000000;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #991426;
}
.AgendaEv h3{
	margin: 5px 5px 0 5px;
	color:#991426;
	text-decoration: underline;
}
.AgendaEv p{
	margin: 0 5px 0 5px;
	color:#991426;
	text-transform:uppercase;
}
.AgendaEv li{
	margin: 0 0 0 -20px;
	color:#991426;
	text-transform:uppercase;
}

/* -----> BARRA DE MENU HORIZONTAL ------------------------------------------------------------------------------------ */

.PagPpal #BarraMn {
	background: #991426; color:#FFFFFF;
	padding: 0; margin: 0;/* el relleno superior e inferior crea un espacio visual dentro de este div */
	font: 80%  Arial, Verdana, Helvetica, sans-serif;
	text-align:right;
}

/* -----> CUERPO CENTRAL: NOTICIAS ----------------------------------------------------------------------------------- */

.PagPpal #ContenidoPpal {
 	margin: 0 15em 0 11.25em; /* el margen derecho puede asignarse en ems o px.Éste crea el espacio a lo largo de la página. */
	padding: 0;
	display:table-cell;
	vertical-align:top; /* necesario para que el contenido se muestre arriba de la celda */
} 

.NoticiaPpal { /* Crea una caja para cada noticia con foto en vertical*/
	background: #FFFFFF; color: #000000;
	min-height: 160px; /* La altura mínima del cuadro de la noticia debe ser por lo menos 10px + que la altura de la foto */
	padding: 10px 10px 10px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #991426;
}
.NoticiaPpal p{
	margin: 10px 10px 5px ;
	text-align:justify;
}
/* -----> MENU VERTICAL -------------------------------------------------------------------------------------------------- */

.PagPpal #MenuV {
	background: #FEF3DF; color: #991426; /* el color de fondo NO se mostrará más allá del contenido de la columna */
	width: 15em;           /* dado que este elemento es flotante, debe asignarse un ancho */
	padding: 0; margin: 0;               /* el relleno superior e inferior crea un espacio visual dentro de este div */
	display:table-cell;
	vertical-align:top; /* necesario para que el contenido se muestre arriba de la celda */
	float:right;
}
.PagPpal #MenuV A:link, .PagPpal #MenuV A:visited, .PagPpal #MenuV A.img{
	color: #991426;
	text-decoration: none;
	font-weight: bold;
	border-color: #FFFFFF;
}
.OpcionV { /* Crea una opción de menú vertical */
	border: 1px solid #991426;
	padding: 10px 10px 10px 20px;
}

img.PieMenu{
	max-width: 15em;
	margin: 50px 0;
}

/* -----> PIE DE PÁGINA --------------------------------------------------------------------------------------------- */

.PagPpal #Pie {
	background: #991426; color: #FFFFFF;
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	font: 65%  Arial, Verdana, Helvetica, sans-serif;
} 
.PagPpal #Pie p {
	margin: 0; padding: 5px 0; 
	text-align: center;
}
.PagPpal #Pie a:link, .PagPpal #Pie a:visited{
	color: #fff;
	text-decoration: none;
}
.PagPpal #Avisos {
	font: Arial, Verdana, Helvetica, sans-serif;
	padding: 10px;
	margin: 0;
	background-image:url(../imagenes/fd_hv.jpg);
	background-repeat: no-repeat;
	text-align: justify;
}