@charset "utf-8";

/********************************************/
/*						ESTRUCTURA GENERAL					*/
/********************************************/

* { margin: 0;	padding: 0; }
body { font-family:arial,clean,sans-serif; background:url(../../img/05/background.jpg) repeat-x top; background-color:#dce5ab;  text-align:center; }
#pagina{ margin:0 auto; width:998px; font-size:100%; text-align:left; }


/* Algunas clases útiles: */

.float-left { float: left; }
.float-right { float: right; }
.clear { clear:both;margin:0;padding:0; }
.negrita { font-weight:bold; }
.centrado { text-align:center; vertical-align:middle; }
.justificado { text-align:justify; }
a img { border:none; text-decoration:none; }
.euro { font-family:Verdana; font-size:0.8em; font-weight:normal;  }




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

#cabecera { width:998px; }
#logo-small { display:none; }
#logo-principal { width:513px; height:139px; padding-left:30px; }

#banner-cabecera { display:none; position:relative; top:-75px; width:468px; height:60px; margin-top:6px; margin-left:9px; border:solid 1px #8cb9a0; background-color:White; }
#cabecera-fila-1-1 { width:998px; height:10px; font-size:0px; background-color:White;}
/* 
    ---- En el caso de que aparezca un banner superior, habría que sustituir la línea anterior por esta otra, 
    ---- y quitar el "display:none" de #banner_cabecera

#cabecera-fila-1-1 { width:998px; height:80px; font-size:0px; background-color:White;}
*/

#cabecera-fila-1-2 { float:left; width:508px; height:20px; background:url(../../img/05/cabecera-fila-1-1.jpg) no-repeat; }
#cabecera-fila-1-3 { float:left; width:490px; height:20px; background:url(../../img/05/cabecera-fila-1-2.jpg) no-repeat; }
#cabecera-fila-2-1 { float:right; width:424px; height:160px; background:url(../../img/05/cabecera-fila-2-2.jpg) no-repeat; }
#cabecera-fila-2-2 { float:left; width:574px; height:160px; background:url(../../img/05/cabecera-fila-2-1.jpg) no-repeat; }
#cabecera-fila-3-1 { width:998px; height:39px; background:url(../../img/05/cabecera-fila-3-1.jpg) no-repeat; }
#cabecera-fila-4-1 { width:998px; height:11px; background-color:White; font-size:0px; }


/* Menú cabecera */

#cabecera-fondo-menu { width:940px; margin:0 auto; }
.boton-menu-off { float:left; width:187px; height:28px; margin-right:1px; padding-top:10px; text-align:center; background:url(../../img/05/menu-cabecera-off.gif) no-repeat; }
.boton-menu-on { float:left; width:187px; height:28px; margin-right:1px; padding-top:10px; text-align:center; background:url(../../img/05/menu-cabecera-on.gif) no-repeat; }
.ico-logo { float:left; width:18px; height:27px; margin:-4px 0 2px 4px; }
.elem-menu-cabecera { float:left; width:160px; margin-top:2px; text-align:center; font-size:0.8em; font-weight:bold; color:#00652d; }
* html .elem-menu-cabecera { width:150px; }



/********************************************/
/*								CUERPO								*/
/********************************************/

#cuerpo { float:left; width:998px; background-color:#fff; }

#col-1 { float:left; width:227px; }
#col-2 { float:left; width:568px; }
#col-3 { float:right; width:203px; }

.capa_idioma { padding:10px 0 0 20px; }
.capa_idioma img { cursor:pointer; }

.texto-titulo {font-family: century; font-size: 30px; color: #669933; font-weight: bold; font-style: italic;}

/* Menu */

#menu { margin-bottom:11px; }
#menu-fila-1 { width:227px; height:71px; background:url(../../img/05/menu-fila-1.gif); font-size:0px; }
#en-menu-fila-1 { width:227px; height:71px; background:url(../../img/05/en_menu-fila-1.gif); font-size:0px; }
#menu-fila-2 { width:227px; padding:12px 0 8px 0; background:url(../../img/05/menu-fila-2.gif) repeat-y; }
* html #menu-fila-2 { padding-top:8px; }
#menu-fila-3 { width:227px; height:11px; background:url(../../img/05/menu-fila-3.gif); font-size:0px; }

.ico-menu { float:left; width:11px; height:8px; margin-left:24px; margin-right:8px; }
* html .ico-menu { margin-left:12px; margin-right:8px; margin-top:4px; }
.elem-menu-lateral { float:left; width:182px; height:24px; }
* html .elem-menu-lateral { width:172px; height:14px; }
.elem-menu-lateral a { display:inline; color:White; font-size:0.8em; font-weight:bold; text-decoration:none; }
.elem-menu-lateral a:hover { color:#00662f; }


/* Carrito */ 

#carrito { width:197px; height:66px; margin-bottom:11px; padding:12px 0 0 30px; background:url(../../img/05/caja-carrito.gif) no-repeat; }
#ico-carrito-1 { float:left; width:30px; height:31px; margin-top:4px; background:url(../../img/05/ico-carrito-1.gif) no-repeat; font-size:0px; }
#info-carrito-1 { float:left; width:140px; margin-left:8px; }
#titulo-carrito-1 a { color:#fff ; font-size:0.8em; font-weight:bold; }
#contenido-carrito-1 { float:left; color:Black; font-size:0.8em; }

/* Buscador */

#buscador { width:200px; height:60px; padding:18px 0 0 25px; background:url(../../img/05/buscador-fondo.gif) no-repeat; }
#buscador-titulo { font-weight:bold; color:Black; font-size:0.8em; }
#buscador-textfield input.texto { width:154px; border:solid 1px #00642c; }



/* Logo aenor */

#logo_aenor { width:144px; margin-bottom:11px; margin-top:11px; padding-left:40px; }

/* Banner 200x200 Home */

#banner200x200home { float:left; width:198px; height:198px; margin:11px 0 11px 11px; background-color:White; border:solid 1px #a9c31b; }
* html #banner200x200home { margin:11px 0px 11px 6px; }

/* Banner lateral */

/*
#banner-lateral { width:183px; height:84px; margin:0 auto; background:url(../../img/05/banner-lateral.gif) no-repeat; }
#ico-telefono-banner { display:none; }
#telefono-banner { position:relative; top:35px; left:10px; color:black; font-weight:bold; font-size:1.8em; }
*/
#banner-lateral { width:183px; height:84px; margin:0 auto 10px auto; background:url(../../img/05/banner_lateral.png) no-repeat; }
#ico-telefono-banner { display:none; }
#telefono-banner { position:relative; top:35px; left:15px; color:white; font-weight:bold; font-size:1.7em; text-shadow:1px 1px 4px #000; font-family:Tahoma; }


/* Recomendamos */

#recomendamos { margin-top:11px; margin-bottom:11px; }
#recomendamos-cabecera { width:203px; height:29px; font-size:0px; background:url(../../img/05/recomendamos-cabecera.gif) no-repeat; }
#recomendamos-cabecera_en { width:203px; height:29px; font-size:0px; background:url(../../img/05/en_recomendamos-cabecera.gif) no-repeat; }
#recomendamos-cuerpo { width:203px; background:url(../../img/05/recomendamos-cuerpo.gif) repeat-y; }
#recomendamos-pie { width:203px; height:11px; font-size:0px; background:url(../../img/05/recomendamos-pie.gif) no-repeat; }
#recomendamos-margen { width:160px; margin:0 auto; padding-top:11px; }
.recomendamos-ramo { }
/*.recomendamos-ramo-foto { width:55px; height:70px; margin:0 auto; }*/
.recomendamos-ramo-foto { text-align: center; margin: 0px auto 5px auto;}
.recomendamos-ramo-foto img { border:solid 1px #4f941f; }
.recomendamos-ramo-titulo { color:#4f941f; font-weight:bold; font-size:0.8em; margin-bottom:4px; }
.recomendamos-ramo-texto { margin-bottom:8px; font-size:0.75em; color:Black; }
/*.recomendamos-ramo-texto p { font-size:0.75em; color:Black; }*/
.recomendamos-ramo-precio { margin-bottom:8px; color:Red; font-size:1.2em; font-weight:bold; text-align:center; }
.recomendamos-ramo-btn a { display:block; width:112px; height:25px; margin:0 auto; padding:6px 0 0 30px; background:url(../../img/05/recomendamos-ramo-btn.gif) no-repeat; }
.recomendamos-ramo-btn a { color:#437511; text-decoration:none; font-size:0.7em; font-weight:bold; }
.recomendamos-separador { border-bottom:dotted 1px #a8c217; margin:20px 0 20px 0; }



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

#pie {float:left; width:970px; padding:0 0 0 0; color:#ffcc00; text-align:center; /*background:url(../../img/05/pie.gif) no-repeat;*/ }
#pie #cabecera_pie {width: 998px; height:  26px; background-image: url(../../img/05/cabecera_pie.gif); repeat: no-repeat;}
#pie #pie_contenido {padding:0 20px; width: 958px; background-image: url(../../img/05/pie_cuerpo.gif); repeat: repeat-y;}
#pie #pie_contenido a { color:White; font-size:0.7em; text-decoration:none; }
#pie #pie_contenido a { text-decoration:underline; }
#pie #pie_pie {width: 998px; height: 26px; background-image: url(../../img/05/pie_pie.gif); repeat: no-repeat;}