* { font-family: Arial, Helvetica, sans-serif; }

html {min-height:100.1%; margin: 0; padding: 0; }

body { text-align: center; margin: 0; padding: 0; } 

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
}

.salto { position: absolute; top: -5000px; left: -5000px; }
.rojo { color: #F00; background-color: inherit; }
.invisible { display: none; }

img { border: 0; margin: 0; padding: 0; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************ CAPAS *****************************************/

#fondo {
					position: relative;
					margin: 1em auto;
					text-align: left;
					width: 980px;
				}

#izquierda {
							position: relative; float: left;
							margin: 0; padding: 0;
							width: 200px;
							text-align: left;
						}

#derecha {
						position: relative; float: left;
						margin: 0; padding: 0;
						width: 780px;
						text-align: left; 
					}

#superior {
						position: relative; float: left; clear: both;
						margin: 0; padding: 0;
						text-align: right; 
						width: 100%; 
					}

#inferior {
						position: relative; float: left; clear: both;
						margin: 0; padding: 0;
						width: 100%; 
					}

#contenido {
							position: relative; float: left; 
							margin: 0; padding: 0;
							width: 630px;
						}

#menu {
				position: relative; float: left;
				margin: 1em 0 0 0; padding: 0;
				width: 150px;
				color: inherit; background-color: #D4E4E4;
			}


#pie { 
				position: relative; float: left; clear: both;
				margin: 2em 0 1em 0; padding: 0;
				width: 100%;
				border-top: 1px solid #007088;
			}

#pie_izquierda { position: relative; float: left; width: 60%; }
#pie_derecha { position: relative; float: right; width: 38%; text-align: right; }			

/*********************************** IZQUIERDA *********************************/

#izquierda img { margin: 0 0 1em 0; padding: 0; border: 0; }

#izquierda .grupo { position: relative; float: left; width: 196px; text-align: left; font-weight: bold; margin: 0 0 1em 0; padding: 0; border: 1px solid #C2D9D9; }
#izquierda .encabezado { margin: 0; padding: .5em; font-size: .8em; color: #1F606E; background-color: #C2D9D9; }

#izquierda .activo { margin: 0; padding: .5em 1em; font-size: .7em; color: #134A56; background-color: #E7E8EA; }
#izquierda .grupo a { margin: 0; padding: .5em 1em; font-size: .7em; font-size: .7em; color: #257181; background-color: inherit; text-decoration: none; display:block; }
#izquierda .grupo a:hover { color: #134A56; background-color: #E7E8EA; }

#izquierda .mensaje { position: relative; float: left; color: #1F606E; background-color: #E7E8EA; font-size: .7em; text-align: left; padding: 1em; margin: 3em 0; }

/*********************************** SUPERIOR *********************************/

#superior .menu_superior { float: right; margin: 0 .5em 1em 0; font-size: .7em; }
#superior a { text-decoration: none; color: #007088; background-color: #FFF; }
#superior a:hover { color: #134A56; background-color: #FFF; }
#superior .activo_sup { color: #134A56; background-color: #FFF; font-weight: bold; }

/*********************************** MENU *********************************/

#menu .titulo_menu { margin: 0; padding: .6em .5em; font-size: .8em; font-weight: bold; background-color: #1F606E; color: #FFF; }
#menu .seleccionado { margin: 0; padding: 1em .5em; font-size: .8em; font-weight: bold; color: #000; background-color: #C2D9D9; }
#menu a { font-size: .8em; font-weight: bold; color: #1F606E; background-color: inherit; text-decoration: none; border-bottom: 1px solid #C2D9D9; display: block; padding: 1em .5em; margin: 0; }
#menu a:hover { color: #000; background-color: #C2D9D9; }

/*********************************** PIE *********************************/

#pie { font-size: .7em; font-weight: bold; color: #007088; background-color: inherit; }
#pie p { margin: .5em 0; padding: 0; }
#pie p.grande { font-size: 1.2em; }
#pie a { color: #007088; background-color: inherit; text-decoration: none; }
#pie a:hover { color: #134A56; background-color: inherit; }
#pie .activo_inf { color: #134A56; background-color: inherit; }
#pie_izquierda { position: relative; float: left; width: 60%; }
#pie_derecha { position: relative; float: right; width: 38%; text-align: right; }

/********************************** INDEX *************************************/


#banner {
					position: relative; float: left; clear: both; 
					margin: 2em 0; padding: 0;
					width: 100%;
					text-align: center; 				
				}
				
#banner a { border: 0; text-decoration: none; }


/********************************** CONTENIDO *************************************/

#contenido h1 { font-size: 1em; color: #1F606E; background-color: #D4E4E4; margin: 1em 1em; padding: .4em 1em; }

#contenido h2 { font-size: .8em; color: #1F606E; background-color: #FFF; margin: .5em 1.9em; }
#contenido h2.pequeno { font-size: .7em; margin: 1.5em 2.2em 1em 2.2em; }
#contenido h2.grande { font-size: .9em; margin: .5em 1.6em .5em 1.6em; }
#contenido h2.index { font-size: 1em; border-bottom: 1px solid #1F606E; margin: 1em 1.2em; }
#contenido h2.novedad { font-size: 1em; margin: 1em 1em .6em 1em; color: #1F606E; background-color: inherit; }

#contenido h3 { font-size: .75em; color: #1F606E; background-color: #FFF; margin: 0 2.1em .5em 2.1em; }
#contenido h3.pequeno { font-size: .7em; margin: 1em 2.2em; }
#contenido h3.index { font-size: .8em; margin-left: 1.7em; }
#contenido h3.h3_formulario { font-size: 1.2em; margin: 1em 0 1.5em 0; border-bottom: 1px solid #1F606E; }

#contenido address { font-size: .75em; margin: 0 2em; }

#contenido a { text-decoration: none; color: #1F606E; background-color: #FFF; border-bottom: 1px dotted #1F606E; }

#contenido ol.margen li, ul.margen li { margin-bottom: 1em; }
#contenido ol, ul { font-size: .75em; margin: 1em 2em; padding-left: 4em; line-height: 1.5em; text-align: justify; }
#contenido ol ul { font-size: 1em; padding-left: 0; list-style-type: disc; }

#contenido .resaltar { font-weight: bold; font-size: 1em; color: #007088; background-color: #FFF; }
#contenido .sin_datos { font-weight: bold; text-align: center; }

#contenido .registro { position: relative; float: left; clear: both; width: 100%; margin: .5em 0; padding: 0; }
#contenido .registro .imagen_registro { position: relative; float: left; clear: left; width: 68px; text-align: right; margin-left: 3em; }
#contenido .registro .texto_registro { position: relative; float: left; }
#contenido .registro p { margin: 0 2em; }
#contenido .registro p.enlace { text-align: left; margin-top: .5em; }
#contenido .registro img { float: right; border: 1px solid #D4E4E4; margin: .2em 1.5em .5em 1.5em; }

#contenido #cont_novedades { position: relative; float: left; clear: both; width: 100%; margin: 1em 0 3em 0; padding: 0; text-align: center; }
#contenido .novedades { width: 90%; margin: 0 auto; padding: 3.5em 0 1em 0; background: #D4E4E4 url(novedades.png) top left no-repeat; border: 1px solid #1F606E; text-align: left; }

#contenido .junta { position: relative; float: left; clear: both; width: 100%; margin: .5em 0; padding: 0; }
#contenido .junta .imagen_junta { position: relative; float: left; clear: left; width: 68px; text-align: right; margin-left: 2em; }
#contenido .junta .texto_junta { position: relative; float: left; }
#contenido .junta p { margin: 0 2em 0 1em; }
#contenido .junta h2 { margin: 0 2em 0 1em; }
#contenido .junta img { }

#contenido p { font-size: .75em; line-height: 1.5em; text-align: justify; margin: 1em 2em; }
#contenido p.texto_index { text-align: justify; font-size: .8em; line-height: 2em; margin: 1em 1.5em; }
#contenido p.index { font-size: .7em; margin: .5em 2em; }
#contenido p.texto_novedad { text-align: justify; font-size: .7em; margin: .5em 2em .5em 10em; }

#contenido .imagen_derecha { float: right; border: 1px solid #D4E4E4; margin: 1em 1.5em; }
#contenido .imagen_centrada { width: 100%; text-align: center; }
#contenido .enlace_derecha { text-align: right; margin-top: 2em; }
#contenido .accion { position: relative; float: left; clear: both; width: 100%; text-align: center; margin: 2em 0 0 0; padding: .5em 0; font-weight: bold; font-size: .7em; }
#contenido .accion a { border: 1px solid #1F606E; padding: .2em .5em; }
#contenido .accion a:hover { color: #FFF; background-color: #1F606E; }


/********************************************************** FORMULARIOS ********************************************/

#contenido form { font-size: .75em; margin: 0 3em; width: 90%; }
#contenido fieldset { margin: 0; padding: 0; border: 0; }
#contenido legend { display: none; }
#contenido label { margin: 0; padding: 0; font-weight: bold; }

#contenido .texto_input { border: 1px solid #000; color: #000; background-color: inherit; margin: 0; padding: .1em .2em; }
#contenido textarea { font-size: 1em; }
#contenido .texto_confirmacion {font-size: .85em; margin: 0 2em 0 0; padding: 0; font-weight: normal; }
#contenido .obligatorio { color: #F00; background-color: inherit; font-weight: bold; } 

#contenido .error_formulario { font-size: .9em; color: #F00; background-color: #FFF; margin: .5em 0; padding: 0; } 

#contenido .centrado { text-align: center; }
#contenido .boton_submit { font-size: .9em; font-weight: bold; cursor: pointer; }

/********************************************************** FORO ********************************************/

#contenido form.desconexion { text-align: right; margin: 0; padding: 0 0 1em 0; color: #1F606E; background-color: inherit; font-size: .7em; }
#contenido form.desconexion input {  font-size: 1em; }

#contenido #validacion { position: relative; float: left; clear: both; width: 100%; margin-bottom: .5em; }
#contenido #validacion p { float: left; width: 50%; font-size: .7em; margin: .5em 0 .5em 2em; }
#contenido #validacion form { float: right; text-align: right; width: 40%; margin: 0; padding: 0; color: #1F606E; background-color: inherit; font-weight: bold; }
#contenido #validacion ul { list-style-type: none; font-size: .9em; text-align: right; }
#contenido #validacion label { font-weight: bold; }
#contenido #validacion #enviar { font-size: .9em; margin-right: 2em; }

#contenido #foro { position: relative; float: left; width: 100%; text-align: center; }
#contenido #foro table { font-size: .7em; text-align: left; vertical-align: top; width: 95%; margin: 1em auto; table-layout: fixed; empty-cells: show; border: 0; }
#contenido #foro table caption { display: none; }
#contenido #foro table th { padding: .5em; vertical-align: top; color: #000;  background-color: #EAEAEA; border: 1px solid #1F606E; }
#contenido #foro table td { margin: 0; padding: .5em; vertical-align: top; border: 0; }
#contenido #foro table td a { margin: 0; padding: 0; font-weight: bold; color: #1F606E; background-color: inherit; text-decoration: none; border: 0; }
#contenido #foro table td a:hover { border-bottom: 1px dotted #1F606E; }

#contenido #foro .acciones_foro { text-align: right; }
#contenido #foro .acciones_foro a:hover { border: 0; }

#contenido #foro .nuevo_foro { text-align: center; padding: .5em 0; }
#contenido #foro .nuevo_foro a { font-size: .75em; font-weight: bold; border-bottom: 1px dotted #1F606E; }

#contenido #foro .nuevo_tema { text-align: right; padding: .5em 1em; margin-top: 0; }
#contenido #foro .nuevo_tema a { font-size: .75em; font-weight: bold; border-bottom: 1px dotted #1F606E; }

#contenido form.fichaforo { margin : 1em 0 1em 2em; }
#contenido form.fichaforo ul { list-style-type: none; margin: 0; padding: 0; font-size: 1em; }
#contenido form.fichaforo li { margin: 1em 0; padding: 0; }

.acciones_foro { text-align: right; padding: 0; margin: 0 1em; vertical-align: middle; }
#botones_foro { text-align: center; }

#contenido p.titulo_foro { clear: both; font-weight: bold; color: #FFF; background-color: #1F606E; padding: .5em; font-size: .8em; margin: 0 1.3em; }

#contenido #foro table.mensajes_foro { font-size: .7em; text-align: left; vertical-align: top; width: 95%; margin: 1em auto; table-layout: fixed; empty-cells: show; border-collapse: collapse; border: 1px solid #1F606E; }
#contenido #foro table.mensajes_foro tr.cabecera_mensaje { color: #1F606E; background-color: #FFF; font-weight: bold; }
#contenido #foro table.mensajes_foro td { margin: 0; padding: .5em; vertical-align: top; border-top: 1px solid #1F606E; }
#contenido #foro table.mensajes_foro td.derecha_mensaje { text-align: right; }
#contenido #foro table.mensajes_foro td.texto_mensaje { text-align: justify; }




/********************************************************** ASOCIACIONES ********************************************/

#mapa_asociaciones { float: left; clear: both; width: 100%; text-align: center; }

/********************************************************** CONTACTO ********************************************/

#contenido dl { font-size: .8em; margin: 1em 2em; }
#contenido dt { margin: .5em 1em 1em 1em; }
#contenido dd { font-weight: bold; }

/********************************** KBD **************************************/

		kbd {
			float: left;
			width: 1em;
			border: 1px solid #4A675B;
			text-align: center;
			font-size: .9em;
			font-weight: bold;
			margin-right: .5em;
			padding: 0 .2em; 
		}