/* HTML5 Doctor Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { /*background-color: #f0dddd;*/ }
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { /*-webkit-tap-highlight-color: #FF5E99;*/ }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
html {-webkit-text-size-adjust: none;}
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
/* non-style for "Required" inputs in Firefox, Chrome and Opera */
input:required,
textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
outline:none 0;
}
input:required,
textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
outline:none 0;
}
input:invalid {
border-color: red;
}
input:valid {
border-color: blue;
}
/* Styling "Placeholder" input in Chrome and Safari */
::-webkit-input-placeholder { color:#333; font-style:italic;}
/* Styling "Placeholder" input in Firefox */
input:-moz-placeholder,
textarea:-moz-placeholder {
color:#333; font-style:italic;
}
.input-error {
-moz-box-shadow: 0 0px 5px #F00!important;
-webkit-box-shadow: 0 0px 5px #F00!important;
box-shadow: 0 0px 5px #F00!important;
}
.label-error { color:#FF0000!important; }
/* Fin Reset */
/* FONTS */
@font-face {
font-family: 'lucida_granderegular';
src: url('/es/assets/fonts/lucida_grande-webfont.eot');
src: url('/es/assets/fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/lucida_grande-webfont.woff') format('woff'),
url('/es/assets/fonts/lucida_grande-webfont.ttf') format('truetype'),
url('/es/assets/fonts/lucida_grande-webfont.svg#lucida_granderegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'lucida_grandebold';
src: url('/es/assets/fonts/lucida_grande_bold-webfont.eot');
src: url('/es/assets/fonts/lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/lucida_grande_bold-webfont.woff') format('woff'),
url('/es/assets/fonts/lucida_grande_bold-webfont.ttf') format('truetype'),
url('/es/assets/fonts/lucida_grande_bold-webfont.svg#lucida_grandebold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue-Light';
src: url('/es/assets/fonts/helveticaneuelight.eot');
src: url('/es/assets/fonts/helveticaneuelight.eot?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/helveticaneuelight.woff') format('woff'),
url('/es/assets/fonts//helveticaneuelight.ttf') format('truetype'),
url('/es/assets/fonts/helveticaneuelight.svg#helveticaneuelight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue-Bold';
src: url('/es/assets/fonts/helveticaneuebold.eot');
src: url('/es/assets/fonts/helveticaneuebold.eot?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/helveticaneuebold.woff') format('woff'),
url('/es/assets/fonts/helveticaneuebold.ttf') format('truetype'),
url('/es/assets/fonts/helveticaneuebold.svg#helveticaneuebold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'lobster_1.4regular';
src: url('/es/assets/fonts/lobster_1.4-webfont.eot');
src: url('/es/assets/fonts/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/lobster_1.4-webfont.woff') format('woff'),
url('/es/assets/fonts/lobster_1.4-webfont.ttf') format('truetype'),
url('/es/assets/fonts/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'big_caslon_medium';
src: url('/es/assets/fonts/big_caslon_medium.eot');
src: url('/es/assets/fonts/big_caslon_medium?#iefix') format('embedded-opentype'),
url('/es/assets/fonts/big_caslon_medium.woff') format('woff'),
url('/es/assets/fonts/big_caslon_medium.ttf') format('truetype'),
url('/es/assets/fonts/big_caslon_medium.svg#big_caslon_medium') format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: 'lucida_granderegular', Arial, Helvetica, sans-serif; color: #444; background-color:#fcfcfc; }
a { color:#0fa6db; text-decoration: none; }
a:hover { text-decoration: underline; color:#003080; }
.clear{clear:both; height:10px;}
.chromeframe{ width:100%; margin:0px auto; font-size:16px; padding:12px; border:1px solid #fff; background-color:#CCCCCC; color:#333333;}
/* wrapper container background width = 100% */
#wrapper { position:relative; min-width:320px; min-height:100%; max-width:99.5%; width:99.5%; height:auto!important; z-index:99!important; margin:0 auto; }
/* containter central max-width = 960px */
#container {max-width:960px; width:99.7%; margin:0 auto; padding:0; text-align:left; padding-left:25px; padding-right:25px; background:url(../img/00_comun/fondo-sombra.png) repeat-y; }
#container-home {max-width:960px; width:99.7%; margin:0 auto; padding:0; text-align:left; }
/* basic layout *************** */
/* HEADER CONTENT */
header {overflow: hidden; clear:both; }
/* barra perfil */
header #perfil{ width:100%; height:31px; float:left; overflow:visible; background:url(../img/00_comun/relleno-barra-login.png) repeat-x;}
header #perfil a {font-size:0.9em; font-weight:400; color:#FFFFFF; }
header #perfil a:hover {text-decoration:none; color:#eff8fd; }
header #perfil a#perfil-izq { float:left; width:212px; height:22px; display:block; background:url(../img/00_comun/sprite-cabecera.png) no-repeat; padding-top:7px; text-align:center; }
header #perfil a#perfil-izq:hover { background-position:0 -29px; }
/*header #perfil #perfil-login { float:left; position:relative; width:212px; height:200px; background:#CCC; display:none; clear:left; }*/
header #perfil a#perfil-der { float:right; width:211px; height:22px; display:block; background:url(../img/00_comun/sprite-cabecera.png) no-repeat; background-position:-212px 0px; padding-top:7px; text-align:center}
header #perfil a#perfil-der:hover { background-position:-212px -29px; }
/*header #perfil #perfil-datos { float:right; position:relative; width:209px; height:200px; background:#CCC; display:none; clear:right }*/
header #perfil p.mensaje-cabecera { float:left; width:auto; margin-top:7px; margin-left:10px; font-size:1em; font-family: 'lucida_granderegular', Verdana, Geneva, sans-serif; color:#6f6f6f; }
/* banner y barra idioma */
header #banner-idioma{
width:93.2%; height:182px; background:url(../img/00_comun/bimbo-cabecera.jpg) no-repeat; margin:0px auto 11px auto;
background-color:#FFFFFF;
border-left:#FFF solid 8px;
border-right:#FFF solid 8px;
border-bottom:#FFF solid 8px;
-webkit-box-shadow: 0px 4px 16px 2px rgba(128,128,128,0.5);
-moz-box-shadow: 0px 4px 16px 2px rgba(128,128,128,0.5);
box-shadow: 0px 4px 16px 2px rgba(128,128,128,0.5);
}
header #banner-idioma #home { display:block; width:225px; height:140px; float:left; margin-top:5px; margin-left:60px; }
header #banner-idioma #idiomas{ float:right; min-width:200px; height:30px; margin-top:15px; margin-right:-182px; display:block; z-index:5000; /* QUITAR HASTA QUE SALGA PORTUGUES */}
header #banner-idioma #idiomas a#btn-open-idioma {
float:right; width:30px; height:30px; margin-top:-30px; clear:right;
background:url(../img/00_comun/sprite-cabecera.png) no-repeat #FFF; background-position:0px -224px;
}
header #banner-idioma #idiomas a#btn-open-idioma:hover { background-position:-30px -224px; }
header #banner-idioma #idiomas #idioma-actual{
float:right; width:42px; height:30px; margin-top:-30px; margin-right:30px; clear:right;
background:url(../img/00_comun/sprite-cabecera.png) no-repeat; background-position:-60px -224px;
}
header #banner-idioma #idiomas #idioma-actual #ico-idioma-actual{ width:20px; height: 20px; margin-top:7px; margin-left:16px; }
/*header #banner-idioma #idiomas #idioma-select{ float:right; width:39px; height:14px; padding:8px; background-color:#eeeded; }*/
header #banner-idioma #idiomas #idioma-select{background-color:#eeeded;float:right;height:22px;padding:4px 8px;width:40px; border-radius:2px; }
header #banner-idioma #idiomas #idioma-select a { margin:0 2px; opacity:0; outline:none; }
header #banner-idioma #idiomas #global-bimbo{background-color:#eeeded;float:right;height:14px;padding:8px;width:60px; margin-right:-10px;}
header #banner-idioma a.banner-delegaciones { display:block; width:182px; height:87px; float:right; background:url(../img/00_comun/banner-delegaciones.png) no-repeat; margin-top:50px; }
header #banner-idioma a.banner-delegaciones:hover { background-position:0 -87px;}
/* menú principal */
header #menu-principal{ width:95.20833%; height:52px; margin:0px auto 30px auto;
-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);
}
header #menu-principal ul { margin:0; padding:0; overflow: hidden; }
header #menu-principal ul li { list-style:none; float:left; display:inline; margin:0; padding:0; }
header #menu-principal ul li a{
display:block; padding-top:19px; padding-left:89px; height:34px; color:#035982;
font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:0.9em; text-transform:uppercase; text-shadow: 0 0 1px rgba(3,89,130,0.4);
}
header #menu-principal ul li a:hover{ color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1) }
header #menu-principal ul li a.mp-conocenos { width:138px; background:url(../img/00_comun/sprite-menu-principal.png) no-repeat}
header #menu-principal ul li a.mp-productos { width:142px; background:url(../img/00_comun/sprite-menu-principal.png) no-repeat; background-position:-227px 0;}
header #menu-principal ul li a.mp-promociones { width:145px; background:url(../img/00_comun/sprite-menu-principal.png) no-repeat; background-position:-458px 0;}
header #menu-principal ul li a.mp-parati { width:123px; background:url(../img/00_comun/sprite-menu-principal.png) no-repeat; background-position:-693px 0; padding-left:98px;}
header #menu-principal ul li a.mp-recetas { width:auto; background:url(../img/00_comun/sprite-menu-principal.png) no-repeat; background-position:-693px 0; padding-left:98px;}
header #menu-principal ul li a.mp-conocenos:hover { background-position:0 -53px;}
header #menu-principal ul li a.mp-productos:hover { background-position:-227px -53px;}
header #menu-principal ul li a.mp-promociones:hover { background-position:-458px -53px;}
header #menu-principal ul li a.mp-parati:hover { background-position:-693px -53px;}
header #menu-principal ul li a.mp-recetas:hover { background-position:-693px -53px;}
header #menu-principal ul li.li-recetas { display:none } /* opción menú ocultado sólo movil */
.mp-active{ color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1); }
header #menu-principal ul li a.mp-conocenos-active { background-position:0 -53px; color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1);}
header #menu-principal ul li a.mp-productos-active { background-position:-227px -53px; color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1);}
header #menu-principal ul li a.mp-promociones-active{ background-position:-458px -53px; color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1);}
header #menu-principal ul li a.mp-parati-active { background-position:-693px -53px; color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1);}
header #menu-principal ul li a.mp-recetas-active { background-position:-693px -53px; color:#045982; text-decoration:none; text-shadow: 1px 1px 1px rgba(28,135,186,1);}
/* barra migas */
header #migas{ width:95.20833%; height:30px; margin:-15px auto 4px auto; text-align:left; color:#717171; font-size:0.85em; font-family: 'lucida_granderegular', Verdana, Geneva, sans-serif; }
header #migas ul { margin:0 auto; padding:0; }
header #migas ul li { list-style:none; display:inline; float:left; margin-left:3px; }
header #migas ul li a.home { width:20px; height:20px; margin-top:-2px; display:block; background:url(../img/00_comun/ico-home.png) no-repeat; }
header #migas ul li a.migas-ant { width:auto; color:#b0b0b0 }
header #migas ul li a.migas-ant:hover { color:#717171; text-decoration:underline; }
header #migas ul li.tit { margin-right:5px; }
header #migas ul li.migas-act { color:#0182c8;}
/* barra buscador */
header #buscador{ width:95.20833%; height:29px; margin:-10px auto 5px auto; text-align:right; }
header #buscador .b-content{ width:auto; float:right;}
header #buscador .b-texto{ float:left;
width:230px; height:21px; background:url(../img/00_comun/sprite-cabecera.png) no-repeat; background-position:0 -150px; cursor:pointer;
text-align:center; padding-top:8px; color:#b0b0b0; font-size:12px; font-family: 'lucida_granderegular', Verdana, Geneva, sans-serif; }
header #buscador .b-capa{ float:left; width:248px; height:27px; border-bottom:#dad9d9 1px solid; border-top:#dad9d9 1px solid; border-left:#dad9d9 1px solid; background-color:#FFF; display:none }
header #buscador .b-capa .b-form { float:left; border:#d1d1d1 solid 1px; border-radius:6px; width:200px; height:19px; margin:3px 5px 0 5px; padding:0 3px 0 3px; }
header #buscador .b-capa a.b-close { float:left; width:29px; height:27px; display:block; border-right:#dad9d9 1px solid; background:url(../img/00_comun/sprite-cabecera.png) no-repeat; background-position:-37px -92px; }
header #buscador .b-capa a.b-close:hover { background-position:-37px -121px; }
header #buscador a.b-search { float:left; width:34px; height:29px; display:block; background:url(../img/00_comun/sprite-cabecera.png) no-repeat; background-position:0 -91px;}
header #buscador a.b-search:hover { background-position:0 -120px; }
/* SECTION CONTENT CENTRAL */
#content { width:100%; }
/* FOOTER CONTENT */
footer { width:100%; padding-top:175px; margin-top:-120px; }
footer #img-oso{ margin-top:-170px; background:url(../img/footer/img-oso.png) no-repeat; width:190px; height:164px; display:block; }
footer #cosido{ margin-left:-5px; margin-top:-175px; background:url(../img/footer/cosido.png); background-position:-3px 0; height:45px; max-width:960px; padding-right:10px; width:100%; }
footer #mantel {
background:url(../img/footer/mantel.jpg) no-repeat; max-width:960px; min-height:267px; margin-top:-15px; margin-left:5px;
-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);
}
footer #nav-footer{ max-width:915px; min-height:142px; height:100%; overflow:auto; background-color:#FFFFFF; margin:0 auto;
-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);
}
footer #nav-footer ul { margin:0 auto; padding:0; margin-top:-6px!important;}
footer #nav-footer ul li { list-style:none; display:inline; margin-right:12px; }
footer #nav-footer ul li ul{ margin:0 auto; padding:0 25px; float:left }
footer #nav-footer ul li ul li{ list-style:none; display:list-item; margin-right:12px; }
footer #nav-footer ul li ul li:first-child{ margin-top:30px; }
footer #nav-footer ul li ul li a{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#003080 }
footer #nav-footer ul li ul li a:hover { text-decoration:underline }
footer #nav-footer ul li ul#menufooter{ max-width:165px; min-height:115px; background:url(../img/footer/lineasep.png) no-repeat right; }
footer #nav-footer ul li ul#urlfooter{ max-width:187px; min-height:115px; background:url(../img/footer/lineasep.png) no-repeat right; padding-top:33px; }
footer #nav-footer ul li ul#urlfooter a{ color:#0099FF }
.f-title {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#003080}
footer #nav-footer ul li ul#socialfooter{max-width:187px; min-height:115px; background:url(../img/footer/lineasep.png) no-repeat right; padding-top:30px; }
footer #nav-footer ul li ul#socialfooter li.f-title{ display:list-item; margin-top:30px; margin-bottom:5px; }
footer #nav-footer ul li ul#socialfooter li{ display:inline-block; margin:0; }
footer #nav-footer ul li ul#urlfooter li { margin-top:-3px; padding:0; }
footer #nav-footer ul li ul#socialfooter li a#f-pinterest,
footer #nav-footer ul li ul#socialfooter li a#f-facebook,
footer #nav-footer ul li ul#socialfooter li a#f-google,
footer #nav-footer ul li ul#socialfooter li a#f-twitter,
footer #nav-footer ul li ul#socialfooter li a#f-youtube,
footer #nav-footer ul li ul#socialfooter li a#f-instagram{ display:block; width:22px; height:26px; }
footer #nav-footer ul li ul#socialfooter li a#f-pinterest{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:0px 0px; }
footer #nav-footer ul li ul#socialfooter li a#f-facebook{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:-25px 0px; }
footer #nav-footer ul li ul#socialfooter li a#f-google{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:-50px 0px; }
footer #nav-footer ul li ul#socialfooter li a#f-twitter{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:-75px 0px; }
footer #nav-footer ul li ul#socialfooter li a#f-youtube{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:-100px 0px; }
footer #nav-footer ul li ul#socialfooter li a#f-instagram{ background:url(../img/00_comun/ico-redes-footer.png) no-repeat; background-position:-127px 0px; }
/*
footer #nav-footer ul li ul#socialfooter li a#f-pinterest:hover{ background-position:0px -26px; }
footer #nav-footer ul li ul#socialfooter li a#f-facebook:hover{ background-position:-25px -26px; }
footer #nav-footer ul li ul#socialfooter li a#f-google:hover{ background-position:-50px -26px; }
footer #nav-footer ul li ul#socialfooter li a#f-twitter:hover{ background-position:-75px -26px; }
footer #nav-footer ul li ul#socialfooter li a#f-youtube:hover{ background-position:-100px -26px; }
*/
footer #nav-footer ul li ul#copyrightfooter{max-width:380px; min-height:115px; padding-top:0 }
footer #nav-footer ul li ul#copyrightfooter li.f-title{ display:list-item; margin-top:30px; margin-bottom:5px; }
footer #nav-footer ul li ul#copyrightfooter li{ display:inline-block; margin:0; }
/* SECTION CONTENT CENTRAL [POLÍTICA DE COOKIES] */
#content #content-cookies{ max-width:860px; min-height:465px; margin:10px auto 80px auto; padding:35px 25px; }
#content #content-cookies p { width:100%; max-width:910px; }
#content #content-cookies td { border:#989898 solid 1px; padding:10px; padding-left:30px; }
footer #mensaje_acepta_cookies { position:fixed; z-index:9999; bottom:0; left:0;
width:100%; min-height:16px; background-color:#FFFFFF; padding: 20px 20px;
-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);
}
footer #mensaje_acepta_cookies p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#003080 }
footer #mensaje_acepta_cookies p a { text-decoration:underline; font-weight:bold; }
footer #mensaje_acepta_cookies div.bt { float:right; margin-top:-24px; width:127px; height:24px; margin-right:20px; }
footer #mensaje_acepta_cookies div.bt a { border-radius:6px; background-color:#95cdf6; color:#FFF; width:127px; height:14px; text-align:center; padding:6px 0; display:block; }
footer #mensaje_acepta_cookies div.bt a:hover { background-color:#0065b4; text-decoration:none; transition:ease .4s}
/* fin basic layout *************** */
/* backgrounds */
#bg-img-int, #bg-img-home{ position:fixed; top:0; left:0; min-height:100%; min-width:1024px; width:100%; height:auto; z-index:1; }
/* compartir */
#content #share-content{ width:170px; height:43px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-314px -221px; margin-left:215px; margin-top:10px; }
#content #share-content ul { margin-left:60px; }
#content #share-content ul li { float:left; display:block; list-style:none; margin:3px; }
#content #share-content ul li a { width:30px; height:30px; display:block; }
#content #share-content ul li a span { display:none; }
#content #share-content ul li a.imprimir { background:url(../img/user/sprite-user.png) no-repeat; background-position:-357px -272px }
#content #share-content ul li a.email { background:url(../img/user/sprite-user.png) no-repeat; background-position:-385px -272px }
#content #share-content-v2{background:url(../img/user/sprite-user.png) no-repeat;background-position:-534px -221px;height:43px;margin-left:215px;margin-top:10px;width:190px;}
#content #share-content-v2 ul{margin-left:21px;padding-top:2px;}
#content #share-content-v2 ul li{background:url(../img/user/sprite-user.png) no-repeat;background-position:-1028px -272px;display:block;float:left;list-style:none;margin:1px;width:35px;}
#content #share-content-v2 ul li:last-child{background:none;}
#content #share-content-v2 ul li a.facebook{background:url(../img/user/sprite-user.png) no-repeat;background-position:-475px -272px;}
#content #share-content-v2 ul li a.twitter{background:url(../img/user/sprite-user.png) no-repeat;background-position:-539px -272px;}
#content #share-content-v2 ul li a.imprimir { background: url("../img/user/sprite-user.png") no-repeat scroll -357px -272px rgba(0, 0, 0, 0); }
#content #share-content-v2 ul li a.email { background: url("../img/user/sprite-user.png") no-repeat scroll -385px -272px rgba(0, 0, 0, 0); }
#content #share-content-v2 ul li a {display: block;height: 30px;width: 30px}
#content #share-content-v2 ul li a span {display: none;}
#content .share-this { float:left; margin-left:223px; margin-top:11px; }
#content a.compartir { background:url(../img/user/sprite-user.png) no-repeat; background-position:-328px -272px }
#content a.compartir { color:#0097c8; text-decoration:none; width:30px; height:30px; display:block; margin-left:19px; margin-top:2px; }
#content a.compartir:hover { color:#0097c8; }
#aviso-navegador {
position:fixed;
top:0;
left:0;
display:block;
clear:both;
border:5px solid #bebcbc;
color:#333333;
font-size:11pt;
text-align:center;
height:auto;
line-height:12pt;
padding:30px 15px;
right:7px;
width:97.5%;
z-index:999999;
visibility:visible !important;
background:url(../img/00_comun/alert.png) no-repeat 50px 20px #f6f4f7;
}
/* ALERTS */
#alert-content {display:none;}
#alert-content-btns { display:none; }
/* Overlay */
#simplemodal-overlay { background-color:#fff; }
/* Container */
#simplemodal-container {
-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);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color:#b0b0b0; background-color:#fff; padding:30px;
}
/* ie8 sombra none */
@media \0screen {
#simplemodal-container { border:#999999 solid 1px; }
}
#simplemodal-container .simplemodal-data { padding:8px;}
#simplemodal-container h3 { width:95%; margin:10px auto; font:24px 'HelveticaNeue-Bold'; color:#19262d; text-align:center; }
#simplemodal-container p { width:95%; margin:10px auto; font:14px 'lucida_grandebold'; color:#6f6f6f; text-align:center; }
#simplemodal-container a { margin:8px auto; color:#19262d; }
#simplemodal-container a.btn-aceptar {
display:block; width:145px; height:45px; background:url(../img/user/sprite-user.png) no-repeat; background-position:-715px -660px; text-align:center;
padding-top:8px; font-family: 'HelveticaNeue-Bold', Arial, Helvetica, sans-serif; font-size:1.2em; color:#848383;
}
#simplemodal-container a.btn-aceptar:hover{ color:#535353; text-decoration:none; background-position:-715px -715px; }
#simplemodal-container a.modalCloseImg {
background:url(../img/00_comun/close.png) no-repeat; width:36px; height:36px; display:inline; z-index:3200;
position:absolute; top:-18px; right:-18px; cursor:pointer;
}
#simplemodal-container ul {margin:0 auto; margin-top:35px; width:90%; }
#simplemodal-container ul li { float:left; list-style:none; display:inline-block; }
#simplemodal-container ul li a { font:20px 'HelveticaNeue-Bold'; color:#0182c8; }
/* control version dispositivo */
#mensaje-desktop,
#mensaje-tablet,
#mensaje-movil-767,
#mensaje-movil-320{ position:relative; width:99.3%; border:#666666 solid 1px; background:#FFF; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:9px;; padding:2px; z-index:99!important;}
#mensaje-desktop-f,
#mensaje-tablet-f,
#mensaje-movil-767-f,
#mensaje-movil-320-f{ position:fixed; bottom:0; width:99.3%; border:#666666 solid 1px; background:#FFF; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:9px;; padding:4px; z-index:99!important;}
#mensaje-desktop{ display:block }
#mensaje-tablet{ display:none }
#mensaje-movil-767{ display:none }
#mensaje-movil-320{ display:none }
#mensaje-desktop-f{ display:block }
#mensaje-tablet-f{ display:none }
#mensaje-movil-767-f{ display:none }
#mensaje-movil-320-f{ display:none }
/* RWD */
/* Tablet : max960px ----------------------------- */
@media only screen and (max-width:960px) and (min-width:768px)
{
#mensaje-desktop{ display:none }
#mensaje-tablet{ display:block }
#mensaje-movil-767{ display:none }
#mensaje-movil-320{ display:none }
#mensaje-desktop-f{ display:none }
#mensaje-tablet-f{ display:block }
#mensaje-movil-767-f{ display:none }
#mensaje-movil-320-f{ display:none }
#bg-img-int, #bg-img-home{ display:none; }
#container { width:100%; max-width:960px; padding-left:0; padding-right:0; background-position:-25px 0; }
header { margin-bottom: 10px; }
header nav { float: none; clear: both; }
header nav ul { width: 100%; }
#content #nav-segundo-nivel{ clear:both; width:99.8%!important }
#content #nav-segundo-nivel ul { }
#content #nav-segundo-nivel ul li { float:left; display:block }
#content #content-interior{ float:left!important; width:99.8%!important }
/* IDIOMAS */
header #banner-idioma{ background-position:-25px 0!important; }
header #banner-idioma #idiomas{ min-width:120px; }
/* MENU PRINCIPAL */
header #menu-principal ul li.li-conocenos {display:block}
header #menu-principal ul li.li-productos {display:block}
header #menu-principal ul li.li-promociones {display:block}
header #menu-principal ul li.li-parati {display:block}
header #menu-principal ul li.li-recetas {display:none}
header #menu-principal ul li { width:25%!important; }
header #menu-principal ul li a { padding-left:60px!important; font-size:0.85em; }
header #menu-principal ul li a.mp-conocenos { width:100%!important; background-position:-25px 0;}
header #menu-principal ul li a.mp-productos { width:100%!important; background-position:-260px 0;}
header #menu-principal ul li a.mp-promociones { width:100%!important; background-position:-485px 0;}
header #menu-principal ul li a.mp-parati { width:100%!important; background-position:-740px 0;}
header #menu-principal ul li a.mp-recetas { width:100%!important; background-position:-735px 0;}
header #menu-principal ul li a.mp-conocenos:hover { background-position:-25px -53px;}
header #menu-principal ul li a.mp-productos:hover { background-position:-260px -53px;}
header #menu-principal ul li a.mp-promociones:hover { background-position:-485px -53px;}
header #menu-principal ul li a.mp-parati:hover { background-position:-740px -53px;}
header #menu-principal ul li a.mp-recetas:hover { background-position:-735px -53px;}
header #menu-principal ul li a.mp-conocenos-active { background-position:-25px -53px; }
header #menu-principal ul li a.mp-productos-active { background-position:-260px -53px; }
header #menu-principal ul li a.mp-promociones-active{ background-position:-485px -53px; }
header #menu-principal ul li a.mp-parati-active { background-position:-740px -53px; }
header #menu-principal ul li a.mp-recetas-active { background-position:-735px -53px; }
/* SOCIAL HOME */
#social-home { /*display:none;*/ }
/* FOOTER CONTENT */
footer { margin-top:-80px; }
footer #mantel { position:relative; }
footer #img-oso{ position:absolute; margin-top:-180px; }
footer #cosido{ margin-left:-5px; margin-top:-265px; }
footer #nav-footer ul li ul#copyrightfooter { margin-left:60px; margin-top:5px; }
footer #nav-footer ul { margin-left:40px; }
footer #nav-footer ul li ul#menufooter,
footer #nav-footer ul li ul#urlfooter,
footer #nav-footer ul li ul#socialfooter{ margin-top: 15px !important; }
#social-home {
clear: both;
float: none;
height: auto;
margin: 10px auto;
max-width: 760px;
width: 100%;
}
footer #nav-footer ul li ul#copyrightfooter { margin-left: 0px; }
}
/* Phone : max 767px ----------------------------- */
@media only screen and (min-width:481px) and (max-width:767px)
{
#mensaje-desktop{ display:none }
#mensaje-tablet{ display:none }
#mensaje-movil-767{ display:block }
#mensaje-movil-320{ display:none }
#mensaje-desktop-f{ display:none }
#mensaje-tablet-f{ display:none }
#mensaje-movil-767-f{ display:none }
#mensaje-movil-320-f{ display:none }
#bg-img-int, #bg-img-home{ display:none; }
#content { width:99%; max-width:470px; margin:0 auto; }
#container { width:100%; max-width:767px; padding-left:0; padding-right:0; background-position:-25px 0; }
header { margin-bottom: 10px; }
header nav { float: none; clear: both; }
header nav ul { width: 100%; }
#content #nav-segundo-nivel{ clear:both; width:99.8%!important }
#content #nav-segundo-nivel ul { }
#content #nav-segundo-nivel ul li { float:left; display:block }
#content #content-interior{ float:left!important; width:99.8%!important }
/* IDIOMAS */
header #banner-idioma{ background-position:-25px 0!important; }
header #banner-idioma #idiomas{ min-width:120px; }
header #banner-idioma a.banner-delegaciones { display:none; }
header #banner-idioma #idiomas { margin-right:0px; }
/* MENU PRINCIPAL */
header #menu-principal ul li.li-conocenos {display:none}
header #menu-principal ul li.li-productos {display:block}
header #menu-principal ul li.li-promociones {display:block}
header #menu-principal ul li.li-parati {display:none}
header #menu-principal ul li.li-recetas {display:block}
header #menu-principal ul li { width:33%!important; }
header #menu-principal ul li a { padding-left:60px!important; font-size:0.85em; }
header #menu-principal ul li a.mp-productos { width:100%!important; background-position:-260px 0;}
header #menu-principal ul li a.mp-promociones { width:100%!important; background-position:-485px 0;}
header #menu-principal ul li a.mp-recetas { width:100%!important; background-position:-735px 0;}
header #menu-principal ul li a.mp-productos:hover { background-position:-260px -53px;}
header #menu-principal ul li a.mp-promociones:hover { background-position:-485px -53px;}
header #menu-principal ul li a.mp-recetas:hover { background-position:-735px -53px;}
header #menu-principal ul li a.mp-productos:hover { background-position:-260px -53px;}
header #menu-principal ul li a.mp-promociones:hover { background-position:-485px -53px;}
header #menu-principal ul li a.mp-recetas:hover { background-position:-735px -53px;}
header #menu-principal ul li a.mp-productos-active { background-position:-260px -53px; }
header #menu-principal ul li a.mp-promociones-active{ background-position:-485px -53px; }
header #menu-principal ul li a.mp-recetas-active { background-position:-735px -53px; }
/* SOCIAL HOME */
#social-home {/* display:none;*/ }
/* FOOTER */
footer { width:100%; padding-top:175px; margin-top:-30px; }
footer #cosido{ margin-top:-300px; }
footer #nav-footer ul { margin-top:5px!important;}
footer #nav-footer ul li ul{ padding:0 6px;}
footer #nav-footer ul li ul#socialfooter{ background:none; }
footer #nav-footer ul li ul#menufooter li.donde { display:none; }
}
/* Phone : max 480px ----------------------------- */
@media only screen and (max-width:480px)
{
#mensaje-desktop{ display:none }
#mensaje-tablet{ display:none }
#mensaje-movil-767{ display:none }
#mensaje-movil-320{ display:block }
#mensaje-desktop-f{ display:none }
#mensaje-tablet-f{ display:none }
#mensaje-movil-767-f{ display:none }
#mensaje-movil-320-f{ display:block }
#bg-img-int, #bg-img-home{ display:none; }
#content { width:99%; max-width:470px; margin:0 auto; }
#container { max-width:470px; width:100%; padding:0; padding-left:0px; padding-right:0px; background:none; }
#container-home {max-width:470px; width:100%; }
header { width:99%; margin:0; padding:0; }
/* barra perfil */
header #perfil a {font-size:0.8em; font-weight:500; }
header #perfil a#perfil-izq { width:94px; padding-top:8px; padding-left:60px; text-align:left; }
header #perfil a#perfil-der { width:94px; padding-top:8px; padding-left:60px; text-align:left; background-position:-262px 0px; }
header #perfil a#perfil-der:hover { background-position:-262px -29px; }
/* banner y barra idioma */
header #banner-idioma{
width:94%; height:110px; background:url(../img/00_comun/bimbo-cabecera-mov.jpg) no-repeat; margin:0px auto 11px auto;
background-color:#FFFFFF;
border-left:#FFF solid 6px;
border-right:#FFF solid 6px;
border-bottom:#FFF solid 6px;
}
header #banner-idioma #home { width:100%; height:80px; float:left; margin-top:0px; margin-left:0px;}
header #banner-idioma a.banner-delegaciones { display:none; }
/* IDIOMAS */
header #banner-idioma #idiomas{ float:right; min-width:120px; height:30px; margin-top:-70px; margin-right:0px; display:block; }
/* MENU PRINCIPAL */
header #menu-principal{ width:97%; }
header #menu-principal ul li.li-conocenos {display:none}
header #menu-principal ul li.li-productos {display:block}
header #menu-principal ul li.li-promociones {display:block}
header #menu-principal ul li.li-parati {display:none}
header #menu-principal ul li.li-recetas {display:block}
header #menu-principal ul li a { padding-left:0!important; font-size:0.80em; text-align:center; }
header #menu-principal ul li.li-productos,
header #menu-principal ul li.li-promociones,
header #menu-principal ul li.li-recetas {width:33.3%!important; }
header #menu-principal ul li a.mp-productos { width:100%; background-position:-310px 0; }
header #menu-principal ul li a.mp-promociones { width:100%; background-position:-550px 0; }
header #menu-principal ul li a.mp-recetas { width:100%; background-position:-795px 0; }
header #menu-principal ul li a.mp-productos:hover { background-position:-310px -53px;}
header #menu-principal ul li a.mp-promociones:hover { background-position:-550px -53px;}
header #menu-principal ul li a.mp-recetas:hover { background-position:-795px -53px;}
header #menu-principal ul li a.mp-productos-active { background-position:-310px -53px; }
header #menu-principal ul li a.mp-promociones-active{ background-position:-550px -53px; }
header #menu-principal ul li a.mp-recetas-active { background-position:-795px -53px; }
/* barra buscador */
header #buscador{ width:98%; margin-bottom:15px; }
header #buscador .b-texto{ width:200px; font-size:11px; font-family: 'lucida_granderegular'; }
header #buscador .b-capa{ width:135px; }
header #buscador .b-capa .b-form { width:85px; }
/* FOOTER CONTENT */
footer { padding-top:0px; width:90%; max-width:470px; margin:15px auto 20px auto!important; margin-top:-100px!important; }
footer #cosido{ /*display:none;*/ background:url(../img/footer/imagen_footer-oso.png) no-repeat; position:absolute; margin:0; padding:0; top:-7px; height:155px; }
footer #mantel { float:none; position:relative; width:98%; max-width:470px; min-height:267px; margin:15px auto 20px auto; /*margin-top:15px; margin-left:0;*/ background:none; box-shadow:none; }
footer #img-oso{ position:absolute; top:-20px; left:-10px; margin-top:0; }
footer #nav-footer{ max-width:470px; margin:0 auto; }
footer #nav-footer ul { padding-top:130px; }
footer #nav-footer ul li ul{ padding:20px 19px; }
footer #nav-footer ul li ul li:first-child{ margin-top:30px; }
footer #nav-footer ul li ul li a{ font-size:13px; line-height:13px; }
footer #nav-footer ul li ul#menufooter{ background:none; }
footer #nav-footer ul li ul#urlfooter{ background:none; }
footer #nav-footer ul li ul#socialfooter{ background:none; min-height:45px; }
footer #nav-footer ul li ul#socialfooter li.f-title{ display:list-item; margin-top:5px; margin-bottom:5px; }
footer #nav-footer ul li ul#menufooter li.donde { display:none; }
.f-title { font-size:13px; }
footer #nav-footer ul li ul#socialfooter li a#f-pinterest,
footer #nav-footer ul li ul#socialfooter li a#f-facebook,
footer #nav-footer ul li ul#socialfooter li a#f-google,
footer #nav-footer ul li ul#socialfooter li a#f-twitter,
footer #nav-footer ul li ul#socialfooter li a#f-youtube{ margin:4px; }
footer #nav-footer ul li ul#copyrightfooter{max-width:320px; min-height:75px; }
footer #nav-footer ul li ul#copyrightfooter li.f-title{ display:list-item; margin-top:10px; margin-bottom:5px; }
footer #nav-footer ul li ul#copyrightfooter li,
footer #nav-footer ul li ul#copyrightfooter li a { font-size:11px; }
footer #mensaje_acepta_cookies { width:98%; max-width:320px; height:auto; }
footer #mensaje_acepta_cookies p{ font-size:9px; width:50%; text-align:justify; }
footer #mensaje_acepta_cookies div.bt { float:right; clear:both; margin-top:-24px; width:127px; height:24px; margin-right:20px; margin-left:5px; }
footer #mensaje_acepta_cookies div.bt a { border-radius:6px; background-color:#95cdf6; color:#FFF; width:127px; height:14px; text-align:center; padding:6px 0; display:block; }
footer #mensaje_acepta_cookies div.bt a:hover { background-color:#0065b4; text-decoration:none; transition:ease .4s}
/* barra migas */
header #migas{ width:95%; height:30px; margin:-15px auto 20px auto; }
/* compartir */
#content #share-content{ margin-left:5px; margin-bottom:50px; }
#content #share-content ul { margin-left:60px; }
#content .share-this { margin-left:10px; }
#content #content-cookies { width:84%; max-width:440px; }
#content p { font-size: .85em!important; line-height: 18px; }
#content #share-content-v2 {
margin-left: 15px; margin-bottom:20px;
}
}
/* Phone : max 320px ----------------------------- */
@media only screen and (max-width:320px)
{
footer #nav-footer ul li ul{ padding:20px 50px;!important }
footer #nav-footer ul li ul#socialfooter li{ display:inline-block; margin:0; }
footer #nav-footer ul li ul#socialfooter li.f-title{ display:list-item; margin-top:30px; margin-bottom:5px; }
}