/* ######################################################################### */
/* ELEMENTOS HTML */
/* ######################################################################### */

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*text-align:center;*/
	/*margin:0px auto;*/
	margin:0px;
	background-image:url(../images/bg.jpg);
}

p
{
	text-align:justify;
}

a, a:visited, a:hover, a:active
{
	color:#003399;
}

th
{
	font-weight:bold;
	text-align:left;
}

input
{
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

select
{
	height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

button
{
	background-color:#003399;
	color:#FFFFFF;
	font-size:11px;
	height:20px;
	width:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	border-width:0px;
}

marquee
{
	cursor:pointer;
}

/* ######################################################################### */
/* IDENTIFICADORES */
/* ######################################################################### */

#container
{
	width:698px;
	height:646px;
	text-align:left;
	/*margin:50px auto;*/
	margin:0px;
	border-color:#003359;
	border-width:1px;
	border-style:solid;
}

#header
{
	height:130px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
}

#noticias_en_movimiento
{
	padding-left:20px;
	padding-right:20px;
	padding-top:3px;
	background-color:#E5E6E8;
	height:17px;
	color:#003399;
	font-size:12px;
}

#noticias_en_movimiento .noticia
{
	height:20px; 
	margin-right:40px;
}

#login
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	height:20px;
	background-color:#003359;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}

#login input
{
	border-width:0px;
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:11px;
	width:80px;
	font-size:10px;
	font-weight:normal;
}

#login button
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background-color:#FFBF00;
	color:#003399;
	cursor:pointer;
	height:13px;
	border-width:0px;
}

#guia_navegacion
{
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	background-color:#E5E6E8;
	text-align:right;
	color:#003399;
	font-size:12px;
}

#content
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:698px;
	height:411px;
	text-align:left;
}

#content_left
{
	float:left;
	width:158px;
	height:411px;
	background-color:#FFFFFF;
}

#content_right
{
	padding:20px 20px 20px 20px;
	float:right;
	height:371px;
	width:500px;
	background-image:url(../images/bg_content.jpg);
	background-repeat:no-repeat;
	background-attachment:expression("fixed");
	background-position:34% 89%;
	/*background-position:157px 187px;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

#footer
{
	height:70px;
	background-color:#003359;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-top:15px;
}



#caja_titulo
{
	height:40px;
}

#caja_titulo #titulo
{
	font-size:20px;
	color:#003399;
	font-weight:bold;
	padding-bottom:10px;
	float:left;
}

#caja_titulo #volver a
{
	float:right;
	color:#003399;
	text-decoration:none;
	font-weight:bold;
}

/****************************************************/
/* SECCIONES */
/****************************************************/

/* Presentación *****************************************/

#intro, #instalaciones, #junta_gobierno
{
	float:right;
}

/* Listado *****************************************/

#listado #left
{
	float:left;
	width:180px;
}	

#listado #right
{
	float:right;
	width:255px;
	padding-left:10px;
	padding-right:10px;
	color:#333333;
	font-size:11px;
	text-align:justify;
}

#listado #right .item
{
	margin-bottom:15px;
}

#listado #right .titulo
{
	color:#003399;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
	font-size:11px;
}

#listado #right .ver_mas a
{
	color:#003399;
	text-decoration:none;
}

/* Detalle *****************************************/

#detalle #left
{
	float:left;
	width:180px;
}	

#detalle #right
{
	float:right;
	width:255px;
	color:#333333;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}

#detalle #right .titulo
{
	color:#003399;
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
	text-align:left;
}

#detalle #right .cuerpo
{
	text-align:justify;
	font-size:11px;
}

#detalle #right .foto
{
	margin-top:15px;
	float:left;
}

#detalle #right .foto img
{
	width:260px;
}

/* Direcciones de interés *****************************************/

#direcciones_interes 
{
	color:#003399;
}

#direcciones_interes .link
{
	cursor:pointer;
	background-image:url(../images/direccion_bg.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-left:10px;
	padding-right:15px;
	padding-top:3px;
	margin-bottom:3px;
}

#direcciones_interes img
{
	border-width:0px;
}

#direcciones_interes table
{
	width:100%;
}

/* Carta del presidente **********************/

#carta_presidente
{
	text-align:justify;
	font-size:11px;
}

/* ######################################################################### */
/* CLASES */
/* ######################################################################### */

.caja
{
	border-width:medium;
	border-style:double;
	border-color:#003399;
	background-color:#FFFFFF;
	font-size:11px;
}

.caja th
{
	background-color:#003399;
	color:#FFFFFF;
}