<!--
/* ---------------------------------------------------------  */
/*   Esquema de pagina con pie ajustado abajo                 */
/*   Alvaro Fernandez - info@alvaroweb.com                    */
/*   Código libre del todo                                    */
/* ---------------------------------------------------------  */

/* Resetear las propiedades necesarias para facilitar */
/* la visión homogénea en los diferentes navegadores  */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0;
 border: 0;
 font-weight: inherit; font-style: inherit; font-size: 100%;
 line-height: 1; font-family: inherit;
 text-align: left; vertical-align: baseline; outline: none;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a { text-decoration: none; }

/* ESTRUCTURA PAGINA */
html { height: 100%; }
body { 
 height: 100%;
 background: black url("../imagenes/comunes/fondo_body.jpg") repeat-y left 200px;
 color: #B3B3B3;
 font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;
 font-size: 80%; text-align: left;
}

#web {
 min-height: 100%;
 height: auto !important;  /*Todos y IE7 */
 height: 100%;  /*Solo IE6 y anteriores */
 margin: 0 0 -82px 0;  /*el margen negativo inferior ha de ser igual al alto del #pie */
 background: url("../imagenes/comunes/delineacion.jpg") no-repeat top left;
}
* html #web {height: 100%;}

#bloque_cabecero { float: left; width: 246px;}

#bloque_menu {
 float: left; width: 138px;
 background: url("../imagenes/comunes/menu_fondo.jpg") no-repeat top left;
}
#bloque_contenido {
 margin-left: 384px;
 background: url("../imagenes/comunes/fondo_bloque3.jpg") repeat-x top left;
 padding: 0 40px 30px 40px;
 height: 1%;
}
.fin_contenidos {clear: both; height: 82px;}
#pie {
 height: 42px;
 background: url("../imagenes/comunes/pie_franja.jpg") repeat-x top left;
 margin-left: 384px;
 padding: 12px 10px 10px 40px;
}
#pie h1 {
 font-size: 80%;
 display: block; height: 27px;
 background: url("../imagenes/comunes/pie_logo.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 3px;
}

/* MENU ESTANDAR*/
#menu { padding: 107px 10px 0 0; }
#menu li { margin-bottom: 9px; }
#menu a:link, #menu a:active, #menu a:visited {
 background: url("../imagenes/comunes/boton_activo.jpg") no-repeat center left;
 color: white; font-weight: bold; line-height: 60%;
 padding-left: 40px;
}
#menu a:hover { background: url("../imagenes/comunes/boton_inactivo.jpg") no-repeat center left; }
#menu li.seccion_activa a:link, #menu li.seccion_activa a:active, #menu li.seccion_activa a:visited { 
 background: url("../imagenes/comunes/boton_inactivo.jpg") no-repeat center left;
}


/* ELEMENTOS DE CONTENIDO */
#bloque_cabecero a {
 display: block; width: 246px; height: 131px;
 background: url("../imagenes/comunes/logo-metssa.jpg") no-repeat;
 text-indent: -10000px;
}
/* Titulos de seccion */
h3#seccion1 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_sobre_metssa.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}
h3#seccion2 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_actividades.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}
h3#seccion3 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_equipos.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}
h3#seccion4 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_clientes.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}
h3#seccion5 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_contacto.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}
h3#seccion6 {
 display: block; height: 98px;
 background: url("../imagenes/comunes/titulo_accesibilidad.jpg") no-repeat;
 text-indent: -10000px;
 margin-bottom: 20px;
}

.ayuda_navegacion {display: none;}


/*#D12421 Rojo*/
.contenedor_imagen {
 padding: 0px;
 margin: 0;
 width: 99%;
 overflow: hidden;
 text-align: left;
}
.contenedor_imagen img {
 margin: 0;
 border-top: 4px solid white; 
 border-bottom: 4px solid white;
 display: block;
 margin: 10px 6px 20px 0; 
}
.flota_derecha {
 border-top: 6px solid white; border-bottom: 6px solid white;
 float: right;
 margin-left: 10px;
 margin-bottom: 25px;
 height: 1%;
}
.flota_derecha img {
 display: block;
}

#bloque_contenido p { line-height: 1.6em; margin: 10px 0; }
strong { color: #CECECE; font-weight: bold; }

#bloque_contenido ul { list-style: disc; }
#bloque_contenido li {
 line-height: 1.3em;
 margin: 0 10px 10px 18px;
}
#bloque_contenido ul ul { margin-top: 8px; }

#bloque_contenido li strong {
 display: inline; /*margin-bottom: 10px;*/
 text-transform: uppercase; font-size: 120%;
}
#bloque_contenido li li strong {
 display: block; /*margin-bottom: 4px;*/
 text-transform: none;
}
#bloque_contenido ul.lista_breve li { padding-bottom: 0; line-height: 1em;}
#bloque_contenido h4 { font-size: 160%; color: white; margin: 0 0 10px 0; }
.subbloque {float: left; margin-right: 10px;}
.subbloque_imagenes { display: inline; }
.bloque_logos { background: white; padding: 15px; text-align: center; border: 3px solid #D12421; }
.bloque_logos img { margin: 0 auto; padding: 6px; }
.separador_galeria { height: 20px; margin: 0; padding: 0; }
#bloque_contenido .info_completo {
 display: none; 
 margin-top: 10px; padding: 5px 10px; background: #333333; color: white;
 border-left: 4px solid  #D12421;
 }
#bloque_contenido .info_completo p {margin: 0; padding: 0;} 
#bloque_contenido a.leer_mas { 
 display: inline; position: relative; top: -2px; left: 5px;
}

/* ENLACES */
/* Generales */
#bloque_contenido a, #pie a {  color: #B3B3B3; border-bottom: 1px solid #D12421; }
#bloque_contenido a:hover, #pie a:hover { color: white; border-bottom: 1px solid #D12421; }

.simulacion_enlace {
 color: #B3B3B3; border-bottom: 1px solid #D12421;
}
/* Enlaces con imagen dentro */
#bloque_contenido a.enlace_imagen { border-bottom: none; }
#bloque_contenido a.enlace_imagen:hover { border-bottom: none; }
a.enlace_imagen:link img, a.enlace_imagen:visited img, a.enlace_imagen:active img { 
 border: 3px solid white;
 margin: 0 3px 3px 0;
} 
a.enlace_imagen:hover img { border: 3px solid #D12421;}

a.acceso_clientes { display: block; width: auto; margin: 10px 0 0 0; font-weight: bold;}
.ie6 { height: 1%; }

/* HOME */
body#intro { 
 background: black; text-align: center;
 padding: 0; margin: 0; overflow: hidden;
}
#auxiliar {
 width: 100%; height: 100%;
 padding: 0; margin: 0; display: block;
}
#index {
 width: 434px;
 margin: 0 auto;
 min-height: 100%;
 height: auto !important;  /*Todos y IE7 */
 height: 100%;  /*Solo IE6 y anteriores */
 background: url("../imagenes/comunes/index_logo.jpg") repeat-y center 10px;
 /*background: url("../imagenes/comunes/index_base.jpg") repeat-y center 31px;*/
}
#entrada {
 min-height: 100%;
 height: auto !important;  /*Todos y IE7 */
 height: 100%;  /*Solo IE6 y anteriores */
 width: 434px;
 margin: 0 auto;
 /*background: url("../imagenes/comunes/index_logo.jpg") no-repeat top center;*/
}
* html #index {height: 100%;}
* html #entrada {height: 100%;}
#entrada h1, #entrada h2 { font-size: 50%; text-indent: -10000px; }
#entrada ul { position: relative; top: 242px; left: 201px; }
#entrada li { display: inline; text-align: center; }
#entrada li a { background: black; color: white; padding: 3px 22px; }
#entrada li a:hover { background: #D12421; }
#entrada a.autor { display: none; }

/* ELIMINAR UNA VEZ TERMINADO */
#telefonos {
 position: relative; top: 212px; left: 201px;
 color: #000000;
}
#telefonos strong { color: #000000; }
#construccion { position: absolute; bottom: 30px; left: 50%; }

/* PALETA DE COLORES  
Rojo: D12421
Gris enlaces: B3B3B3
Texto claro: CECECE
Texto oscuro: B3B3B3
*/

-->