html, body
{
	height: 100%;
	
}

body
{
	color: black;
	background-color:white;
	margin: 1em;
	font-family: verdana, arial, helvetica, sans-serif;
}

a img
{
	border: 0;
	
}

.oculto 
{
	/*display: none;*/
}
.imagenoculta
{
	display: none;
}
.accKey
{
	text-decoration:underline;
}


/* ----------------------------------------------------------------------------- *
 * Estructura
 * ----------------------------------------------------------------------------- */
#contenedor
{
	background-color: white;
	color: black;
	position: relative;
	max-width:100%;
}

/* ----------------------------------------------------------------------------- *
 * Aspectos especiales
 * ----------------------------------------------------------------------------- */

.enfasis
{
	color: 	#4D56A0;
	background-color:inherit;
	font-weight: bold;
	font-size: 1.1em;
}

.cursiva
{
	color: 	#4D56A0;
	background-color:inherit;
	font-style: oblique;
	font-size: 1em;
}

.small
{
	font-size:0.60em;	
}
/* ----------------------------------------------------------------------------- *
 * Cabecera del sitio principal.
 * ----------------------------------------------------------------------------- */

#cabecera
{
	
	text-align: left;
	color: white;
	background-color: #4D56A0;
}


#cabecera h1, #cabecera .subtitulo
{
	
	margin: 0; 				/* Necesario para que en Opera y FireFox
	   						   no separe toda la cabecera de arriba */
}


/* ----------------------------------------------------------------------------- *
 * Menu
 * ----------------------------------------------------------------------------- */

#menu
{
	margin: 0;			/* Necesario para FireFox */
	background-color: white;
	color: #4D56A0;
}

ul#menu li a
{
	text-decoration: underline;	
	color: #4D56A0;
	 
}

#menu a.seccion-actual
{
	
	text-transform:uppercase;
	
}

/* ----------------------------------------------------------------------------- *
 * Migas
 * ----------------------------------------------------------------------------- */
#migas .descripcion, #migas .pagina-actual
{
	display:none;
}


/* ----------------------------------------------------------------------------- *
 * títulos y párrafos
 * ----------------------------------------------------------------------------- */

h1, h2, h3
{
	font-size: 1.6em;
}


h2, h3, h4, h5, caption
{
	font-weight: bold;
	clear: both;
	color: #4D56A0;
	background-color:inherit;
}

#principal h2, #populares h2{
	margin:0;	
}
h2
{
	font-size: 1.8em;
}

h3
{
	font-size: 1.4em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h4
{
	font-size: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 0;
}

h5
{
	font-style: oblique;
	margin-bottom: 0;
}

p 
{
	margin-top: 0.4em;
	font-size: 0.90em;
	text-align: justify;
}
ul
{
	margin-top: 0em;
	list-style-type:circle ;
}
li
{
	margin-top: 0.4em;
	font-size: 0.90em;
	text-align: justify;
}

.nivel2 li
{
	font-size: 1em;	
}
/* ----------------------------------------------------------------------------- *
 * enlaces e imágenes
 * ----------------------------------------------------------------------------- */
#principal a 
{
	color: #536288;
	background-color:inherit;
	text-decoration: none;
	border-bottom: 1px dashed;
}

 
#principal a:hover
{
	border-bottom: 1px dashed;
}

img.foto
{
	border: 1px solid black;
	margin-left: 3em;
	margin-right: -2em;
	float: right;
	position: relative;          /* Esto no harýa ninguna falta si no fuera por culpa del
	                                IE. Si no se pone, no se ve la imagen con "float" (es
	                                como si el fondo del pýrrafo contenedor se superponiese). */
}

.izquierda
{
	float: left;
	position: relative;
	margin-right: 2em;
}

.derecha
{
	float: right;
	position: relative;
	margin-left: 2em;
}

#contenido img
{
	border: 1px solid black;
}


/* ----------------------------------------------------------------------------- *
 * Cuadros Destacados 
 * ----------------------------------------------------------------------------- */
.cuadro
{
	border: dotted #7B7A78 1px;
	text-align:left;
	
	
}
.cuadro h2
{
	text-align:center;
	margin:0em;
	clear: both;
	font-size:1.1em;

}

.cuadro h3
{
	font-size:0.90em;
	text-transform:uppercase;
	margin:0em 0.3em 0em 0.3em;
}


.cuadro p 
{
	font-size:0.8em;
	margin:0em 0.3em 1.5em 0.5em;
}

.cuadro a
{
	color: #536288;
	background-color:inherit;
	text-decoration: none;
	border-bottom: 1px dashed;
}

.cuadro img
{
	border:0;	
}

.cuadro ul
{
	margin: 0.4em 0em 1.5em 0em;
	padding:0em;
	list-style-type:none ;
}
.cuadro li
{
	margin: 0.4em 0.3em 0em 0.4em;
	font-size: 0.90em;
}

p.fecha
{
   font-size:0.7em;
   margin:0em 0.3em 1.5em 0.5em;

}

.gris h2
{
	background-color:#7B7A78;
	color:#FFFFFF;
}

.azul h2
{
	background-color:#4D56A0;
	color:#FFFFFF;
}

.gris a.seccion-actual
{
	color: #536288;
	background-color:inherit;
	font-size: 1.1em;
	text-transform:uppercase;
	border: 0;
}

/* ----------------------------------------------------------------------------- *
 * Pie
 * ----------------------------------------------------------------------------- */
#pie
{
	line-height: 1.1em;
	margin-top: 1em;
	padding: 1em 0.5em 0 0.3em;
	clear: both;
	background: #fff url(../imagenes/pie.gif) repeat-x;
	overflow: hidden;
	color:#7B7A78;
}

#direccion p, #derechos p
{
	font-size: 0.62em;
	margin: 0em;
	font-style: normal;
}

#pie a
{
	color:#7B7A78;
	background-color:inherit;
	text-decoration: underline;
}


#conformidad ul
{
	color: #7B7A78;	
	background-color:inherit;
	
}
#conformidad li
{	
	display: inline;
	margin: 0em;
	
	font-size: 0.62em;
	font-style: italic;
	
}