/* css reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{
border-collapse: collapse;
border-spacing: 0}
html {
min-height: 100% !important;
margin-bottom: 1px;
overflow-y: scroll}
/* end css reset */
ul.lineal li{display: inline}
.clear {clear: both}
p.derecha {text-align: right}
p.centrado{text-align: center}
a{outline: 0 !important}
body {
font-size: 11px;
font-style: normal;
font-family: Verdana, Helvetica, sans-serif;
background: #edecf4;
color: #666}
a{color: #666}
a:hover{
color: #6055bE;
text-decoration: none}
a.selected{text-decoration: none}
span.corporativo{
font-weight: bold;
color: #4e4282}
#contenedor{
width: 963px;
text-align: left;
margin: 0 auto;
padding: 15px 0 0 0;
position: relative}
#contenedor h1{
position: absolute;
top: 135px;
left: 23px;
float:left}
.js h1.home{visibility: hidden}
#contenedor h1 a{float: left}
#contenedor-cabecera{}
#cabecera{
overflow: hidden;
/* margin: 0 0 12px 0;*/
/* margin: 0 0 7px 0;*/
margin: 0 0 8px 0;
position: relative}
ul#navegacion-superior{
float: right;
padding: 0 3px 8px 30px;
background: url(/img/objects/arrow-lila-bg-blue.png) no-repeat top left}
ul#navegacion-superior li{
float: left;
margin: 3px 0 0 0px;
background: url(/img/objects/separador-menu-top.png) no-repeat top left;
padding: 0 10px 2px 14px}
ul#navegacion-superior li.primera{
background: none;
padding-left: 0}
ul#navegacion-principal{
height: 45px;
float: left;
/* margin: 20px 0 0 246px;*/
/* margin: 25px 0 0 246px;*/
margin: 24px 0 0 246px;
width: 730px;
}
ul#navegacion-principal li{
float: left}
a.opcion-menu{
float: left;
display: block;
height:0 !important;
padding: 25px 0 0 0;
text-indent: -10000px;
overflow: hidden;
height /**/: 25px;
margin: 10px 17px 0 0;
}
/* PRODUCTOS */
a.m-productos{
background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll 0px 0px;
width:152px}
a.m-productos:hover{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll 0px -30px}
a.m-productos-seleccionado{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll 0px -60px !important}
/* PUNTOS DE VENTA */
a.m-puntos{
background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -170px 0px;
width:126px}
a.m-puntos:hover{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -170px -30px}
a.m-puntos-seleccionado{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -170px -60px !important}
/* NOVEDADES */
a.m-novedades{
background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -312px 0px;
width:100px}
a.m-novedades:hover{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -312px -30px}
a.m-novedades-seleccionado{background: transparent url(/img/objects/menu-pral-gerble.png) no-repeat scroll -312px -60px !important}
/* PROMOCION */
a.m-promo{
padding: 45px 0 0 0;
height /**/: 45px;
background: transparent url(/img/objects/butt-strong.png) no-repeat scroll 0px 0px;
margin-left: 111px;
width:173px;
margin-top: 0}
a.m-promo:hover{
background: transparent url(/img/objects/butt-strong.png) no-repeat scroll 0px -45px}
a.m-promo-seleccionado{
display: none !important;
background: transparent url(/img/objects/butt-strong.png) no-repeat scroll 0px -45px !important}
a.mail-top{
position: absolute;
top: 0;
left: 3px;
display: block;
height: 20px;
padding: 2px 0 5px 20px;
background: url(/img/objects/fleuron.png) no-repeat top left}
#cabecera a{color: #7F75B1}
#cabecera a:hover{
color: #6055BE;
text-decoration: none}
#cabecera a.selected{
color: #4D4093;
text-decoration: none}
#contenedor-bloque-logo{}
#bloque-logo{
width: 235px;
float: left;
clear: both}
#caja-corporativa{
background: url(/img/objects/capsula-left-top.png) no-repeat top left;
padding-top: 131px}
.js #caja-corporativa.home{visibility: hidden}
#contenido-caja-corporativa{
background: url(/img/objects/capsula-left-middle.png) repeat-y top left;
/* zoom: 1;*/
padding: 10px 32px 10px 24px}
.js #contenido-caja-corporativa.home{
visibility: hidden}
#contenido-caja-corporativa h2 {
border-bottom: 1px solid #e0ddf0;
margin: 0 0 15px 0;
padding-bottom: 2px}
#contenido-caja-corporativa p.textual{
line-height: 16px;
margin-bottom: 12px;
width: 170px}
#contenido-caja-corporativa a{
padding: 3px 0 7px 25px;
display: block;
background: url(/img/objects/arrow-green-bg-white.png) no-repeat top left}
#contenido-caja-corporativa p.enlace-seleccionado a{
background: url(/img/objects/arrow-grey-bg-white.png) no-repeat top left;
color: #666;
text-decoration: none}
#contenido-caja-corporativa p.titular-new-home{line-height: 16px}
#contenido-caja-corporativa p.enlace{margin: 0 0 8px 0}
#contenido-caja-corporativa p.titular-new-home a{
margin: 8px 0 10px 0;
background: none;
padding: 0}
#contenido-caja-corporativa img.decorativa {margin-top: 10px}
#pie-caja-corporativa {
background: url(/img/objects/capsula-left-bottom.png) no-repeat top left;
position: relative;
padding-top: 23px}
#pie-caja-corporativa img{
margin: 18px 0 0 50px;
/* _margin-top: 3px;*/
/*ie7*/
/* margin-top: 3px;*/
/*---*/
}
#pie-caja-corporativa p{
position: absolute;
top: 28px;
left: 95px;
line-height: 16px;
color: #8d85ba;
margin: 0;
padding: 0;
}
.js #pie-caja-corporativa.home{visibility: hidden}
#pie-caja-corporativa p{margin-top: 14px; font-size: 11px;}
#pie-caja-corporativa p img.gerble-sin-gluten{margin-left: 56px}
#pie-caja-corporativa p img.no-gluten-icon{margin-left: 95px}
#contenedor-contenido{
overflow: hidden;
}
.js #contenedor-contenido.home{background: url('/img/objects/ajax-loader.gif') no-repeat 250px 50px}
#contenido{
float: right;
width: 717px}
.js #contenido.home{visibility: hidden}
#caja-contenido{
background: white url(/img/objects/box-content-top-blue.png) no-repeat top left;
overflow: hidden;
_display: inline-block;
padding: 73px 0 0 0}
div.contenido-caja-contenido{
background: url(/img/objects/box-content-middle.png) repeat-y top left;
padding: 0 37px 0 27px;
overflow: hidden;
width: 653px;
_display: inline-block;
}
#contenido.interior-new div.contenido-caja-contenido{
min-height: 290px;
}
#contenido.interior-404 div.contenido-caja-contenido{
min-height: 180px;
}
div.contenido-caja-contenido-inner{}
div.contenido-caja-contenido h2{
margin: 5px 0 4px 0}
div.contenido-caja-contenido p{line-height: 18px}
img.imagen-home{float: left}
div.bloque-home{
margin: 10px 0 8px 30px;
float: left;
width: 400px}
ul.lista-contenido{
float: left;
margin: 16px 0 0px 0}
ul.lista-contenido li{
float: left;
margin: 0 25px 0 0}
ul.lista-contenido li.ultima {margin-right: 0}
a.enlace-flecha{
padding: 3px 0 7px 25px;
display: block;
float: left;
background: url(/img/objects/arrow-green-bg-white.png) no-repeat top left}
a.enlace-flecha:hover{}
div.separador-bloque{
background: url(/img/objects/separador-cajas.jpg) no-repeat top left;
padding-top: 61px}
div.bloque-home-2{
margin: -2px 0 0 25px;
float: left;
width: 218px}
ul.lista-contenido-2{
float: left;
margin: 12px 0 50px 0}
ul.lista-contenido-2 li{
float: left;
clear: left;
width: 200px;
margin: 0 0 7px 0}
/* INTERIORES */
div.columna-principal{
width: 410px;
float: left;
margin: 7px 0 0 4px;
padding-bottom: 20px}
div.columna-principal h2{
border-bottom: 1px solid #E0DDF0;
padding: 0 0 3px 0;
margin: 0 0 16px 0;
width: 408px}
div.columna-principal h2 img,
div.columna-principal h3 img{margin: 0}
div.columna-principal h3{margin: 27px 0 1px 0}
#caja-contenido.view-producto h4{margin-bottom: 7px}
#caja-contenido.view-producto div.caja-contenido-inner p{
margin-bottom: 4px;
line-height: 16px}
#caja-contenido.view-producto ul li{margin: 0 0 2px 0}
p.parrafo-corporativo {
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #564989;
line-height: 20px !important;
padding: 5px 0 0 0;
width: 385px}
#contenido.productos p.parrafo-corporativo{
width: 376px;
padding-top: 0;
padding-bottom: 7px}
#contenido.productos a.enlace-flecha{
line-height: 17px;
width: 155px;
padding-top: 0;
padding-bottom: 5px}
#contenido.productos div.info-productos{
float: left;}
#contenido.productos div.info-productos ul{
float: left;
width: 200px;
margin-bottom: 14px}
#contenido.productos div.info-productos ul li{
float: left;
}
div.columna-principal img{
margin: 0 0 12px 0;
}
div.columna-principal p{
margin-bottom: 10px;
width: 385px}
div.columna-principal p.ultimo{margin-bottom: 0}
p.logo-espiga{
background: url(/img/empresa-sin-gluten-gerble.png) no-repeat 0 7px;
padding: 0 0 0 55px;
width: 340px !important;
margin-bottom: 100px}
div.columna-principal ul.normal{
width: 385px;
margin: 1px 0 0 0}
div.columna-principal ul.normal li{
margin-bottom: 15px;
background: url(/img/objects/punto-lista.gif) no-repeat 1px 8px;
padding: 0 0 0 18px;
line-height: 18px}
div.columna-principal div.caja-contenido-inner ul.normal{}
div.columna-principal div.caja-contenido-inner ul.normal li{margin-bottom: 5px}
div.columna-principal ul.normal li.ultima{}
div.columna-principal ul.lista-enlaces{margin: 10px 0 0 5px}
div.columna-principal ul.lista-enlaces li{
/* padding-bottom: 34px;*/
padding-bottom: 8px;
/* clear: both;*/
width: 100%;
overflow: hidden;
/* _display: inline-block;*/
line-height: 15px}
div.columna-principal ul.lista-enlaces li a.enlace-flecha{
background: url(/img/objects/arrow-lila-bg-white.png) no-repeat 0 2px;
color: #4D4093}
div.columna-principal ul.lista-enlaces li h3{
font-weight: normal;
font-size: 11px;
margin: 0}
/* CAJAS DE PRODUCTOS */
div.caja{
background: url(/img/objects/box-small-top.png) no-repeat top left;
padding: 9px 0 0 0}
#formulario-contacto div.caja {
padding: 29px 0 0 0;
position: relative;
background: url(/img/objects/box-small-top.png) no-repeat 0 22px}
#formulario-contacto div.caja h3{
position: absolute;
display: block;
background: #fff;
padding: 0 0 0 9px;
top: 0;
left: 15px}
div.caja-contenido{
background: url(/img/objects/box-small-middle.png) repeat-y top left;
padding: 0 10px 0 2px;
overflow: hidden}
#formulario-contacto div.caja-contenido{}
div.caja-contenido img.producto {
float: left}
div.caja-contenido h3{margin: 15px 0 7px 0}
div.caja-contenido a.enlace-flecha{
margin-bottom: 4px;
width: 180px}
p.pie-productos{margin-top: 5px}
div.caja-contenido-inner{margin: 0 23px 45px 23px}
#formulario-contacto div.caja-contenido-inner{margin: 0 23px 0 23px}
div.caja-contenido-inner p{width: 100%}
div.caja-contenido-inner ul.normal{width: 100%}
div.caja-contenido-inner img{margin: 0}
h4{
color: #564989;
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
margin: 30px 0 12px 0;
font-weight: normal}
p.info-producto{
width: 340px !important;
margin-left: 1px;
}
p.volver{overflow: hidden}
p.volver a.enlace-flecha{padding: 0 0 8px 26px}
/* CONTACTO */
div.vcard{padding: 3px 0 10px 0}
div.vcard span.fn,
div.vcard span.country-name,
span.hidden{display: none}
div.vcard p {margin: 0 0 5px 0}
div.vcard a {color: #4d4196}
fieldset{}
label{
display:block;
margin: 23px 0 9px 0;
font-weight: bold;
font-size: 10.5px}
fieldset input,
textarea{
border: 1px solid #dad8ee;
background: url(/img/objects/bg-input.jpg) repeat-x top left;
color: #666}
fieldset input{
width: 242px;
padding: 3px 3px}
textarea{
width: 350px;
height: 92px;
padding: 3px 3px;
font-family: verdana, arial, sans-serif;
font-size: 11px}
div.submit{
text-align: right;
margin: 25px 0 27px 0;
width: 357px}
p.mensaje-formulario {
font-weight: bold;
margin: 20px 10px 0 5px;
padding-bottom: 20px;
color: #999}
#flashMessage.error{
color: #cc0000;
background: #fae8e8;
margin: 20px 0 0 0;
padding: 7px 14px 7px 14px;
line-height: 16px}
.form-error{
border: 1px solid #efb4b2}
/* NOVEDADES */
img.novedades{margin: 9px 0 0 15px !important}
p.info-faqs{
margin-top: 5px;
margin-bottom: 5px}
h2.titulo-novedades{margin-bottom: 18px !important}
h3.titular-novedad-view{
font-weight: bold;
text-transform: uppercase;
font-size: 10.5px;
margin: 0 0 10px 0 !important;
color: #5f55a1;
line-height: 16px}
span.tipo-novedad{
font-weight: bold;
margin: 0 0 0 28px}
span.novedad-noticia{color: #666}
span.novedad-evento{color: #666}
span.novedad-promocion{color: #87a61c}
#contenido.listado-de-novedades{}
#contenido.listado-de-novedades ul.lista-enlaces li{
overflow: hidden;
/* _display: inline-block;*/
background: url(/img/objects/arrow-lila-bg-white.png) no-repeat top left !important;
padding: 1px 0 0 0;
float: left;
margin-bottom: 5px}
#contenido.listado-de-novedades ul.lista-enlaces li h3 a.enlace-flecha{
background: none;
padding-left: 28px}
p.p-tipo-novedad{
padding-top: 0px !important;
}
#contenido-new img{
margin: 15px 0 15px 0 !important;
display: block}
#contenido-new p{margin-bottom: 8px}
#contenido-new ol{margin-top: 0 !important}
#contenido-new ol li{
color: #666;
font-weight: normal;
margin-bottom: 9px;}
#contenido-new br{display: none}
#contenido-new ul{
width: 385px;
margin: 1px 0 10px 0}
#contenido-new ul li{
margin-bottom: 5px;
background: url(/img/objects/punto-lista.gif) no-repeat 1px 8px;
padding: 0 0 0 18px;
line-height: 18px}
div.paging{
text-align: right;
margin-top: 27px;
margin-bottom: 5px;
margin-right: 2px;
clear: both;}
div.paging a{
color: #4d4196;
padding-bottom: 5px}
div.disabled{display: none}
span.i a{
background: url(/img/objects/anterior.png) no-repeat 0px 1px;
padding-left: 21px}
span.d{
background: url(/img/objects/separador-prev-next.png) no-repeat left center !important;
padding-left: 13px;
margin-left: 9px}
span.unica-d{background: none !important}
span.d-no-visible{display: none}
span.d a,
span.unica-d a{
background: url(/img/objects/siguente.png) no-repeat 62px 1px;
padding-right: 18px}
/* LA CELIAQUIA */
ul.lista-celiaquia{
border-top: 1px solid #e0ddf0;
border-bottom: 1px solid #e0ddf0;
padding-top: 10px;
padding-bottom: 1px;
margin-bottom: 16px !important;
margin-left: 2px !important}
ul.interior{
border-top: 0;
padding-top: 0;
padding-bottom: 3px !important}
ul.lista-celiaquia li a.seleccionada{
color: #999 !important;
text-decoration: none;
background: url(/img/objects/arrow-grey-bg-white.png) no-repeat 0 2px !important}
img.celiaquia{margin: 0 0 8px 0 !important}
ol{
color: #4d4196;
list-style-type: decimal;
margin: 20px 0 0 25px !important;
padding-bottom: 3px;
font-weight: bold}
ol li{
padding-left: 0px;
margin-bottom: 15px;
margin-right: 50px;
line-height: 16px;
display: list-item}
ol li span{
color: #666;
font-weight: normal}
img.decorativa-celiaquia{
margin: 20px 4px 0 0;
float: right}
div.interior-celiaquia{padding: 0 10px 0 10px}
div.interior-celiaquia h4.primera{margin-top: 19px}
/* FAQS */
p.volver-faqs{margin-top: 3px !important}
#view-faq ol{margin-top: 0 !important}
#view-faq h3{margin-top: 3px !important}
#view-faq ol li{
color: #666;
font-weight: normal}
#view-faq br{display: none}
#view-faq ul{
width: 385px;
margin: 1px 0 0 0}
#view-faq ul li{
margin-bottom: 15px;
background: url(/img/objects/punto-lista.gif) no-repeat 1px 8px;
padding: 0 0 0 18px;
line-height: 18px}
/* TIENDAS */
h2.tiendas{margin-bottom: 20px !important}
div.interior-tiendas{padding: 0 22px}
div.interior-tiendas h3{margin-bottom: 2px !important}
div.interior-tiendas ul.normal li{width: 335px;}
div.interior-tiendas dl{
padding-top: 8px;
padding-bottom: 15px;
margin-left: 10px;
color: #333}
div.interior-tiendas dt{
background: url(/img/objects/punto-lista.gif) no-repeat 1px 4px;
padding: 0 0 0 16px;
text-transform: uppercase;
font-size: 11px}
div.interior-tiendas dd{
padding: 3px 0 17px 16px;
line-height: 15px;
color: #666}
div#formulario-buscar{
padding: 8px 0 20px 0;
overflow: hidden}
input#ShopCp,
input#ShopPoblacion{
padding: 3px 3px;
width: 190px;
border: 1px solid #dad8ee;
background: url(/img/objects/bg-input.jpg) repeat-x top left;
color: #666;
float: left;
font-size: 11.5px;
margin: 0 15px 0 0}
input#boton-buscar{float: left}
div.interior-tiendas p.lugar{
font-family: arial, verdana, sans-serif;
color: #564989;
font-weight: bold}
div.interior-tiendas ul.normal {margin: 0 0 23px 10px}
div.interior-tiendas ul.normal li{margin-bottom: 9px !important}
div.interior-tiendas p.error-buscar{
color: #555 ;
width: 300px;
margin-bottom: 25px;
font-weight: bold}
div.caja-pie{
background: url(/img/objects/box-small-bottom.png) no-repeat top left;
padding: 9px 0 0 0}
div.columna-secundaria{
width: 206px;
border: 1px solid #E0DDF0;
float: left;
margin: 33px 0 0 27px}
div.columna-secundaria div.columna-secundaria-inner{padding: 13px 13px 11px 13px}
div.columna-secundaria a{
padding: 0px 0 4px 25px;
display: block;
background: url(/img/objects/arrow-green-bg-white.png) no-repeat top left}
div.columna-secundaria a:hover,
div.columna-secundaria a.seleccionada{}
div.columna-secundaria p.titular-new-home{line-height: 16px}
div.columna-secundaria p.titular-new-home a{
margin: 6px 0 10px 3px;
background: none;
padding: 0}
div.menu-productos{
width: 168px;
float: left;
margin: 26px 0 0 37px}
div.menu-productos p{clear: left}
div.menu-productos ul{
margin: 2px 0 0 0;
padding: 0 0 18px 0;
float: left}
div.menu-productos ul li{
color: #6055bE;
line-height: 15px;
float: left;
clear: left;
margin: 0 0 6px 0 !important;
padding: 0 0 0 11px;
background: url(/img/objects/punto-lista.gif) no-repeat 1px 7px;
width: 168px}
div.menu-productos ul li a{float: left}
#pie{
background: url(/img/objects/box-content-bottom.png) no-repeat top left;
width: 717px;
padding: 37px 0 150px 0; /*23*/
/* clear: right;*/
clear: both;
float: right;
position: relative;
color: #857cb5}
#pie p{
float: left;
margin: 1px 0 0 3px}
#pie p.atencion-telefonica{
position: absolute;
top: 65px;
left: 28px;
}
#pie img{
margin: 0 0 0 30px;
float: left
}
#pie #footer-der{
float: right;
margin: 2px 36px 0 0;
}
#pie #footer-der a{
display: block;
text-align: right;
}
#pie #footer-der a.web{
margin: 38px 0 0 0;
text-decoration: none;
}
#pie #footer-der img{
margin: 0;
float: none;
border-top: 2px solid #edecf4;
}
#pie a{color: #7F75B1}
#pie a:hover{
color: #6055BE;
text-decoration: none}
#pie a.selected{
color: #4D4093;
text-decoration: none}
/* otros */
p.p-shop{
width: 365px !important}
/* promocion */
#formulario-promo{
margin: 30px 0 0 4px;
/* _display: inline-block;*/
}
#formulario-promo p{
clear: both}
div.slideshow{
width: 245px;
height: 145px;
float: right;
margin-right: 7px;
}
div.slideshow{
display: none;
}
img.productos-promo{
float: right;
/* margin-right: 15px*/
}
h2.h2-promo,
h4.h4-promo{
float: left;
display: block;
height:0 !important;
text-indent: -10000px;
overflow: hidden}
h2.h2-promo{
padding: 43px 0 0 0;
margin: 0 0 20px 0 !important;
height /**/: 43px;
background: transparent url(/img/promocion/gratis-sin-gluten.png) no-repeat scroll 0px 0px;
width: 354px}
h3.h3-promo{
margin: 0 0 38px 1px !important;
clear: left;
width: 390px;
/* _width: 350px;*/
font-weight: normal;
font-size: 15px;
line-height: 20px;
color: #595959;
font-family: arial, sans-serif;
}
h4.h4-promo{
padding: 21px 0 0 0;
margin: 0 0 9px 2px !important;
/* _margin: 0 0 0 2px !important;*/
/* _display: inline;*/
height /**/: 21px;
background: transparent url(/img/promocion/solicitar-sin-gluten.png) no-repeat scroll 0px 0px;
width: 318px}
#promocionMessage.message{
clear: both;
/* _display: inline;*/
color: #cc0000;
background: #fae8e8;
margin: 0 9px 12px 2px;
padding: 4px 14px 5px 14px;
line-height: 16px}
form#RequestAddForm{
clear: both;
margin: 0 0 0 0px;
/* _display: inline;*/
}
form#RequestAddForm label,
p.label-preg{
color: #fff;
text-transform: uppercase;
margin: 19px 0 5px 0;
font-size: 10px;
color: #dcdae9}
form#RequestAddForm fieldset input{
background: #fff;
padding: 1px 3px;
width: 258px;
border: 1px solid #675d9e}
.date select{
margin: 0 5px 0 0 !important}
form#RequestAddForm .form-error{
border: 1px solid #ff0101}
div.caja-lila{
clear: both;
background: url(/img/objects/top-caja-lila.png) no-repeat top left;
padding: 9px 0 0 0;
/* _padding: 5px 0 0 0;*/
}
div.caja-lila-contenido{
background: url(/img/objects/middle-caja-lila.png) repeat-y top left;
padding: 5px 10px 30px 30px;
overflow: hidden}
div#col1promo{
float: left;
width: 275px;
margin: 0 39px 0 0}
div#col2promo{
float: left;
width: 275px}
div.caja-lila-pie{
background: url(/img/objects/bottom-caja-lila.png) no-repeat top left;
padding: 9px 0 0 0;
margin-bottom: 10px;}
#formulario-promo div.submit{
width: 200px;
float: right;
margin: 0 3px 20px 0 !important}
#info-landing{
float: left;
width: 400px;
margin: 0 0 20px 7px}
#enlace-aviso-legal,
#enlace-espiga-promo{
color: #9b9b9b}
a.desplegado-promo{
color: #7a7a7a !important}
#aviso-legal,
#texto-espiga{
border: 1px solid #ccc;
padding: 7px 12px 9px 12px;
margin: 15px 0 0 0;
height: 77px;
width: 365px;
overflow-y: scroll;
line-height: 16px}
#aviso-legal{
height: 100px}
#enlace-espiga-promo{
background: url(/img/objects/celiaquia-espiga-barrada-2.jpg) no-repeat 0 0;
display: block;
padding: 3px 0 5px 31px;
margin: 15px 0 0 0}
#formulario-promo.preguntas{
}
#formulario-promo.preguntas #enlace-espiga-promo{
margin: 5px 0 0 0;
}
h2.h2-promo-preg{
color: #4d4196;
font-weight: normal;
font-size: 14px;
line-height: 19px;
font-family: arial, sans-serif;
margin: 0 0 0 3px !important;
}
h3.h3-promo-preg{
float: left;
display: block;
height:0 !important;
text-indent: -10000px;
overflow: hidden;
margin: 30px 0 20px 3px !important;
/* _margin-left: 1px;*/
padding: 60px 0 0 0;
height /**/: 61px;
background: transparent url(/img/promocion/mejorar-productos-sin-gluten.png) no-repeat scroll 0px 0px;
width: 385px}
#formulario-promo.preguntas label{
display: inline;
}
#RequestNombreAsociacion,
#RequestOtrasMarcas,
#RequestComentariosMejorar{
width: 575px !important;
background: #fff;
}
#RequestComentariosMejorar{
height: 92px}
p.label-preg{
width: 575px !important;
}
div.contenedor-checks,
div.contenedor-radios{
overflow: hidden;
/* _display: inline-block;*/
margin: 10px 0 0 0;
}
div.contenedor-checks label{
float: left;
margin: 0 30px 0 0 !important;
/* _padding-top: 5px;*/
text-transform: none !important;
font-weight: normal;
color: #fff !important;
}
div.contenedor-checks input{
float: left;
margin: 0 5px 0 0 !important;
width: 15px !important;
}
div.contenedor-checks input,
div.contenedor-radios input{
border: none !important;
background: none !important;
}
.js #aviso-legal,
.js #texto-espiga,
.js #p2b,
.js #RequestNombreAsociacion{
display: none;
}