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

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

body { margin: 0 0 1em 0; padding: 1em 0; } 

.invisible { display: none; }

.derecha { text-align: right; }
.izquierda { text-align: left; }
.justificado { text-align: justify; }
.cursiva { font-style: italic; }
.grande { font-size: 1.1em; color: #000; background-color: inherit; }
.obligatorio { color: #F00; background-color: inherit; font-weight: bold; }
.verde { color: #363; background-color: inherit; font-weight: bold; }

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

/************************************************* CABECERA *********************************************/

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

#cabecera a, a:hover { text-decoration: none; }
#cabecera img { float: left; border: 0; margin: 0 1em 0 0; }

#menu_cabecera { float: right; text-align: right; font-size: .8em; color: #666; background-color: inherit; margin: 2em 0 0 0; }
#menu_cabecera a { color: #666; background-color: inherit; text-decoration: none; }
#menu_cabecera a:hover { color: #030; background-color: inherit;text-decoration: underline;  }

#menu_cabecera ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#menu_cabecera li { display: inline; margin: 0; padding: 0 .2em; }

#menu_cabecera form { float: left; margin: 0 0 0 1em; padding: 0; }

.input_cabecera { border: 1px solid #666; font-size: .95em; color: #363; background-color: inherit; margin: 0; padding: 0; }
.boton_cabecera { border: 0; font-size: .85em; font-weight: bold; color: #666; background-color: #FFF; font-family: Verdana; margin: 0; padding: 0;  cursor: pointer; }
.boton_cabecera:hover { color: #393; background-color: inherit; }

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

#menu {
				position: relative; float: left; clear: both;
				margin: .2em 0 0 0; padding: .6em 5px .6em 0;
				text-align: right; 
				width: 975px; 
				font-size: .8em; font-weight: bold;
				color: #FFF; background-color: #363; 
			}

#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { display: inline; margin: 0; padding: 0 .2em; }
#menu a { color: #FFF; background-color: inherit; text-decoration: none; margin: 0; padding: 0;}
#menu a:hover { color: #D7D7D7; background-color: inherit; }

/************************************************* CAPAS CONTENIDO ********************************************/

#contenedor {
							position: relative; float: left; clear: both;
							margin: 0; padding: 0;
							width: 980px;
							color: inherit; background-color: #696;
						}

#izquierda {
						position: relative; float: left;
						margin: 0; padding: 0;
						width: 173px;
						z-index: 10;
					}

#contenido_derecha {
										position: relative; float: left;
										margin: 0; padding: 20px 0;
										width: 807px;
										color: inherit; background-color: #FFF;
									}


#contenido {
						position: relative; float: left;
						margin: 0; padding: 0 20px;
						width: 540px;
						color: inherit; background-color: #FFF;
					}
					
#derecha {
						position: relative; float: left; 
						margin: 0; padding: 0;
						width: 227px;
						color: inherit; background-color: #FFF; 
					}


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

.destacado_index { border-left: 1px solid #090; font-size: .9em; }
.destacado_index a { font-size: .9em; }


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

#izquierda img { margin: 0; padding: 0; vertical-align: bottom; border: 0; }

.banner_izquierda { position: relative; color: inherit; background-color: #363; margin: 1em 0; padding: 2px; text-align: center; }

#menu_izquierda { position: relative; z-index: 100; color: #FFF; background-color: #363; font-size: .8em; font-weight: bold; margin: 0; padding: 20px 0; }
#menu_izquierda a { text-decoration: none; margin: 0; padding: 1em .5em; color: #FFF; background-color: #363; display: block; border-bottom: 1px solid #696; }
#menu_izquierda a.primero { border-top: 1px solid #696; }
#menu_izquierda a:hover { color: inherit; background-color: #696; }
#menu_izquierda p { color: #FFF; background-color: #696; margin: 0; padding: 20px .5em; text-align: center; border-bottom: 1px solid #363; border-top: 1px solid #363; }

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

h1 { color: #363; font-size: 1em; background: #FFF url(cuadradito.gif) no-repeat; padding-left: 24px; }
h1.titulo { color: #363; font-size: 1.1em; background: #FFF url(cuadrado.gif) no-repeat; margin-top: 0; padding: 6px 0 2px 24px; border-bottom: 1px solid #090; }

h2.subtitulo { color: #363; background-color: inherit; font-size: 1.1em; margin: 2em 10px 1em 10px; }
h2.titulo_noticia { font-size: .9em; margin: 1em 10px; }
h2.titulo_agenda { color: #363; background-color: inherit; font-size: 1em; margin: 2em 10px 1em 10px; text-align: center; }

.salto { position: absolute; top: -5000px; left: -5000px; }

#contenido p { text-align: justify; font-size: .8em; margin: 1em 10px; line-height: 1.5em; }

#contenido p.presentacion { color: #363; background-color: inherit; line-height: 1.5em; font-size: .9em; }

#contenido p.titulo_resultados { color: #363; background-color: inherit; font-size: .9em; }

#contenido span.resaltado { color: #363; background-color: inherit; font-weight: bold; }

#contenido ul { text-align: left; font-size: .8em; line-height: 1.5em; }
#contenido ol { text-align: left; font-size: .8em; line-height: 1.5em; }
#contenido li { margin-bottom: 1em; }

#contenido img { border: 1px solid #363; }

#contenido dl { font-size: .8em; text-align: left; margin: 1em 20px 2em 20px; }
#contenido dt { margin: .5em 0; }

.una_empresa { position: relative; float: left; clear: both; width: 490px; margin: 1em 0 1em 10px; color: inherit; background-color: #E5F7E4; padding: 1em 10px 0 10px; }
.una_empresa h2 { font-size: .9em; margin: 0 0 1em 0; }
.izda_empresa { position: relative; float: left; width: 205px; text-align: center; margin: 0; padding: 0; }
.dcha_empresa { position: relative; float: right; width: 270px; text-align: left; margin: 0; padding: 0; }

.una_noticia { position: relative; float: left; clear: both; width: 490px; margin: 1em 0 0 10px; border: 1px solid #696; padding: 10px 10px 0 10px; font-size: .9em; }
.una_noticia h2 { font-size: 1em; margin: 0 10px; }
.dcha_noticia { text-align: right; margin: 1em 0; padding: 0; font-size: .8em; }

.un_documento { position: relative; float: left; clear: both; width: 490px; margin: 1em 0 0 10px; border: 1px solid #696; padding: 10px 10px 0 10px; font-size: .9em; }
.un_documento h2 { font-size: 1em; margin: 0 10px; }
.dcha_documento { text-align: right; margin: 1em 0; padding: 0; font-size: .8em; }

#izquierda_agenda { position: relative; float: left; width: 67%; text-align: center; color: #696; background-color: inherit; margin: 0; margin-top: 1em; }
#izquierda_agenda p { color: #363; background-color: inherit; font-weight: bold; text-align: center; font-size: 1em; }
#izquierda_agenda p.seleccion_mes { color: #363; background-color: inherit; font-size: .8em; font-weight: normal; }
#izquierda_agenda a { text-decoration: none; color: #363; background-color: inherit; }
#izquierda_agenda a:hover { color: #696; background-color: inherit; }

#derecha_agenda { position: relative; float: left; width: 32%; text-align: center; color: #696; background-color: inherit; margin: 0; margin-top: 1em; }
#derecha_agenda table { font-size: .7em; margin: 0 auto; text-align: center; vertical-align: middle; border-collapse: collapse; empty-cells: show; border: 1px solid #363; }
#derecha_agenda table th { padding: .2em .5em; color: #FFF; background-color: #696; border: 1px solid #363; }
#derecha_agenda table td { padding: .2em .5em; border: 1px solid #363; }
#derecha_agenda table td.seleccion_evento { color: #FFF; background-color: #696; font-weight: bold; }
#derecha_agenda table td.seleccion_evento a { color: #FFF; background-color: #696; font-weight: bold; text-decoration: none; }
#derecha_agenda caption { display: none; }

#eventos_agenda { position: relative; float: left; clear: both; width: 100%; text-align: center; margin: 1em 0; }
#eventos_agenda table { font-size: .9em; text-align: left; vertical-align: top; border-collapse: collapse; empty-cells: show; border: 1px solid #363; width: 100%; margin: 0 auto; }
#eventos_agenda table th { padding: .3em .5em; color: #FFF; background-color: #696; border: 1px solid #363; text-align: center; }
#eventos_agenda table td { padding: .3em .5em; border: 1px solid #363; vertical-align: top; }
#eventos_agenda caption { display: none; }
#eventos_agenda p { margin-top: 0; margin-bottom: .5em; }
#eventos_agenda p.titulo_evento { color: #363; background-color: inherit; font-weight: bold; }
#eventos_agenda p.cursiva { font-style: italic; text-align: justify; }
#eventos_agenda p.derecha { text-align: right; }
#eventos_agenda a.noenlace_tabla { text-decoration: none; color: #363; background-color: inherit; font-weight: bold; cursor: default; }

.imagen_derecha { float: right; margin-left: 1em; }

.un_video { text-align: center; margin: 2em auto; border: 1px solid #696; }

#contenido form { font-size: .9em; margin: 0; padding: 0; }
#contenido form fieldset { border: 0; margin: 0; padding: 0; }
#contenido form legend { display: none; }
#contenido form label { font-weight: bold; }
#contenido form dt { margin: 10px 0; }
#contenido form dd { margin: 10px 20px; }
#contenido form textarea { font-size: 1em; }
#contenido form .botones { text-align: center; margin: 1em 0; }
#contenido form .botones input { margin: 0 .5em; padding: .1em .5em; border: 1px solid #363; font-weight: bold; font-size: .8em; cursor: pointer; }
#contenido .error_formulario { font-size: 1em; color: #F00; background-color: inherit; }

#contenido .editor { position: relative; float: left; clear: both; text-align: justify; width: 515px; margin: 0 0 1em 10px; font-size: .8em; line-height: 1.5em; padding: 0; }
#contenido .editor li { font-size: 1.2em; text-align: justify; }
#contenido .editor img { float: right; margin: 1em 0 0 0; padding: 0; margin-left: 20px; }

#contenido .resultados { position: relative; float: left; clear: both; text-align: justify; width: 515px; margin: 0 0 1em 10px; font-size: .9em; line-height: 1.5em; padding: 0; border-top: 1px solid #696; border-bottom: 1px solid #696; }

#contenido .menu_productos { position: relative; float: left; clear: both; width: 100%; text-align: left; font-size: .8em; color: #FFF; background-color: #696; margin: 2em 0 0 0; padding: 0; line-height: 2em; }
#contenido .menu_productos a { text-decoration: none; border-right: 1px solid  #FFF; color: #FFF; background-color: #696; font-weight: bold; margin: 0; padding: .3em .4em; }
#contenido .menu_productos a:hover { color: #FFF; background-color: #363; }
#contenido .menu_productos .seleccionado { border-right: 1px solid #FFF; color: #FFF; background-color: #363; font-weight: bold; margin: 0; padding: .3em .4em; }

#contenido .texto_subproductos { position: relative; float: left; clear: both; text-align: justify; width: 96%; margin: 0; padding: 1em 0 1em 1em; font-size: .8em; line-height: 1.5em; border-left: 1px solid #696; }
#contenido .texto_subproductos li { font-size: 1.2em; text-align: justify; }
#contenido .texto_subproductos img { float: right; margin: 0; padding: 0; margin-left: 10px; }

#contenido .paginacion { font-size: .8em; margin: 1em 10px; }
#contenido .paginacion .boton_pagina { font-size: .9em; border: 1px solid #363; color:  #FFF; background-color: #696; font-weight: bold; padding: 0 3px; margin: 0 .2em; cursor: pointer; }
#contenido .paginacion .boton_pagina:hover { color:  #FFF; background-color: #363;  }
#contenido .paginacion .pagina_actual { font-size: .9em; color:  #FFF; background-color: #363; font-weight: bold; padding: 2px 7px; margin: 0 .2em; }

/********************************** DERECHA ***************************************/

#derecha ul { list-style-type: none; border-left: 1px solid #090; margin-left: 0; padding: 0; }
#derecha li { margin: 1em 0 1.5em 1em; }

#derecha p { font-size: .8em; margin: .5em 0; padding: 0;  }

#derecha table { font-size: .7em; margin: 0 auto; text-align: center; vertical-align: middle; border-collapse: collapse; empty-cells: show; border: 1px solid #363; }
#derecha table th { padding: .2em .5em; color: #FFF; background-color: #696; border: 1px solid #363; }
#derecha table td { padding: .2em .5em; border: 1px solid #363; }
#derecha table td.seleccion_evento { color: #FFF; background-color: #696; font-weight: bold; }
#derecha table td.seleccion_evento a { color: #FFF; background-color: #696; font-weight: bold; text-decoration: none; }
#derecha caption { display: none; }
#derecha li.enlace_agenda { font-size: .8em; text-align: right; margin-top: -1em; }

#derecha .banners { text-align: center; margin: 3em 0; }
#derecha .banners img { border: 0; }

#derecha p.dolphin { font-size: .7em; }
#derecha p.dolphin a { color: #666; background-color: inherit; text-decoration: none; }
#derecha p.dolphin a:hover { color: #030; background-color: inherit;text-decoration: underline;  }

/********************************** MAPA WEB ***************************************/
.mapaweb { margin-left: 2em; }
.mapaweb ul { margin-top: 3em; margin-bottom: 2em; list-style-image: url(mapaweb.gif); }
.mapaweb ul ul { margin-top: 1em; margin-bottom: 1em; }
.mapaweb ul ul li { font-size: 1.2em; }
.mapaweb a { color: #000; background-color: inherit; text-decoration: none; }
.mapaweb a:hover { text-decoration: underline; }

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

#pie { 
				position: relative; float: left; clear: both;
				margin: 0; padding: .5em 0;
				width: 100%; 
				background-color: #363; color: #B2B2B2;
				text-align: left; font-size: .8em; font-weight: normal; 
			}


#pie p { margin: 0 1em; display: inline; }
#pie ul { float: right; list-style-type: none; margin: 0 1em; padding: 0; color: #FFF; background-color: inherit; }
#pie li { display: inline; margin: 0; padding: 0 .1em; }
#pie a { color: #FFF; background-color: inherit; text-decoration: none; }
#pie a:hover, span { color: #B7B7B7; background-color: inherit; }




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