/* -------------------------------------------------------------- */
/* Estilo común a todas las secciones							  */
/* -------------------------------------------------------------- */

/* Cuerpo de la página */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	margin:0px auto;
	SCROLLBAR-FACE-COLOR:#C9D9E9;
	SCROLLBAR-HIGHLIGHT-COLOR: #C9D9E9;
	SCROLLBAR-SHADOW-COLOR: #C9D9E9;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #0A2552; 
	SCROLLBAR-TRACK-COLOR: #CCCCCC; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

/* Enlaces */
a, a:visited, a:hover, a:active
{
	text-decoration:none;
}

ul
{
	padding-left:0px;
	padding-top:0px;
	margin-left:10px;
	margin-top:20px;
}

li
{
	font-weight:bold;
	font-size:12px;
	list-style-type:square;
	margin-left:10px;
	margin-bottom:5px;
}

li, li a
{
	color:#0A2552;
}

li.selected, li.selected a
{
	color:#F96913;
}

li.separated
{
	margin-top:25px;
}
li.link
{
	list-style-image:url(../images/link.gif);
	margin-bottom:10px;
}
p
{
	text-align:justify;
}
/* Contenedor */
#container
{
	width:800px;
	height:536px;
	text-align:left;
	margin:20px auto;
	border-color:#0A2552;
	border-width:1px;
	border-style:solid;
}

/* Header */
#header
{
	width:800px;
	height:66px;
	overflow:hidden;
}

/* Banner */
#banner
{
	width:800px;
	height:105px;
	overflow:hidden;
}

/* Menú con las secciones */
#menu
{
	width:800px;
	height: 25px;
	overflow:hidden;
}

/* Noticias en movimiento */
#noticias_en_movimiento
{
	height:18px;
	padding-top:2px;
	padding-left:20px;
	padding-right:20px;
	background-color:#C9D9E9;
}

#noticias_en_movimiento .noticia
{
	cursor:pointer;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#002A42;
}

/* Zona donde se ubica el contenido de la sección seleccionada 
 	Dentro del content la información se puede organizar como todo uno (content_padding) o
 	en 2 columnas: 	- una columna a la izquierda con un menú (menu_left) 
					- y otra columna a la derecha con el contenido en sí (content_right) */


/* El contenido siempre será 800 de ancho */
#content
{
	width:800px;
}

/* Si el contenido va todo en uno, se le aplica 20px de padding por cada lado */
#content_padding
{
	width:760px;
	padding:20px 20px 20px 20px;
	height:260px;
}

/* Si el contenido tiene un menú a la izquierda, se divide en menu_left y content_right */
/* 20px de padding por cada lado */
#menu_left
{
	float:left;
	width:140px;
	height:300px;
	background-color:#E0E0E0;
}

/* 20px de padding por cada lado */
#content_right
{
	float:left;
	width:620px;
	height:260px;
	padding:20px 20px 20px 20px;
	overflow:hidden;
}

/* Pie de página: 20px */
#footer
{
	height:17px;
	padding-top:3px;
	background-color:#F96913;
	clear:both;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}
#footer a
{
	color:#FFFFFF;
}
#mapa_sitio
{
	font-weight:bold;
	height:260px;
	overflow-y:auto;
	padding-top:20px;
	padding-bottom:20px;
}
#mapa_sitio a
{	
	text-decoration:underline;
}
#mapa_sitio td.caja
{
	background-color:#F1F5FE;
	border-color:#0A2552; 
	border-style:solid; 
	border-width:1px;
}
/* Estilo del título de la sección seleccionada */
.titulo_seccion, .subtitulo_seccion
{
	color:#002A42;
	font-weight:bold;
	text-align:left;
}

.titulo_seccion
{
	font-size:14px;
}

.subtitulo_seccion
{
	font-size:12px;
}

.orange
{
	color:#F96913;
}