<!--
/* ---------------------------------------------------------  */
/*   Alvaro Fernandez - info@alvaroweb.com                    */
/*   Código libre del todo                                    */
/* ---------------------------------------------------------  */

/* Traer los estilos de la zona de contenidos */
@import url("estilo-contenido.css");

/* 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 */
body {
 background: #19962E;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
}
#web { 
 display: block;
 background: white url(../imagenes/comunes/cabecero-relleno.jpg) repeat-x top left;
 padding: 0 3% 0 3%;
}
#web:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }/* Limpia flotacion */

#cabecero {
 clear:both;
 float:left;
 width:100%; height: 191px;
 background: url(../imagenes/comunes/cabecero-herboristeria-alga.jpg) no-repeat top center;
 margin-bottom: 15px;
}
#cuerpo {
 position:relative; /* Arregla el IE7 overflow hidden bug */
 clear:both;
 float:left;
 width:100%; 
 overflow:hidden; 
 /*background: pink;  background color exterior de la columna derecha*/
}
#contenedor {
 float:left;
 width:100%;
 position:relative;
 right:70%; /* ancho de la columna dcha */
 /*background: red;  background color exterior de la columna izda */
}
#col1 {
 float:left;
 position:relative;
 padding:0 0 1em 0;
 overflow:hidden;
 /*width:71%;  right column content width */
 /*left:102%;  100% plus left column left padding */
 width:70%; /* ancho del contenido de la columna derecha */
 left:100%; /* 100% mas el padding izdo de la columna izda */
}
#col2 {
 float:left;
 position:relative;
 padding:0 0 0 0;
 overflow:hidden;
 /*width:21%;  left column content width (column width minus left and right padding) */
 /*left:6%;  (right column left and right padding) plus (left column left padding) */
 width:28%; /* ancho del contenido de la columna izda (ancho de la columna menos padding izdo y dcho) */
 left:0%; /* (padding izdo y dcho de la columna dcha) mas (paddin izdo de la columna izda) */
 background: #8CCA96;
 margin-top: 24px;
}
#pie {
 clear:both;
 float:left;
 width:100%; height: 130px;
 background: url(../imagenes/comunes/pie_relleno.jpg) repeat-x top left;
 border-top: 25px solid white;
}
#pie #alga {
 float: left;
 width: 31%; height: 130px;
 background: url(../imagenes/comunes/pie_alga.jpg) no-repeat top right;
}
#pie #contenido_pie {
 float: left;
 width: 67%; height: 130px;
 background: url(../imagenes/comunes/pie_bloque.jpg) no-repeat top left;
}
#pie #contenido_pie a#corpo_novo {
 display: block; width: 235px; height: 57px;
 background: url(../imagenes/comunes/corponovo.jpg) no-repeat top left;
 margin: 22px 0 10px 200px;
 text-indent: -10000px;
}

#pie #enlaces_pie { display: block; padding-bottom: 15px; margin: 5px 10px 5px 200px; }
#pie #enlaces_pie li { display: inline; }
#pie #enlaces_pie li a { 
 display:block;height: 1%;
 float:left;
 font-size: 1.1em; font-weight: bold;
 border-bottom: 1px solid #19962E;
 color: white;
 margin: 3px; padding-bottom: 2px;
}
#pie #enlaces_pie li a:hover {  border-bottom: 1px solid white; }
#pie h1 { 
 clear: left;
 font: 3em/1em "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif; 
 color: #C1C5C6; margin: 10px 20px 0 27%; 
}


/* CONCRETO */
.navegacion_interna { display: none; }

#cabecero h1 { 
 text-indent: -10000px;
}
#cabecero p.hotwords { 
 text-indent: -10000px;
}

p#ruta {
 color: #0E3183;
 padding: 0 20px 10px 20px;
 font-size: 1.1em; line-height: 1.3em;
}
p#ruta a { color: #8698C1; }
p#ruta a:hover { color: #0E3183; }
p#ruta .seccion_actual { color: #0E3183; font-weight: bold; }

/* BLOQUE MENU */
#col2 #titulo_menu {
 position: relative;
 background: #158028 url(../imagenes/comunes/menu_esquina.jpg) no-repeat top left; 
 color: white;  padding: 10px 15px; margin-bottom: 15px;
}
#col2 #titulo_menu p { font-size: 1em; line-height: 1.2em; text-transform: uppercase; font-weight: bold;}
#col2 #titulo_menu div {
 display: block; position: absolute; top: 0; right: 0;
 background: url(../imagenes/comunes/menu_esquina_dcha.jpg);  
 height: 9px; width: 9px;
 margin: 0; padding: 0;
}

#col2 #fin_menu {
 position: relative;
 background: #158028 url(../imagenes/comunes/menu_esquina_inferior_izda.jpg) no-repeat bottom left; 
 height: 9px;
}
#col2 #fin_menu div {
 display: block; position: absolute; top: 0; right: 0;
 background: url(../imagenes/comunes/menu_esquina_inferior_dcha.jpg);  
 height: 9px; width: 9px;
 margin: 0; padding: 0;
}


/* MENU */
#col2 ul { margin: 8px; }
#col2 ul ul { margin: 0 0 0 5%; }
#col2 ul li { margin-bottom: 3px; }
#col2 ul ul li { margin-bottom: 0px; }

#col2 ul li a { /* Nivel 1 */
 display: block;
 padding: 6px 10px 6px 25px;
 background: white url(../imagenes/comunes/menu_icono_inactivo.jpg) no-repeat 5px 4px; color: #158028; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}
#col2 ul li a:hover { 
 border-left: 6px solid white; color: white; 
 background: #19962E url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 4px;
}

#col2 ul ul li a { /* Nivel 2 y sucesivos*/ 
 display: block;
 padding: 6px 10px 6px 25px;
 background: white url(../imagenes/comunes/menu_icono_inactivo.jpg) no-repeat 5px 4px; color: #158028; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}
#col2 ul ul li a:hover { 
 border-left: 6px solid white; color: white; 
 background: #19962E url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 4px;
}

#col2 ul li.seccion_activa > a:first-child { /* Primer enlace dentro de la seccion activa (Nivel 1) */
 display: block;
 padding: 6px 10px 6px 25px;
 background: #D1EAD5 url(../imagenes/comunes/menu_icono_ruta.jpg) no-repeat 5px 4px; color: #158028; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}
#col2 ul li.seccion_activa > a:first-child:hover {
 border-left: 6px solid white; color: white; 
 background: #19962E url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 4px;
}

#col2 ul ul li.seccion_activa > a:first-child { /* Primer enlace dentro de la seccion activa (Nivel 2 y sucesivos) */
 display: block;
 padding: 6px 10px 6px 25px;
 background: #D1EAD5 url(../imagenes/comunes/menu_icono_ruta.jpg) no-repeat 5px 4px; color: #158028; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}
#col2 ul ul li.seccion_activa > a:first-child:hover { 
 border-left: 6px solid white; color: white; 
 background: #19962E url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 4px;
}

#col2 ul li.seccion_actual { /* Seccion actual sin enlace (nivel 1) */
 display: block;
 padding: 6px 10px 6px 25px;
 background: #47AB58 url(../imagenes/comunes/menu_icono_activo.jpg) no-repeat 5px 4px; color: white; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}
#col2 ul ul li.seccion_actual { /* Seccion actual sin enlace (Nivel 2 y sucesivos)) */
 display: block;
 padding: 6px 10px 6px 25px;
 background: #47AB58 url(../imagenes/comunes/menu_icono_activo.jpg) no-repeat 5px 4px; color: white; 
 font-size: 1.1em; line-height: 1.1em; font-weight: bold;
 border-left: 6px solid #158028;
}

/* Estanteria */
#estanteria {
 position: relative;
 display: block; height: 163px;
 margin: 8px; 
 background: #47AB58 url(../imagenes/comunes/estanteria.jpg) repeat-x; 
}
#estanteria #borde {
 position: absolute; top: 0; right: 0;
 display: block; width: 6px; height: 163px;
 background: #47AB58 url(../imagenes/comunes/estanteria_borde.jpg) no-repeat; 
}


/* Buscador */
#buscador {
 display: block;
 margin: 15px 0 0 0;
 padding: 10px 10px 0px 10px;
 background: #158028;
}
#buscador fieldset { border: none; }
#buscador label { display: none; }
#buscador input[type$= 'submit'] {
 width: 16px; height: 19px;
 border: none;
 background: url(../imagenes/comunes/lupa.jpg) 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;
 background: white;
 color: #158028;
 padding: 0.1em 0.1em 0.1em 0.3em;
 margin: 0;
 font-size: 1.1em;
 width: 80%;
}

/* RSS */
#rss {
 overflow: auto;
 display: block;
 margin: 0 0 0 0;
 padding: 5px 10px 0 3px;
 background: #158028;
}
#rss a { float: left; margin: 6px 0px 0 4px; }
#rss a:hover {  }
#rss p { color: white; margin: 8px 10px 0 0;}

#rss:after{ content:""; display:block; clear:both; height:0; visibility:hidden; }
* html #rss { height:1%; }


/* ELEMENTOS DE CONTENIDO */

#contenido {padding-bottom: 10px; background: #E6EAF2; position: relative;}
#dentro_contenido {margin: 10px 22px;}
.fin_contenido { clear: both; }

/* MENSAJES DE ERROR */
.info_ok { display: block; background: #158028; padding: 10px 20px; color: white; }
.info_error { display: block; background: #990000; padding: 10px 20px; color: white; }
.info_ok p, .info_error p { font-size: 2em; }

/* RESULTADOS DE BUSQUEDA */
#search_results {
 background: #8698C1; color: white;
 margin: 10px 0 0 0;
 padding: 20px 20px 20px 20px;
 border-top: 15px solid white;
}
#search_results .aux { }
#search_results h2 {
 display: block;
 color: white; 
 font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;
 font-size: 2.3em; line-height: 1em; font-weight: lighter; text-transform: uppercase;
 padding: 0 20px 5px 10px; margin: 0 0 10px 0;
}
#search_results p { margin-bottom: 10px;}
#search_results .numero {
 background: white; color: #3E5A9C; 
 font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif;
 font-size: 1.4em; line-height: 1.4em; font-weight: bold; 
 padding: 5px 10px;
}
#search_results li {
 background: white; color: #3E5A9C;
 margin: 0 0 10px 0; padding: 7px 15px 5px 15px;
}
#search_results p.tipo_resultado { margin-left: 15px; font-size: 1.1em; }
#search_results .titulo_resultado { display: block; margin: 0; font-size: 1.1em; line-height: 1em; font-weight: bold; } 
#search_results .extracto_resultado { display: block; margin: 5px 0; font-size: 1.1em; }
#search_results .ruta_resultado { display: block; margin-bottom: 5px; }

#search_results .titulo_resultado a { color: #3E5A9C; font-weight: bold; }
#search_results .titulo_resultado a:hover { color: #0E3183; border-bottom: 1px solid #8698C1;  }

#search_results .ruta_resultado a { color: #3E5A9C;  }
#search_results .ruta_resultado a:hover { color: #0E3183; border-bottom: 1px solid #8698C1;  }

#search_results .extracto_resultado a { color: #8698C1; }
#search_results .extracto_resultado a:hover  { color: #0E3183; border-bottom: none; }

#search_results a.cerrar_search_results {
 float: right; height: 14px; width: 14px;
 margin: 0;
 background: url(../imagenes/comunes/boton_cerrar.gif) no-repeat center right;
 border-bottom: none;
 text-indent: -10000px;
}
#search_results p.nueva_busqueda { font-size: 1.1em; margin-left: 10px; margin-bottom: 0;}
#search_results p.nueva_busqueda a { color: white; font-weight: bold; }
#search_results p.nueva_busqueda a:hover { color: white; border-bottom: 1px solid #8698C1; }
/* FIN Resultados busqueda */

/* RESALTADO */
#contenido span.resaltado,  #contenido ul span.resaltado, #contenido li span.resaltado, 
#contenido strong span.resaltado, #contenido h2.titulo_seccion .resaltado
{ background: green; color: white; font-weight: bold; }


-->