/* productos*/ #contenido { margin: 0em auto 0em auto; text-align: left; } #contenedorPortadaProductos { width: 100%; margin: 0px 0px 0px 20px; overflow: hidden; clear: both; } #contenedorPortadaProductos div { float: left; width: 296px; margin-bottom: 15px; } #contenedorPortadaProductos div ul { margin: 20px 0px 0px 0px; padding-bottom: 15px; background-image: url(/img/productos/fondoColumnaProductos.png); background-repeat: no-repeat; background-position: bottom; } #contenedorPortadaProductos div ul li.cabeceraListado { padding: 0em; background: none; } #contenedorPortadaProductos div ul li { padding: 0px 0px 20px 10px; background-color: #ffffff; background-image: url(/img/productos/separador.jpg); background-repeat: repeat-x; background-position: left bottom; } #contenedorPortadaProductos div ul li.primero { padding-top: 8px; } #contenedorPortadaProductos div ul li a { display: block; } #contenedorPortadaProductos div ul li a.ocultar { display: none; } #contenedorPortadaProductos div ul li img { vertical-align: top; border: none; } div.otrasGamas { margin: 10px 0px 10px 30px; overflow: hidden; clear: both; } div.otrasGamas span.titular { display: block; margin: 0px 0px 5px 0px; color: #ffffff; font-family: 'Century Gothic', Tahoma, Verdana; font-size: 1.6em; } div.otrasGamas ul { margin: 0em 0em 0em 10px; overflow: hidden; clear: both; } div.otrasGamas ul li { padding: 0px 0px 3px 0px; overflow: hidden; } div.otrasGamas ul li a { display: inline-block; padding: 2px 5px 2px 5px; color: #ffffff; font-size: 1.1em; background-color: #810000; text-decoration: none; } div.otrasGamas ul li a:hover { background-color: #000000; } #colIzquierdaProductosPortada { margin: 0px 30px 0px 0px; } #colCentralProductosPortada { margin: 0px 30px 0px 0px; } #menuProductos { float: left; width: 34.5em; margin: 30px 0px 0px 0px; background-image: url('/img/productos/fondoColumna.png'); background-repeat: no-repeat; } #menuProductos img.menuProductosCabecera { float: left; margin-top: -28px; vertical-align: top; border: none; } #menuProductos ul.menuProductos { width: 296px; margin: 0px 0px 0px 30px; background-color: #ffffff; clear: both; } #menuProductos ul.menuProductos li { padding: 0px 0px 3px 20px; color: #000000; overflow: hidden; } #menuProductos ul.menuProductos li.titularSubcategoria { display: block; margin: 10px 0px 0px 24px; padding: 8px 20px 3px 0px; color: #000000; font-family: 'Century Gothic', Tahoma, Verdana; font-size: 1.6em; text-align: right; background-image: url(/img/productos/fondoSubcategoriasProductos.jpg); background-repeat: no-repeat; } #menuProductos ul.menuProductos li a { display: block; margin: -15px 20px 0em 30px; padding: 2px; color: #996533; font-size: 1.2em; text-decoration: underline; } #menuProductos ul.menuProductos li a:hover { color: #ffffff; text-decoration: none; background-color: #810000; } #menuProductos ul.menuProductos li a.activo { color: #ffffff; text-decoration: none; background-color: #810000; } #menuProductos img.pie { margin-left: 30px; } /* Ficha y destacados */ #contenedorContenidoProductos { float: right; width: 60em; margin: 45px 0em 0em 0em; padding: 0em 1em 0em 0em; overflow: hidden; } #columnaDerechaProductos img.esquinas { float: left; width: 60em; vertical-align: top; border: none; } #contenedorFicha { width: 570px; margin: -2px 0px 0px 0px; padding: 0em 15px 10px 15px; background-color: #ffffff; overflow: hidden; clear: both; } #contenedorFicha h2 { float: left; width: 22em; padding-bottom: 0em; color: #aa0000; font-size: 1.5em; } #contenedorFicha h2.productoConcreto { float: left; color: #aa0000; font-size: 1.8em; text-transform: none; } #contenedorFicha h2#subtituloSubcategoria { float: left; padding: 2px 0px 0px 0px; width: 11.5em; color: #000000; font-size: 1.4em; text-align: right; text-transform: none; } /* Estilos para la pestana de la ficha de productos */ dl#pestanaFicha { overflow: hidden; clear: both; } dl#pestanaFicha dt img { float: right; } dl#pestanaFicha dd { float: right; display: inline-block; padding: 0.2em 0.5em 0.2em 0.1em; color: #000000; font-size: 1.5em; font-family:"Century Gothic",Tahoma,Verdana; font-weight: bold; background-color: #e7e7e7; } #subcontenedorFicha { width: 540px; margin-right: 10px; padding: 10px 15px 10px 15px; background-color: #e6e6e6; overflow: hidden; clear: both; } #subcontenedorFicha p { float: left; margin: 0em; padding: 3px 0em 0em 95px; color: #403942; font-size: 1.1em; clear: both; } #subcontenedorFicha p strong { font-size: 1.1em; color: #403942; } #subcontenedorFichaIzquierda { float: left; width: 28.8em; margin-right: 10px; background-color: #ffffff; } #subcontenedorFichaIzquierda img { float: left; } html>body #subcontenedorFichaIzquierda img#destacadoEstrella { position: absolute; margin: -18px 0px 0px -295px ; z-index: 110; } #subcontenedorFichaDerecha { float: right; width: 23.7em; } #subcontenedorFichaDerecha h3 { padding-bottom: 5px; color: #aa0000; font-size: 1.1em; } #subcontenedorFichaDerecha dl { width: 21.7em; padding: 10px; background-color: #f2f2f2; overflow: hidden; clear: both; } #subcontenedorFichaDerecha dt { float: left; width: 10.5em; padding: 0.3em 0em 0.3em 0em; color: #403942; font-size: 1.1em; font-weight: bold; text-align: right; text-transform: uppercase; border-bottom: 1px solid #cecdcf; } #subcontenedorFichaDerecha dd { float: left; width: 8em; padding: 0.3em 0em 0.3em 1em; color: #996533; font-size: 1.1em; color: #996533; border-bottom: 1px solid #cecdcf; } #subcontenedorFichaDerecha a { display: block; margin-top: 10px; } #subcontenedorFichaDerecha a img { float: right; } #subcontenedorFichaDerecha a.btnVerTienda { display: inline-block; padding: 0.2em 0.5em 0.3em 0.6em; font-size: 1.1em; } /* Fin */ /* Estilos de la ficha productos sección atributos y contacto */ #contenedorIzquierdaProductosDestacados { width: 60em; overflow: hidden; clear: both; } #izquierdaProductosDestacados { float: left; width: 27.2em; margin: 20px 0px 0px 0px; padding: 0px 46px 0px 0px; } #destacadoReceta { margin: 20px 0px 0px 0px; padding: 80px 10px 20px 0px; width: 27.5em; background-image: url(/img/productos/fondoRecetasProductos.jpg); background-repeat: no-repeat; overflow: hidden; } #destacadoReceta p { width: 15em; margin: -35px 0em 0em 70px; padding: 0em 0px 0em 28px; color: #ffffff; font-size: 1.1em; text-align: right; } #destacadoReceta a { float: right; display: inline-block; margin: 5px 10px 0em 0em; padding: 1px 6px 2px; color: #ffffff; font-size: 1.1em; text-decoration: none; background-color: #810000; } #destacadoReceta a:hover { background-color: #000000; } #destacadoElaboracion { margin: 15px 0px 10px 0px; overflow: hidden; clear: both; } #destacadoElaboracion ul { width: 100%; overflow: hidden; } #destacadoElaboracion ul li { padding: 0px 0px 15px 0px; } #derechaProductosDestacados { float: right; width: 24em; margin: 20px 0px 0px 0px; padding: 0em; } #contenedorContacto { float: right; width: 24em; margin-top: 0em; padding-right: 0em; } #contenedorContacto h2 { color: #ffffff; font-family: 'Century Gothic', Tahoma, Verdana; font-size: 1.6em; } #contenedorContacto p { color: #ffffff; font-size: 1.1em; margin-top: 5px; padding: 0px 0px 5px 0px; line-height: 1.3em; } #contenedorContacto form { padding: 0em 0em 2em 0em; } #contenedorContacto form legend { display: none; } #contenedorContacto form p { padding:0; margin:2px 0 0 0;} #contenedorContacto form label { color: #FFFFFF; font-size: 0.9em; font-weight: normal; text-transform:uppercase; } #contenedorContacto form input { width: 18.5em; padding: 0.1em 0.3em 0.1em 0.3em; color: #403942; font-size: 1.1em; border: 1px solid #bea071; } #contenedorContacto form input#producto, #contenedor-contacto form input#referencia { color: #000000; font-weight: bold; } #contenedorContacto form input.form-error-1 { color: #550000; font-weight: normal; background-color: #ba9f72; } #contenedorContacto form textarea.form-error-1 { color: #550000; font-weight: normal; background-color: #ba9f72;} #contenedorContacto form textarea { width: 18.5em; padding: 0.1em 0.3em 0.1em 0.3em; color: #403942; font-size: 1.1em; border: 1px solid #bea071; overflow: hidden; } #contenedorContacto form input#btn-enviar { float: right; width: 60px; margin: 10px 5px 0px 0px; border: none; } #contenedorFormErrores { margin-bottom: 1em; padding: 1em; background-color: #960001; overflow: hidden; clear: both; } #contenedorFormErrores h3 { padding: 0.1em 0em 0.3em 2em; color: #b8a072; font-size: 1.2em; background-image: url(/img/contacto/stop.gif); background-repeat: no-repeat; } #contenedorFormErrores h4 { color: #ffffff; font-size: 1.1em; } #contenedorFormErrores ul li { padding: 0.3em 0em 0em 2em; color: #ffffff; font-size: 1.1em; } /* Estilos para la gestión de errores del formualrio de contacto */ #contenedor-form-errores, #contenedor-form-errores-presupuesto { margin-left: 0em; margin-bottom: 1em; padding: 1em; background-color: #960001; overflow: hidden; clear: both; } #contenedor-form-errores-presupuesto { width: 46.5em; margin-left: 5em; } #contenedor-form-errores h3, #contenedor-form-errores-presupuesto h3 { padding: 0.1em 0em 0.3em 2em; color: #b8a072; font-size: 1.2em; background-image: url(../imagenes/stop.gif); background-repeat: no-repeat; } #contenedor-form-errores-presupuesto h3 { font-size: 1.4em; } #contenedor-form-errores ul li, #contenedor-form-errores-presupuesto ul li { padding: 0.3em 0em 0em 2em; color: #ffffff; font-size: 1.1em; } #envioCorrecto h4 { color: #ffffff; font-size: 1.1em; } /* Fin Estilos para la gestión de errores del formulario de contacto */ /* Fin de los estilos de la ficha de productos sección atributos y contacto */