/* **************** HOME ***************** */ /* SECTION CONTENT CENTRAL [HOME] */ /* slider content */ #content #layerslider{ width:960px; height:420px; margin:10px auto 0 auto; } /* destacados */ #content #destacados-home{ float:left; width:100%; margin-top:15px; margin-bottom:30px; } #content #destacados-home h2 { font-size:2em; margin-top:-18px; margin-bottom:0px; line-height:24px; } #content #destacados-home h1 { width:auto; margin:-4px auto 10px auto; background:url(../img/user/flechita.png) no-repeat; background-position:0 7px; padding-left:30px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; font-weight:normal; } #content #destacados-home a {text-decoration:none} #content #destacados-home ul { margin:0; padding:0; } #content #destacados-home ul li { list-style:none; float:left; display:inline-block; margin:5px; padding:0; background-color:transparent; -webkit-box-shadow: 0px 4px 16px 2px rgba(92,92,92,0.5); -moz-box-shadow: 0px 4px 16px 2px rgba(92,92,92,0.5); box-shadow: 0px 4px 16px 2px rgba(92,92,92,0.5); } #content #destacados-home ul li #cdes1-off{ width:310px; height:309px; background:url(../img/destacados-home/dest1-off.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes1-on{ width:310px; height:309px; margin-top:-309px; display:none; background:url(../img/destacados-home/dest1-on.jpg) no-repeat; } #content #destacados-home ul li #cdes2-off{ width:310px; height:309px; background:url(../img/destacados-home/dest2-off.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes2-on{ width:310px; height:309px; margin-top:-309px; display:none; background:url(../img/destacados-home/dest2-on.jpg) no-repeat } #content #destacados-home ul li #cdes3-off{ width:310px; height:309px; background:url(../img/destacados-home/dest3-off.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes3-on{ width:310px; height:309px; margin-top:-309px; display:none; background:url(../img/destacados-home/dest3-on.jpg) no-repeat } #destacados-home .cdestit { padding:22px; } #destacados-home .cdestxt { padding:22px; margin-top:144px; } #destacados-home .cdestit h1 { background:none!important; padding-left:0!important; } .cdes-titbold{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:24px;} .cdes-titlight{ font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:24px;} .cdes-titbold2{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:16px;} .cdes-text{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:13px;} .cdes-over { text-align:center; margin:0 auto; padding-top:130px; font-family:'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; display:block} .cwhite { color:#FFFFFF } .cbluelight { color:#92ccf6 } .cbluefuerte { color:#2581ae } .cgreylight { color:#e6e6e6 } .cgreyfuerte { color:#b3b3b2 } .cgrey { color:#19262d } /* TABS */ #social-home { width:100%; height:auto; clear:both; } #social-home ul#tabsfooter{ max-width:920px; min-height:60px; margin:0 auto; margin-left:60px; padding:0; } #social-home ul#tabsfooter li { display:inline-block; margin:0; margin-left:11px; } #social-home ul#tabsfooter li a{ display:block; width:58px; height:55px; } #social-home ul#tabsfooter li a.tab-newsletter { background:url(../img/footer/btn-tabs-newsletter.png) no-repeat;} #social-home ul#tabsfooter li a.tab-contacto { background:url(../img/footer/btn-tabs-contacto.png) no-repeat; width:68px; } #social-home ul#tabsfooter li a.tab-facebook { background:url(../img/footer/btn-tabs-facebook.png) no-repeat; } #social-home ul#tabsfooter li a.tab-twitter { background:url(../img/footer/btn-tabs-twitter.png) no-repeat; } #social-home ul#tabsfooter li a.tab-youtube { background:url(../img/footer/btn-tabs-youtube.png) no-repeat; } #social-home ul#tabsfooter li a.tab-pinterest { background:url(../img/footer/btn-tabs-pinterest.png) no-repeat; } #social-home ul#tabsfooter li a.tab-google { background:url(../img/footer/btn-tabs-google.png) no-repeat; } #social-home ul#tabsfooter li a.tab-instagram { background:url(../img/footer/btn-tabs-instagram.png) no-repeat; } #social-home ul#tabsfooter li a.tab-newsletter:hover, #social-home ul#tabsfooter li a.tab-contacto:hover, #social-home ul#tabsfooter li a.tab-facebook:hover, #social-home ul#tabsfooter li a.tab-twitter:hover, #social-home ul#tabsfooter li a.tab-youtube:hover, #social-home ul#tabsfooter li a.tab-pinterest:hover, #social-home ul#tabsfooter li a.tab-google:hover, #social-home ul#tabsfooter li a.tab-instagram:hover, #social-home ul#tabsfooter li a.active { background-position:0px -55px; border:none; } #social-home .content-tab{ max-width:960px; height:275px; display:block; background:url(../img/footer/forma-tabs.png) no-repeat; margin:-37px auto 30px auto; padding:40px 150px 15px 150px; text-align:center; clear:both; } .content-tab .tit-bold{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:3.2em; color:#e6e5e5; text-shadow:1px 1px 1px #d1d1d1; } .content-tab .tit-light{ font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#e6e5e5; text-shadow:1px 1px 1px #d1d1d1; } .content-tab hr.linea { width:600px; margin:7px auto 15px auto; box-shadow:1px 1px 1px #d1d1d1; } .content-tab p{ color:#bebcbc} /* TABS CONTENT */ /* NEWSLETTER */ .content-tab a.tab-send { display:block; width:175px; height:48px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-311px -111px; text-align:left; margin:18px auto 0 auto; padding-top:7px; padding-left:40px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } .content-tab a.tab-send:hover{ color:#535353; text-decoration:none; background-position:-311px -166px; } /* CONTACTO */ .content-tab ul.contacto { margin:5px auto 5px auto; padding:0; width:500px; } .content-tab ul.contacto li { list-style:none; float:left; } .content-tab ul.contacto li a { display:block; width:112px; height:75px; margin:2px; } .content-tab ul.contacto li a.preguntanos { background:url(../img/destacados-home/tab-contacto.png) no-repeat; background-position:-2px 0; } .content-tab ul.contacto li a.email { background:url(../img/destacados-home/tab-contacto.png) no-repeat; background-position:-122px 0; } .content-tab ul.contacto li a.llamanos { background:url(../img/destacados-home/tab-contacto.png) no-repeat; background-position:-240px 0; } .content-tab ul.contacto li a.aqui { background:url(../img/destacados-home/tab-contacto.png) no-repeat; background-position:-360px 0; } .content-tab ul.contacto li a.preguntanos:hover { background-position:-2px -92px; } .content-tab ul.contacto li a.email:hover { background-position:-122px -92px; } .content-tab ul.contacto li a.llamanos:hover { background-position:-240px -92px; } .content-tab ul.contacto li a.aqui:hover { background-position:-360px -92px; } #contacto ul.contacto li p { margin-top:-15px; color:#6c6c71; font-family:'lucida_grandebold', sans-serif; font-size:.9em; } /* REDES */ .content-tab .div-facebook, .content-tab .div-twitter, .content-tab .div-youtube, .content-tab .div-pinterest, .content-tab .div-google, .content-tab .div-instagram { width:235px; height:115px; margin:10px auto 0 auto; padding-top:75px; } .content-tab .div-facebook a.btn-facebook, .content-tab .div-twitter a.btn-twitter, .content-tab .div-youtube a.btn-youtube, .content-tab .div-pinterest a.btn-pinterest, .content-tab .div-google a.btn-google, .content-tab .div-instagram a.btn-instagram { display:block; width:167px; height:45px; padding-top:10px; padding-left:78px; margin:0 auto; background:url(../img/user/sprite-user.png) no-repeat; font-family: 'lucida_grandebold', Arial, Helvetica, sans-serif; font-size:1.1em; color:#ffffff; text-align:left; } #instagram span { font-size:2.5em!important; } .content-tab .div-facebook a.btn-facebook:hover, .content-tab .div-twitter a.btn-twitter:hover, .content-tab .div-youtube a.btn-youtube:hover, .content-tab .div-pinterest a.btn-pinterest:hover, .content-tab .div-google a.btn-google:hover, .content-tab .div-instagram a.btn-instagram:hover { text-decoration:none; } /* FACEBOOK ********* */ .content-tab .div-facebook { background:url(../img/footer/logo-facebook.png) no-repeat top center; padding-top:55px; } .content-tab .div-facebook a.btn-facebook { background-position:-240px -551px; text-shadow:1px 1px 1px #243963; } .content-tab .div-facebook a.btn-facebook:hover{ background-position:-240px -606px; } /* TWITTER ********* */ .content-tab .div-twitter { background:url(../img/footer/logo-twitter.png) no-repeat top center; } .content-tab .div-twitter a.btn-twitter { background-position:-470px -551px; text-shadow:1px 1px 1px #243963; } .content-tab .div-twitter a.btn-twitter:hover{ background-position:-470px -606px; } /* YOUTUBE ********* */ .content-tab .div-youtube { background:url(../img/footer/logo-youtube.png) no-repeat top center; } .content-tab .div-youtube a.btn-youtube { background-position:-680px -551px; text-shadow:1px 1px 1px #c70d09; } .content-tab .div-youtube a.btn-youtube:hover{ background-position:-680px -605px; } /* PINTEREST ********* */ .content-tab .div-pinterest { background:url(../img/footer/logo-pinterest.png) no-repeat top center; } .content-tab .div-pinterest a.btn-pinterest { background-position:-240px -661px; text-shadow:1px 1px 1px #8c2a2e; } .content-tab .div-pinterest a.btn-pinterest:hover{ background-position:-240px -716px; } /* GOOGLE+ ********* */ .content-tab .div-google { background:url(../img/footer/logo-google.png) no-repeat top center; } .content-tab .div-google a.btn-google { background-position:-470px -661px; text-shadow:1px 1px 1px #8c2a2e; } .content-tab .div-google a.btn-google:hover{ background-position:-470px -716px; } /* INSTAGRAM ********* */ .content-tab .div-instagram { background:url(../img/footer/logo-instagram.png) no-repeat top center; width:245px; } .content-tab .div-instagram a.btn-instagram { background-position:-890px -551px; text-shadow:1px 1px 1px #8c2a2e; } .content-tab .div-instagram a.btn-instagram:hover{ background-position:-890px -605px; } /* FIN SECTION CONTENT CENTRAL [HOME] */ /* elementos comunes - sombra */ .sombra { -webkit-box-shadow: 0px 4px 8px 2px rgba(92,92,92,0.5); -moz-box-shadow: 0px 4px 8px 2px rgba(92,92,92,0.5); box-shadow: 0px 4px 8px 2px rgba(92,92,92,0.5); } .rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } /* ie8 sombra none */ @media \0screen { .sombra { border:#E8E8E8 solid 1px; } } #flecha-menu, #flecha-menu-recetas, #flecha-menu-promo { display:none; } /* **************** MENÚS ***************** */ /* MENÚ SEGUNDO NIVEL >> CONÓCENOS */ #content #nav-2nivel-conocenos{ float:left; width:24%; min-height:350px; background:url(../img/00_comun/fondo-mn2.png) no-repeat; } #content #nav-2nivel-conocenos ul { margin:0; padding:0; overflow: hidden; } #content #nav-2nivel-conocenos ul li { list-style:none; margin:0; padding:0; text-transform:none; } #content #nav-2nivel-conocenos ul li a { display:block; width:127px; background:url(../img/00_comun/menu-mn2-conocenos.png) no-repeat; font-family: 'HelveticaNeue-Bold', sans-serif; font-size:1.1em; color:#757575; line-height:13px; } #content #nav-2nivel-conocenos ul li a:hover { color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-mision { background-position:-222px 0; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-historia { background-position:-222px -44px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-gente { background-position:-222px -74px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-grupo { background-position:-222px -118px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-estamos { background-position:-222px -162px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-marcas { background-position:-222px -206px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-trabaja { background-position:-222px -250px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-mundo { background-position:-222px -294px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-delegaciones { background-position:-222px -338px; height:12px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-evolucion { background-position:-222px -368px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-conocenos ul li a.mn-mision:hover { background-position:0 0; } #content #nav-2nivel-conocenos ul li a.mn-historia:hover { background-position:0 -44px; } #content #nav-2nivel-conocenos ul li a.mn-gente:hover { background-position:0 -74px; } #content #nav-2nivel-conocenos ul li a.mn-grupo:hover { background-position:0 -118px; } #content #nav-2nivel-conocenos ul li a.mn-estamos:hover { background-position:0 -162px; } #content #nav-2nivel-conocenos ul li a.mn-marcas:hover { background-position:0 -206px; } #content #nav-2nivel-conocenos ul li a.mn-trabaja:hover { background-position:0 -250px; } #content #nav-2nivel-conocenos ul li a.mn-mundo:hover { background-position:0 -294px; } #content #nav-2nivel-conocenos ul li a.mn-delegaciones:hover { background-position:0 -338px; } #content #nav-2nivel-conocenos ul li a.mn-evolucion:hover { background-position:0 -368px; } #content #nav-2nivel-conocenos ul li a.mn-mision-active { background-position:0 0; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-historia-active { background-position:0 -44px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-gente-active { background-position:0 -74px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-grupo-active { background-position:0 -118px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-estamos-active { background-position:0 -162px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-marcas-active { background-position:0 -206px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-trabaja-active { background-position:0 -250px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-mundo-active { background-position:0 -294px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-delegaciones-active { background-position:0 -338px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li a.mn-evolucion-active { background-position:0 -368px; color:#fff; text-decoration:none; } #content #nav-2nivel-conocenos ul li .submenu-historia {display:none} #content #nav-2nivel-conocenos ul li .submenu-marcas {display:none} #content #nav-2nivel-conocenos ul li .submenu-trabaja {display:none} #content #nav-2nivel-conocenos ul li .submenu-historia, #content #nav-2nivel-conocenos ul li .submenu-marcas, #content #nav-2nivel-conocenos ul li .submenu-trabaja { width:130px; margin-left:15px; margin-top:-1px; padding:15px 20px 30px 20px; border-bottom:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; border-top:none; -webkit-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } #content #nav-2nivel-conocenos ul li .submenu-trabaja { width:140px; padding:15px 20px; } #content #nav-2nivel-conocenos ul li .submenu-historia li a, #content #nav-2nivel-conocenos ul li .submenu-marcas li a, #content #nav-2nivel-conocenos ul li .submenu-trabaja li a { background:none; display:block; padding-top:5px; padding-bottom:5px; font-size:1em; font-weight:normal; color:#757575; } #content #nav-2nivel-conocenos ul li .submenu-historia li a:hover, #content #nav-2nivel-conocenos ul li .submenu-marcas li a:hover, #content #nav-2nivel-conocenos ul li .submenu-trabaja li a:hover #content #nav-2nivel-conocenos ul li .submenu-historia li a.active, #content #nav-2nivel-conocenos ul li .submenu-marcas li a.active, #content #nav-2nivel-conocenos ul li .submenu-trabaja li a.active { color:#0182c8 } #content #nav-2nivel-conocenos ul li ul.submenu-trabaja li.btn-candidaturas { padding-left:-8px; padding-top:0px; } #content #nav-2nivel-conocenos ul li ul.submenu-trabaja li.btn-candidaturas a { width:145px; height:32px; display:block; background:url(../img/user/sprite-user.png) no-repeat; background-position:-792px -2px; } #content #nav-2nivel-conocenos ul li ul.submenu-trabaja li.btn-candidaturas a:hover { background-position:-792px -56px; } /* MENÚ SEGUNDO NIVEL >> PRODUCTOS */ #content #nav-2nivel-productos{ float:left; width:24%; min-height:350px; background:url(../img/00_comun/fondo-mn2.png) no-repeat; } #content #nav-2nivel-productos #pull-productos { display:none; } #content #nav-2nivel-productos ul { margin:0; padding:0; overflow: hidden; } #content #nav-2nivel-productos ul li { list-style:none; margin:0; padding:0; text-transform:none; display: block } #content #nav-2nivel-productos ul li a { display:block; width:140px; background:url(../img/00_comun/menu-mn2-productos.png) no-repeat; font-family: 'HelveticaNeue-Bold', sans-serif; font-size:1.1em; color:#757575; line-height:13px; } #content #nav-2nivel-productos ul li a:hover { color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-natural { background-position:-222px 0; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-singluten { background-position:-222px -30px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-panblanco { background-position:-222px -60px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-thins { background-position:-222px -90px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-integral { background-position:-222px -120px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-horno { background-position:-222px -449px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-tostados { background-position:-222px -180px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-bsalada { background-position:-222px -210px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-pasteleria{ background-position:-222px -240px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-bdulce { background-position:-222px -270px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-surtido { background-position:-222px -300px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-snacks { background-position:-222px -330px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-oroweat { background-position:-222px -390px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-paleman { background-position:-222px -420px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-soluciones{ background-position:-222px -479px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-tortillas { background-position:-222px -508px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-bagels { background-position:-222px -537px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-masamadre { background-position:-222px -565px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-panligero { background-position:-222px -595px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-artesano { background-position:-222px -624px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-productos ul li a.mn-natural:hover { background-position:0 0; } #content #nav-2nivel-productos ul li a.mn-singluten:hover { background-position:0 -30px; } #content #nav-2nivel-productos ul li a.mn-panblanco:hover { background-position:0 -60px; } #content #nav-2nivel-productos ul li a.mn-thins:hover { background-position:0 -90px; } #content #nav-2nivel-productos ul li a.mn-integral:hover { background-position:0 -120px; } #content #nav-2nivel-productos ul li a.mn-horno:hover { background-position:0 -449px; } #content #nav-2nivel-productos ul li a.mn-tostados:hover { background-position:0 -180px; } #content #nav-2nivel-productos ul li a.mn-bsalada:hover { background-position:0 -210px; } #content #nav-2nivel-productos ul li a.mn-pasteleria:hover { background-position:0 -240px; } #content #nav-2nivel-productos ul li a.mn-bdulce:hover { background-position:0 -270px; } #content #nav-2nivel-productos ul li a.mn-surtido:hover { background-position:0 -300px; } #content #nav-2nivel-productos ul li a.mn-snacks:hover { background-position:0 -330px; } #content #nav-2nivel-productos ul li a.mn-oroweat:hover { background-position:0 -390px; } #content #nav-2nivel-productos ul li a.mn-paleman:hover { background-position:0 -420px; } #content #nav-2nivel-productos ul li a.mn-soluciones:hover { background-position:0 -479px; } #content #nav-2nivel-productos ul li a.mn-tortillas:hover { background-position:0 -508px; } #content #nav-2nivel-productos ul li a.mn-bagels:hover { background-position:0 -537px; } #content #nav-2nivel-productos ul li a.mn-masamadre:hover { background-position:0 -565px; } #content #nav-2nivel-productos ul li a.mn-panligero:hover { background-position:0 -595px; } #content #nav-2nivel-productos ul li a.mn-artesano:hover { background-position:0 -624px; } #content #nav-2nivel-productos ul li a.mn-natural-active { background-position:0 0; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-singluten-active { background-position:0 -30px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-panblanco-active { background-position:0 -60px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-thins-active { background-position:0 -90px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-integral-active { background-position:0 -120px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-horno-active { background-position:0 -449px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-tostados-active { background-position:0 -180px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-bsalada-active { background-position:0 -210px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-pasteleria-active { background-position:0 -240px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-bdulce-active { background-position:0 -270px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-surtido-active { background-position:0 -300px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-snacks-active { background-position:0 -330px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-oroweat-active { background-position:0 -390px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-paleman-active { background-position:0 -420px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-soluciones-active { background-position:0 -479px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-tortillas-active { background-position:0 -508px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-bagels-active { background-position:0 -537px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-masamadre-active { background-position:0 -565px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-panligero-active { background-position:0 -595px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li a.mn-artesano-active { background-position:0 -624px; color:#fff; text-decoration:none; } #content #nav-2nivel-productos ul li .submenu-dulce {display:none} #content #nav-2nivel-productos ul li .submenu-dulce{ width:130px; margin-left:15px; margin-top:-1px; padding:15px 20px 30px 20px; border-bottom:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; border-top:none; -webkit-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } #content #nav-2nivel-productos ul li .submenu-dulce li a { background:none; display:block; padding-top:5px; padding-bottom:5px; font-size:1em; font-weight:normal; color:#757575; } #content #nav-2nivel-productos ul li .submenu-dulce a:hover, #content #nav-2nivel-productos ul li .submenu-dulce li a.active{ color:#0182c8 } /* MENÚ SEGUNDO NIVEL >> PARA TI */ #content #nav-2nivel-parati{ float:left; width:24%; min-height:350px; background:url(../img/00_comun/fondo-mn2.png) no-repeat; } #content #nav-2nivel-parati #pull-recetas { display:none; } #content #nav-2nivel-parati ul { margin:0; padding:0; overflow: hidden; } #content #nav-2nivel-parati ul li { list-style:none; margin:0; padding:0; text-transform:none; } #content #nav-2nivel-parati ul li a { display:block; width:135px; background:url(../img/00_comun/menu-mn2-para_ti.png) no-repeat; font-family: 'HelveticaNeue-Bold', sans-serif; font-size:1.1em; color:#757575; line-height:13px; } #content #nav-2nivel-parati ul li a:hover { color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li a.mn-salud { background-position:-222px 0; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-parati ul li a.mn-recetas { background-position:-222px -30px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-parati ul li a.mn-desayunos { background-position:-222px -60px; height:25px; padding:9px 25px 10px 70px; } #content #nav-2nivel-parati ul li a.mn-gluten { background-position:-222px -104px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-parati ul li a.mn-diviertete { background-position:-222px -134px; height:12px; padding:7px 25px 10px 70px; } #content #nav-2nivel-parati ul li a.mn-salud:hover { background-position:0 0; } #content #nav-2nivel-parati ul li a.mn-recetas:hover { background-position:0 -30px; } #content #nav-2nivel-parati ul li a.mn-desayunos:hover { background-position:0 -60px; } #content #nav-2nivel-parati ul li a.mn-gluten:hover { background-position:0 -104px; } #content #nav-2nivel-parati ul li a.mn-diviertete:hover { background-position:0 -134px; } #content #nav-2nivel-parati ul li a.mn-salud-active { background-position:0 0; color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li a.mn-recetas-active { background-position:0 -30px; color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li a.mn-desayunos-active { background-position:0 -60px; color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li a.mn-gluten-active { background-position:0 -104px; color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li a.mn-diviertete-active{ background-position:0 -134px; color:#fff; text-decoration:none; } #content #nav-2nivel-parati ul li .submenu-salud {display:none} #content #nav-2nivel-parati ul li .submenu-recetas {display:none} #content #nav-2nivel-parati ul li .submenu-desayunos {display:none} #content #nav-2nivel-parati ul li .submenu-salud, #content #nav-2nivel-parati ul li .submenu-recetas, #content #nav-2nivel-parati ul li .submenu-desayunos { width:130px; margin-left:15px; margin-top:-1px; padding:15px 20px 30px 20px; border-bottom:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; border-top:none; -webkit-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); box-shadow: 0px 2px 3px 0px rgba(219,219,219,0.6); -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; } #content #nav-2nivel-parati ul li .submenu-salud li a, #content #nav-2nivel-parati ul li .submenu-recetas li a, #content #nav-2nivel-parati ul li .submenu-desayunos li a { background:none; display:block; padding-top:5px; padding-bottom:5px; font-size:1em; font-weight:normal; color:#757575; } #content #nav-2nivel-parati ul li .submenu-salud li a:hover, #content #nav-2nivel-parati ul li .submenu-recetas li a:hover, #content #nav-2nivel-parati ul li .submenu-desayunos li a:hover, #content #nav-2nivel-parati ul li .submenu-salud li a.active, #content #nav-2nivel-parati ul li .submenu-recetas li a.active, #content #nav-2nivel-parati ul li .submenu-desayunos li a.active { color:#0182c8 } /* FIN MENÚ SEGUNDO NIVEL >> PARA TI */ /* MENÚ SEGUNDO NIVEL >> PROMOCIONES */ #content #nav-2nivel-promociones{ float:left; width:24%; min-height:350px; background:url(../img/00_comun/fondo-mn2.png) no-repeat; } #content #nav-2nivel-promociones #pull-promociones { display:none; } #content #nav-2nivel-promociones ul { margin:0; padding:0; overflow: hidden; } #content #nav-2nivel-promociones ul li { list-style:none; margin:0; padding:0; text-transform:none; } #content #nav-2nivel-promociones ul li a { display:block; width:127px; background:url(../img/00_comun/menu-mn2-promos.png) no-repeat; font-family: 'HelveticaNeue-Bold', sans-serif; font-size:1.1em; color:#757575; line-height:13px; } #content #nav-2nivel-promociones ul li a:hover { color:#fff; text-decoration:none; } /* FIN MENÚ SEGUNDO NIVEL >> PROMOCIONES */ /* CONTENT CENTRAL COMUN - */ #content h1 { width:auto; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; padding-left:30px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; font-weight:normal; } #content .hrh1{ width:310px; height:1px; background:url(../img/01_conocenos/linea-bajotit.png) no-repeat; margin-top:-4px; margin-bottom:25px; border:none; } #content .rayado{ width:475px; height:1px; background:url(../img/01_conocenos/linea-rayada.png) repeat-x; margin-top:-5px; margin-bottom:10px; } #content p { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; max-width:455px; margin-bottom:25px; line-height:18px; } #content a:hover { color:#013957; cursor:pointer; } /* CONTENT */ #content #content-mision, #content #content-historia-iberia, #content #content-evolucion, #content #content-historia-tuhistoria, #content #content-gente, #content #content-grupo, #content #content-estamos, #content #content-marcas-bimbo, #content #content-marcas-semilla, #content #content-marcas-panhorno, #content #content-marcas-brioche, #content #content-marcas-martinez, #content #content-marcas-silueta, #content #content-marcas-ortiz, #content #content-marcas-pasteleria, #content #content-marcas-snack, #content #content-marcas-eagle, #content #content-marcas-sonrisas, #content #content-marcas-oroweat, #content #content-marcas-thins, #content #content-trabaja, #content #content-salud-piramide, #content #content-salud-nutrientes, #content #content-salud-consejos, #content #content-salud-preguntas, #content #content-singluten, #content #content-diviertete, #content #content-desayuno-importancia, #content #content-desayuno-completos, #content #content-productos, #content #content-promociones, #content #content-mundo { float:left; width:74%; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:.95em; } /* BACKGROUNDS */ #content #content-mision { } #content #content-historia-iberia { background:url(../img/01_conocenos/fondo-historia.png) top right no-repeat; } #content #content-historia-tuhistoria { } #content #content-gente { } #content #content-grupo { background:url(../img/01_conocenos/fondo-grupo.png) top right no-repeat; } #content #content-estamos { background:url(../img/01_conocenos/fondo_conocenos_estamos.jpg) top right no-repeat } #content #content-marcas-bimbo { background:url(../img/01_conocenos/fondo-bimbo.png) no-repeat; background-position:390px 280px; } #content #content-marcas-semilla { background:url(../img/01_conocenos/fondo-semilla.jpg) no-repeat; background-position:430px 290px;} #content #content-marcas-panhorno { background:url(../img/01_conocenos/fondo-panhorno.jpg) no-repeat; background-position:430px 288px; } #content #content-marcas-brioche { background:url(../img/01_conocenos/fondo-brioche.jpg) no-repeat; background-position:490px 310px; } #content #content-marcas-martinez { background:url(../img/01_conocenos/fondo-martinez.jpg) no-repeat; background-position:540px 280px; } #content #content-marcas-silueta { background:url(../img/01_conocenos/fondo-silueta.png) no-repeat; background-position:390px 280px; } #content #content-marcas-ortiz { background:url(../img/01_conocenos/fondo-ortiz.jpg) no-repeat; background-position:480px 280px; } #content #content-marcas-pasteleria { background:url(../img/01_conocenos/fondo-pasteleria.jpg) no-repeat; background-position:420px 320px; } #content #content-marcas-snack { background:url(../img/01_conocenos/fondo-snack.jpg) no-repeat; background-position:425px 300px;} #content #content-marcas-eagle { background:url(../img/01_conocenos/fondo-eagle.jpg) no-repeat; background-position:425px 300px; } #content #content-marcas-sonrisas { background:url(../img/01_conocenos/fondo_sonrisas.png) no-repeat; background-position:420px 310px; } #content #content-marcas-oroweat { background:url(../img/01_conocenos/fondo_oroweat.png) no-repeat; background-position:360px 310px; } #content #content-marcas-thins { background:url(../img/01_conocenos/fondo_thins.png) no-repeat; background-position:360px 310px; } #content #content-trabaja { } #content #content-mundo { } /* **************** CONÓCENOS ***************** */ /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > MISIÓN] */ /* #content #content-mision h2 { width:auto; margin:0 auto; font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-weight:bold; font-size:5em; color:#0182c8; font-weight:normal; letter-spacing:-3px; } #content #content-mision h3 { width:auto; margin:0 auto; font-family:'lucida_grandebold', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1.4em; font-weight:normal;} #content #content-mision ul.vision { max-width:500px; margin:20px 0 25px 24px; padding:0; list-style-image:url(../img/01_conocenos/list-flechita.png) } #content #content-mision ul.vision li { height:18px; } #content #content-mision p.bold-blue { width:425px; height:auto; text-align:justify; font-family:'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1em; color:#0382c8;} #content #content-mision .cuote { max-width:407px; height:40px; padding:18px 45px 22px 48px; margin-top:15px; margin-bottom:5px; background:url(../img/01_conocenos/cuote.png) no-repeat; text-align:center; font-family:'lucida_grandebold', Verdana, Geneva, sans-serif; font-size:1.65em; color:#bbbbbb; font-style:italic; } #content #content-mision ul.valores { max-width:640px; height:auto; list-style:none; margin:0; padding:0; } #content #content-mision ul.valores li { width:155px; height:104px; float:left; display:block; margin:1px; } #content #content-mision ul.valores li a { width:153px; height:100px; float:left; display:block; } #content #content-mision ul.valores li a span { display:none } #content #content-mision ul.valores li a.v-pasion { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-1px 0;} #content #content-mision ul.valores li a.v-equipo { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-159px 0; } #content #content-mision ul.valores li a.v-confianza { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-317px 0; } #content #content-mision ul.valores li a.v-calidad { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-474px 0; } #content #content-mision ul.valores li a.v-efectividad { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-632px 0; } #content #content-mision ul.valores li a.v-rentabilidad { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-790px 0; } #content #content-mision ul.valores li a.v-personas { background:url(../img/01_conocenos/lista-valores.png) no-repeat; background-position:-948px 0; } #content #content-mision ul.valores li a.v-pasion:hover { background-position:-1px -101px;} #content #content-mision ul.valores li a.v-equipo:hover { background-position:-159px -101px; } #content #content-mision ul.valores li a.v-confianza:hover { background-position:-317px -101px; } #content #content-mision ul.valores li a.v-calidad:hover { background-position:-474px -101px; } #content #content-mision ul.valores li a.v-efectividad:hover { background-position:-632px -101px; } #content #content-mision ul.valores li a.v-rentabilidad:hover { background-position:-790px -101px; } #content #content-mision ul.valores li a.v-personas:hover { background-position:-948px -101px; } #content #content-mision ul.valores li a:hover { -webkit-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); } */ /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > MISIÓN] -----> ACT - 9-5-16 */ #content #content-mision .content-mision-cabecera { width:100%; background:url(../img/01_conocenos/fondo_conocenos_mision.jpg) no-repeat 210px 0; padding: 30px 0; margin-bottom:15px; } #content #content-mision .content-mision-cabecera .cbmision-1 { display:inline-block; width:210px; margin-right:160px; vertical-align:top; } #content #content-mision .content-mision-cabecera .cbmision-2 { display:inline-block; width:325px; vertical-align:top; } #content #content-mision h2 { width:auto; margin:0 auto; font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-weight:normal; font-size:3.9em; color:#0182c8; letter-spacing:-1px; } #content #content-mision h3 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:2em; color:#0182c8; font-weight:normal; } #content #content-mision p, #content #content-mision p em { font-size:14px; font-weight:normal!important; max-width:97%!important; } #content #content-mision p em { font-weight:bold!important;} #content #content-mision p strong { font-weight:bold!important; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > TU HISTORIA] */ #content #content-historia-tuhistoria p span { color:#757575 } #content #content-historia-tuhistoria a.subir-foto { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-273px -441px; text-align:left; margin:18px 125px 10px; padding-top:10px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-historia-tuhistoria a.subir-foto:hover{ color:#535353; text-decoration:none; } #content #content-historia-tuhistoria #carrusel-historia { width:650px; min-height:450px; margin:30px 20px 30px; border:#9C3 solid 1px; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > HISTORIA > IBERIA] */ #content #carrusel-historia-iberia { max-width:780px; margin:0 auto; margin-bottom:25px; height:500px; text-align:center; } #content #carrusel-historia-iberia h2 { font-size:3.9em; letter-spacing:-2px; } #content #carrusel-historia-iberia h2 span.tit-bold{ font-family: 'HelveticaNeue-Bold', sans-serif; color:#0182c8; font-size:.9em; } #content #carrusel-historia-iberia h2 span.tit-light{ font-family: 'HelveticaNeue-Light', sans-serif; color:#0182c8; font-size:.9em; } #content #carrusel-historia-iberia p { max-width:700px!important; text-align:center; font-size:.9em; margin-top:-25px; } #timeline { max-width:700px; height:380px; overflow:hidden; margin:25px auto; position: relative; background:url('../img/timeline-historia/dot.gif') left 45px repeat-x; } #dates { height:60px; overflow:hidden; } #dates li { list-style:none; float:left; width:100px; height:50px; font-size:1.1em; color:#6d6c6c; text-align:center; background:url('../img/timeline-historia/biggerdot.png') center bottom no-repeat; } #dates a { line-height:.9em; padding-bottom:10px; font-family: 'big_caslon_medium', Arial, Helvetica, sans-serif; color:#6d6c6c;} #dates .selected { font-size:24px; color:#0986ca; font-family: 'big_caslon_medium', Arial, Helvetica, sans-serif; } #issues { width:700px; height:350px; overflow:hidden; } #issues li { width:700px; height:350px; list-style:none; float:left; text-align:left; } #issues li.selected img { -webkit-transform: scale(.9,.9); -moz-transform: scale(.9,.9); -o-transform: scale(.9,.9); -ms-transform: scale(.9,.9); transform: scale(.9,.9); } #issues li img { float:left; margin:20px 14px 15px 18px; background:transparent; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */ zoom:1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: scale(0.6,0.6); -moz-transform: scale(0.6,0.6); -o-transform: scale(0.6,0.6); -ms-transform: scale(0.6,0.6); transform: scale(0.6,0.6); } #issues li h1 { font-size:2.8em; margin:90px 0 5px 0!important; font-family: 'big_caslon_medium', Arial, Helvetica, sans-serif; color:#0986ca; background:none; font-weight:bold; } #issues li p { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; font-size:.95em!important; line-height:18px; margin-right:80px; margin-top:5px!important; margin-left:20px; font-weight:normal; text-align:left!important; } #grad_left, #grad_right { width:100px; height:350px; position:absolute; top:20px; } #grad_left { left:0; background: url('../img/timeline-historia/grad_left.png') repeat-y; } #grad_right { right:0; background: url('../img/timeline-historia/grad_right.png') repeat-y; } #next, #prev { position:absolute; font-size:70px; top:200px; width:26px; height:41px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } #next:hover, #prev:hover { background-position: 0 0; } #next { right:0; background-image: url('../img/timeline-historia/next.png'); background-position: 0 -41px; } #prev { left:0; background-image: url('../img/timeline-historia/prev.png'); background-position: 0 -41px; } #next.disabled, #prev.disabled { opacity: 0.2; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > HISTORIA > EVOLUCIÓN OSITO] */ #content #carrusel-evolucion { max-width:760px; margin:0 auto; margin-bottom:25px; height:500px; text-align:center; padding-left:120px; } #content #carrusel-evolucion h2 { font-size:3.9em; letter-spacing:-2px; } #content #carrusel-evolucion p { max-width:700px!important; text-align:center; font-size:.9em; margin-top:-25px; } #content #carrusel-evolucion #timeline #issues li img { margin:20px 50px 15px; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > GRUPO BIMBO] */ #content #content-grupo #player-video{ max-width:455px; height:400px; margin-bottom:20px; border:#009966 solid 1px; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > NUESTRAS MARCAS] */ #content #marcas-slider{ max-width:703px; height:150px; border-bottom:#cbcccc solid 1px; border-top:#cbcccc solid 1px; background:url(../img/01_conocenos/sombra-slider-marcas.png) no-repeat; margin-bottom:35px; } #content h2{ width:auto; margin:0 auto 20px auto; line-height:60px; font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:5.2em; color:#0182c8; letter-spacing:-1px; font-weight:normal; } #content p.entradilla { width:365px; } /* CARROUSEL MARCAS */ .list_carousel { margin-left:44px; margin-right:44px; } .list_carousel ul { margin:0; padding:0; list-style:none; display:block; } .list_carousel li { width:154px; height:150px; padding:0; margin-right:0px!important; margin:0; display:block; float:left; } .list_carousel li a { display:block; width:154px; height:150px; background:url(../img/01_conocenos/sprite-marcas.png) no-repeat } .list_carousel li a.bimbo { background-position:0 0; } .list_carousel li a.silueta { background-position:-154px 0; } .list_carousel li a.tigreton { background-position:-310px 0; } .list_carousel li a.panhorno { background-position:-466px 0; } .list_carousel li a.semilla { background-position:-620px 0; } .list_carousel li a.ortiz { background-position:-775px 0; } .list_carousel li a.martinez { background-position:-924px 0; } .list_carousel li a.brioche { background-position:-1090px 0; } .list_carousel li a.eagle { background-position:-1090px 0; } .list_carousel li a.snack { background-position:-1392px 0; } .list_carousel li a.oroweat { background-position:-1235px 0; } .list_carousel li a.thins { background-position:-1405px 0; } .list_carousel li a.bimbo:hover { background-position:0 -149px; } .list_carousel li a.silueta:hover { background-position:-154px -149px; } .list_carousel li a.tigreton:hover { background-position:-310px -149px; } .list_carousel li a.panhorno:hover { background-position:-466px -149px; } .list_carousel li a.semilla:hover { background-position:-620px -149px; } .list_carousel li a.ortiz:hover { background-position:-775px -149px; } .list_carousel li a.martinez:hover { background-position:-924px -149px; } .list_carousel li a.brioche:hover { background-position:-1090px -149px; } .list_carousel li a.eagle:hover { background-position:-1090px -149px; } .list_carousel li a.snack:hover { background-position:-1392px -149px; } .list_carousel li a.oroweat:hover { background-position:-1235px -149px; } .list_carousel li a.thins:hover { background-position:-1405px -149px; } .list_carousel li a.bimbo-active { background-position:0 -149px; } .list_carousel li a.silueta-active { background-position:-154px -149px; } .list_carousel li a.tigreton-active { background-position:-310px -149px; } .list_carousel li a.panhorno-active { background-position:-466px -149px; } .list_carousel li a.semilla-active { background-position:-620px -149px; } .list_carousel li a.ortiz-active { background-position:-775px -149px; } .list_carousel li a.martinez-active { background-position:-924px -149px; } .list_carousel li a.brioche-active { background-position:-1090px -149px; } .list_carousel li a.eagle-active { background-position:-1090px -149px; } .list_carousel li a.snack-active { background-position:-1392px -149px; } .list_carousel li a.oroweat-active { background-position:-1235px -149px; } .list_carousel li a.thins-active { background-position:-1405px -149px; } .list_carousel a.prev, .list_carousel a.next { background:url(/es/assets/img/01_conocenos/flechas-slider.png) no-repeat; display:block; width:44px; height:149px; z-index:100; } .list_carousel a.prev { float:left; margin-left:-44px; background-position:0px 50px; } .list_carousel a.next { float:right; margin-right:-44px; background-position:0px 54px; transform:rotate(-180deg); -ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); } .list_carousel a.prev:hover { background-position:-47px 49px; } .list_carousel a.next:hover { background-position:-47px 53px; } .list_carousel.responsive { width:auto; margin-left: 0; } .clearfix { float:none; clear:both; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > NUESTRAS MARCAS] */ #content .marcas ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:hidden; } #content .marcas li { float:left; list-style:none; text-align:left; margin-right:15px; } #content .marcas li.texto { margin-right:5px; padding-left:10px; max-width:430px!important; } #content .marcas h3 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:2.9em; color:#6f6f6f; margin-top:30px; } #content .marcas a.btn-mas { display:block; width:32px; height:32px; background:url(../img/01_conocenos/lupa.png) no-repeat; margin-top:-15px; } #content .marcas a.btn-mas:hover { } #content .marcas a span { display:none } #content .marcas .right { float:right } #content .marcas ul.semilla li p { width:375px; } #content .marcas ul.web li p { width:415px; text-align:right; } #content .marcas ul.web li h3 { text-align:right } #content .marcas ul.web li a.btn-mas { float:right } #content .marcas ul.promociones li p { width:340px; } #content .marcas ul.promociones li h3 { margin-top:40px; } #content .marcas ul.recetas li p { width:410px; text-align:right; } #content .marcas ul.recetas li h3 { text-align:right; margin-top:-1px; } #content .marcas ul.recetas li a.btn-mas { float:right } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > NUESTRA GENTE] */ #content #content-gente ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-gente li { float:left; list-style:none; text-align:left; margin-right:15px; } #content #content-gente h3 { font-family:'lucida_granderegular', Arial, Helvetica, sans-serif; font-size:1.5em; color:#1d1d1d; font-weight:normal; margin-top:30px; text-shadow: 0 0 1px rgba(117,117,117,.6); } #content #content-gente h4 { font-family:'lucida_granderegular', Arial, Helvetica, sans-serif; font-size:1.25em; color:#757575; margin-bottom:15px; font-weight:normal; max-width:350px; } #content #content-gente .hrh1 { margin-top:20px; margin-bottom:30px; } #content #content-gente p span { color:#1d1d1d; } #content #content-gente .right { float:right } #content #content-gente .t-right { text-align:right } #content #content-gente li.imag { padding:12px; margin:10px; border:#e6e6e6 solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 2px 3px rgba(219,219,219,0.5); -moz-box-shadow: 0px 1px 2px 3px rgba(219,219,219,0.5); box-shadow: 0px 1px 2px 3px rgba(219,219,219,0.5); } #content #content-gente ul.fundador-rwd { display:none; } #content #content-gente div.fundador-rwd { display:none; } #content #content-gente ul.fundador { display:block; } #content #content-gente div.fundador { display:block; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > TRABAJA CON NOSOTROS] */ #content #content-trabaja ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-trabaja li { float:left; list-style:none; text-align:left; margin-right:15px; } #content #content-trabaja li a { display:block; width:147px; height:169px; background:url(../img/01_conocenos/lista-trabaja.png) no-repeat; } #content #content-trabaja p span { color:#000 } #content #content-trabaja #tabs-trabaja { margin-top:10px; margin-bottom:30px; } #content #content-trabaja #tabs-trabaja hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-trabaja li a span { display:none } #content #content-trabaja li a.trabaja-ofertas { background-position:0 0; } #content #content-trabaja li a.trabaja-oportunidades { background-position:-152px 0; } #content #content-trabaja li a.trabaja-practicas { background-position:-303px 0; } #content #content-trabaja li a.trabaja-ofertas:hover { background-position:0 -169px; } #content #content-trabaja li a.trabaja-oportunidades:hover { background-position:-152px -169px; } #content #content-trabaja li a.trabaja-practicas:hover { background-position:-303px -169px; } #content #content-trabaja li#trabaja-ofertas .active { background-position:0 -169px; } #content #content-trabaja li#trabaja-oportunidades .active { background-position:-152px -169px; } #content #content-trabaja li#trabaja-practicas .active { background-position:-303px -169px; } #content #content-trabaja #tabs-trabaja #practicas ul li { float:none; margin-left:15px; list-style-image:url(../img/01_conocenos/punto-azul.jpg); margin-bottom:6px; } #content #content-trabaja a.btn-ofertas { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -550px; text-align:left; margin:18px 0px 18px -10px; padding-top:11px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-trabaja a.btn-ofertas:hover{ color:#535353; text-decoration:none; } #tabs-trabaja h2 { font-size:4.5em; line-height:.9em; } #tabs-trabaja .img-bod { margin-top:5px; margin-bottom:15px; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > DÓNDE ESTAMOS] */ #content #content-estamos ul { width:70%; height:auto; margin:0; padding:0; margin-bottom:20px; margin-left:110px; overflow:auto; } #content #content-estamos li { float:left; list-style:none; text-align:left; width:115px; height:30px; text-align:center; font-weight:bold; color:#6f6f6f; padding-top:85px; } #content #content-estamos li.fabrica { background:url(../img/01_conocenos/iconos-mapa.png) no-repeat; background-position:30px 0; } #content #content-estamos li.delegaciones { background:url(../img/01_conocenos/iconos-mapa.png) no-repeat; background-position:-65px 0; } #content #content-estamos li.sedes { background:url(../img/01_conocenos/iconos-mapa.png) no-repeat; background-position:-170px 0; } #content #content-estamos p { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; font-weight:normal } #content #content-estamos p.mensa-dele { width:100%; max-width:670px; } #content #content-estamos p span { color:#000 } #content #content-estamos #mapa { max-width:690px; height:400px; margin-top:30px; margin-bottom:60px; border:#d1d1d1 solid 1px; } #content #content-estamos .lb-provincia { width:100%; max-width:500px; margin-bottom:10px; } #content #content-estamos .cb-provincia { width:100%; max-width:290px; } .contenidoInfo1 { max-width:320px; max-height:310px; height:120px; padding:9px; font-family:'lucida_grandebold', sans-serif; font-size:.85em; text-align:left; } .contenidoInfo1 .icono { float:left; max-width:40px; max-height:110px; width:40px; height:110px; margin-right:10px; } .contenidoInfo1 .datos { float:right; width:200px; max-width:250px; height:auto; line-height:16px; } .contenidoInfo1 .datos .titulo { color:#0182c8; } .contenidoInfo1 .datos .texto { color:#6f6f6f; } .contenidoInfo1 .datos .poblacion { color:#757575; } .contenidoInfo1 .datos .contacto { color:#6f6f6f; } .contenidoInfo1 .datos .azul { color:#0182c8; } .contenidoInfo1 .datos hr { max-width:45px; height:1px; margin-top:7px; margin-bottom:10px; border:none; border-top:dashed 1px #0182c8; margin-left:0; } .contenidoInfo1 .clear { clear:both; margin-bottom:10px; } .contenidoInfo1 .mini-map { max-width:285px; max-height:165px; display:block; border:#CCCCCC; } /* SECTION CONTENT CENTRAL - INTERIORES [CONOCENOS > UN MUNDO MEJOR] */ /* **************** PARA TI ***************** */ /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > RECETAS] */ #content #nav-segundo-nivel{ float:left; width:24%; background:url(../img/01_conocenos/sombra-menu.png) repeat-y; border:#00CC00 solid 1px } #content #nav-segundo-nivel ul { margin:0; padding:0; overflow: hidden; } #content #nav-segundo-nivel ul.parati li { list-style:none; margin:10px; padding:0; text-transform:none; } #content #nav-segundo-nivel ul.parati li a { color:#000 } #content #content-interior-recetas{ float:right; width:74%; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:.95em; background:url(../img/04_parati/fondo-recetas.jpg) top right no-repeat; } #content #content-interior-recetas h1 { width:auto; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; padding-left:30px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; font-weight:normal; } #content #content-interior-recetas .hrh1{ width:310px; height:1px; background:url(../img/01_conocenos/linea-bajotit.png) no-repeat; margin-top:-4px; margin-bottom:25px; border:none; } #content #content-interior-recetas .cab{ max-width:623px; min-height:235px; margin:10px auto 0 -10px; text-align:center; padding-top:20px; background-color:#FFF; background:url(../img/04_parati/back_recetas_top.png) no-repeat top left; } #content #content-interior-recetas .cab h2 { width:auto; margin:0 auto; font-family: 'lobster_1.4regular', Arial, Helvetica, sans-serif; font-size:5em; color:#0182c8; font-weight:normal; } #content #content-interior-recetas .cab .rayado{ width:485px; margin:-5px auto 10px auto; height:1px; background:url(../img/01_conocenos/linea-rayada.png) repeat-x; } #content #content-interior-recetas .cab p { font-family:'lucida_grandebold', sans-serif; margin:0 auto; color:#6f6f6f; font-size:1em; font-weight:normal; } #content #content-interior-recetas .cab a.btn-subir { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -331px; text-align:left; margin:18px auto 10px auto; padding-top:10px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-interior-recetas .cab a.btn-subir:hover{ color:#535353; text-decoration:none; background-position:-2px -386px; } #content #content-interior-recetas .filtros{ max-width:592px; margin:0 4px; overflow:auto; border-top:solid 1px #e4e5e5; border-bottom:solid 1px #e4e5e5; background-color:#FFF; } #content #content-interior-recetas .listado{ max-width:572px; margin:0 4px; overflow:hidden; display:block; background-color:#FFF; padding:25px 10px 0 10px; } #content #content-interior-recetas .footer-listado{ max-width:583px; height:88px; margin:0 auto 20px -10px; padding:20px; background-color:#FFF; background:url(../img/04_parati/back_recetas_botton.png) no-repeat top left; } #content #content-interior-recetas .footer-listado ul { margin:0 0 0 35px; padding:0;} #content #content-interior-recetas .footer-listado ul li { list-style:none; float:left; width:30px; height:30px; } #content #content-interior-recetas .footer-listado ul li.num { width:auto; margin-left:3px; margin-right:3px; padding-top:8px; } #content #content-interior-recetas .footer-listado a.prev, #content #content-interior-recetas .footer-listado a.next { display:block; width:30px; height:30px; background:url(../img/04_parati/flechita-nav-recetas.png) no-repeat; } #content #content-interior-recetas .footer-listado a.prev { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } #content #content-interior-recetas .footer-listado a.prev:hover, #content #content-interior-recetas .footer-listado a.next:hover { background-position:0 -31px; } #content #content-interior-recetas .footer-listado a span { display:none } #content #content-interior-recetas .filtros ul {/*float:right;*/ margin-right:10px; } #content #content-interior-recetas .filtros li { float:left; list-style:none; display:block; width:auto; color:#757575; font-family:'lucida_grandebold', sans-serif; margin-top:4px; margin-bottom:4px; } #content #content-interior-recetas .filtros li.titulo { border-right:solid 1px #e4e5e5; display:block; padding:6px; /*width:80px;*/ text-align:right; margin-right:3px; } #content #content-interior-recetas .filtros li a { color:#6f6f6f; border-right:solid 1px #e4e5e5; display:block; padding:6px 15px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } #content #content-interior-recetas .filtros li a.active, #content #content-interior-recetas .filtros li a.todas:hover, #content #content-interior-recetas .filtros li a:hover { color:#0182c8; text-decoration:none; } #content #content-interior-recetas .filtros li a.todas { color:#757575; } #content #content-interior-recetas .listado ul {margin:0; padding:0; margin-left:-10px; } #content #content-interior-recetas .listado li { float:left; list-style:none; display:block; max-width:100px; height:220px; margin-left:16px; margin-bottom:15px; } #content #content-interior-recetas .listado li .content-imag { width:93px; height:94px; border:#e4e5e5 solid 1px; background-color:#fff; padding:3px; overflow:hidden; } #content #content-interior-recetas .listado li .content-imag .over-img{ float:left; margin-top:-107px; margin-left:-2px; width:25px; height:16px; display:block; background:url(../img/04_parati/listado-receta-over.png) no-repeat top left; border:#FF0000 solid 2px; opacity:0.8; border:#0182c8 solid 2px; color:#FFF; font-weight:bold; padding-top:78px; padding-left:68px; display:none; } #content #content-interior-recetas .listado li .content-imag .sombra-img{ float:left; margin-top:-103px; width:93px; height:94px; display:block; background:url(../img/04_parati/listado_receta_off.png) no-repeat top left; } #content #content-interior-recetas .listado li .content-imag .imag { float:left; width:93px; height:94px; background-color:#FFF; margin-bottom:10px; } #content #content-interior-recetas .listado li .content-imag .imag img { width:93px; height:94px; } #content #content-interior-recetas .listado li *{ transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } #content #content-interior-recetas .listado li a:hover { text-decoration: none; } #content #content-interior-recetas .listado li a:hover>p { color:#0182c8; } #content #content-interior-recetas .listado li a:hover>.imag img { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } #content #content-interior-recetas .listado li a:hover>.content-imag .over-img{ display:block; } #content #content-interior-recetas .listado li p.nombre { font-family:'lucida_grandebold', sans-serif; color:#757575; font-size:1em; font-weight:normal; margin-bottom:10px; } #content #content-interior-recetas .listado li p.datos { font-family:'lucida_grandebold', sans-serif; color:#6f6f6f; font-size:.85em; font-weight:normal; margin-bottom:10px; } /* NUEVA SECCIÓN RECETAS - BIMBO */ #content-interior-recetas .cab .img-destacada { width:100%; max-width:489px; height:100%; max-height:247px; margin:30px auto 15px auto; position:relative; overflow:hidden; } #content-interior-recetas .cab .img-destacada .img-destacada-etiqueta { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/04_parati/recetas-bimbo-etiqueta.jpg) no-repeat 350px 0; pointer-events: none; } #content-interior-recetas .cab .img-destacada img { width:100%; height:auto; } #content-interior-recetas .cab p.tit-destacado { padding-bottom:40px } #content-interior-recetas .cab p.tit-destacado a { font-size:18px; text-decoration:none; } /* añadido para los combos + varios cambios más */ #content #content-interior-recetas .content-filtros { margin:0; padding:0; max-width:590px; background-color:#FFF; position:relative; } #content #content-interior-recetas .filtros{ margin:0 4px; overflow:auto; max-width:590px; border-top:solid 1px #e4e5e5; border-bottom:solid 1px #e4e5e5; background-color:#FFF; } #content #content-interior-recetas .filtro-recetasbimbo { height:38px; margin:0; border-top:solid 1px #e4e5e5; border-bottom:solid 1px #e4e5e5; background-color:#FFF; } #content #content-interior-recetas .filtro-recetasbimbo-select {margin:2px; height:39px; position:absolute; top:0; left:58%; } #content #content-interior-recetas .filtro-recetasbimbo-select div.sle { display:inline-block; font-family:'lucida_grandebold'; } #content #content-interior-recetas .filtro-recetasbimbo-select div.sle div span:hover { color:#2792cf } #content #content-interior-recetas .filtro-recetasbimbo ul { margin-left:0; } #content #content-interior-recetas .filtros li a { padding: 7px 7px; } #content #content-interior-recetas .listado-recetasbimbo { background-color: #fff; display: block; margin: 0 4px; width:100%; max-width:585px; overflow: hidden; padding: 25px 10px 0; } #content #content-interior-recetas .listado-recetasbimbo ul { text-align:center; width:100%; margin:0; padding:0; } #content #content-interior-recetas .listado-recetasbimbo ul li { display: block; float: left; width:175px; height:170px; list-style: none outside none; padding:8px; margin:0; position:relative; } #content #content-interior-recetas .listado-recetasbimbo ul li .imag-recetas { width:100%; /*height:128px;*/ overflow:hidden; } #content #content-interior-recetas .listado-recetasbimbo ul li a { display:block; /*position:relative;*/ width:100%; /*width:168px;*/ height:100%; } #content #content-interior-recetas .listado-recetasbimbo ul li a .imag-recetas { display:block; } #content #content-interior-recetas .listado-recetasbimbo ul li a .imag-recetas img { width:100%; height:auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content #content-interior-recetas .listado-recetasbimbo ul li a .hover-recetas { position:absolute; /*display:block;*/ width:168px; height:109px; padding:4px; z-index:96; } #content #content-interior-recetas .listado-recetasbimbo ul li a .hover-recetas .hover-recetas-int { width:163px; height:104px; display:block; border:#FFF dashed 2px; z-index:99; } #content #content-interior-recetas .listado-recetasbimbo ul li a:hover .hover-recetas { background-color: rgba(40,146,206,.7); transition:ease-in .3s; } #content #content-interior-recetas .listado-recetasbimbo ul li a:hover .hover-recetas .hover-recetas-int { background:url(../img/04_parati/ico-tenedores.png) center center no-repeat; } #nav-2nivel-parati .img-block-recetas { margin-top:265px; } .recetas .col1 ul { padding:8px 0 15px 0!important; } .recetas .col1 ul li { list-style: none; background-image: url(../img/04_parati/ico-flecha.png) ; background-position: left top; background-repeat: no-repeat; padding-left: 15px; margin-bottom:5px!important; } .recetas .col2 ol { margin-left: 12px; padding-left: 0; margin-top: 10px; list-style: none; counter-reset:item; } .recetas .col2 ol li { padding-left: 20px; margin-left:0px; min-height: 35px; counter-increment:item; margin-top:-10px; text-align:justify; } .recetas .col2 ol li:before { content: counter(item); display: inline-block; background: url(../img/04_parati/ico-rebanada.png) no-repeat 7px 18px; width: 40px; height: 45px; margin-left: -40px; text-align: center; line-height: 70px; } #content #content-interior-recetas .listado-recetasbimbo ul li a .titulo-receta { width:90%; vertical-align:top; margin:10px auto; padding:0 5px; font-size:14px; color:#2792cf; } /* interior recetas bimbo */ #content #content-interior-recetas .cab-int h1.titulorecetabimbo { font-size:1.5em; background:none; padding:0; margin:10px auto 25px auto; text-transform:uppercase; width:100%; max-width:500px; font-size:1.8em; font-weight:bold; font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; line-height:1.5em; } #content #content-interior-recetas .cab-int .foto-receta-bimbo { clear:both; width:100%; max-width:495px; height:290px; margin:5px auto; } #content #content-interior-recetas .cab-int .foto-receta-bimbo img { width:100%; height:290px; } #content #content-interior-recetas .cab-int .datos-receta-bimbo { width:80%!important; margin:35px!important; position:relative; } #content #content-interior-recetas .cab-int .datos-receta-bimbo .datos-likes { border-top:none!important; } #content #content-interior-recetas .cab-int .datos-receta-bimbo p.datos-date { position:absolute; top:10px; right:0; line-height:25px; } /* recetas interior */ #content #content-interior-recetas .cab-int{ max-width:623px; min-height:370px; margin:10px auto 0 -10px; text-align:center; padding-top:20px; background-color:#FFF; background:url(../img/04_parati/back_recetas_top-int.png) no-repeat top left; } #content #content-interior-recetas .cab-int h1.tituloreceta { font-size:1.5em; background:none; padding:0; margin-top:5px; } #content #content-interior-recetas .cab-int h2 { width:auto; margin:0 auto; font-family: 'lobster_1.4regular', Arial, Helvetica, sans-serif; font-size:5em; color:#0182c8; font-weight:normal; } #content #content-interior-recetas .cab-int .rayado{ width:485px; margin:0 auto; } #content #content-interior-recetas .cab-int .foto-receta { float:left; margin-left:30px; width:260px; height:194px; border:#e4e5e5 solid 1px; background:#FFFFFF; padding:6px; } #content #content-interior-recetas .cab-int .foto-receta img {width:100%; height:100%; } #content #content-interior-recetas .cab-int .datos-receta { float:left; width:200px; height:auto; padding-left:30px; text-align:left; margin-top:42px; } #content #content-interior-recetas .cab-int .datos-receta p { color:#757575; font-family:'lucida_grandebold', sans-serif;} #content #content-interior-recetas .cab-int .datos-receta p span { color:#6f6f6f } #content #content-interior-recetas .cab-int .datos-receta .datos-likes { width:180px; height:20px; margin-top:7px; margin-bottom:7px; padding:14px 0 7px 27px; border-bottom:#bebcbc dotted 1px; border-top:#bebcbc dotted 1px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-420px -273px; } #content #content-interior-recetas .cab-int .datos-receta a.btn-ilike { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -441px; text-align:left; margin:2px 0 10px -10px; padding-top:10px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-interior-recetas .cab-int .datos-receta a.btn-ilike:hover{ color:#535353; text-decoration:none; } #content #content-interior-recetas .recetas{ width:565px; height:auto; margin:0 auto 0 10px; padding:10px; overflow:auto; } #content #content-interior-recetas .recetas h4 { color:#0182c8; font-family:'lucida_grandebold', sans-serif; font-size:1em; margin-bottom:25px; } #content #content-interior-recetas .recetas .col1 { float:left; width:183px; min-height:304px; margin-left:15px; background:url(../img/00_comun/linea-vertical.png) no-repeat; background-position:188px 0; padding-right:7px; } #content #content-interior-recetas .recetas .col1 ul { margin:0; padding:0; } #content #content-interior-recetas .recetas .col1 li { list-style:none; margin-bottom:4px; } #content #content-interior-recetas .recetas .col2 { float:left; width:280px; height:auto; padding-left:20px; } #content #content-interior-recetas .recetas .col1 li, #content #content-interior-recetas .recetas .col2 p { color:#757575; font-size:.9em; font-family:'lucida_grandebold', sans-serif; } #content #content-interior-recetas .recetas .col2 p { line-height:1.6em; } #content #content-interior-recetas .footer-listado-int{ max-width:583px; height:88px; margin:-25px auto 20px -10px; padding:20px; background-color:#FFF; background:url(../img/04_parati/back_recetas_botton.png) no-repeat top left; } #content #content-interior-recetas .footer-listado-int a.btn-volver { float:left; margin-top:20px; margin-left:30px; display:block; width:30px; height:30px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-330px -305px; } #content #content-interior-recetas .footer-listado-int a.btn-volver:hover{ transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); } #content #content-interior-recetas .footer-listado-int a span { display:none } /* recetas formulario */ #content #content-interior-recetas #formulario{ width:590px; margin:-50px auto 0 5px; height:auto; overflow:auto; background-color:#FFFFFF; } #content #content-interior-recetas #formulario #subir-recetas label { width:150px; display:inline-block; text-align:right; cursor:default; vertical-align:top; padding-top:6px; } #content #content-interior-recetas #formulario input, #content #content-interior-recetas #formulario input[type=file], #content #content-interior-recetas #formulario textarea, #content #content-interior-recetas #formulario select { width:296px; max-width:296px; margin-top:6px; } #content #content-interior-recetas #formulario input, #content #content-interior-recetas #formulario textarea { border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-interior-recetas #formulario textarea { height:120px; } #content #content-interior-recetas #formulario .mensaje1{ font-size:.9em; padding-left:155px; } #content #content-interior-recetas #formulario .mensaje2 { width:200px; font-size:.9em; margin-left:155px; margin-top:20px; margin-bottom:20px; border-top:#bebcbc dotted 1px; } #content #content-interior-recetas #formulario a.rc-subir { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -331px; text-align:left; margin:18px auto 10px auto; padding-top:10px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-interior-recetas #formulario a.rc-subir:hover{ color:#535353; text-decoration:none; background-position:-2px -386px; } /* respuesta */ #content #content-interior-recetas .img-respuesta-ok { float:left; margin-left:125px; margin-top:25px; } #content #content-interior-recetas p.txt-respuesta-ok { float:left; margin-top:65px; margin-left:45px; text-align:left; } #content #content-interior-recetas a.btn-volver-recetas { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -331px; text-align:left; margin:18px auto 10px auto; padding-top:10px; padding-left:28px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-interior-recetas a.btn-volver-recetas:hover{ color:#535353; text-decoration:none; } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > SALUD > PIRAMIDE NUTRICIONAL] */ #content #content-salud-piramide p { max-width:595px; } #content #content-salud-piramide p.negrita { font-weight:bold; } #content #content-salud-piramide p span { color:#0182c8; font-weight:bold; } #content #img-piramide {margin:0 auto; max-width:900px; max-height:1372px; height:1372px; background:url(../img/04_parati/piramide-nutricional.jpg) no-repeat; } #content hr.hr-piramide { width:220px; border:none; border-top:#CCC dashed 1px; margin-top:20px; margin-left:30px; } #content p.p-piramide { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; font-size:.85em; font-weight:normal; max-width:510px; margin-left:30px;} #content a.btn-descargar-piramide { display:block; width:166px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-541px -1px; text-align:left; float:right; margin-right:40px; margin-top:-65px; padding-top:8px; padding-left:24px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content a.btn-descargar-piramide:hover{ color:#535353; text-decoration:none; background-position:-541px -55px; } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > SALUD > NUTRIENTES] */ #content #content-salud-nutrientes ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-salud-nutrientes li { float:left; list-style:none; text-align:left; } #content #content-salud-nutrientes li a { display:block; width:115px; height:155px; background:url(../img/04_parati/nutrientes/lista-nutrientes.png) no-repeat; } #content #content-salud-nutrientes p span { color:#000 } #content #content-salud-nutrientes #tabs-nutrientes { margin-top:10px; margin-bottom:30px; } #content #content-salud-nutrientes #tabs-nutrientes hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-salud-nutrientes li a span { display:none } #content #content-salud-nutrientes li a.nt-fibra { background-position:0 0; } #content #content-salud-nutrientes li a.nt-calcio { background-position:-118px 0; } #content #content-salud-nutrientes li a.nt-fosforo { background-position:-234px 0; } #content #content-salud-nutrientes li a.nt-hidratos { background-position:-350px 0; } #content #content-salud-nutrientes li a.nt-vitaminas { background-position:-466px 0; } #content #content-salud-nutrientes li a.nt-proteinas { background-position:-582px 0; } #content #content-salud-nutrientes li a.nt-fibra:hover { background-position:0 -154px; } #content #content-salud-nutrientes li a.nt-calcio:hover { background-position:-118px -154px; } #content #content-salud-nutrientes li a.nt-fosforo:hover { background-position:-234px -154px; } #content #content-salud-nutrientes li a.nt-hidratos:hover { background-position:-350px -154px; } #content #content-salud-nutrientes li a.nt-vitaminas:hover { background-position:-466px -154px; } #content #content-salud-nutrientes li a.nt-proteinas:hover { background-position:-582px -154px; } #content #content-salud-nutrientes li#nt-fibra .active { background-position:0 -154px; } #content #content-salud-nutrientes li#nt-calcio .active { background-position:-118px -154px; } #content #content-salud-nutrientes li#nt-fosforo .active { background-position:-234px -154px; } #content #content-salud-nutrientes li#nt-hidratos .active { background-position:-350px -154px; } #content #content-salud-nutrientes li#nt-vitaminas .active { background-position:-466px -154px; } #content #content-salud-nutrientes li#nt-proteinas .active { background-position:-582px -154px; } #content #content-salud-nutrientes #tabs-nutrientes #fibra { background:url(../img/04_parati/nutrientes/fondo-fibra.jpg) no-repeat; background-position:490px 115px; } #content #content-salud-nutrientes #tabs-nutrientes #calcio { background:url(../img/04_parati/nutrientes/fondo-calcio.jpg) no-repeat; background-position:515px 45px; } #content #content-salud-nutrientes #tabs-nutrientes #fosforo { background:url(../img/04_parati/nutrientes/fondo-fosforo.jpg) no-repeat; background-position:495px 30px; } #content #content-salud-nutrientes #tabs-nutrientes #hidratos { background:url(../img/04_parati/nutrientes/fondo-hidratos.jpg) no-repeat; background-position:455px 25px; } #content #content-salud-nutrientes #tabs-nutrientes #vitaminas { background:url(../img/04_parati/nutrientes/fondo-vitaminas.jpg) no-repeat; background-position:445px 25px; } #content #content-salud-nutrientes #tabs-nutrientes #proteinas { background:url(../img/04_parati/nutrientes/fondo-proteinas.jpg) no-repeat; background-position:490px 20px; } #content #content-salud-nutrientes #tabs-nutrientes #vitaminas span { color:#0182c8} /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > SALUD > CONSEJOS] */ #content #content-salud-consejos ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-salud-consejos li { float:left; list-style:none; text-align:left; } #content #content-salud-consejos li a { display:block; width:115px; height:155px; background:url(../img/04_parati/consejos/lista-consejos.png) no-repeat; } #content #content-salud-consejos p span { color:#000 } #content #content-salud-consejos #tabs-consejos { margin-top:10px; margin-bottom:30px; } #content #content-salud-consejos #tabs-consejos hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-salud-consejos li a span { display:none } #content #content-salud-consejos li a.nt-desayuno { background-position:0 0; } #content #content-salud-consejos li a.nt-comida { background-position:-113px 0; } #content #content-salud-consejos li a.nt-merienda { background-position:-226px 0; } #content #content-salud-consejos li a.nt-cena { background-position:-338px 0; } #content #content-salud-consejos li a.nt-siempre { background-position:-451px 0; } #content #content-salud-consejos li a.nt-desayuno:hover { background-position:0 -154px; } #content #content-salud-consejos li a.nt-comida:hover { background-position:-113px -154px; } #content #content-salud-consejos li a.nt-merienda:hover { background-position:-226px -154px; } #content #content-salud-consejos li a.nt-cena:hover { background-position:-338px -154px; } #content #content-salud-consejos li a.nt-siempre:hover { background-position:-451px -154px; } #content #content-salud-consejos li#nt-desayuno .active { background-position:0 -154px; } #content #content-salud-consejos li#nt-comida .active { background-position:-113px -154px; } #content #content-salud-consejos li#nt-merienda .active { background-position:-226px -154px; } #content #content-salud-consejos li#nt-cena .active { background-position:-338px -154px; } #content #content-salud-consejos li#nt-siempre .active { background-position:-451px -154px; } #content #content-salud-consejos #desayuno ul, #content #content-salud-consejos #comida ul, #content #content-salud-consejos #merienda ul, #content #content-salud-consejos #cena ul, #content #content-salud-consejos #siempre ul, { margin:30px 0; max-width:545px; } #content #content-salud-consejos #comida ul li, #content #content-salud-consejos #desayuno ul li, #content #content-salud-consejos #merienda ul li, #content #content-salud-consejos #cena ul li, #content #content-salud-consejos #siempre ul li { padding:10px 2px 10px 50px; margin:3px 0; float:none; display:block; } #content #content-salud-consejos #desayuno ul li { background:url(../img/04_parati/consejos/bullets-desayuno.png) no-repeat; } #content #content-salud-consejos #desayuno ul li.uno { background-position:0 4px; } #content #content-salud-consejos #desayuno ul li.dos { background-position:0 -30px; } #content #content-salud-consejos #desayuno ul li.tres { background-position:0 -67px; } #content #content-salud-consejos #desayuno ul li.cuatro { background-position:0 -105px; } #content #content-salud-consejos #comida ul li { background:url(../img/04_parati/consejos/bullets-comida.png) no-repeat; } #content #content-salud-consejos #comida ul li.uno { background-position:0 2px; } #content #content-salud-consejos #comida ul li.dos { background-position:0 -35px; } #content #content-salud-consejos #comida ul li.tres { background-position:0 -85px; } #content #content-salud-consejos #comida ul li.cuatro { background-position:0 -140px; } #content #content-salud-consejos #merienda ul li { background:url(../img/04_parati/consejos/bullets-merienda.png) no-repeat; } #content #content-salud-consejos #merienda ul li.uno { background-position:0 4px; } #content #content-salud-consejos #merienda ul li.dos { background-position:0 -25px; } #content #content-salud-consejos #cena ul li { background:url(../img/04_parati/consejos/bullets-cena.png) no-repeat; } #content #content-salud-consejos #cena ul li.uno { background-position:0 2px; } #content #content-salud-consejos #cena ul li.dos { background-position:0 -33px; } #content #content-salud-consejos #siempre ul li { background:url(../img/04_parati/consejos/bullets-siempre.png) no-repeat; } #content #content-salud-consejos #siempre ul li.uno { background-position:0 4px; } #content #content-salud-consejos #siempre ul li.dos { background-position:0 -30px; } #content #content-salud-consejos #siempre ul li.tres { background-position:0 -67px; } #content #content-salud-consejos #siempre ul li.cuatro { background-position:0 -105px; } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > SALUD > PREGUNTAS] */ #content #content-salud-preguntas ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-salud-preguntas li { float:left; list-style:none; text-align:left; } #content #content-salud-preguntas li a { display:block; width:115px; height:155px; background:url(../img/04_parati/lista-preguntas.png) no-repeat; } #content #content-salud-preguntas p span { color:#0182c8; font-weight:bold; } #content #content-salud-preguntas #tabs-preguntas { margin-top:10px; margin-bottom:30px; } #content #content-salud-preguntas #tabs-preguntas hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-salud-preguntas li a span { display:none } #content #content-salud-preguntas li a.nt-ingredientes { background-position:0 0; } #content #content-salud-preguntas li a.nt-panmolde { background-position:-113px 0; } #content #content-salud-preguntas li a.nt-curiosidades { background-position:-226px 0; } #content #content-salud-preguntas li a.nt-salud { background-position:-338px 0; } #content #content-salud-preguntas li a.nt-ingredientes:hover { background-position:0 -154px; } #content #content-salud-preguntas li a.nt-panmolde:hover { background-position:-113px -154px; } #content #content-salud-preguntas li a.nt-curiosidades:hover { background-position:-226px -154px; } #content #content-salud-preguntas li a.nt-salud:hover { background-position:-338px -154px; } #content #content-salud-preguntas li#nt-ingredientes .active { background-position:0 -154px; } #content #content-salud-preguntas li#nt-panmolde .active { background-position:-113px -154px; } #content #content-salud-preguntas li#nt-curiosidades .active { background-position:-226px -154px; } #content #content-salud-preguntas li#nt-salud .active { background-position:-338px -154px; } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > DESAYUNOS > IMPORTANCIA] */ #content #content-desayuno-importancia ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-desayuno-importancia li { float:left; list-style:none; text-align:left; } #content #content-desayuno-importancia li a { display:block; width:225px; height:225px; background:url(../img/04_parati/lista-importancia.png) no-repeat; } #content #content-desayuno-importancia p { max-width:95%; } #content #content-desayuno-importancia p span { color:#0182c8; font-weight:bold; } #content #content-desayuno-importancia #tabs-importancia { margin-top:10px; margin-bottom:30px; } #content #content-desayuno-importancia #tabs-importancia hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-desayuno-importancia li a span { display:none } #content #content-desayuno-importancia li a.nt-rendimiento { background-position:-10px -14px; } #content #content-desayuno-importancia li a.nt-cereales { background-position:-240px -14px; } #content #content-desayuno-importancia li a.nt-consejos { background-position:-470px -14px; } #content #content-desayuno-importancia li a.nt-rendimiento:hover { background-position:-10px -270px; } #content #content-desayuno-importancia li a.nt-cereales:hover { background-position:-240px -270px; } #content #content-desayuno-importancia li a.nt-consejos:hover { background-position:-470px -270px; } #content #content-desayuno-importancia li#nt-rendimiento .active { background-position:-10px -270px; } #content #content-desayuno-importancia li#nt-cereales .active { background-position:-240px -270px; } #content #content-desayuno-importancia li#nt-consejos .active { background-position:-470px -270px; } #content #content-desayuno-importancia #rendimiento { background:url(../img/04_parati/desayunos/fondo-importancia.jpg) no-repeat; background-position:430px 45px; } #content #content-desayuno-importancia #rendimiento p.min { width:400px; } #content #content-desayuno-importancia #rendimiento hr { width:150px; border:none; border-top:#999 dashed 1px; margin-top:-10px;} #content #content-desayuno-importancia #rendimiento li{ padding:10px 2px 10px 130px; margin:3px 0; float:none; display:block; } #content #content-desayuno-importancia #rendimiento ul li { background:url(../img/04_parati/desayunos/lista-importancia.png) no-repeat; } #content #content-desayuno-importancia #rendimiento ul li.uno { background-position:0 15px; } #content #content-desayuno-importancia #rendimiento ul li.dos { background-position:0 -105px; } #content #content-desayuno-importancia #rendimiento ul li.tres { background-position:0 -245px; } #content #content-desayuno-importancia #rendimiento ul li.cuatro { background-position:0 -375px; } #content #content-desayuno-importancia #cereales { background:url(../img/04_parati/desayunos/fondo-cereales.jpg) no-repeat; background-position:395px 100px; } #content #content-desayuno-importancia #cereales p.min { width:385px; } #content #content-desayuno-importancia #cereales ul li { background:url(../img/04_parati/desayunos/flechita.png) no-repeat; padding:5px 2px 5px 35px; margin:3px 0; float:none; display:block; width:385px; } #content #content-desayuno-importancia #cereales p { max-width:100%; } #content #content-desayuno-importancia #consejos .d1, #content #content-desayuno-importancia #consejos .d2, #content #content-desayuno-importancia #consejos .d3, #content #content-desayuno-importancia #consejos .d4, #content #content-desayuno-importancia #consejos .d5, #content #content-desayuno-importancia #consejos .d6, #content #content-desayuno-importancia #consejos .d7, #content #content-desayuno-importancia #consejos .d8 { background:url(../img/04_parati/desayunos/fondo-consejos-desayunos.png) no-repeat; width:726px; height:70px; margin-left:-23px; } #content #content-desayuno-importancia #consejos .d1 { padding-left:180px; padding-top:32px; width:546px; height:38px; } #content #content-desayuno-importancia #consejos .d2 { background-position:0 -70px; padding-left:40px; padding-top:29px; width:686px; height:41px; } #content #content-desayuno-importancia #consejos .d3 { background-position:0 -140px; padding-left:180px; padding-top:20px; width:546px; height:50px; } #content #content-desayuno-importancia #consejos .d4 { background-position:0 -210px; padding-left:40px; padding-top:10px; width:686px; height:60px; } #content #content-desayuno-importancia #consejos .d5 { background-position:0 -280px; padding-left:180px; padding-top:20px; width:546px; height:50px; } #content #content-desayuno-importancia #consejos .d6 { background-position:0 -350px; padding-left:40px; padding-top:15px; width:686px; height:55px; } #content #content-desayuno-importancia #consejos .d7 { background-position:0 -422px; padding-left:180px; padding-top:20px; width:546px; height:55px; } #content #content-desayuno-importancia #consejos .d8 { background-position:0 -497px; padding-left:40px; padding-top:15px; width:686px; height:65px; } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > DESAYUNOS > COMPLETOS Y SALUDABLES] */ #content #content-desayuno-completos ul { width:100%; height:auto; margin:0; padding:0; margin-bottom:20px; overflow:auto; } #content #content-desayuno-completos li { float:left; list-style:none; text-align:left; } #content #content-desayuno-completos li a { display:block; width:225px; height:225px; background:url(../img/04_parati/lista-completos.png) no-repeat; } #content #content-desayuno-completos p { max-width:100%; } #content #content-desayuno-completos p span { color:#0182c8; font-weight:bold; } #content #content-desayuno-completos #tabs-completos { margin-top:10px; margin-bottom:30px; } #content #content-desayuno-completos #tabs-completos hr { width:255px; height:1px; color:#e5e4e4; border-top:#999 dashed 1px; } #content #content-desayuno-completos li a span { display:none } #content #content-desayuno-completos li a.nt-aburras { background-position:-16px -14px; } #content #content-desayuno-completos li a.nt-saludables { background-position:-240px -14px; } #content #content-desayuno-completos li a.nt-bien { background-position:-470px -14px; } #content #content-desayuno-completos li a.nt-aburras:hover { background-position:-16px -270px; } #content #content-desayuno-completos li a.nt-saludables:hover { background-position:-240px -270px; } #content #content-desayuno-completos li a.nt-bien:hover { background-position:-470px -270px; } #content #content-desayuno-completos li#nt-aburras .active { background-position:-16px -270px; } #content #content-desayuno-completos li#nt-saludables .active { background-position:-240px -270px; } #content #content-desayuno-completos li#nt-bien .active { background-position:-470px -270px; } #content #content-desayuno-completos #aburras img { margin:10px auto 20px auto; } #content #content-desayuno-completos #aburras a.btn-descargar { display:block; width:166px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-551px -1px; text-align:left; float:right; margin-right:40px; padding-top:8px; padding-left:16px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-desayuno-completos #aburras a.btn-descargar:hover{ color:#535353; text-decoration:none; background-position:-551px -55px; } #content #content-desayuno-completos #bien p { width:520px; } #content #content-desayuno-completos #bien img { margin:20px auto; clear:left; } #content #content-desayuno-completos #bien a.btn-descargar { display:block; width:166px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-551px -1px; text-align:left; margin:25px auto 10px 25%; padding-top:8px; padding-left:16px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-desayuno-completos #bien a.btn-descargar:hover{ color:#535353; text-decoration:none; background-position:-551px -55px; } #content #content-desayuno-completos #saludables {} #content #content-desayuno-completos #saludables ul li { float:left; display:block; width:230px; height:380px; margin-left:4px; } #content #content-desayuno-completos #saludables ul li p.imag { height:240px; margin-bottom:0px; } #content #content-desayuno-completos #saludables ul li p { width:95%; } #content #content-desayuno-completos #saludables ul li p span { color:#9e384c } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > SIN GLUTEN] */ #content #content-singluten p { max-width:575px; } #content #content-singluten img { margin:15px auto; } #content #content-singluten a { text-decoration:underline } /* SECTION CONTENT CENTRAL - INTERIORES [PARA TI > DIVIERTETE] */ #content #content-diviertete p { max-width:575px; } #content #content-diviertete img { margin:2px auto; } #content #content-diviertete .botonera { width:100%; height:40px; margin-top:40px; } #content #content-diviertete .botonera a { display:inline; float:left; margin-left:10px; } #content #content-diviertete .botonera a.btn-hornear { text-decoration:underline } #content #content-diviertete .botonera a.btn-hornear { display:block; width:146px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-545px -111px; text-align:left; text-decoration:none; float:left; padding-top:9px; padding-left:24px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-diviertete a.btn-hornear:hover{ color:#535353; text-decoration:none; background-position:-545px -165px; } /* **************** PRODUCTOS ***************** */ /* SECTION CONTENT CENTRAL - INTERIORES [PRODUCTOS] */ #content #content-productos p { max-width:575px; color:#6f6f6f } #content #content-productos a { text-decoration:underline } #content #content-productos h1 { margin-bottom:30px; } #content #content-productos #productos-slider{ max-width:698px; height:162px; background:url(../img/02_productos/fondo-slider.png) no-repeat; margin-bottom:35px; } /* CARROUSEL PRODUCTOS */ .list_prod_carousel { margin-left:44px; margin-right:44px; } .list_prod_carousel ul#slide-productos { margin:0; padding:0; list-style:none; display:block; } .list_prod_carousel ul#slide-productos li { width:105px; height:150px; padding:0; margin:4px 6px; display:block; float:left; border:#a4e0f9 solid 1px; overflow:hidden; } .list_prod_carousel ul#slide-productos li:hover { -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px#888; box-shadow: 0 0 8px #888; } .active-productos, .list_prod_carousel ul#slide-productos li:hover a { transform: scale(.7,.7); transition-timing-function: ease-out; transition-duration: 0.15s; -webkit-transform: scale(.7,.7); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.15s; -moz-transform: scale(.7,.7); -moz-transition-timing-function: ease-out; -moz-transition-duration: 0.15s; margin-top:-20px; margin-bottom:-20px; } .list_prod_carousel ul#slide-productos li .nombre-producto { font-family:Tahoma, Geneva, sans-serif; font-size:.9em; font-weight:bold; margin-top:6px; color:#0182C8; text-align:center; line-height:10px; } .list_prod_carousel ul#slide-productos li a { display:block; width:105px; height:148px; } .list_prod_carousel ul#slide-productos li a:hover { } .list_prod_carousel ul#slide-productos li a img { width:100%; height:auto; margin:5px auto!important; } .list_prod_carousel a.prev, .list_prod_carousel a.next { background:url(/es/assets/img/01_conocenos/flechas-slider.png) no-repeat; display:block; width:44px; height:149px; z-index:100; } .list_prod_carousel a.prev { float:left; margin-left:-44px; background-position:0px 50px; } .list_prod_carousel a.next { float:right; margin-right:-44px; background-position:0px 54px; transform:rotate(-180deg); -ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); } .list_prod_carousel a.prev:hover { background-position:-47px 49px; } .list_prod_carousel a.next:hover { background-position:-47px 53px; } .list_prod_carousel.responsive { width:auto; margin-left: 0; } .clearfix { float:none; clear:both; } /* TABS PRODUCTOS **********************************/ #content-productos #tabsproductos-content{ display:block; margin-bottom:60px; } #content-productos .bottomtab{ margin-top:-11px; margin-left:8px; width:699px; height:41px; background:url(../img/02_productos/bottom-tabs.png) no-repeat; } #content-productos ul#tabsproductos{ max-width:695px; margin:10px auto; padding:0; } #content-productos ul#tabsproductos li { display:inline-block; margin:0; } #content-productos ul#tabsproductos li a{ display:block; width:auto; height:13px; padding:14px 20px; background-color: #F9F9F9; background-image: -moz-linear-gradient(center top , #F1F1F1 0%, #F9F9F9 100%); border: 1px solid #e6e6e6; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #6F6F6F; font-weight: normal; text-decoration:none; } #content-productos ul#tabsproductos li a:hover, #content-productos ul#tabsproductos li .active { border-bottom:#FFFFFF solid 1px; } #content-productos .content-tab{ max-width:695px; height:auto; display:block; margin:10px auto 50px auto; clear:both; } #content-productos .content-tab .tit-bold{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:3.2em; color:#e6e5e5; text-shadow:1px 1px 1px #d1d1d1; } #content-productos .content-tab .tit-light{ font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#e6e5e5; text-shadow:1px 1px 1px #d1d1d1; } #content-productos .content-tab hr.linea { width:600px; margin:7px auto 15px auto; box-shadow:1px 1px 1px #d1d1d1; } #content-productos .content-tab p{ color:#bebcbc} /* ASÍ ES */ #content-productos #asies img { float:left; width:251px; height:300px; margin:10px 0; } #content-productos #asies p.datos-asies { float:left; margin:55px 40px; width:300px; height:auto; } /* INFORMACIÓN */ #content-productos #informacion img { float:left; width:251px; height:300px; margin:10px 0; } #content-productos #informacion table.datos-informacion { float:left; margin:45px 20px; width:355px; } #content-productos #informacion table.datos-informacion td { border-top:#e1e1e1 solid 1px; height:32px; vertical-align:middle; } #content-productos #informacion table.datos-informacion td:last-child { text-align:right; } #content-productos #informacion table.datos-informacion td.pie { background-color:#f0f0f0; padding:2px; font-size:9px; } /* INGREDIENTES */ #content-productos #ingredientes img { float:left; width:251px; height:300px; margin:10px 0; } #content-productos #ingredientes table.datos-ingredientes { float:left; margin:45px 20px; width:355px; border-bottom:#e1e1e1 solid 1px; } #content-productos #ingredientes table.datos-ingredientes td { border-top:#e1e1e1 solid 1px; height:32px; vertical-align:middle; } /* FORMATOS */ #content-productos #formatos img { float:left; width:251px; height:auto; margin:10px 0; margin-left:-20px; } #content-productos #formatos .datos-formatos { float:left; margin:25px 20px; width:auto; } #content-productos #formatos .datos-formatos p { width:355px; margin:10px auto; } #content-productos #formatos .datos-formatos p span { color:#0182c8; } #content-productos #formatos .datos-formatos ul { margin:0; padding:0; list-style:none; margin-top:10px; display:block; } #content-productos #formatos .datos-formatos ul li { float:left; display:block; cursor:pointer } #content-productos #formatos .datos-formatos ul li img { float:left; width:105px; height:auto; margin:0 auto; } #content-productos #formatos .datos-formatos ul li div { float:left; width:55px; height:60px; margin:0 auto; margin-top:-5px; padding:25px; text-align:center; clear:both; } #content-productos #formatos .datos-formatos ul li:hover > div { color:#0182c8; background:url(../img/02_productos/fondo-li-formatos.png) no-repeat top center; } /* **************** USER ***************** */ /* SECTION CONTENT CENTRAL [RECORDAR PASSWORD] */ #content #content-rpass{ max-width:910px; min-height:320px; margin:10px auto 130px auto; text-align:center; padding-top:25px; } #content #content-rpass h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3em; color:#0182c8; margin-bottom:4px; } #content #content-rpass h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-rpass #content-rpass-form { max-width:420px; margin:20px auto 0 auto; padding-right:180px; text-align:right; } #content #content-rpass #content-rpass-form label { width:110px; margin-right:10px; margin-bottom:10px;} #content #content-rpass #content-rpass-form input { max-width:240px; width:240px; height:20px; margin-bottom:6px; margin-top:4px; padding-left:4px; padding-right:4px; border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-rpass #content-rpass-form label, #content #content-rpass #content-rpass-form input{ font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; } #content #content-rpass a.btn-enviar { display:block; width:145px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-320px -110px; text-align:left; margin:15px auto; padding-top:8px; padding-left:55px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#848383; } #content #content-rpass a.btn-enviar:hover { text-decoration:none; color:#535353; background-position:-320px -165px; } /* FIN SECTION CONTENT CENTRAL [RECORDAR PASSWORD] */ /* SECTION CONTENT CENTRAL [LOGIN USER] */ #content #content-login{ max-width:910px; min-height:430px; margin:10px auto 130px auto; text-align:center; padding-top:25px; } #content #content-login h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3em; color:#0182c8; margin-bottom:4px; } #content #content-login h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-login #titlogin { width:100px; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; } #content #content-login hr { width:570px; height:2px; margin:0 auto; background:url(../img/user/lineasep.png) no-repeat; border:none; } #content #content-login #content-login-form { max-width:450px; margin:20px auto 0 auto; text-align:right; } #content #content-login #content-login-form label { width:115px; margin-right:10px; margin-bottom:10px; } #content #content-login #content-login-form input { max-width:280px; width:280px; height:20px; margin-bottom:6px; margin-top:4px; padding-left:4px; padding-right:4px; border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-login #content-login-form label, #content #content-login #content-login-form input{ font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; } #content #content-login a.asw-pass{ font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:.9em; margin-left:22px; } #content #content-login a.asw-pass:hover { color:#666 } #content #content-login a.asw-entrar { display:block; width:162px; height:50px; background:url(../img/user/btn-entrar.png) no-repeat; text-align:left; margin:18px auto 0 auto; padding-top:10px; padding-left:68px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-login a.asw-entrar:hover{ color:#535353; text-decoration:none; } #content #content-login a.asw-facebook { display:block; width:176px; height:31px; background:url(../img/user/btn-facebook.png) no-repeat; margin:5px auto 15px auto; } #content #content-login a.asw-facebook:hover{ } #content #content-login a.asw-registro{ display:block; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#0182c8; font-size:1em; } /* FIN SECTION CONTENT CENTRAL [LOGIN USER] */ /* SECTION CONTENT CENTRAL [REGISTRO BASICO USER] */ #content #content-registrobasico{ max-width:910px; min-height:465px; margin:10px auto 130px auto; text-align:center; padding-top:25px; padding-bottom:25px; } #content #content-registrobasico h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3em; color:#0182c8; margin-bottom:4px; } #content #content-registrobasico h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-registrobasico #titlogin { width:130px; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; } #content #content-registrobasico hr { width:570px; height:2px; margin:0 auto; background:url(../img/user/lineasep.png) no-repeat; border:none; } #content #content-registrobasico #content-reg-form { max-width:450px; height:auto; margin:20px auto 0 auto; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; } #content #content-registrobasico #content-reg-form label { width:140px; margin-right:10px; margin-bottom:5px; text-align:right; display:inline-block } #content #content-registrobasico #content-reg-form input { max-width:285px; width:285px; height:20px; margin-bottom:2px; margin-top:2px; padding-left:4px; padding-right:4px; border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-registrobasico #content-reg-form input[type=checkbox] { border:none; } #content #content-registrobasico #content-reg-form label, #content #content-login #content-reg-form input, #content #content-registrobasico #content-reg-form span { color:#6f6f6f; font-size:1em; font-weight:normal; } #content #content-registrobasico #content-reg-form #reg-dia, #content #content-registrobasico #content-reg-form #reg-mes, #content #content-registrobasico #content-reg-form #reg-anno { width:45px; text-align:center; } #content #content-registrobasico #content-reg-form #reg-anyo { margin-right:89px; width:55px; } #content #content-registrobasico #content-reg-form #frm-registro-check { width:auto; text-align:left; font-size:.85em; margin-top:20px; margin-bottom:20px; padding-left:150px; } #content #content-registrobasico #content-reg-form #frm-registro-check input { vertical-align:middle; } #content #content-registrobasico #content-reg-form #frm-registro-check #reg-condiciones, #content #content-registrobasico #content-reg-form #frm-registro-check #reg-condiciones2 { width:30px; } #content #content-registrobasico #content-reg-form #frm-registro-check a { color:#0182c8; text-decoration:underline; } #content #content-registrobasico #content-reg-form #frm-registro-check a:hover { color:#333333; text-decoration:underline; } #content #content-registrobasico #content-reg-form hr { width:140px; height:1px; border:dotted 1px #999999; margin-bottom:4px; border:none; } #content #content-registrobasico a.reg-entrar { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-285px -1px; text-align:left; margin:28px auto 0 auto; padding-top:8px; padding-left:68px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-registrobasico a.reg-entrar:hover{ color:#535353; text-decoration:none; } /* FIN SECTION CONTENT CENTRAL [REGISTRO BASICO USER] */ /* SECTION CONTENT CENTRAL [ÁREA PERSONAL] */ #content #content-areapersonal{ max-width:910px; min-height:465px; margin:10px auto 130px auto; text-align:center; padding-top:25px; padding-bottom:25px; } #content #content-areapersonal h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3em; color:#0182c8; margin-bottom:4px; } #content #content-areapersonal h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-areapersonal .titulo { width:200px; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; } #content #content-areapersonal hr { width:615px; height:2px; margin:0 auto; background:url(../img/user/lineasep.png) no-repeat; background-color:transparent; border:none; } #content #content-areapersonal .areaper-datos { max-width:500px; margin:20px auto 45px auto; overflow:auto; } #content #content-areapersonal .col-tit-datos, #content #content-areapersonal .col-datos { float:left; max-width:240px; width:240px; height:22px; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; font-size:1em } #content #content-areapersonal .col-tit-datos { margin-right:10px; text-align:right; color:#6f6f6f; } #content #content-areapersonal .col-datos { text-align:left; color:#000000; } #content #content-areapersonal a.ap-modificar { display:block; width:242px; height:35px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px 0px; text-align:left; margin:28px auto 0 auto; padding-top:8px; padding-left:76px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-areapersonal a.ap-modificar:hover{ color:#535353; text-decoration:none; background-position:-2px -55px; } /* FIN SECTION CONTENT CENTRAL [ÁREA PERSONAL] */ /* SECTION CONTENT CENTRAL [ÁREA PERSONAL - MODIFICAR DATOS] */ #content #content-areapersonal-modificar{ max-width:910px; min-height:465px; margin:10px auto 130px auto; text-align:center; padding-top:25px; padding-bottom:25px; } #content #content-areapersonal-modificar h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3em; color:#0182c8; margin-bottom:4px; } #content #content-areapersonal-modificar h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-areapersonal-modificar .titulo { width:200px; margin:0 auto 10px auto; background:url(../img/user/flechita.png) no-repeat; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#0182c8; } #content #content-areapersonal-modificar hr { width:570px; height:2px; margin:0 auto; background:url(../img/user/lineasep.png) no-repeat; border:none; } #content #content-areapersonal-modificar .areaper-datos { max-width:500px; height:auto; margin:20px auto 30px auto; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; } #content #content-areapersonal-modificar .areaper-datos label { width:140px; margin-right:10px; margin-bottom:5px; text-align:right; display:inline-block } #content #content-areapersonal-modificar .areaper-datos input{ max-width:285px; width:285px; height:20px; margin-bottom:2px; margin-top:2px; padding-left:4px; padding-right:4px; border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-areapersonal-modificar .areaper-datos select { max-width:213px; width:213px; height:20px; margin-bottom:10px; margin-top:2px; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos label { width:40px!important; font-size:0.85em!important; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos input { width:205px!important; height:16px; } #content #content-areapersonal-modificar .areaper-datos #frm-ap-radio label, #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos label, #content #content-areapersonal-modificar .areaper-datos label, #content #content-areapersonal-modificar .areaper-datos input, #content #content-areapersonal-modificar .areaper-datos span { color:#6f6f6f; font-size:1em; font-weight:normal; } #content #content-areapersonal-modificar .areaper-datos input[type='radio'] { width:20px; } #content #content-areapersonal-modificar .areaper-datos #ap-dia, #content #content-areapersonal-modificar .areaper-datos #ap-mes, #content #content-areapersonal-modificar .areaper-datos #ap-anno { width:45px; text-align:center; } #content #content-areapersonal-modificar .areaper-datos #ap-anyo { margin-right:89px; width:55px; } #content #content-areapersonal-modificar .areaper-datos #frm-ap-radio {width:auto; text-align:left; font-size:.85em; margin-top:3px; margin-bottom:3px; padding-left:22px; } #content #content-areapersonal-modificar .areaper-datos #frm-registro-check { width:auto; text-align:left; font-size:.85em; margin-top:30px; margin-bottom:20px; padding-left:150px; } #content #content-areapersonal-modificar .areaper-datos #frm-ap-hijos {width:auto; text-align:left; font-size:1em; margin-top:2px; margin-bottom:20px; padding-left:0px; } #content #content-areapersonal-modificar .areaper-datos #frm-ap-hijos label { width: auto; } #content #content-areapersonal-modificar .areaper-datos #frm-ap-hijos input { width: 36px; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion { width:auto; padding-left:180px; text-align:left; margin-bottom:20px; display:none; } #content #content-areapersonal-modificar .areaper-datos #mapa-maps { display:none; width:445px; height:435px; margin:8px auto 15px auto; border:#999999 solid 1px; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion p { width:292px; font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; font-size:.85em; color:#000; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos { width:280px; text-align:right; margin:10px auto 5px 12px; border-bottom:#999999 dotted 1px; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos a.ap-validar { display:block; width:62px; height:26px; background:url(../img/user/sprite-user.png) no-repeat; background-position:0 -110px; text-align:left; margin:2px 0 5px 220px; padding-top:6px; padding-left:9px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1em; color:#848383; } #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos a.ap-validar:hover { text-decoration:none } #content #content-areapersonal-modificar .areaper-datos #frm-registro-check #ap-condiciones, #content #content-areapersonal-modificar .areaper-datos #frm-registro-check #ap-comunicaciones { width:30px; } #content #content-areapersonal-modificar .areaper-datos #frm-registro-check a { color:#0182c8; text-decoration:underline; } #content #content-areapersonal-modificar .areaper-datos #frm-registro-check a:hover { color:#333333; text-decoration:underline; } #content #content-areapersonal-modificar .areaper-datos hr { width:140px; height:1px; border:dotted 1px #999999; margin-bottom:4px; } #content #content-areapersonal-modificar a.ap-enviar { display:block; width:162px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-280px -111px; text-align:left; margin:30px auto 20px auto; padding-top:8px; padding-left:68px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-areapersonal-modificar a.ap-enviar:hover{ color:#535353; text-decoration:none; } /* campos datos mapa */ #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos #mp-num, #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos #mp-piso, #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos #mp-cp, #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos #mp-localidad, #content #content-areapersonal-modificar .areaper-datos #mapa-localizacion #mapa-datos #mp-provincia {display:none } /* FIN SECTION CONTENT CENTRAL [ÁREA PERSONAL - MODIFICAR DATOS] */ /* **************** BÚSQUEDA ***************** */ /* SECTION CONTENT CENTRAL [RESULTADO DE LA BÚSQUEDA] */ #content #content-busqueda{ max-width:910px; min-height:465px; margin:10px auto 130px auto; text-align:center; padding-top:25px; padding-bottom:25px; } #content #content-busqueda h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:4px; } #content #content-busqueda h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:30px; } #content #content-busqueda #content-busqueda-centro { width:485px; margin:0 auto; text-align:left; } #content #content-busqueda #content-busqueda-centro .titulo { width:94%; padding-left:25px; background:url(../img/user/flechita.png) no-repeat; background-position:0 4px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.4em; color:#0182c8; } #content #content-busqueda #content-busqueda-centro .titulo span { color:#6f6f6f } #content #content-busqueda #content-busqueda-centro hr { width:480px; height:2px; margin:10px auto; border:none; background:url(../img/00_comun/hr-busqueda1.png) no-repeat; background-color:transparent; } /* accordion resultado búsqueda */ #accordion { list-style:none; padding:0; width:100%; margin:20px 0; } #accordion div { display:block; border-bottom:dotted #999999 1px; border-top:dotted #999999 1px; margin:0; cursor:pointer; padding:13px; margin-top:-1px; background:url(../img/00_comun/flechita-faqs.png) no-repeat; background-position:460px -55px; } #accordion div span { color:#999 } #accordion ul { list-style:none; padding:7px; margin:0; } #accordion ul{ display: none; } #accordion ul li { font-weight:normal; cursor:auto; padding:10px; margin:0; } #accordion a { text-decoration: none; color:#0182c8; } #accordion a:hover { text-decoration: underline; } /* FIN SECTION CONTENT CENTRAL [RESULTADO DE LA BÚSQUEDA] */ /* **************** CONTACTO ***************** */ /* SECTION CONTENT CENTRAL [CONTACTO] */ #content #content-contacto{ max-width:910px; min-height:465px; margin:10px auto 80px auto; text-align:center; padding-top:25px; padding-bottom:25px; background:url(../img/00_comun/fondo-contacto.png) no-repeat; background-position:60px 110px; } #content #content-contacto #content-contacto-centro { width:430px; text-align:left; margin-left:360px; text-align:center; } #content #content-contacto #content-contacto-centro h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:4px; } #content #content-contacto #content-contacto-centro h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-contacto #content-contacto-centro hr { width:475px; height:2px; margin:0 auto; background:url(../img/user/lineasep2.png) no-repeat; border:none; margin-bottom:20px; } #content #content-contacto #content-contacto-centro p { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:.9em; font-weight:normal; margin-bottom:20px;} #content #content-contacto #content-contacto-centro span { color:#000; } #content #content-contacto #content-contacto-centro a.btn-contacto { display:block; width:150px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-2px -221px; text-align:left; margin:30px auto 20px auto; padding-top:8px; padding-left:35px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; } #content #content-contacto #content-contacto-centro a.btn-contacto:hover{ color:#535353; text-decoration:none; } /* SECTION CONTENT CENTRAL [FORMULARIO] */ #content #content-contacto-form{ max-width:910px; min-height:465px; margin:10px auto 80px auto; text-align:center; padding-top:25px; padding-bottom:25px; background:url(../img/00_comun/fondo-contacto-form.jpg) no-repeat center center; } #content #content-contacto-form #content-contacto-centro { width:610px; text-align:left; margin:0 auto; text-align:center; } #content #content-contacto-form #content-contacto-centro h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:4px; } #content #content-contacto-form #content-contacto-centro h3 { font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.45em; color:#0182c8; margin-bottom:8px; } #content #content-contacto-form #content-contacto-centro p.txt-cab { font-family:'lucida_grandebold', sans-serif; font-size:.9em; color:#6f6f6f; margin:5px auto 20px auto; } #content #content-contacto-form #content-contacto-centro p { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:.85em; font-weight:normal; margin:5px auto 20px auto; } #content #content-contacto-form #content-contacto-centro hr { width:475px; height:2px; margin:0 auto; background:url(../img/user/lineasep2.png) no-repeat; border:none; margin-bottom:20px; } #content #content-contacto-form #content-contacto-centro hr.largo { width:608px; height:2px; margin:0 auto; background:url(../img/00_comun/hr-contacto.png) no-repeat; border:none; margin-bottom:20px; } #content #content-contacto-form #content-contacto-centro input[type=radio] { margin-right:8px; vertical-align:top; } #content #content-contacto-form #content-contacto-centro input[type=checkbox] { margin-right:8px; vertical-align:middle; } #content #content-contacto-form #content-contacto-centro .datos-contacto { text-align:left; max-width:480px; margin-bottom:30px; display:block; } #content #content-contacto-form #content-contacto-centro .datos-contacto label { width:180px; margin-right:10px; margin-bottom:5px; text-align:right; display:inline-block; cursor:default; } #content #content-contacto-form #content-contacto-centro .datos-contacto label.tit-consulta { vertical-align:top } #content #content-contacto-form #content-contacto-centro .datos-contacto input{ max-width:245px; width:245px; height:17px; margin-bottom:2px; margin-top:2px; padding-left:4px; padding-right:4px; border:#d8d7d7 solid 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #content #content-contacto-form #content-contacto-centro .datos-contacto select { max-width:255px; width:250px; height:21px; margin-bottom:5px; margin-top:5px; } #content #content-contacto-form #content-contacto-centro .datos-contacto textarea { max-width:245px; width:245px; height:140px; max-height:140px;} #content #content-contacto-form #content-contacto-centro .datos-contacto input.corto { width:22px; margin-right:0px; } #content #content-contacto-form #content-contacto-centro .datos-contacto label.corto { width:auto; margin-right:0px; } #content #content-contacto-form #content-contacto-centro .datos-contacto input#resto { width:25px; } #content #content-contacto-form #content-contacto-centro .datos-contacto input#cp-dia, #content #content-contacto-form #content-contacto-centro .datos-contacto input#cp-mes, #content #content-contacto-form #content-contacto-centro .datos-contacto input#cp-anyo { width:13.5%; } #content #content-contacto-form #content-contacto-centro p.txt-obligatorio .asterico, #content #content-contacto-form #content-contacto-centro p.txt-obligatorio2 .asterico, #content #content-contacto-form #content-contacto-centro .datos-contacto .asterico { font-size:19px; color:#0182C8; } #content #content-contacto-form #content-contacto-centro p { text-align:left; padding-left:30px; } #content #content-contacto-form #content-contacto-centro p.txt-obligatorio { border-top:#999 dashed 1px; width:210px; text-align:left; padding-left:0px; padding-top:5px; } #content #content-contacto-form #content-contacto-centro p.txt-obligatorio2 {border-top:#999 dashed 1px; width:130px; text-align:left; padding-left:0px; padding-top:5px; text-align:center; } #content #content-contacto-form #content-contacto-centro .w210 { max-width:235px; } #content #content-contacto-form #content-contacto-centro span { color:#000; } #content #content-contacto-form #content-contacto-centro a.btn-enviar { display:block; width:185px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-320px -110px; text-align:left; margin:2px 0 5px 220px; padding-top:10px; padding-left:20px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.1em; color:#848383; } #content #content-contacto-form #content-contacto-centro a.btn-enviar:hover { text-decoration:none; color:#535353; background-position:-320px -165px; } /* FIN SECTION CONTENT CENTRAL [CONTACTO] */ /* **************** SALA DE PRENSA ***************** */ /* SECTION CONTENT CENTRAL [SALA DE PRENSA] */ #content #content-prensa{ max-width:910px; min-height:465px; margin:10px auto 80px auto; text-align:center; padding-top:25px; padding-bottom:25px; background:url(../img/00_comun/fondo-sala-prensa.jpg) no-repeat; background-position:135px 125px; } #content #content-prensa h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:4px; } #content #content-prensa h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-prensa a.btn-entrar { display:block; width:150px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-311px -1px; text-align:left; padding-top:8px; padding-left:41px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; margin-left:565px; margin-top:180px; } #content #content-prensa a.btn-entrar:hover{ color:#535353; text-decoration:none; } /* SECTION CONTENT CENTRAL [PREGUNTAS FRECUENTES] */ #content #content-faqs{ max-width:910px; min-height:465px; margin:10px auto 80px auto; text-align:center; padding-top:25px; padding-bottom:25px; } #content #content-faqs h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.55em; color:#0182c8; margin-bottom:4px; } #content #content-faqs h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin:5px auto 20px auto; width:385px; } #content #content-faqs ul.accordion-faqs { list-style:none; padding:0; max-width:500px; margin:20px auto!important; text-align:left; } #content #content-faqs ul.accordion-faqs div { display:block; border-bottom:dotted #e5e4e4 1px; border-top:dotted #999999 1px; margin:0; cursor:pointer; padding:12px; padding-right:20px; margin-top:-20px; background:url(../img/00_comun/flechita-faqs.png) no-repeat; background-position:460px -55px; color:#0182c8; } #content #content-faqs ul.accordion-faqs { list-style:none; padding:7px; margin:0; } #content #content-faqs ul.accordion-faqs li { font-weight:normal; cursor:auto; padding:10px; margin:0; } #content #content-faqs ul.accordion-faqs li p { font-size:12px; margin:10px; } /* SECTION CONTENT CENTRAL [404] */ #content #content-404{ max-width:910px; min-height:300px; margin:10px auto 80px auto; text-align:center; padding-top:55px; padding-bottom:25px; } #content #content-404 h2 { font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:4px; } #content #content-404 h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; font-size:1em; font-weight:normal; margin-bottom:20px; } #content #content-404 a.btn-entrar { display:block; width:150px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-311px -1px; text-align:left; padding-top:8px; padding-left:41px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383; margin:0 auto; } #content #content-404 a.btn-entrar:hover{ color:#535353; text-decoration:none; } /* SECTION CONTENT CENTRAL [PRóXIMAMENTE] */ #content #content-proximamente{ max-width:910px; min-height:465px; margin:10px auto 80px auto; text-align:center; padding-top:25px; padding-bottom:25px; background:url(../img/00_comun/fondo-proximamente.jpg) no-repeat center center; } #content #content-proximamente h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:2.7em; color:#0182c8; margin-top:25px; margin-bottom:4px; } #content #content-proximamente hr { width:475px; height:2px; margin:0 auto; background:url(../img/user/lineasep2.png) no-repeat; border:none; margin-bottom:20px; } #content #content-proximamente p { text-align:center; margin:0 auto; margin-top:-10px; } /* SECTION CONTENT [MAPA WEB] */ #content #content-mapaweb{ max-width:910px; min-height:465px; margin:10px auto 80px auto; padding-top:25px; padding-bottom:25px; text-align:center; overflow:auto } #content #content-mapaweb ul.principal { margin:0 auto; padding:0; display:block; max-width:670px; width:100%; } #content #content-mapaweb ul.principal > li { list-style:none; float:left; max-width:190px; width:100%; min-height:340px; height:100%; display:block; margin-left:10px; border-right:#999 solid 1px; text-align:left; } #content #content-mapaweb ul.principal > li:last-child { max-width:250px; width:100%; border-right:none;} #content #content-mapaweb ul.principal > li ul.seccion li { list-style:none; margin-bottom:5px; } #content #content-mapaweb ul.principal > li ul.seccion li a { color:#6f6f6f } #content #content-mapaweb ul.principal ul.subseccion li { background:url(../img/00_comun/punto.gif) no-repeat 0 5px; padding-left:13px; margin-left:-13px; } #content #content-mapaweb h2 { font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:3.2em; color:#0182c8; margin-bottom:25px; } #content #content-mapaweb h3 { font-family:'lucida_granderegular', Verdana, Geneva, sans-serif; color:#000; font-size:1em; font-weight:normal; margin-bottom:2px; padding-bottom:10px; background:url(../img/00_comun/raya.gif) no-repeat 0 16px; } /* **************** FOOTER ***************** */ /* AVISO LEGAL */ #content-aviso-legal { width:98%; overflow:hidden; } #legal-logo { width:98%; margin:20px auto 30px auto; text-align:center; } #legal-text { width:96%; height:530px; display:block; margin:0 auto; -moz-box-shadow: inset 0 1px 9px 3px #b9b9b9; -webkit-box-shadow: inset 0 1px 9px 3px #b9b9b9; box-shadow: inset 0 1px 9px 3px #b9b9b9; } #legal-text-int{ margin:30px; } #legal-text-int h1 { margin-bottom:20px; } #legal-text-int h1 .tit-bold{ font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.8em; color:#19262d; text-shadow: 0 0 1px rgba(25,38,45,1); } #legal-text-int h1 .tit-light{ font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif; font-size:1.8em; color:#19262d; text-shadow: 0 0 1px rgba(25,38,45,1); } #legal-text-int p { color:#6f6f6f; margin-bottom:10px; } /* RWD */ /* Tablet : max960px ----------------------------- */ @media only screen and (min-width:768px) and (max-width:960px) { /* destacados home */ #content #destacados-home{ width:100%; margin-top:15px; margin-bottom:30px; } #content #destacados-home ul { margin:0 auto; padding:0; max-width:760px; width: 100%; } #content #destacados-home ul li { width:240px; height:239px; margin:5px; -webkit-box-shadow : 0px 4px 13px 2px rgba(92,92,92,0.5); -moz-box-shadow : 0px 4px 13px 2px rgba(92,92,92,0.5); box-shadow : 0px 4px 13px 2px rgba(92,92,92,0.5); } #content #destacados-home ul li #cdes1-off{ width:240px; height:239px; background:url(../img/destacados-home/dest1-off-mov.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes1-on{ width:240px; height:239px; margin-top:-239px; display:none; background:url(../img/destacados-home/dest1-on-mov.jpg) no-repeat; } #content #destacados-home ul li #cdes2-off{ width:240px; height:239px; background:url(../img/destacados-home/dest2-off-mov.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes2-on{ width:240px; height:239px; margin-top:-239px; display:none; background:url(../img/destacados-home/dest2-on-mov.jpg) no-repeat } #content #destacados-home ul li #cdes3-off{ width:240px; height:239px; background:url(../img/destacados-home/dest3-off-mov.jpg) no-repeat; clear:both } #content #destacados-home ul li #cdes3-on{ width:240px; height:239px; margin-top:-239px; display:none; background:url(../img/destacados-home/dest3-on-mov.jpg) no-repeat } #destacados-home .cdestit { padding:17px; } #destacados-home .cdestxt { padding:10px; margin-top:120px; } #content #destacados-home h2 { font-size:1.8em; margin-top:-18px; margin-bottom:-3px; line-height:24px; } #content #destacados-home h1 { font-size: 1.1em; margin:-11px auto 10px; padding-left: 30px; } #destacados-home .cdestit h1 { background:none!important; padding-left:0!important; } .cdes-titbold{ font-size:24px;} .cdes-titlight{ font-size:24px;} .cdes-titbold2{ font-size:14px;} .cdes-text{ font-size:11px; line-height:12px!important;} .cdes-over { padding-top:100px; font-size:19px; } .cwhite { color:#FFFFFF } .cbluelight { color:#92ccf6 } .cbluefuerte { color:#2581ae } .cgreylight { color:#e6e6e6 } .cgreyfuerte { color:#b3b3b2 } .cgrey { color:#19262d } .bmov { color:#fff!important; } /* TABS */ #social-home ul#tabsfooter{ max-width:760px; min-height:60px; margin:0 auto; margin-left:60px; padding:0; } #social-home .content-tab{ max-width:760px; height:235px; background:url(../img/footer/forma-tabs-mov.png) no-repeat; margin:-30px auto 30px auto; padding:40px 120px 60px 150px; } .content-tab .tit-bold{ font-size:2.2em; } .content-tab .tit-light{ font-size:2.2em; } .content-tab hr.linea { width:100%; max-width:400px; margin:4px auto 9px auto; box-shadow:1px 1px 1px #d1d1d1; } .content-tab p{ color:#bebcbc} #instagram span { font-size: 1.9em !important; } /* TABS CONTENT */ /* CONTACTO */ .content-tab ul.contacto { margin:0 auto; padding:0; padding-top:20px; width:320px; } .content-tab ul.contacto li a { width:65px; height:50px; margin:5px; } .content-tab ul.contacto li a.preguntanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-2px 0; } .content-tab ul.contacto li a.email { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-70px 0; } .content-tab ul.contacto li a.llamanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-135px 0; } .content-tab ul.contacto li a.aqui { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-205px 0; } .content-tab ul.contacto li a.preguntanos:hover { background-position:-2px -52px; } .content-tab ul.contacto li a.email:hover { background-position:-70px -52px; } .content-tab ul.contacto li a.llamanos:hover { background-position:-135px -52px; } .content-tab ul.contacto li a.aqui:hover { background-position:-205px -52px; } #contacto ul.contacto li p { width:65px; margin-top:-15px; font-family:'lucida_granderegular'; font-size:.8em; } /* ancho del menú segundo nivel */ #content #nav-2nivel-conocenos, #content #nav-2nivel-productos, #content #nav-2nivel-parati, #content #nav-2nivel-promociones, #content #nav-segundo-nivel{ width:32%; } /* ancho secciones interiores */ #content #content-mision, #content #content-historia-iberia, #content #content-historia-tuhistoria, #content #content-gente, #content #content-grupo, #content #content-estamos, #content #content-marcas-bimbo, #content #content-marcas-semilla, #content #content-marcas-panhorno, #content #content-marcas-brioche, #content #content-marcas-martinez, #content #content-marcas-silueta, #content #content-marcas-ortiz, #content #content-marcas-pasteleria, #content #content-marcas-snack, #content #content-marcas-eagle, #content #content-marcas-oroweat, #content #content-marcas-thins, #content #content-trabaja, #content #content-salud-piramide, #content #content-salud-nutrientes, #content #content-salud-consejos, #content #content-salud-preguntas, #content #content-singluten, #content #content-diviertete, #content #content-desayuno-importancia, #content #content-desayuno-completos, #content #content-productos, #content #content-promociones, #content #content-mundo, #content #content-interior-recetas { width:68%; } #content #content-mision, #content #content-historia-iberia, #content #content-grupo, #content #content-estamos{ background:none; } #content #content-interior-recetas { background:none; } #content #content-marcas-bimbo { background-position:225px 280px; } #content #content-marcas-silueta { background-position:225px 280px; } #content #content-marcas-pasteleria { background-position:265px 320px; } #content #content-marcas-panhorno { background-position:245px 350px; } #content #content-marcas-semilla { background-position:263px 371px; } #content #content-marcas-ortiz { background-position:301px 295px; } #content #content-marcas-martinez { background-position:324px 312px; } #content #content-marcas-brioche { background-position:299px 374px; } #content #content-marcas-eagle { background-position:239px 338px; } #content #content-marcas-snack { background-position:288px 338px; } #content #content-marcas-sonrisas { background-position:245px 350px; } #content #content-marcas-oroweat { background-position:245px 350px; } #content #content-marcas-thins { background-position:245px 350px; } #content p.entradilla { width:222px; } #content #content-gente ul.fundador-rwd { display:block; } #content #content-gente div.fundador-rwd { display:block; } #content #content-gente ul.fundador { display:none; } #content #content-gente div.fundador { display:none; } .list_prod_carousel a.prev { margin-right: 28px; } #content-productos .bottomtab { margin-left: 0; width:auto; } #content-productos #asies p.datos-asies { margin: 55px 40px; width: 80%; } #content #content-desayuno-importancia #rendimiento { background:none; } #content #content-salud-nutrientes #tabs-nutrientes #calcio, #content #content-salud-nutrientes #tabs-nutrientes #fosforo, #content #content-salud-nutrientes #tabs-nutrientes #hidratos, #content #content-salud-nutrientes #tabs-nutrientes #vitaminas, #content #content-salud-nutrientes #tabs-nutrientes #proteinas, #content #content-salud-nutrientes #tabs-nutrientes #fibra { background:none; } #content #content-desayuno-importancia #cereales { background:none; } #content #content-desayuno-importancia #consejos .d1 { width: 344px; padding-top:22px; } #content #content-desayuno-importancia #consejos .d2 { width: 484px; padding-top:27px; } #content #content-desayuno-importancia #consejos .d3 { width: 344px; padding-top:16px; } #content #content-desayuno-importancia #consejos .d4 { width: 484px; padding-top:11px; } #content #content-desayuno-importancia #consejos .d5 { width: 344px; padding-top:12px; } #content #content-desayuno-importancia #consejos .d6 { width: 484px; padding-top:15px; } #content #content-desayuno-importancia #consejos .d7 { width: 344px; padding-top:12px; } #content #content-desayuno-importancia #consejos .d8 { width: 484px; padding-top:15px; } #content #content-desayuno-importancia #rendimiento ul li.uno { background-position: 0 41px; } #content #content-desayuno-importancia #rendimiento ul li.tres { background-position: 0 -230px; } #content #content-desayuno-completos #tabs-completos #aburras img { width:98%; } #content #content-diviertete img { width:98%; } #content #content-interior-recetas .filtros ul li.titulo{ display:none; } #content #content-interior-recetas .recetas .col2 { width: 254px; } /* SECTION CONTENT CENTRAL [LOGIN USER] */ #content #content-login{ max-width:960px; width:95%; min-height:430px; padding-top:25px; padding-bottom:25px; } #content #content-login h2 { font-size:2.8em; } #content #content-login h3 { font-size:1.2em!important; width:80%; margin:0 auto 13px auto; line-height:1.5em; } #content #content-login hr { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-login #content-login-form { max-width:750px; width:80%; text-align:left; } #content #content-login #content-login-form label { width:100%; margin-right:0; margin-bottom:0; display:block; } #content #content-login #content-login-form input { width:98%!important; max-width:750px; height:30px; font-size:1.4em; } #content #content-login a.asw-pass{ font-size:.95em; margin-left:0; margin-top:6px; } /* SECTION CONTENT CENTRAL [REGISTRO BASICO USER] */ #content #content-registrobasico{ max-width:960px; width:95%; padding-top:25px; padding-bottom:25px; padding-bottom:25px; } #content #content-registrobasico h2 { font-size:2.8em; } #content #content-registrobasico h3 { font-size:1.2em!important; width:80%; margin:0 auto 13px auto; line-height:1.5em; } #content #content-registrobasico hr { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-registrobasico #content-reg-form { max-width:750px; width:80%; text-align:left; } #content #content-registrobasico #content-reg-form label { width:100%; margin-right:0; margin-bottom:0; display:block; text-align:left } #content #content-registrobasico #content-reg-form input { width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:5px; } #content #content-registrobasico #content-reg-form #reg-dia, #content #content-registrobasico #content-reg-form #reg-mes, #content #content-registrobasico #content-reg-form #reg-anno { width:25%!important; text-align:center; } #content #content-registrobasico #content-reg-form #reg-anyo { width:31%!important; margin-right:0; text-align:center; } #content #content-registrobasico #content-reg-form #frm-registro-check { padding-left:0; font-size:.9em!important; } #content #content-registrobasico #content-reg-form hr { margin-bottom:10px; } #content #content-registrobasico #content-reg-form #frm-registro-check input { vertical-align:middle; margin-right:10px; } #content #content-registrobasico #content-reg-form #frm-registro-check #reg-condiciones, #content #content-registrobasico #content-reg-form #frm-registro-check #reg-comunicaciones { width:30px!important; } /* SECTION CONTENT CENTRAL [CONTACTO] */ #content #content-contacto{ max-width:960px; width:95%; margin:10px auto 80px auto; background-position:60px 110px; background:none; /*background:url(../img/00_comun/fondo-contacto.png) no-repeat;*/} #content #content-contacto #content-contacto-centro { max-width:950px; width:85%; /*text-align:left;*/ margin-left:0; margin:0 auto; } #content #content-contacto #content-contacto-centro h2 { font-size:2.8em; } #content #content-contacto #content-contacto-centro h3 { font-size:1.2em; margin-bottom:20px; line-height:1.3em; } #content #content-contacto #content-contacto-centro hr { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-contacto #content-contacto-centro p { margin:12px auto; } /* SECTION CONTENT CENTRAL [FORMULARIO] */ #content #content-contacto-form{ max-width:960px; width:90%; background:url(../img/00_comun/fondo-contacto-form.jpg) no-repeat center center; } #content #content-contacto-form #content-contacto-centro {max-width:750px; width:85%; text-align:left; margin:0 auto; text-align:center; } #content #content-contacto-form #content-contacto-centro h2 { font-size:2.8em; } #content #content-contacto-form #content-contacto-centro h3 { width:80%; font-size:1.2em; margin:2px auto 20px auto; text-align:left; } #content #content-contacto-form #content-contacto-centro p.txt-cab { width:80%; font-size:1.1em; margin:5px auto 20px auto; padding:0!important; text-align:justify; } #content #content-contacto-form #content-contacto-centro hr, #content #content-contacto-form #content-contacto-centro hr.largo { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-contacto-form #content-contacto-centro p { width:80%; font-size:.9em; padding:0!important; text-align:justify; } #content #content-contacto-form #content-contacto-centro .datos-contacto { max-width:750px; width:80%; text-align:left; margin:0 auto 20px auto; } #content #content-contacto-form #content-contacto-centro .datos-contacto label { width:100%; margin-right:0; margin-bottom:0; text-align:left; } #content #content-contacto-form #content-contacto-centro .datos-contacto input{ width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:10px!important; } #content #content-contacto-form #content-contacto-centro .datos-contacto select { width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:20px; } #content #content-contacto-form #content-contacto-centro .datos-contacto textarea { width:98%!important; max-width:750px; height:140px; max-height:140px; font-size:1.4em;} #content #content-contacto-form #content-contacto-centro a.btn-enviar { margin:2px auto 5px auto; width:180px; } /* SECTION CONTENT CENTRAL [SALA DE PRENSA] */ #content #content-prensa{ max-width:960px; width:90%; background-position:center center; } #content #content-prensa h2 { font-size:2.8em; } #content #content-prensa h3 { font-size:1.1em; width:80%; margin:-10px auto 0 auto; } #content #content-prensa a.btn-entrar { margin:370px auto 5px auto; width:180px;} /* SECTION CONTENT CENTRAL [PREGUNTAS FRECUENTES] */ #content #content-faqs{ max-width:960px; width:90%; } #content #content-faqs h2 { font-size:2.8em; } #content #content-faqs h3 { font-size:1.1em; width:80%; margin:5px auto 20px auto; } #content #content-faqs ul.accordion-faqs { width:80%; max-width:750px; margin:20px auto!important; text-align:left; } #content #content-faqs ul.accordion-faqs div { padding:10px; font-size:1.2em; background:none; } #content #content-faqs ul.accordion-faqs li { font-weight:normal; cursor:auto; padding:10px; margin:0; } #content #content-faqs ul.accordion-faqs li p { font-size:1.1em; margin-top:6px; line-height:1.2em; } /* AVISO LEGAL */ #legal-logo { width:25%; margin:5px auto 5px auto; } #legal-logo img { width:100%; height:auto; } #legal-text { width:90%; } #legal-text-int{ margin:10px; } #legal-text-int h1 { margin-bottom:6px; } #legal-text-int h1 .tit-bold{ font-size:1.3em; } #legal-text-int h1 .tit-light{ font-size:1.3em; text-shadow: 0 0 0 rgba(25,38,45,0); } #content #content-estamos #mapa { width: 96%; } } /* Phone : max 767px ----------------------------- */ @media only screen and (min-width:481px) and (max-width:767px) { /* destacados home */ #content #destacados-home ul { margin:0 auto; width:100%; max-width:320px; text-align:center } #content #destacados-home ul li.des1nomov { display:none; } /* SOCIAL HOME */ #social-home { margin:0 auto; } #social-home ul#tabsfooter { margin: 0 auto; max-width: 750px; min-height: 35px; width: 68%; } #social-home ul#tabsfooter li { display:inline-block; margin-left:0px!important; } #social-home ul#tabsfooter li a{ display:block; width:34px; height:32px; } #social-home ul#tabsfooter li a.tab-newsletter { background:url(../img/footer/btn-tabs-newsletter-mov.png) no-repeat!important;;} #social-home ul#tabsfooter li a.tab-contacto { background:url(../img/footer/btn-tabs-contacto-mov.png) no-repeat!important; width:39px!important; } #social-home ul#tabsfooter li a.tab-facebook { background:url(../img/footer/btn-tabs-facebook-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-twitter { background:url(../img/footer/btn-tabs-twitter-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-youtube { background:url(../img/footer/btn-tabs-youtube-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-pinterest { background:url(../img/footer/btn-tabs-pinterest-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-google { background:url(../img/footer/btn-tabs-google-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-instagram { background:url(../img/footer/btn-tabs-instagram-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-newsletter:hover, #social-home ul#tabsfooter li a.tab-contacto:hover, #social-home ul#tabsfooter li a.tab-facebook:hover, #social-home ul#tabsfooter li a.tab-twitter:hover, #social-home ul#tabsfooter li a.tab-youtube:hover, #social-home ul#tabsfooter li a.tab-pinterest:hover, #social-home ul#tabsfooter li a.tab-google:hover, #social-home ul#tabsfooter li a.tab-instagram:hover, #social-home ul#tabsfooter li a.active { background-position:0px -32px!important; border:none; } #social-home .content-tab{ background:url(../img/footer/back_redes_mobile.png) no-repeat; background-position:0 -35px; width:100%; max-width:480px; height:485px; margin:-5px auto 20px auto; padding:25px 10px; } .content-tab .tit-bold{ font-size:2em; line-height:22px; } .content-tab .tit-light{ font-size:2em; line-height:22px; } .content-tab hr.linea { width:270px; margin:7px auto; } .content-tab p { width:78%; margin:5px auto; } .content-tab hr { margin-bottom:20px!important; } #instagram span { font-size:1.5em!important; } footer { padding-top:10px; } header #perfil p.mensaje-cabecera { display:none; } /* TABS CONTENT */ /* CONTACTO */ .content-tab ul.contacto { margin:0 auto; padding:0; padding-top:20px; width:270px; } .content-tab ul.contacto li a { width:65px; height:50px; margin:1px; } .content-tab ul.contacto li a.preguntanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-2px 0; } .content-tab ul.contacto li a.email { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-70px 0; } .content-tab ul.contacto li a.llamanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-135px 0; } .content-tab ul.contacto li a.aqui { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-205px 0; } .content-tab ul.contacto li a.preguntanos:hover { background-position:-2px -52px; } .content-tab ul.contacto li a.email:hover { background-position:-70px -52px; } .content-tab ul.contacto li a.llamanos:hover { background-position:-135px -52px; } .content-tab ul.contacto li a.aqui:hover { background-position:-205px -52px; } #contacto ul.contacto li p { width:65px; margin-top:-15px; font-family:'lucida_granderegular'; font-size:.8em; } /* SECTION CONTENT CENTRAL [LOGIN USER] */ #content #content-login{ max-width:760px; width:95%; min-height:430px; padding-top:25px; padding-bottom:25px; } #content #content-login h2 { font-size:2.8em; } #content #content-login h3 { font-size:1.2em!important; width:80%; margin:0 auto 13px auto; line-height:1.5em; } #content #content-login hr { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-login #content-login-form { max-width:750px; width:80%; text-align:left; } #content #content-login #content-login-form label { width:100%; margin-right:0; margin-bottom:0; display:block; } #content #content-login #content-login-form input { width:98%!important; max-width:750px; height:30px; font-size:1.4em; } #content #content-login a.asw-pass{ font-size:.95em; margin-left:0; margin-top:6px; } /* SECTION CONTENT CENTRAL [REGISTRO BASICO USER] */ #content #content-registrobasico{ max-width:760px; width:95%; padding-top:25px; padding-bottom:25px; padding-bottom:25px; } #content #content-registrobasico h2 { font-size:2.8em; } #content #content-registrobasico h3 { font-size:1.2em!important; width:80%; margin:0 auto 13px auto; line-height:1.5em; } #content #content-registrobasico hr { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-registrobasico #content-reg-form { max-width:750px; width:80%; text-align:left; } #content #content-registrobasico #content-reg-form label { width:100%; margin-right:0; margin-bottom:0; display:block; text-align:left } #content #content-registrobasico #content-reg-form input { width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:5px; } #content #content-registrobasico #content-reg-form #reg-dia, #content #content-registrobasico #content-reg-form #reg-mes, #content #content-registrobasico #content-reg-form #reg-anno { width:25%!important; text-align:center; } #content #content-registrobasico #content-reg-form #reg-anyo { width:31%!important; margin-right:0; text-align:center; } #content #content-registrobasico #content-reg-form #frm-registro-check { padding-left:0; font-size:.9em!important; } #content #content-registrobasico #content-reg-form hr { margin-bottom:10px; } #content #content-registrobasico #content-reg-form #frm-registro-check input { vertical-align:middle; margin-right:10px; } #content #content-registrobasico #content-reg-form #frm-registro-check #reg-condiciones, #content #content-registrobasico #content-reg-form #frm-registro-check #reg-comunicaciones { width:30px!important; } /* SECTION CONTENT CENTRAL [CONTACTO] */ #content #content-contacto{ max-width:760px; width:95%; margin:10px auto 80px auto; background-position:60px 110px; background:none; /*background:url(../img/00_comun/fondo-contacto.png) no-repeat;*/} #content #content-contacto #content-contacto-centro { max-width:750px; width:85%; /*text-align:left;*/ margin-left:0; margin:0 auto; } #content #content-contacto #content-contacto-centro h2 { font-size:2.8em; } #content #content-contacto #content-contacto-centro h3 { font-size:1.2em; margin-bottom:20px; line-height:1.3em; } #content #content-contacto #content-contacto-centro hr { width:80%; height:1px; background:none; background-color:#CCC; } /* SECTION CONTENT CENTRAL [FORMULARIO] */ #content #content-contacto-form{ max-width:760px; width:90%; background:url(../img/00_comun/fondo-contacto-form.jpg) no-repeat center center; } #content #content-contacto-form #content-contacto-centro {max-width:750px; width:85%; text-align:left; margin:0 auto; text-align:center; } #content #content-contacto-form #content-contacto-centro h2 { font-size:2.8em; } #content #content-contacto-form #content-contacto-centro h3 { width:80%; font-size:1.2em; margin:2px auto 20px auto; text-align:left; } #content #content-contacto-form #content-contacto-centro p.txt-cab { width:80%; font-size:1.1em; margin:5px auto 20px auto; padding:0!important; text-align:justify; } #content #content-contacto-form #content-contacto-centro hr, #content #content-contacto-form #content-contacto-centro hr.largo { width:80%; height:1px; background:none; background-color:#CCC; } #content #content-contacto-form #content-contacto-centro p { width:80%; font-size:.9em; padding:0!important; text-align:justify; } #content #content-contacto-form #content-contacto-centro .datos-contacto { max-width:750px; width:80%; text-align:left; margin:0 auto 20px auto; } #content #content-contacto-form #content-contacto-centro .datos-contacto label { width:100%; margin-right:0; margin-bottom:0; text-align:left; } #content #content-contacto-form #content-contacto-centro .datos-contacto input{ width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:10px!important; } #content #content-contacto-form #content-contacto-centro .datos-contacto select { width:98%!important; max-width:750px; height:30px; font-size:1.4em; margin-bottom:20px; } #content #content-contacto-form #content-contacto-centro .datos-contacto textarea { width:98%!important; max-width:750px; height:140px; max-height:140px; font-size:1.4em;} #content #content-contacto-form #content-contacto-centro a.btn-enviar { margin:2px auto 5px auto; width:180px; } /* SECTION CONTENT CENTRAL [SALA DE PRENSA] */ #content #content-prensa{ max-width:760px; width:90%; background-position:center center; } #content #content-prensa h2 { font-size:2.8em; } #content #content-prensa h3 { font-size:1.1em; width:80%; margin:-10px auto 0 auto; } #content #content-prensa a.btn-entrar { margin:370px 0 5px auto; width:180px;} /* SECTION CONTENT CENTRAL [PREGUNTAS FRECUENTES] */ #content #content-faqs{ max-width:760px; width:90%; } #content #content-faqs h2 { font-size:2.8em; } #content #content-faqs h3 { font-size:1.1em; width:80%; margin:5px auto 20px auto; } #content #content-faqs ul.accordion-faqs { width:80%; max-width:750px; margin:20px auto!important; text-align:left; } #content #content-faqs ul.accordion-faqs div { padding:10px; font-size:1.2em; } #content #content-faqs ul.accordion-faqs li { font-weight:normal; cursor:auto; padding:10px; margin:0; } #content #content-faqs ul.accordion-faqs li p { font-size:1.1em; margin:0; line-height:1.2em; } /* AVISO LEGAL */ #legal-logo { width:25%; margin:5px auto 5px auto; } #legal-logo img { width:100%; height:auto; } #legal-text { width:90%; } #legal-text-int{ margin:10px; } #legal-text-int h1 { margin-bottom:6px; } #legal-text-int h1 .tit-bold{ font-size:1.3em; } #legal-text-int h1 .tit-light{ font-size:1.3em; text-shadow: 0 0 0 rgba(25,38,45,0); } /* menu resposive divs */ #flecha-menu, #flecha-menu-promo, #flecha-menu-recetas { display:block; width:100%; height:52px; position:relative; cursor:pointer; margin-left:-5px; } #flecha-menu .btn, #flecha-menu-promo .btn, #flecha-menu-recetas .btn { width:26px; height:56px; position:relative; background:url(../img/00_comun/ico-flecha-menu-back.png) no-repeat; } #flecha-menu .btn .flecha, #flecha-menu-promo .btn .flecha, #flecha-menu-recetas .btn .flecha { width:26px; height:56px; position:absolute; background:url(../img/00_comun/ico-flecha-menu.png) no-repeat 2px 15px; } #flecha-menu .txt, #flecha-menu-promo .txt, #flecha-menu-recetas .txt { position:absolute; top:14px; left:30px; width:85%; height:30px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#3a77c1; } /* fin menu resposive divs */ #content #content-mapaweb ul.principal li.conocenos { display:none; } #content #nav-2nivel-productos ul, #content #nav-2nivel-promociones ul, #content #nav-2nivel-parati ul { margin-left:-250px; } #content #nav-2nivel-productos, #content #nav-2nivel-promociones, #content #nav-2nivel-parati { width:0%; min-height:10px; } #content #nav-2nivel-parati { display:none; } #content #content-productos, #content #content-promociones, #content #content-interior-recetas { width:98%; overflow:hidden; } #content-productos .bottomtab { margin-left: 0; } #content #content-interior-recetas, #content #content-interior-recetas .cab, #content #content-interior-recetas .footer-listado, #content #content-interior-recetas .cab-int, #content #content-interior-recetas .footer-listado-int { background: none; } #content #content-interior-recetas .filtros li.titulo { display:none } #content #content-interior-recetas .filtros ul { margin-right: 0px; } #content #content-interior-recetas .listado { width:100%; max-width: 760px; } #content #content-interior-recetas .recetas { width:90%; max-width:700px; overflow:hidden } #content #content-interior-recetas .recetas .col1 { background:none; width:100%; margin-left:0; min-height:180px } #content #content-interior-recetas .recetas .col2 { float:none; padding-left:0px; width:100%; padding-right:5px; } #content #content-interior-recetas .cab-int .foto-receta { height:auto; width:85%; } #content-productos ul#tabsproductos li a { padding: 14px 17px; } #content-productos .content-tab { text-align: center; } #content-productos #asies img, #content-productos #informacion img, #content-productos #ingredientes img, #content-productos #formatos img { float:none; } #content-productos #asies p.datos-asies { float: none; margin: 55px 40px; width: 85%; max-width:760px; text-align:left; } #content-productos #informacion table.datos-informacion { float: none; margin: 45px auto; width: 80%; max-width:760px; } #content-productos #informacion table.datos-informacion td:last-child { text-align: right!important; padding-right:5px; } #content-productos #informacion table.datos-informacion td:first-child { text-align: left!important; padding-left:5px; } #content-productos #ingredientes table.datos-ingredientes { float: none; margin: 45px auto; width: 85%; max-width:760px; text-align:left!important; padding-left:5px; } #content-productos #formatos .datos-formatos p { margin: 10px auto; width: 85%; max-width:760px; text-align:left!important; margin-bottom:20px; } #content #content-mapaweb ul.principal > li { margin-left: 8px; } #content #content-productos, #content #content-promociones, #content #content-interior-recetas { width: 99%; } #content #content-interior-recetas .listado { padding: 25px 0px 0; } #content #content-interior-recetas .listado ul { margin: 0 0 0 -16px; } footer #nav-footer ul li ul#copyrightfooter { width:90%; max-width: 760px; } #content { max-width: 760px; width: 99%; } #content #content-interior-recetas .cab, #content #content-interior-recetas .cab-int { max-width: 760px; } #content #content-areapersonal .col-tit-datos, #content #content-areapersonal .col-datos { width: 215px; } #content #content-areapersonal h3 { width:90%; margin:10px auto; } #content #content-areapersonal hr { height: 2px; margin: 0 auto; max-width: 615px; width:80%; } #content #content-interior-recetas #formulario input, #content #content-interior-recetas #formulario input[type="file"], #content #content-interior-recetas #formulario textarea, #content #content-interior-recetas #formulario select { max-width: 940px; } form #subir-recetas{ margin:0 auto; border:#FF0000 solid 1px; } } /* Phone : max 480px ----------------------------- */ @media only screen and (max-width:480px) { header #menu-principal { height:45px; margin:-6px auto 20px; } header #menu-principal ul { height:45px; } header #migas { margin: -5px auto 20px; } header #perfil p.mensaje-cabecera { display:none; } /* destacados */ #content #destacados-home { width:99%; margin-top:45px; margin-bottom:30px; } #content #destacados-home ul { margin:0 auto; width:100%; max-width:320px; text-align:center; } #content #destacados-home ul li { width:100%!important; margin-left:-1px; box-shadow:none; } #content #destacados-home ul li #cdes1-off, #content #destacados-home ul li #cdes1-on, #content #destacados-home ul li #cdes2-off, #content #destacados-home ul li #cdes2-on, #content #destacados-home ul li #cdes3-off, #content #destacados-home ul li #cdes3-on { width:310px; height:309px; } /* SLIDER HOME */ .ls-borderlesslight .ls-nav-start { width:64px!important; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { width:100%!important; } .ls-borderlesslight .ls-bottom-slidebuttons, .ls-borderlesslight .ls-nav-start, .ls-borderlesslight .ls-nav-stop, .ls-borderlesslight .ls-nav-sides { top:-20px!important; } /* SOCIAL HOME */ #social-home { margin-left:0px; width:98%; max-width:470px; margin:0 auto!important; } #social-home ul#tabsfooter{ max-width:320px; margin:0 auto; /*margin-left:0px!important;*/ min-height:35px; padding-left:5px; } #social-home ul#tabsfooter li { display:inline-block; margin-left:0px!important; } #social-home ul#tabsfooter li a{ display:block; width:34px; height:32px; } #social-home ul#tabsfooter li a.tab-newsletter { background:url(../img/footer/btn-tabs-newsletter-mov.png) no-repeat!important;;} #social-home ul#tabsfooter li a.tab-contacto { background:url(../img/footer/btn-tabs-contacto-mov.png) no-repeat!important; width:39px!important; } #social-home ul#tabsfooter li a.tab-facebook { background:url(../img/footer/btn-tabs-facebook-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-twitter { background:url(../img/footer/btn-tabs-twitter-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-youtube { background:url(../img/footer/btn-tabs-youtube-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-pinterest { background:url(../img/footer/btn-tabs-pinterest-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-google { background:url(../img/footer/btn-tabs-google-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-instagram { background:url(../img/footer/btn-tabs-instagram-mov.png) no-repeat!important;; } #social-home ul#tabsfooter li a.tab-newsletter:hover, #social-home ul#tabsfooter li a.tab-contacto:hover, #social-home ul#tabsfooter li a.tab-facebook:hover, #social-home ul#tabsfooter li a.tab-twitter:hover, #social-home ul#tabsfooter li a.tab-youtube:hover, #social-home ul#tabsfooter li a.tab-pinterest:hover, #social-home ul#tabsfooter li a.tab-google:hover, #social-home ul#tabsfooter li a.tab-instagram:hover, #social-home ul#tabsfooter li a.active { background-position:0px -32px!important; border:none; } #social-home .content-tab{ background:url(../img/footer/back_redes_mobile.png) no-repeat; width:95%; max-width:430px; height:230px; background:none; background-color:#F4F4F4; border:#CCC solid 1px; margin:-5px auto 20px auto; padding:20px 5px; -moz-border-radius-bottomright: 110px; -webkit-border-bottom-right-radius: 110px; border-bottom-right-radius: 110px; -moz-border-radius-bottomleft: 110px; -webkit-border-bottom-left-radius: 110px; border-bottom-left-radius: 110px; } .content-tab .tit-bold{ font-size:2em; line-height:22px; } .content-tab .tit-light{ font-size:2em; line-height:22px; } .content-tab hr.linea { width:270px; margin:7px auto; } /* TABS CONTENT */ /* CONTACTO */ .content-tab ul.contacto { margin:0 auto; padding:0; padding-top:20px; width:270px; } .content-tab ul.contacto li a { width:65px; height:50px; margin:1px; } .content-tab ul.contacto li a.preguntanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-2px 0; } .content-tab ul.contacto li a.email { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-70px 0; } .content-tab ul.contacto li a.llamanos { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-135px 0; } .content-tab ul.contacto li a.aqui { background:url(../img/destacados-home/tab-contacto-mov.png) no-repeat; background-position:-205px 0; } .content-tab ul.contacto li a.preguntanos:hover { background-position:-2px -52px; } .content-tab ul.contacto li a.email:hover { background-position:-70px -52px; } .content-tab ul.contacto li a.llamanos:hover { background-position:-135px -52px; } .content-tab ul.contacto li a.aqui:hover { background-position:-205px -52px; } #contacto ul.contacto li p { width:65px; margin-top:-15px; font-family:'lucida_granderegular'; font-size:.8em; } /* **************** USER ***************** */ /* SECTION CONTENT CENTRAL [LOGIN USER] */ #content #content-login{ max-width:440px; height:auto; margin:0px auto 160px auto; padding-top:5px; padding-bottom:20px; } #content #content-login h2 { font-size:2.2em; } #content #content-login h3 { width:90%; margin:-2px auto 10px auto; } #content #content-login hr { width:260px; } #content #content-login #content-login-form { max-width:270px; text-align:left; } #content #content-login #content-login-form input { max-width:270px; width:100%; } /* SECTION CONTENT CENTRAL [REGISTRO BASICO USER] */ #content #content-registrobasico{ max-width:440px; margin:0px auto 160px auto; padding-top:5px; padding-bottom:20px; } #content #content-registrobasico h2 { font-size:2.2em; } #content #content-registrobasico h3 { width:90%; margin:-2px auto 10px auto; } #content #content-registrobasico hr { width:260px; } #content #content-registrobasico #content-reg-form { max-width:270px; text-align:left; } #content #content-registrobasico #content-reg-form label { text-align:left; } #content #content-registrobasico #content-reg-form input { max-width:270px; width:100%; } #content #content-registrobasico #content-reg-form label.label-fecha { width:100%; margin-top:4px; } #content #content-registrobasico #content-reg-form #reg-anyo { margin-right:0px; width:55px; } #content #content-registrobasico #content-reg-form #frm-registro-check { width:100%; font-size:.85em; padding-left:5px; } /* **************** CONTACTO ***************** */ /* SECTION CONTENT CENTRAL [CONTACTO] */ #content #content-contacto{ max-width:440px; height:auto; margin:0px auto 80px auto; padding-top:5px; padding-bottom:20px; background:none; background-position:55px 160px!important; } #content #content-contacto #content-contacto-centro { width:270px; margin:10px auto; } #content #content-contacto #content-contacto-centro h2 { font-size:2.2em; } #content #content-contacto #content-contacto-centro hr { width:270px; } /* SECTION CONTENT CENTRAL [FORMULARIO] */ #content #content-contacto-form{ max-width:310px; margin:0px auto 80px auto; padding-top:5px; padding-bottom:20px; background:url(../img/00_comun/fondo-contacto-form-mov.jpg) no-repeat center center!important; } #content #content-contacto-form #content-contacto-centro { width:270px; } #content #content-contacto-form #content-contacto-centro h2 { font-size:2.2em; } #content #content-contacto-form #content-contacto-centro h3 { font-size:1.3em; } #content #content-contacto-form #content-contacto-centro p.txt-cab { width:100%; font-size:.85em; margin:5px auto 20px auto; padding-left:0px; } #content #content-contacto-form #content-contacto-centro p { width:100%; margin:5px auto 20px auto; padding-left:0px; } #content #content-contacto-form #content-contacto-centro hr { width:270px; } #content #content-contacto-form #content-contacto-centro hr.largo { width:270px; } #content #content-contacto-form #content-contacto-centro .datos-contacto { max-width:270px; } #content #content-contacto-form #content-contacto-centro .datos-contacto label { width:100%; text-align:left; } #content #content-contacto-form #content-contacto-centro .datos-contacto input{ max-width:260px; width:260px; } #content #content-contacto-form #content-contacto-centro .datos-contacto select { max-width:265px; width:265px; } #content #content-contacto-form #content-contacto-centro .datos-contacto textarea { max-width:260px; width:260px; } #content #content-contacto-form #content-contacto-centro a.btn-enviar { margin:2px 0 5px 40px; } /* SECTION CONTENT CENTRAL [SALA DE PRENSA] */ #content #content-prensa{ max-width:440px; height:auto; margin:0px auto 80px auto; padding-top:5px; padding-bottom:20px; background:url(../img/00_comun/fondo-sala-prensa-mov.jpg) no-repeat center center!important ; /*background-position:0px 120px!important;*/ } #content #content-prensa h2 { font-size:2.2em; } #content #content-prensa h3 { width:90%; margin:10px auto 20px auto; } #content #content-prensa a.btn-entrar { margin-left:80px; margin-top:300px; } /* SECTION CONTENT CENTRAL [PREGUNTAS FRECUENTES] */ #content #content-faqs{ max-width:440px; height:auto; margin:0px auto 80px auto; padding-top:5px; padding-bottom:20px; } #content #content-faqs h2 { font-size:2.2em; } #content #content-faqs h3 { width:78%; margin:10px auto 20px auto; } #content #content-faqs ul.accordion-faqs { max-width:290px; } /* SECTION CONTENT [MAPA WEB] */ #content #content-mapaweb{ max-width:440px; height:auto; margin:0px auto 80px auto; padding-top:5px; padding-bottom:20px; } #content #content-mapaweb h2 { font-size:2.2em; } #content #content-mapaweb h3 { width:90%; margin:10px 0 20px 0; background:url(../img/00_comun/raya.gif) no-repeat 0 16px; } #content #content-mapaweb ul.principal { margin:0 auto; padding:0; display:block; max-width:270px; width:100%; } #content #content-mapaweb ul.principal > li { border-right:none; } #content #content-mapaweb ul.principal li.conocenos { display:none; } /* **************** BÚSQUEDA ***************** */ /* SECTION CONTENT CENTRAL [RESULTADO DE LA BÚSQUEDA] */ #content #content-busqueda{ max-width:310px; height:auto; margin:0px auto 80px auto; padding-top:20px; padding-bottom:20px; } #content #content-busqueda h2 { font-size:2.2em; line-height:28px; } #content #content-busqueda h3 { width:80%; margin:10px auto 20px auto; } #content #content-busqueda #content-busqueda-centro { width:100%; } #content #content-busqueda #content-busqueda-centro .titulo { font-size:1.3em; } #content #content-busqueda #content-busqueda-centro hr { width:100%; } #accordion { margin:5px 0; } #accordion p { margin-bottom:5px; } /* **************** MENÚ SEGUNDO NIVEL ***************** */ /* MENÚ >> PRODUCTOS */ /* menu resposive divs */ #flecha-menu, #flecha-menu-promo, #flecha-menu-recetas { display:block; width:100%; height:52px; position:relative; cursor:pointer; margin-left:-5px; } #flecha-menu .btn, #flecha-menu-promo .btn, #flecha-menu-recetas .btn { width:26px; height:56px; position:relative; background:url(../img/00_comun/ico-flecha-menu-back.png) no-repeat; } #flecha-menu .btn .flecha, #flecha-menu-promo .btn .flecha, #flecha-menu-recetas .btn .flecha { width:26px; height:56px; position:absolute; background:url(../img/00_comun/ico-flecha-menu.png) no-repeat 2px 15px; } #flecha-menu .txt, #flecha-menu-promo .txt, #flecha-menu-recetas .txt { position:absolute; top:14px; left:30px; width:85%; height:30px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.3em; color:#3a77c1; } /* fin menu resposive divs */ #content #nav-2nivel-productos a#pull-productos span, #content #nav-2nivel-promociones a#pull-promociones span, #content #nav-2nivel-parati a#pull-recetas span { display:none; } #content #nav-2nivel-productos a#pull-productos, #content #nav-2nivel-promociones a#pull-promociones, #content #nav-2nivel-parati a#pull-recetas { width:20px; height:20px; display:block; background:url(../img/00_comun/icon-menu.png) no-repeat; margin:3px; } #content #nav-2nivel-productos ul, #content #nav-2nivel-promociones ul, #content #nav-2nivel-parati ul { margin-left:-250px; } #content #nav-2nivel-productos, #content #nav-2nivel-promociones, #content #nav-2nivel-parati { width:0%; min-height:10px; } #content #nav-2nivel-parati { display:block; } #content #content-productos, #content #content-promociones, #content #content-interior-recetas { width:98%; overflow:hidden; } /* CARROUSEL PRODUCTOS ***************************************** */ #content #content-productos { max-width:470px; width:100%; } #content #content-productos #productos-slider{ max-width:470px; width:98%; margin:4px auto 15px auto; } .list_prod_carousel { margin-left:34px; margin-right:34px; } .list_prod_carousel ul#slide-productos li { width:95px; margin:4px 2px; } .list_prod_carousel ul#slide-productos li .nombre-producto { font-size:.85em; } .list_prod_carousel ul#slide-productos li a { width:95px; } .list_prod_carousel a.prev { margin-left: -15px; margin-right:15px; } .list_prod_carousel a.next { margin-right: -32px; } /* TABS PRODUCTOS **********************************/ #content-productos #tabsproductos-content{ display:block; margin-bottom:60px; width:100%; } #content-productos .bottomtab{ display:none; } #content-productos ul#tabsproductos{ width:92%; margin:5px auto; margin-left:0px; } #content-productos ul#tabsproductos li { display:inline; margin:0; } #content-productos ul#tabsproductos li a{ display:block; width:100%; height:13px; padding:10px 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; } #content-productos ul#tabsproductos li a:hover, #content-productos ul#tabsproductos li .active { border-bottom:1px solid #e6e6e6; border:#b3c9d0 solid 1px; color:#0182C8} #content-productos .content-tab{ /*max-width:260px;*/ margin-left:0px!important; margin:10px auto 30px auto; } #content-productos .content-tab .tit-bold{ font-size:2.2em; } #content-productos .content-tab .tit-light{ font-size:2.2em; } #content-productos .content-tab hr.linea { width:250px; } #content-productos #asies, #content-productos #informacion, #content-productos #ingredientes, #content-productos #formatos { text-align:center; } #content-productos #asies img, #content-productos #informacion img, #content-productos #ingredientes img, #content-productos #formatos img { width:55%; height:auto; margin-left:0px; margin:10px auto!important; float:none!important; } #content-productos #asies p, #content-productos #informacion p, #content-productos #ingredientes p, #content-productos #formatos p{ width:92%!important; margin:0 auto; text-align:justify!important; line-height:16px; padding:0 7px; } #content-productos #formatos .datos-formatos ul { width:90%; margin:0 auto!important; } #content-productos #formatos .datos-formatos ul li { width:48%; margin:0px auto!important; float:left!important; } #content-productos #formatos .datos-formatos ul li img { width:80%; } #content-productos #formatos .datos-formatos ul li div { margin:10px auto!important; float:none!important; height: 30px; padding: 14px; } #content-productos #informacion table.datos-informacion td:first-child { text-align:left; padding-left:7px; } #content-productos #informacion table.datos-informacion td:last-child { padding-right:7px; } #content-productos #ingredientes table.datos-ingredientes td { text-align:left; padding-left:7px; } #content-productos #asies p.datos-asies { margin:0 10px; width:95%; } #content-productos #informacion table.datos-informacion { margin:10px 0; width:100%; } #content-productos #informacion table.datos-informacion td { height:30px; } #content-productos #ingredientes table.datos-ingredientes { margin:10px 0; width:100%; } #content-productos #ingredientes table.datos-ingredientes td { height:30px; } #content-productos #formatos .datos-formatos { margin:10px 0; width:100%; } #content-productos #formatos .datos-formatos p { width:300px; margin:5px auto; } /* **************** PARA TI RECETAS ***************** */ #content #content-interior-recetas{ float:left; width:100%; font-size:.9em; background:none!important; } #content #content-interior-recetas .hrh1{ width:290px; margin-bottom:10px; } #content #content-interior-recetas .cab{ width:100%; max-width:470px; /*background:url(../img/04_parati/back_recetas_top-mov.png) no-repeat top left;*/ background:none; min-height:235px; } #content #content-interior-recetas .cab h2 { width:90%; font-size:3.5em; } #content #content-interior-recetas .cab .rayado{ width:245px; margin:-5px auto 10px auto; } #content #content-interior-recetas .cab p { width:85%; margin:0 auto; font-size:.9em; line-height:1.3em; } #content #content-interior-recetas .filtros{ max-width:470px; } #content #content-interior-recetas .listado{ max-width:470px; padding:20px 10px 0 10px; } #content #content-interior-recetas .listado ul { margin: 0 0 0 6px; } #content #content-interior-recetas .footer-listado{ max-width:470px; height:75px; margin:0 0 20px 0; padding:0px; background:none; /*background:url(../img/04_parati/back_recetas_botton-mov.png) no-repeat top left;*/ } #content #content-interior-recetas .filtros { margin-top:-10px; } #content #content-interior-recetas .filtros ul { margin-left:0; width:100%; margin:0 auto; } #content #content-interior-recetas .filtros li.titulo { display:none; } #content #content-interior-recetas .filtros li { margin-top:3px; margin-bottom:3px; } #content #content-interior-recetas .filtros li a { display:inline-block; padding:4px 6px;; font-size:.8em; } #content #content-interior-recetas .filtros li:last-child a { border-right:none; } #content #content-interior-recetas .listado li { width:110px; max-width:115px; height:215px; margin:5px 12px 15px 12px; } #content #content-interior-recetas .listado li p.nombre { width:90%; font-size:.95em; margin-bottom:5px; } #content #content-interior-recetas .listado li p.datos { font-size:.8em; line-height:14px; margin-bottom:8px; } #content #content-interior-recetas .cab-int { background:none;} #content #content-interior-recetas .cab-int h1.tituloreceta { width:85%; font-size:1.4em; padding-left:10px; } #content #content-interior-recetas .cab-int h2 { width:90%; font-size:3.5em; } #content #content-interior-recetas .cab-int .foto-receta { width:80%; height:auto; border:#e4e5e5 solid 1px; background:#FFFFFF; padding:6px; } #content #content-interior-recetas .cab-int .datos-receta { margin-top:15px; } #content #content-interior-recetas .recetas{ width:440px; margin:0; padding:5px; overflow:hidden; } #content #content-interior-recetas .recetas h4 { margin-bottom:10px; } #content #content-interior-recetas .recetas .col1 { width:95%; margin-left:20px; margin-bottom:20px; height:auto; min-height:100px; background:none; } #content #content-interior-recetas .recetas .col2 { width:95%; margin-left:20px; padding-left:0px; } #content #content-interior-recetas .recetas .col2 p { line-height:1.5em; width:94%; } #content #content-interior-recetas .footer-listado-int{ max-width:470px; height:75px; margin:0 0 10px 0; padding:0; background:none; } #content #content-interior-recetas .footer-listado-int a.btn-volver { margin-left:15px; margin-top:10px; } #content #content-interior-recetas .cab{ width:100%; min-height:100px; margin:10px 0 20px -10px; padding-top:20px; } #content #content-interior-recetas #formulario{ width:90%; margin:20px 10px; overflow:hidden; } #content #content-interior-recetas #formulario #subir-recetas label { width:100%; text-align:left; } #content #content-interior-recetas #formulario input, #content #content-interior-recetas #formulario input[type=file], #content #content-interior-recetas #formulario textarea, #content #content-interior-recetas #formulario select { width:98%; margin-top:6px; } #content #content-interior-recetas #formulario input#rc-foto { margin-bottom:10px; } #content #content-interior-recetas #formulario .mensaje1{ font-size:.85em; padding-left:5px; } #content #content-interior-recetas #formulario .mensaje2 { width:95%; font-size:.9em; margin-left:5px; } #content #content-interior-recetas .img-respuesta-ok { margin-left:80px; margin-top:15px; } #content #content-interior-recetas p.txt-respuesta-ok { margin-top:25px; margin-left:45px; } #content #content-areapersonal .areaper-datos { margin: 20px auto 45px; max-width: 760px; width: 90%; } #content #content-areapersonal .col-tit-datos, #content #content-areapersonal .col-datos { width: 135px; } #content #content-areapersonal h3 { width:90%; margin:10px auto; } #content #content-areapersonal hr { height: 2px; margin: 0 auto; max-width: 615px; width:80%; } #content #content-interior-recetas #formulario input, #content #content-interior-recetas #formulario input[type="file"], #content #content-interior-recetas #formulario textarea, #content #content-interior-recetas #formulario select { max-width: 460px; } form #subir-recetas{ margin:0 auto; border:#FF0000 solid 1px; } #content #destacados-home ul li.des1nomov { display:none; } /* ajustes responsive sección recetas */ #content #content-interior-recetas .filtro-recetasbimbo-select { height: 39px; width:100%; left: 0; top: 37px; } #content #content-interior-recetas .listado-recetasbimbo { padding: 50px 15% 20px 15%; } #content-interior-recetas .cab .img-destacada { padding:20px; width: 90%; } #nav-2nivel-parati .img-block-recetas { display:none; } #content #content-interior-recetas .filtro-recetasbimbo-select div.sle { font-size:11px; } #content #content-interior-recetas .cab-int .foto-receta-bimbo { margin: 5px auto; width: 95%; } #content #content-interior-recetas .cab-int .datos-receta { margin-top: 10px; padding-left:40px; min-height:200px; } #content #content-interior-recetas .recetas { width: 90%; } #content #content-interior-recetas .cab-int .datos-receta-bimbo p.datos-date { line-height: 21px; left: 0; top: 110px; } #content #content-interior-recetas .cab-int h1.titulorecetabimbo { width: 90%; } .main-2nivel > li:nth-child(1), .main-2nivel > li:nth-child(3), .main-2nivel > li:nth-child(4), .main-2nivel > li:nth-child(5) { display:none; } #content #content-interior-recetas h1 { background:none; } #content #content-interior-recetas .cab-int .foto-receta-bimbo { max-height: 250px; overflow: hidden; } #content #content-interior-recetas .recetas iframe { max-height:250px; } } /* Phone : max 320px ----------------------------- */ @media only screen and (max-width:320px) { .list_prod_carousel a.prev { margin-left: -32px; margin-right:3px; } #content #content-interior-recetas .recetas .col1 { width:65%; margin-left:20px; margin-bottom:20px; height:auto; min-height:100px; background:none; } #content #content-interior-recetas .recetas .col2 { width:65%; margin-left:20px; padding-left:0px; } #content #destacados-home ul li.des1nomov { display:none; } #social-home .content-tab{ background:url(../img/footer/back_redes_mobile.png) no-repeat; width:95%; max-width:430px; height:230px; background:none; background-color:#F4F4F4; border:#CCC solid 1px; margin:-5px auto 20px auto; padding:20px 5px; -moz-border-radius-bottomright: 110px; -webkit-border-bottom-right-radius: 110px; border-bottom-right-radius: 110px; -moz-border-radius-bottomleft: 110px; -webkit-border-bottom-left-radius: 110px; border-bottom-left-radius: 110px; } .content-tab .tit-bold{ font-size:2em; line-height:22px; } .content-tab .tit-light{ font-size:2em; line-height:22px; } .content-tab hr.linea { width:270px; margin:7px auto; } }