@charset "UTF-8";
/* CSS Document */
/*ESTILOS GLOBALES*/
body, html {  background-color:#FFFFFF; background:url(imgs/fondo.gif); height:100%;  margin:0px; padding:0px; font-family:"Century Gothic", Century, Verdana; }

/*ESTILOS CONCRETOS*/
div.contenedor { width:766px; height:630px; position:relative; left:50%; margin:0px 0px 10px -383px; background:url(imgs/fons_tot2.png) no-repeat 0px 93px;}
div.home { background:url(imgs/fons_home.png) no-repeat 0px 130px;}
div.altura_index{ height:630px; overflow:hidden;}
/*CABECERA*/
div.contenedor div.cabecera { position:absolute; top:0px; margin:0px; padding:0px;}

div.contenedor div.botonera { position:absolute; top:105px; color:#000000; font-size:14px; width:766px;}
div.contenedor div.botonera a { color:#FFFFFF; text-decoration:none; }
div.contenedor div.botonera a:hover {text-decoration:underline;}
div.contenedor div.botonera ul { list-style:none; margin:0px; padding:0px 0px 0px 0px; position:relative; background:url(imgs/fondo_botonera.gif) repeat-x; width:100%; height:25px;}
div.contenedor div.botonera ul li { float:left; border-left:1px solid #000000; text-align:center; padding:0px 24px 4px 24px;}
div.contenedor div.botonera ul li.primero { border-left:none; }
div.contenedor div.botonera ul li.ancho { width:130px; }


/*HOME*/
div.contenedor div.texto { position:absolute; top:525px; width:740px; color:#FFFFFF; font-size:11px; line-height:18px; /*background-color:#191919;*/ padding:12px 12px 0px 12px; }
/*div.contenedor div.textoindex{position:absolute; bottom:10px;}*/
div.contenedor div.texto div.columna_izq {width:582px; border-right:1px solid #4d4d4d; padding-bottom:12px; padding-right:13px; text-align:justify; }
div.contenedor div.texto div.columna_izq h1{ font-size:11px; line-height:18px; margin-top:0px;}
div.contenedor div.texto div.columna_der { width:132px; float:right;  }
div.contenedor div.texto div.columna_der a{ color:#FFFFFF; text-decoration:none; }
div.contenedor div.texto div.columna_der a:hover{ text-decoration:underline; }
div.contenedor div.hierba { margin-top:-20px;}

div.contenedor div.flash { position:absolute; top:127px;}
/*bebe-Bego*/
div.contenedor div.posicion_inferior { position:absolute; bottom:0px; width:100%;}
div.contenedor div.linea { background:url(imgs/lineaBlanca.gif) repeat-x;}
div.contenedor div.medio {position:absolute; width:766px; top:127px; /*background-color:#191919;*/ padding-top:30px;}
div.contenedor div.medio div.derecha { position: absolute; right:0px; top:20px; font-size:11px; line-height:18px;text-align:center; margin-top:0px; margin-right:10px; width:235px; height:450px; } 
div.contenedor div.medio div.derecha img { margin-right:10px;}
div.contenedor div.medio div.derecha ul { color:#FFFFFF; height:300px; overflow:auto; margin:0px; list-style:none; margin:0px; padding:0px; }
div.contenedor div.medio div.derecha ul li{ padding:0px 10px 0px 0px; margin:0px;}
div.contenedor div.medio div.derecha a {color:#FFFFFF;padding: 10px 10px 0px 0px;}
div.contenedor div.medio div.derecha div.precio {margin: 27px 0px 0px 0px; text-align:center;}

div.contenedor div.medio div.central { position:absolute; top:20px; left:250px;  width:245px; color:#FFFFFF; margin-top:0px; padding:0px;}
div.contenedor div.medio div.central h1{ font-size:15px; line-height:20px; padding:1px; padding-bottom:9px; margin:0px;}
div.contenedor div.medio div.central img.productogourmet { margin:11px 0px 9px 0px; border:8px solid #FFFFFF; border-bottom:30px solid #FFFFFF;}
div.contenedor div.medio div.central img.productobebe { margin:11px 0px -13px 0px; border:8px solid #FFFFFF; border-bottom:30px solid #FFFFFF;}
div.contenedor div.medio div.central img.productoregalo { margin:11px 0px -13px 0px; border:8px solid #FFFFFF; border-bottom:30px solid #FFFFFF;}
div.contenedor div.medio div.central div.comprar { text-align:center; border:0px;}
div.contenedor div.medio div.central div.comprar a { outline:none;}

div.contenedor div.izquierda{ position:absolute; left:0px; top:20px; width:190px; padding:0px 12px 0px 20px; text-align:center; font-size:10px; color:#FFFFFF;}
div.contenedor div.izquierda table tr td { padding:0px 2px 0px 2px;}
div.contenedor div.izquierda table tr td img{ border:#FFFFFF solid 2px;}
div.contenedor div.izquierda table tr td img.seleccionado{ border:red solid 2px;}
div.contenedor div.izquierda div.numeros { margin-top:4px;}
div.contenedor div.izquierda div.numeros a{ color:#FFFFFF; }
div.contenedor div.pie { position:absolute; bottom:5px; font-size:11px; list-style:none; text-align:center; padding:3px 0px 3px 0px; color:#FFFFFF; border-top:2px solid white; width:100%;}
div.contenedor div.pie a { color:#FFFFFF; text-decoration:none;}
div.contenedor div.pie a:hover { text-decoration:underline;}

/*variedades bego*/
div.contenedor div.texto_variedades { position:absolute; text-align:center; top:122px; width:740px; color:#FFFFFF; font-size:12px; line-height:18px; /*background-color:#191919;*/ padding:12px 12px 0px 12px; }
/*div.contenedor div.textoindex{position:absolute; bottom:10px;}*/
div.contenedor div.texto_variedades p{ margin:0px 12px 0px 12px; text-align:justify;}
div.contenedor div.texto_variedades div.variedades{ margin-left:12px;text-align:left; font-size:11px; line-height:20px;}
div.contenedor div.texto_variedades div.variedades ul { margin:0px; padding:0px; list-style:none; text-align:center;}
div.contenedor div.texto_variedades div.variedades ul li { margin:0px; padding:0px;}
div.contenedor div.subvariedades{ font-size:14px; padding:20px 2px 0px 20px; height:400px; overflow:auto; margin-top:10px;}

div.contenedor div.opciones{ position:absolute; bottom:40px; width:100%; }
div.contenedor div.opciones a{ color:#FFFFFF; text-decoration:none; font-size:12px;}
div.contenedor div.opciones a:hover{ text-decoration:underline;}
div.contenedor div.volver2{ position:absolute; right:0px; text-align:right; margin-right:140px; width:150px; }
div.contenedor div.volver{ margin-left:140px; width:150px; }

/*empresa*/
div.contenedor div.textoempresa { float:right; width:350px;color:#FFFFFF; font-size:12px; line-height:18px; margin-right:25px; text-align:justify;}
div.contenedor div.textoempresa a{  color:#FFFFFF; text-decoration:none;}
div.contenedor div.textoempresa a:hover{  color:#FFFFFF; text-decoration:underline;}
div.contenedor div.textoempresa p{ margin-top:-5px; }
div.contenedor div.textoempresa div.logo { margin-left:-35px; }
div.contenedor div.medio div.foto{ position:absolute; left:0px ; top:20px;  margin: 8px 0px 0px 25px;}
div.contenedor div.medio div.mapa{ margin-left:25px;}
/*contactar*/
div.contenedor div.textoentrega div.contactar{text-align:center;}

/*entrega*/
div.contenedor div.medio div.textoentrega{ color:#FFFFFF; height:440px; overflow:auto; font-size:12px; line-height:18px; padding:0px 25px 0px 25px; text-align:justify;}
div.contenedor div.medio div.textoentrega ul{ padding:0px 0px 0px 10px; margin:0px;}
div.contenedor div.medio div.textoentrega div.barcelona{float:right; width:400px;}


/*pedidos*/
div.contenedor div.pedido{height:410px; overflow:auto;} 
div.contenedor div.pedido table{ width:600px; margin:5px 5px 30px 40px; font-size:12px;}
div.contenedor div.pedido p{ margin-left:45px;}
div.contenedor div.pedido table tr td{ text-align:left; padding:5px; vertical-align: text-top;}
div.contenedor div.pedido h2{ font-weight:normal; font-size:12px; color:#000000; padding:0px 5px 0px 5px; border:solid white 1px; width:200px; margin-left:7%; margin-top:10px;}
div.contenedor div.pedido h2 a{ text-decoration:none;}
div.contenedor div.pedido h2 a:visited{color:#FFFFFF; text-decoration:none;}

div.contenedor div.pedido table tr td.caja{ text-align:right;}
div.contenedor div.pedido table tr td.feli input{ height:50px; width:454px;}

/*regalo-variedades cosmeticas*/
div.contenedor div.izquierda div.cosmeticas{padding:4px 0px 4px 0px; width:170px; margin-top:50px; }
div.contenedor div.izquierda div.cosmeticas a{ color:#FFFFFF; font-size:12px;}
div.contenedor div.izquierda div.cosmeticas a:hover{ text-decoration:none;}
div.contenedor div.izquierda div.cosmeticas a:visited{ color:#FFFFFF;}

div.contenedor div.texto_variedades div.cos{ text-align:center; margin-top:30px;}
div.contenedor div.texto_variedades div.cos img{ padding-top:3px;}
div.contenedor div.texto_variedades div.cos img.titulo{ border-bottom:solid white 1px; border-top:solid white 1px; padding: 0px 105px 0px 105px; margin-left:-10px;}

/*mapa web*/
div.contenedor div.medio div.textoentrega ul{list-style:none; }
div.contenedor div.medio div.textoentrega a{color:#FFFFFF; text-decoration:none;}
div.contenedor div.medio div.textoentrega a:hover{ text-decoration:underline;}
div.contenedor div.medio div.textoentrega a:visited{ color:#FFFFFF;}
div.contenedor div.medio div.textoentrega div.logo{ margin-left:-25px;}