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

/* Traer los estilos de la zona de contenidos */
@import url("http://www.alvaroweb.com/p/archivos/estilo-contenido.css");

/* PALETA DE COLORES  
gris 1: #C1C5C6
gris 2: ##A1A6A8
gris 3: #5E6C70 (fondo pagina)
gris 4: #243133

verde 1: #CCCC00
verde 2: #A3A300
verde 3: #7A7A00
verde 4: #525200
verde 5: #292900
*/ 

/* 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-family: inherit;*/
 font-size: 100%;
 line-height: 1; 
 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, body {
height: 100%; width: 100%;
}

body { 
 background: #5E6C70 url(../imagenes/comunes/fondo_degradado.png) repeat-x left top;
 color: black;
 font-family: Tahoma, Arial, Helvetica, sans-serif;

 /*font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;*/
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
 text-align: left;
 position: relative;
}

#arriba {
 /*position: relative;*/
 min-height: 100%;
 height: auto !important; /* Todos y IE7 */
 height: 100%; /* Solo IE6 y anteriores */
 background: url(../imagenes/comunes/fondo_siluetas.png) no-repeat left top;
 margin: 0 0 -180px 0; /* el margen negativo inferior ha de ser igual al alto del #pie */
 /*font-size: 1.1em;*/
}
#web {
 position: relative;
 margin: 0px 30px 0px 253px;
 min-width: 645px;
 padding-top: 30px; padding-bottom: 30px;
 background:  white url(../imagenes/comunes/fondo_petacho.png) repeat-x left top;
}
#cabecero {
 position: relative; top: 10px;
 display: block;
 height: 187px;
 margin: 0 10px 10px 10px;
 background: url(../imagenes/comunes/cabecero_base.jpg) no-repeat left top;
}
#cabecero #aux_flash { margin-top: -20px; }
#cabecero h1, .hotwords {
 font-size: 1em; text-indent: -10000px;
}
#cabecero ul#menu_principal {
 position: relative; top: 20px; left: 250px; width: 135px;
}
#cabecero ul#menu_principal li {
 width: 135px; height: 26px;
 background: url(../imagenes/comunes/menu_ppal_base.png) no-repeat;
 margin-bottom: 3px;
}
#cabecero ul#menu_principal li.seccion_actual {
 color: white; font-size: 1.4em; font-weight: bold;
 height: 21px; padding: 5px 0 0 10px; 

}
#cabecero a {
 display: block;
 color: #CCCC00; font-size: 1.4em; font-weight: bold;
 padding: 5px 0 0 10px; 
}
#cabecero a:hover {
 color: white; 
}

.navegacion_interna { display: none; }

/* Ruta de navegación */
#ruta {
 /**/
 color: #A1A6A8; 
 font-size: 1.1em;
}
#ruta ul {
 margin: 17px 30px /*4*/10px 35px;
}
#ruta li {  
 float: left;
 display: inline-block;
 background: url(../imagenes/comunes/ruta_item.png) no-repeat left 10px;
 margin: 0 2px 2px 0;
 padding: 5px 5px 5px 8px;
 height: auto;
}
#ruta li.titulo {
 background: none; padding: 5px 5px 5px 0;
}
#ruta li.seccion_actual {
 color: #243133; 
 font-weight: bold; 
 padding: 5px 5px 5px 15px;
 background: url(../imagenes/comunes/ruta_flecha.png) no-repeat left 7px;
 height: auto;
}
#ruta a:link, #ruta a:active, #ruta a:visited  { 
 padding: 0; margin: 0;
 color: #A1A6A8; 
}
#ruta a:hover { color: #243133;  }

#ruta ul:after {
 content: ".";
 display: block;
 height: 0;
 clear: left;
 visibility: hidden;
}

/* MENU SECUNDARIO */
#menu_secundario {
 position: absolute; top: 295px; left: /*103*/-150px;
 width: 150px;
 background: white url(../imagenes/comunes/menu_secundario_fondo.png) repeat-y right top;
}
#menu_secundario:before {
 content: url(../imagenes/comunes/menu_secundario_arriba.png);
 height: 9px; width: 150px;
 display: block;
 border: none;
 padding: 0;
 line-height: 0.1;
 font-size: 1px;
}
#menu_secundario:after {
 height: 9px; width: 150px;
 display: block;
 border: none;
 content: url(../imagenes/comunes/menu_secundario_abajo.png);
 padding: 0;
 line-height: 0.1;
 font-size: 1px;
}
#menu_secundario ul {
 margin: 0 8px 0 7px;
}
#menu_secundario li {   
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 1.1em; line-height: 1.3em;
 background: #292900; margin-bottom: 10px; padding: 5px 5px 0 5px;
}
#menu_secundario li.redondeado_activo { 
 /*text-align: right;*/
}
#menu_secundario li.redondeado_activo span{ 
 display: block;
 /*padding: 2px 8px;*/ 
 /*text-align: right;*/
 color: white; 
 line-height: 1.2em;
 padding: 2px 8px 2px 23px; 
 background: url(../imagenes/comunes/icono_flecha_peque.gif) no-repeat 8px 4px;
}
#menu_secundario li a { 
 display: block;
 /*padding: 2px 8px; */
 /*text-align: right;*/
 color: #CCCC00; 
 padding: 2px 8px 2px 23px; 
 background: url(../imagenes/comunes/icono_flecha_peque.gif) no-repeat 8px 4px;
}
#menu_secundario li a:hover { 
 color: white;
}

/* Tags */
.tags { margin: 10px 2px 0 10px; color: #A1A6A8; }
.tags strong, .tags a strong { font-weight: normal; }
.tags a { color: #A1A6A8; }
.tags a:hover { color: #5E6C70; }
.estilo1 { font-size: 1em; }
.estilo2 { font-size: 1.1em; }
.estilo3 { font-size: 1.6em; }
.estilo4 { font-size: 1em; }
.estilo5 { font-size: 1.3em; }
.estilo6 { font-size: 1.8em; }
.estilo7 { font-size: 1.1em; }


/* Buscador */
#buscador {
 display: block;
 width: 125px; height: 34px;
 margin: 0 8px 0 7px;
 padding: 31px 0 0 10px;
 /*color: white;*/
 background: url(../imagenes/comunes/buscador_fondo.png) no-repeat top left;
 line-height: 1em;
}
#buscador label {display: none;}

#buscador input[type$= 'submit'] {
 width: 16px; height: 19px;
 border: none;
 background: url(../imagenes/comunes/buscador_lupa.png) no-repeat top right;
 text-indent: -10000px;
 cursor: pointer;
 vertical-align: top;
 font-size: 0.01em;
 color: #CCCC00;
}
#buscador input[type$= 'text'] {
 font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;
 border: none;
 border-left: solid #CCCC00 6px;
 background: white;
 color: #292900;
 padding: 0.1em;
 margin: 0;
 font-size: 1.1em;
 width: 90px;
}
#descripcion { margin: 0px 60px 20px 270px; }
#descripcion p { color: #A1A6A8; font-size: 1.1em; line-height: 1.3em; }
#descripcion p strong { font-weight: normal; }
#descripcion a { color: #A1A6A8; }
#descripcion a:hover { color: #A1A6A8; }


-->