/* Clearfix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Invisible para IE/Mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* Fin invisible para IE-mac */

body {
	width: 100%;
	margin: 0;
	margin-top: 5px;
	background-color: #99B3CC;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #000000;
}
a img {
	border: none;
}
.cursiva {
	font-style: italic;
}
.subrayado {
	text-decoration: underline;
}

.negrita {
	font-weight: bold;
}
/* layouts ******************************************************************************/ 
#container {
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	clear: both;
	font-size: 1em;
	background-color: #FFFFFF;

}
/* ------------------------------------------------- */
#header {
	float: left;
	width: 800px;
	font-size: 0.625em;
	color: #8CCFD2;
}
#header a {
	color: #8CCFD2;
}
#header #superior {
	float: left;
	width: 800px;
	padding: 5px 0 0;
}
#header #inferior {
	float: left;
	width: 790px;
	padding: 2px 0 2px 10px;
}
#header #inferior #menu {
	float: right;
}
#header #inferior #menu ul , #header #inferior #menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#header #inferior #menu ul {
	margin-right: 5px;
}
#header #inferior #menu ul li {
	margin-right: 5px;
}
#header #inferior #menu a {
	text-decoration: none;
}
#header #inferior #menu a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------- */
#navigation {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0 10px 10px 0;
	font-size: 0.73em;
	background-color: #FFFFFF;
}

#navigation #menu {
	margin-bottom: 30px;
	color: #255686;
	font-weight: bold;
}
#navigation #menu a {
	text-decoration: none;
	color: #255686;
}
#navigation #menu a:hover {
	text-decoration: underline;
	color: #255686;
}
#navigation #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation #menu ul li {
	padding: 2px 0 0 2px;
}
#navigation #menu ul li.enlace {
	padding: 2px 0 10px 4px;
	background: url('../images/barra.jpg') no-repeat left bottom;
}
#navigation #menu ul li.logout {
	padding: 2px 0 10px 4px;
	background: url('../images/barra.jpg') no-repeat left bottom;
	color: #FF0000;
}
#navigation #menu ul li.logout a {
	color: #FF0000;
}


#navigation #login, #navigation #buscador {
	padding: 5px 0;
	margin: 5px 0 10px;
}
#navigation #login {
	background: url('../images/bg_login.gif') no-repeat left top;
	height: 120px;
}
#navigation #buscador {
	background: url('../images/bg_buscador.gif') no-repeat left top;
	height: 75px;
}
#navigation #login form, #navigation #buscador form {
	padding: 0;
	margin: 0;
}
#navigation #login fieldset, #navigation #buscador fieldset {
	width: 115px;
	margin: 0;
	padding: 0;
	border: none;
	color: #255686;
	font-weight: bold;
	font-size: 0.83em;
}
#navigation #login legend, #navigation #buscador legend {
	font-weight: bold;
}
#navigation #login label {
	width: 115px;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 1px;
}
#navigation #login input.text, #navigation #buscador input.text {
	border: none;
	width: 9em;
	margin: 2px 0 5px 12px;
	font-size: 1em;
	color: #255686;
}
#navigation .azul  {
	width: 60px;
	height: 19px;
	border: none;
	background-color: #6FD3D8;
	background: url('../images/boton_az_60x19.gif') no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
}
#navigation .gris  {
	width: 60px;
	height: 19px;
	border: none;
	background-color: #B9C9CD;
	background: url('../images/boton_gr_60x19.gif') no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	color: #255686;
}

/* ------------------------------------------------- */
#contents {
	float: left;
	width: 650px;
	min-height: 700px;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px; 
	font-size: 0.75em;
	background-color: #F8FDFD;

}
#contents h1 {
	margin: 0;
	padding: 5px 0 15px 0;
	color: #255686;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.167em;
	margin: 0 0 1em 0;
}
#contents h2, h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #255686;
	text-decoration: none;
	font-size: 1em;
}
#contents .textoSeccion {
	font-size: 0.917em;
	margin: 0 0 2em 0;
	text-align: justify;
}
#contents .textoSeccion img {
	float: left;
	margin: 0 5px 5px 0;
}
#contents .textoSeccion p {
	margin: 0;
	padding: 0 0 1em 0;
}
#contents .textoSeccion a {
	color: #255686;
	text-decoration: underline;
	margin: 0;
}
#contents .textoSeccion a:hover {
	text-decoration: underline;
	color: #CC0000;
}
#contents .textoSeccion .fecha {
	font-style: italic;
	color: #999999;
	font-size: 0.833em;
}
#contents .textoSeccion .fuente {
	color: #CCCCCC;
	font-size: 0.833em;
}

#contents #columnaLeft {
	width: 330px;
	margin: 0 12px 1em 0;
	padding: 0;
	float: left;
	border-right: 1px solid #BCE5E0;
}
#contents #columnaLeft #presentacion {
	width: 320px;
	padding: 0 9px 5px 0;
	margin: 0 0 1em 0;
	background: url('../images/barratitulo.gif') no-repeat left top;
}
#contents #columnaLeft #presentacion #titulo {
	padding: 8px 0 15px 55px;
	color: #255686;
	font-weight: bold;
}
#contents #columnaLeft #noticias {
	width: 320px;
	padding: 0 9px 0 0;
	margin: 0 0 1em 0;
	background: url('../images/barratitulo.gif') no-repeat left top;
}
#contents #columnaLeft #noticias #titulo {
	padding: 8px 0 15px 55px;
	color: #255686;
	font-weight: bold;
}
#contents #columnaRight {
	width: 300px;
	margin: 0 3px 1em 0;
	padding: 0;
	float: left;
	border-right: 1px solid #BCE5E0;
}
#contents #columnaRight #objetivos {
	width: 290px;
	padding: 0 5px 5px 0;
	margin: 0 5px 1em 0;
	background: url('../images/barratitulo.gif') no-repeat left top;
}
#contents #columnaRight #objetivos #titulo {
	padding: 8px 0 15px 55px;
	color: #255686;
	font-weight: bold;
}
#contents #columnaRight #agenda {
	width: 290px;
	padding: 0 5px 0 0;
	margin: 0 5px 1em 0;
	background: url('../images/barratitulo.gif') no-repeat left top;
}
#contents #columnaRight #agenda #titulo {
	padding: 8px 0 15px 55px;
	color: #255686;
	font-weight: bold;
}
#contents #columnaRight #estadisticas {
	width: 290px;
	padding: 0 5px 10px 0;
	margin: 0 5px 1em 0;
	background: url('../images/barratitulo.gif') no-repeat left top;
}
#contents #columnaRight #estadisticas #titulo {
	padding: 8px 0 15px 55px;
	color: #255686;
	font-weight: bold;
}

#contents .socioColumna {
	float: left;
	margin: 0;
	padding: 0;
	width: 325px;
}
#contents #socio {
	padding: 5px 5px 5px 5px;
	margin: 0;
	height: 100%;
}
#contents #socio:hover {
	background-color: #D0DCE6;
}

#contents #contacto {
	margin: 0 0 0 1em;
}
#contents form {
	padding: 0;
	margin: 0;
}
#contents fieldset {
	margin: 0;
	padding: 0;
	border: none;
	color: #255686;
	font-weight: bold;
}
#contents legend {
	font-weight: bold;
}
#contents label {
	font-weight: bold;
	margin-bottom: 1px;
}
#contents input.textMini {
	width: 10em;
	margin: 2px 0 5px 12px;
	font-size: 1em;
	color: #255686;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#contents input.text {
	width: 20em;
	margin: 2px 0 5px 12px;
	font-size: 1em;
	color: #255686;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#contents textarea.text {
	width: 20em;
	height: 10em;
	margin: 2px 0 5px 12px;
	font-size: 1em;
	color: #255686;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#contents .boton50  {
	width: 50px;
	height: 19px;
	border: none;
	background-color: #B9C9CD;
	background: url('../images/boton_gr_50x19.gif') no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	color: #255686;
}
#contents .boton60  {
	width: 60px;
	height: 19px;
	border: none;
	background-color: #B9C9CD;
	background: url('../images/boton_gr_60x19.gif') no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	color: #255686;
}

#contents #filtro {
	width: 100%;
	height: 2em;
	text-align: right;
	margin: -1em 0 2em 0;
	padding: 0;
}
#contents select.combo {
	width: 20em;
	height: 19px;
	margin: 0 0 0 5px;
	font-size: 0.8em;
	color: #255686;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#contents .boton25  {
	width: 25px;
	height: 19px;
	border: none;
	background-color: #B9C9CD;
	background: url('../images/boton_gr_25x19.gif') no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	color: #255686;
}

#map {
	float: left;
	width: 645px;
	height: 555px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.917em;
}
#bocadillo {
	width: 250px;
}
v\:* {
	behavior: url(#default#VML);
}
#map .empresa {
	color: #255686;
	font-weight: bold;
}
#map .direccion, #map .direccion a {
	text-decoration: none;
}
#map .direccion a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------- */
#footer {
	float: left;
	height: 30px;
	width: 800px;
	font-size: 0.625em;
	text-align: center;
}
#footer #menu {
	margin-bottom: 30px;
	color: #255686;
}
#footer #menu a {
	text-decoration: none;
	color: #255686;
}
#footer #menu a:hover {
	text-decoration: underline;
	color: #255686;
}
#footer #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #menu ul li {
	padding: 0 5px 0 0;
	display: inline;
	border-right: thin solid #255686;
}
#footer #menu ul li.ultimo {
	border: none;
}

/* clases ******************************************************************************/ 
.foto {
	float: left;
	margin: 1px 5px 1px 1px;
	padding: 2px;
}
.foto:hover {
	background-color: #CCFFFF;
}
.logo {
	float: left;
	margin: 1px 10px 1px 0;
}
.icono {
	float: left;
	margin: 1px 1em 1px 1px;
}
.sigueleyendo {
	font-weight: bold;
}

/* estadisticas ******************************************************************************/ 

#contents #estadisticas a {
	text-decoration: none;
	color: #333333;
}
#contents #estadisticas a:hover {
	text-decoration: underline;
}
#contents #estadisticas table {
	font-size: 0.833em;
	margin: 5px auto;
	border: 1px dotted #EFEFEF;
}
#contents #estadisticas table .tituloFila {
	font-size: 1.1em;
	text-align: center;
	color: #255686;
	font-weight: bold;
}
#contents #estadisticas table .tituloColumna {
	font-size: 1.1em;
	color: #255686;
	font-weight: bold;
}
#contents #estadisticas table td {
	padding: 4px;
}
#contents #estadisticas img {
	margin: 5px auto;
}
#contents #estadisticas .titulo {
	font-weight: bold;
}
#contents #estadisticas .fecha {
	font-style: italic;
	color: #999999;
	text-align: right;
	font-size: 0.833em;
}