body { /* definimos la imagen de fondo que aparece justo debajo del mnu_superior */
	background-image: url(../imagenes/comunes/fondo_encabezado.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

a {
	color: #003399;
	text-decoration: none;	
}

a:hover {
	color: #0066FF;
}

/* encabezado */

#encabezado { /* encabezado de la web */
	width: 990px;
	margin: 0 auto; /* para centrar el div */
	border-bottom: 5px solid #FFFFFF;
}

#mnu_superior {  /* se encuentra dentro del encabezado de la web */
	height: 80px;
	width: 980px;	
}

#mnu_superior ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 55px 0px 0px 0px;	/* posiciona el menú al pie del encabezado */
}

#mnu_superior li {
	float:right; /* los li se despliegan hacia la derecha */
}

#mnu_superior a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px 0px 5px; /* abrimos espacio entre las distintas opciones, el padding superior sirve para extender la barra entre opciones */
	font-size: 11px;
	border-right: #000000 1px solid;
}

#mnu_superior img {
	margin-top: -55px; /* esto es para recolocar el logo a la misma altura que las opciones del menú superior */
}

/* franja superior */

#franja_superior {  /* a continuación del menú superior */
	height: 120px;
	width: 990px;
	margin: 0 auto; /* para centrar el div */	
}

#contenido_fs{ /* se encuentra dentro de la franja superior*/
	width: 950px;
	height: 90px;
	margin: 0 auto; /* para centrar el div */
	padding-top: 15px;
	float: right;
}

/* contenido */

#cuerpo {/* a continuación de franja superior */
	width: 980px;
	margin: 0 auto; /* para centrar el div */	
}

/* formato para páginas a 3 columnas */
#texto {
	width: 500px;
	padding: 0px 20px 0px 0px;
	float: left;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
}

#texto h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #716540;
	font-weight: bold;
}

#texto ul{
	list-style-image: url(../imagenes/comunes/ul_icono.gif);
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#texto p{
	text-align: justify;
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

/* formato para páginas a 2 columnas */
#texto_ex {
	width: 759px;
	padding: 0px 20px 0px 0px;
	float: left;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #575757;	
}

#texto_ex h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #716540;
	font-weight: bold;
}

#texto_ex h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #106D25;
	font-weight: bold;
}

#texto_ex strong{
	color: #000000;
}

#texto_ex ul{
	list-style-image:  url(../imagenes/comunes/ul_icono.gif);
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #575757;
	text-align:justify;
}

#texto_ex li{
	padding: 4px 0px;
}


#texto_ex ol{
	line-height: 160%;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #575757;
	text-align:justify;
}

#texto_ex p{
	text-align: justify;
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.texto_normal{/* para aquellos textos que estén dentro de un DIV o fuera de la estructura "normal" y que queramos que mantengan este aspecto */
	text-align: justify;
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#ampliar{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* encabezado a 2 columnas del cuerpo, parte izquierda */
#texto_ex_i {
	width: 520px;
	padding: 0px;
	float: left;
}

#texto_ex_i h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #716540;
	font-weight: bold;
}

#texto_ex_i p{
	text-align: justify;
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#texto_ex_i ul{
	list-style-image:  url(../imagenes/comunes/ul_icono.gif);
	line-height: 160%;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #575757;
	text-align:justify;
}

/* encabezado a 2 columnas del cuerpo, parte derecha */
#texto_ex_d {
	width: 230px;
	padding: 0px 0px 0px 5px;
	float: right;
}

#texto_ex_d img{
	padding: 0px;
	margin: 0px;
}

#texto_ex_d ul{
	list-style-image: url(../imagenes/comunes/ul_icono_rojo.gif);
	line-height: 160%;
	letter-spacing: 1px;
	margin-top: 3px;
}

#texto_ex_d li{
	margin-left: -10px;
}

/* cuadro de búsqueda */
#form_buscar{
	background-color: #EAEAEA;
	padding: 5px 5px 5px 5px;
	color: #000000;
	margin: 0px;
	text-align: left;
}

/* div "cuerpo" sin columna de opciones a la derecha */
#texto_ex_c {
	width: 750px;
	padding: 0px 20px 0px 0px;
	float: left;
}

#texto_ex_c ul{
	list-style-image:  url(../imagenes/comunes/ul_icono.gif);
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #575757;
	text-align:justify;
}

#texto_ex_c ul img{
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}

#texto_ex_c p{
	text-align: justify;
	line-height: 150%;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#texto_ex_c strong{
	color: #000000;
}

#texto_ex_c table{
	width: 750px;
}

#img_tabla{ /* imágenes en las tablas: enviar, descargar... */
	margin: 0px 5px 0px 5px;
}

#titulo_columna{
	background-color: #DBDBDB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 3px solid #FFFFFF;
}

#mes_tabla{
	padding: 3px 0px 3px 3px;
	color: #000000;
}

#pie_tabla{
	background-color: #DADADA;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: #666666;
	text-align: center;
	border-top: 3px solid #FFFFFF;
}

#barra_media { /* barra media en index */
	width: 249px;
	padding: 0px 10px 0px 0px;
	float: left;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	vertical-align: top;
}

#barra_media h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #497C20;
	padding: 3px 0px 3px 5px; /* expandimos la caja y alejamos el texto del borde izquierdo */	
	font-weight: bold;
	margin: 0px;
	color: #FFFFFF;
}

#barra_media img{
	padding: 0px;
	margin: 0px;
}

#barra_media ul{
	list-style-image: url(../imagenes/comunes/ul_icono_verde.gif);
	line-height: 160%;
	letter-spacing: 1px;
	margin-top: 3px;
}

#barra_media li{
	margin-left: -10px;
}

/* menú principal, columna a la derecha */

#barra_derecha {
	width: 199px;
	padding: 0px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	float: left;
}

#barra_derecha h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F1EFBE;
	padding: 3px 0px 3px 5px; /* expandimos la caja y alejamos el texto del borde izquierdo */	
	font-weight: bold;
	margin: 0px;
}

#barra_derecha ul{
	list-style-image: url(../imagenes/comunes/ul_icono_marron.gif);
	line-height: 160%;
	letter-spacing: 1px;
	margin-top: 3px;	
}

#barra_derecha li{
	margin-left: -10px;
}

#patrocinado{ /* logo del ministerio */
	text-align:center;
	padding: 5px 0px 5px 0px;
	color: #999999;
}

#pie { /* pie de páginas */
	width: 990px;
	margin: 0 auto; /* para centrar el div */
	background-color: #F1EFBE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	padding: 10px 0px 10px 0px;
}

#pie p{
	text-align: center;
	line-height: 14px;
	letter-spacing: 1px;
	margin: 0px;
}

.campo_formulario{
	font: "Arial Narrow", Arial;
	font-size: 10px;
}
.aclaracion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.destacarenmarron {
	color: #716540;
	font-weight: bold;
}