* { 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; }

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: 780px;
				}

#superior {
						position: relative; float: left; clear: both;
						margin: 0; padding: 0;
						width: 100%;
						background: #FFF url(bajomenu.gif) bottom right no-repeat; 
					}

#cabecera_index {
									position: relative; float: left; clear: both;
									margin: 0; padding: 0; 
									width: 100%; height: 249px; 
								}

#cabecera {
						position: relative; float: left; clear: both;
						margin: 0; padding: 0; 
						width: 100%; height: 120px; 
					}

#contenedor {
							position: relative; float: left; clear: both;
							margin: 0; padding: 0;
							width: 100%;
							color: #000; background: #FFF url(bajomenu.gif) bottom right repeat-y;
						}

#pie { 
				position: relative; float: left; clear: both;
				margin: 0; padding: 0;
				width: 100%; 
				color: #000; background-color: #496381; 
			}

#bajopie { 
						position: relative; float: left; clear: both;
						margin: 0; padding: 0;
						width: 100%;
						background: #FFF url(bajomenu.gif) top right no-repeat; 
					}

/********************************** MENU SUPERIOR *****************************/

#superior img { float: left; }

p.superior_derecha { text-align: right; font-size: .7em; color: #000; background-color: #FFF; margin: 0 1em; }
p.superior_derecha a { color: #039; background-color: inherit; text-decoration: none; }
p.superior_derecha a:hover { border-bottom: 1px dotted #039; }

p.superior_izquierda { text-align: left; font-size: .9em; color: #039; background-color: #FFF; margin-top: 5em; width: 60%; margin-bottom: .2em; padding-bottom: 0; }

/********************************** MENU INDEX *****************************/

#menu_index { margin-top: 4em; color: #FFF; background-color: inherit; margin: -1.6em 1em 0 1em; }
#menu_index a { text-decoration: none; font-size: .8em; color: #FFF; background-color: inherit; font-weight: bold; }
#menu_index a:hover { border-bottom: 1px dotted #FFF; }
#menu_index span { font-size: 1em; font-weight: bold; }

/********************************** MENU *****************************/

#menu { margin-top: 4em; color: #FFF; background-color: inherit; margin: -1.6em 1em 0 1em; }
#menu a { text-decoration: none; font-size: .75em; color: #FFF; background-color: inherit; font-weight: bold; }
#menu a:hover { border-bottom: 1px dotted #FFF; }
#menu span { font-size: 1em; font-weight: bold; }

/********************************** CONTENIDO *****************************/

#contenido { position: relative; float: left; width: 588px; margin: 0; padding: 1em 0; color: #000; background-color: #FFF; }

#contenido a { color: #039; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #039; }
#contenido a:hover { color: #496381; background-color: inherit; border-bottom: 1px dotted #496381; }

#contenido p { font-size: .75em; padding: 0 1.5em 0 1em; margin: 1em 0; line-height: 1.8em; text-align: justify; }
#contenido p.sin_datos { text-align: center; }
#contenido p.subtitulo { font-size: .9em; color: #496381; background-color: #FFF; font-weight: bold; padding: 0; margin: 1em .5em; }

#contenido .enlace_historico { position: relative; float: left; width: 100%; text-align: center; }

#contenido .resaltar { font-weight: bold; font-size: 1.1em; color: #496381; background-color: inherit; }
#contenido .negro { color: #000; background-color: inherit; }
#contenido .obligatorio { color: #F00; background-color: inherit; font-weight: bold; }
#contenido .invisible { display: none; }

#contenido ul { font-size: .75em; color: #496381; background-color: inherit; list-style-type: square; }
#contenido ul li { margin: 1em 1.6em 1em 2em; }

#contenido p.texto_index { padding: 1em 2em 0 2em; line-height: 2em; font-size: .8em;  }
#contenido #imagen_index { width: 100%; margin: 2em 0; padding: 0; text-align: center; }

#submenu { float: left; clear: both; text-align: right; width: 97%; margin: -1em 0 1em 0; padding: 0; color: #496381; background: transparent url(submenu.gif) top left repeat-x; }
#submenu ul { list-style-type: none; font-size: .9em; font-weight: bold; margin: 0; padding: 2em 0 .5em 0;  }
#submenu ul li { display: inline; margin: 0; padding: 0 1em; color: #496381; background-color: inherit; }
#submenu a { font-size: .75em; color: #496381; background-color: inherit; text-decoration: none; border: 0; }
#submenu a:hover { border-bottom: 1px dotted #496381; color: #496381; background-color: inherit; }

#contenido .listado { position: relative; float: left; clear: both; width: 100%; margin: .5em 0; padding: 0; }
#contenido .listado p { margin: 0 2em; }
#contenido .listado p.titulo_listado { color: #496381; background-color: inherit; font-weight: bold; }
#contenido .listado p.enlace { text-align: left; margin-top: .5em; }
#contenido .listado img { float: left; border: 1px solid #D4E4E4; margin: .2em 1.5em 2em 1.5em;  }

#contenido .registro { position: relative; float: left; clear: both; width: 96.5%; margin: .5em 0; padding: 0; border: 1px dotted #496381; }
#contenido .izquierda_registro { position: relative; float: left; clear: both; }
#contenido .derecha_registro { position: relative; float: right; padding: .5em 0; }
#contenido .registro img { border: 1px solid #D4E4E4; }
#contenido .registro p { line-height: 1.2em; }
#contenido .registro p.titulo_registro { color: #496381; background-color: inherit; font-weight: bold; font-size: .8em; line-height: 1.5em; margin-left: -.2em; margin-bottom: 0; }
#contenido .registro p.enlace { text-align: left; margin-top: .5em; }

/********************************** DESTACADOS *****************************/

#destacados { position: relative; float: right; width: 192px; margin: 0; padding: 1em 0; text-align: center; color: #496381 ; background-color: #E1E9F5; }
#destacados .titulo_destacado { color: #496381; background: #E1E9F5 url(anteh2.gif) top left repeat-y; margin: 1em 0 0 0; padding: .3em .5em .3em 1.5em;  }
#destacados .titulo_destacado p { font-size: .7em; text-align: left; margin: 0; padding: 0; color: #496381; background-color: inherit; font-weight: bold; }
#destacados img { margin: 1em 0 0 0; }
#destacados p { font-size: .7em; text-align: justify; margin: 0 .5em .5em 2.2em; }
#destacados p.enlace_derecha { text-align: right; margin-top: 1em; }
#destacados a { color: #039; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #039; }
#destacados a:hover { color: #496381; background-color: inherit; border-bottom: 1px dotted #496381; }

/********************************************************** 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; }

/********************************************************** CONTACTO ********************************************/

#contenido dl { font-size: .8em; margin: 1em 2em; }
#contenido dt { margin: .5em 1em 1em 1em; }
#contenido dd { font-weight: bold; }

/*********************************** PIE *********************************/

#pie a { color: #FFF; background-color: inherit; text-decoration: none; }
#pie a:hover { border-bottom: 1px dotted #FFF; }
#pie span { color: #CCC; background-color: inherit; }

p.pie_derecha { text-align: right; color: #FFF; background-color: #496381; font-size: .8em; margin: .5em 1em; }
p.pie_izquierda { text-align: left; color: #FFF; background-color: #496381; font-size: .7em; margin: -1em 1em .5em 1em; width: 50%; }

/************************************************** GALERIA ********************************************/

.lista_imagenes { position: relative; float: left; clear: left; width: 98%; overflow: hidden; margin: .5em 0; }
.unaimagen { position: relative; float: left;  margin: 0; padding: 0; text-align: center; width: 184px; }
.unaimagen img { margin: 0; }
#contenido .unaimagen a { padding: 0; border: 0; }
#contenido .unaimagen a:hover { padding: 0; border: 0; }
#contenido .unaimagen p { font-size: .7em; text-align: center; margin: .5em; padding: 0; }

/********************************** 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; 
		}


