/*SUBMENU PRODUCTOS*/
.submenu-prod{ margin-bottom:30px; border-top:1px solid #9a999e; border-bottom:1px solid #9a999e; padding:0;}
.submenu-prod ul{ padding:0; margin:0; list-style-type:none; text-align:center;}
.submenu-prod li{ padding:12px 2.2%; display:inline-block; border-right:1px solid #9a999e; margin-left:-4px; }
.submenu-prod li:last-child{ border-right:0;}
.submenu-prod li:hover{ background-color:#f7f8f9;}
.submenu-prod li.activo{background-color:#f7f8f9;}
.submenu-prod li a{ font-size:18px; font-weight:400; color:#000;}

/*DESAYUNO SALUDABLE*/

h2.principal{ margin-bottom:40px;}
.desayuno-saludable{ margin-bottom:20px;}
.desayuno-saludable p.texto{ font-size:18px; line-height:2em; margin-bottom:50px; text-align:center;}
.desayuno-saludable .des-normal{ padding:10px 20px 50px; font-size:45px; line-height:1em; color:#dc911b; font-weight:600; background-position:96% 84%; background-image:url(../img/productos/desayuno-normal.png); background-repeat:no-repeat; background-color:#fefbf6;}
.desayuno-saludable .des-normal p{ width:60%;}
.desayuno-saludable .des-normal span{ display:inline-block; padding-bottom:10px;}
.desayuno-saludable .des-normal .cambie{font-size:35px;}
.desayuno-saludable .des-normal .cafe{font-size:30px; font-weight:400;}

.desayuno-saludable .des-herba{padding:10px 25px 50px; font-size:45px; line-height:1em; color:#7bc143; font-weight:600; background-position:94% 76%; background-image:url(../img/productos/desayuno-herbalife.png); background-repeat:no-repeat; background-color:#f9fcf6;}
.desayuno-saludable .des-herba p{ width:50%;}
.desayuno-saludable .des-herba span{ display:inline-block; padding-bottom:10px;}
.desayuno-saludable .des-herba .por{font-size:35px;}
.desayuno-saludable .des-herba .herba{font-size:30px; font-weight:400;}
.desayuno-saludable p.prod-desayuno{ font-size:18px; line-height:1.5em; width:60%; font-weight:400; color:#000;}

.caja-btn-probar{ font-size:30px; padding:30px 0; color:#7bc143; text-align:center;}
.caja-btn-probar strong{ font-weight:500;}
.caja-btn-probar a{font-size:20px; padding:10px 45px 10px 12px; margin-left:20px; background-color:#7bc143; background-position:95% center; background-image:url(../img/comunes/carrito-w.png); background-repeat:no-repeat; font-weight:400; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.caja-btn-probar a:hover {background-color:#486e2d;}
.desayuno-saludable h3{ font-size:24px; padding:40px 0; font-weight:400; text-align:center;}



@media (min-width: 992px) and (max-width: 1199.98px) {

/*SUBMENU PRODUCTOS*/
.submenu-prod{ margin-bottom:30px;}
.submenu-prod li{ padding:12px 1.7%; margin-left:-4px; }
.submenu-prod li:last-child{ border-right:0;}
.submenu-prod li a{ font-size:15px;}

/*DESAYUNO SALUDABLE*/
h2.principal{ margin-bottom:30px;}
.desayuno-saludable{ margin-bottom:0;}
.desayuno-saludable p.texto{ font-size:16px; line-height:1.8em; margin-bottom:40px;}
.desayuno-saludable .des-normal{ padding:10px 20px 30px; font-size:40px; line-height:1em; background-size:180px auto; background-position:96% 84%;}
.desayuno-saludable .des-normal p{ width:60%;}
.desayuno-saludable .des-normal span{ padding-bottom:8px;}
.desayuno-saludable .des-normal .cambie{font-size:30px;}
.desayuno-saludable .des-normal .cafe{font-size:25px; }

.desayuno-saludable .des-herba{padding:10px 25px 30px; font-size:40px; line-height:1em; background-size:180px auto; background-position:94% 76%;}
.desayuno-saludable .des-herba p{ width:50%;}
.desayuno-saludable .des-herba span{padding-bottom:8px;}
.desayuno-saludable .des-herba .por{font-size:30px;}
.desayuno-saludable .des-herba .herba{font-size:25px;}
.desayuno-saludable p.prod-desayuno{ font-size:16px; line-height:1.5em; width:60%;}

.caja-btn-probar{ font-size:25px; padding:30px 0;}
.caja-btn-probar a{font-size:18px; padding:10px 45px 10px 12px; margin-left:20px; background-position:95% center;}

.desayuno-saludable h3{ font-size:20px; padding:30px 0;}



}


@media (min-width: 768px) and (max-width: 991.98px) {

/*SUBMENU PRODUCTOS*/
.submenu-prod{ margin-bottom:70px;}
.submenu-prod .container{ padding:0; margin:0; max-width:100%;}
.submenu-prod li{ padding:10px 1.3%; margin-left:-4px; }
.submenu-prod li:last-child{ border-right:0;}
.submenu-prod li a{ font-size:14px;}

/*DESAYUNO SALUDABLE*/
h2.principal{ margin-bottom:20px;}
.desayuno-saludable{ margin-bottom:0;}
.desayuno-saludable p.texto{ font-size:15px; line-height:1.7em; margin-bottom:30px;}
.desayuno-saludable .des-normal{ padding:10px 20px 25px; font-size:30px; line-height:1em; background-size:120px auto; background-position:96% 84%;}
.desayuno-saludable .des-normal p{ width:70%;}
.desayuno-saludable .des-normal span{ padding-bottom:8px;}
.desayuno-saludable .des-normal .cambie{font-size:22px;}
.desayuno-saludable .des-normal .cafe{font-size:20px; }
.desayuno-saludable .des-normal p img{ width:20px; height:auto;}

.desayuno-saludable .des-herba{padding:10px 25px 25px; font-size:30px; line-height:1em; background-size:120px auto; background-position:94% 76%;}
.desayuno-saludable .des-herba p{ width:55%;}
.desayuno-saludable .des-herba span{padding-bottom:8px;}
.desayuno-saludable .des-herba .por{font-size:22px;}
.desayuno-saludable .des-herba .herba{font-size:20px;}
.desayuno-saludable p.prod-desayuno{ font-size:13px; line-height:1.4em; width:70%;}
.desayuno-saludable .des-herba p img{ width:25px; height:auto;}

.caja-btn-probar{ font-size:20px; padding:30px 0;}
.caja-btn-probar a{font-size:16px; padding:10px 45px 10px 12px; margin-left:15px; background-position:95% center;}

.desayuno-saludable h3{ font-size:18px; padding:20px 0;}
}


@media (min-width: 576px) and (max-width: 767.98px) { 
/*SUBMENU PRODUCTOS*/
.submenu-prod{display:none;}

/*DESAYUNO SALUDABLE*/
h2.principal{ margin-bottom:20px;}
.desayuno-saludable{ margin-bottom:0;}
.desayuno-saludable p.texto{ font-size:15px; line-height:1.7em; margin-bottom:30px;}
.desayuno-saludable p.texto span{ display:none;}
.desayuno-saludable .des-normal{ padding:10px 20px 20px; font-size:30px; line-height:1em; background-size:120px auto; background-position:96% 30%;}
.desayuno-saludable .des-normal p{ width:70%;}
.desayuno-saludable .des-normal span{ padding-bottom:5px;}
.desayuno-saludable .des-normal .cambie{font-size:22px;}
.desayuno-saludable .des-normal .cafe{font-size:20px; }
.desayuno-saludable .des-normal p img{ width:20px; height:auto;}

.desayuno-saludable .des-herba{padding:10px 25px 20px; font-size:30px; line-height:1em; background-size:120px auto; background-position:94% 76%;}
.desayuno-saludable .des-herba p{ width:55%;}
.desayuno-saludable .des-herba span{padding-bottom:5px;}
.desayuno-saludable .des-herba .por{font-size:22px;}
.desayuno-saludable .des-herba .herba{font-size:20px;}
.desayuno-saludable p.prod-desayuno{ font-size:13px; line-height:1.4em; width:70%;}
.desayuno-saludable .des-herba p img{ width:25px; height:auto;}

.caja-btn-probar{ font-size:20px; padding:30px 0;}
.caja-btn-probar a{display:inline-block; font-size:16px; padding:10px 45px 10px 12px; margin:20px 0 0; background-position:95% center;}

.desayuno-saludable h3{ font-size:16px; padding:15px 0;}
}


@media (max-width: 575.98px) { 
/*SUBMENU PRODUCTOS*/
.submenu-prod{display:none;}

/*DESAYUNO SALUDABLE*/
h2.principal{ margin-bottom:20px;}
.desayuno-saludable{ margin-bottom:0;}
.desayuno-saludable p.texto{ display:none;}
.desayuno-saludable .des-normal{ padding:10px 20px 15px; font-size:25px; line-height:1em; background-size:100px auto; background-position:92% 30%;}
.desayuno-saludable .des-normal p{ width:57%;}
.desayuno-saludable .des-normal span{ padding-bottom:5px;}
.desayuno-saludable .des-normal .cambie{font-size:20px;}
.desayuno-saludable .des-normal .cafe{font-size:18px; }
.desayuno-saludable .des-normal p img{ width:20px; height:auto;}

.desayuno-saludable .des-herba{padding:10px 25px 15px; font-size:25px; line-height:1em; background-size:100px auto; background-position:92% 26%;}
.desayuno-saludable .des-herba p{ width:60%;}
.desayuno-saludable .des-herba span{padding-bottom:5px;}
.desayuno-saludable .des-herba .por{font-size:20px;}
.desayuno-saludable .des-herba .herba{font-size:18px;}
.desayuno-saludable p.prod-desayuno{ font-size:13px; line-height:1.4em; width:90%;}
.desayuno-saludable .des-herba p img{ width:25px; height:auto;}

.caja-btn-probar{ font-size:18px; padding:20px 0; text-align:center;}
.caja-btn-probar strong{ display:block;}
.caja-btn-probar a{display:block; width:193px; font-size:16px; padding:8px 40px 8px 12px; margin:10px auto 0; background-size:18px auto; background-position:95% center;}

.desayuno-saludable h3{ font-size:16px; line-height:1.6em; padding:15px 0;}

}




