@charset "utf-8";
html {scroll-behavior: smooth;}

@font-face {
  font-family: 'icomoon';
  src:  url('../imagenes/iconos/fonts/icomoon.eot?rgb1fj');
  src:  url('../imagenes/iconos/fonts/icomoon.eot?rgb1fj#iefix') format('embedded-opentype'),
    url('../imagenes/iconos/fonts/icomoon.ttf?rgb1fj') format('truetype'),
    url('../imagenes/iconos/fonts/icomoon.woff?rgb1fj') format('woff'),
    url('../imagenes/iconos/fonts/icomoon.svg?rgb1fj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-asesoramiento-dieteticas:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e901";
}
.icon-ubicacion-footer:before {
  content: "\e902";
}
.icon-ubicacion-home:before {
  content: "\e903";
}
.icon-mi-cuenta-header:before {
  content: "\e904";
}
.icon-favoritos-header:before {
  content: "\e905";
}
.icon-medios-pagos-home:before {
  content: "\e906";
}
.icon-mi-carrito-header:before {
  content: "\e907";
}
.icon-favoritos-productos:before {
  content: "\e908";
}
.icon-atencion-personalizada:before {
  content: "\e909";
}
.icon-download-header:before {
  content: "\e90a";
}
.icon-envio-gratis-home:before {
  content: "\e90b";
}
.icon-favoritos-home:before {
  content: "\e90c";
}
.icon-imagenes-productos:before {
  content: "\e90d";
}
.icon-ubicacion-contacto:before {
  content: "\e90e";
}
.icon-medios-pagos:before {
  content: "\e90f";
}
.icon-novedades-header:before {
  content: "\e910";
}
.icon-mi-carrito-cuenta:before {
  content: "\e911";
}
.icon-mi-cuenta:before {
  content: "\e912";
}
.icon-retiro-home:before {
  content: "\e913";
}
.icon-telefono-contacto:before {
  content: "\e914";
}
.icon-telefono-home:before {
  content: "\e915";
}
.icon-search:before {
  content: "\e916";
}
.icon-socio-la-granja:before {
  content: "\e917";
}
.icon-telefono-header:before {
  content: "\e918";
}
.icon-verified:before {
  content: "\e919";
}
.icon-verificado:before {
  content: "\e91a";
}
.icon-analisis-deuda:before {
  content: "\e91b";
}
.icon-variaciones-precios:before {
  content: "\e91c";
}
.icon-historial-pedidos:before {
  content: "\e91d";
}
.icon-modificar-password:before {
  content: "\e91e";
}
.icon-lista-precios:before {
  content: "\e91f";
}
.icon-agregar-favorito-carrito:before {
  content: "\e920";
}
.icon-contacto-header:before {
  content: "\e921";
}
.icon-ayuda-pre-head:before {
  content: "\e922";
}
.icon-facebook:before {
  content: "\e923";
}
.icon-facebook-footer:before {
  content: "\e924";
}
.icon-instagram:before {
  content: "\e925";
}
.icon-youtube:before {
  content: "\e926";
}
.icon-pdf:before {
  content: "\e927";
}
.icon-instagram-footer:before {
  content: "\e928";
}
.icon-youtube-footer:before {
  content: "\e929";
}
.icon-menu:before {
  content: "\e92a";
}
.icon-alimento-para-diabeticos:before {
  content: "\e92b";
}
.icon-alimento-para-celiacos:before {
  content: "\e92c";
}
.icon-alimentos-naturales:before {
  content: "\e92d";
}
.icon-alimentos-organicos:before {
  content: "\e92e";
}
.icon-cosmetica-natural:before {
  content: "\e92f";
}
.icon-especias:before {
  content: "\e930";
}
.icon-pack-cerrado:before {
  content: "\e931";
}
.icon-fragancias:before {
  content: "\e932";
}
.icon-frutas-secas-desecadas:before {
  content: "\e933";
}
.icon-email:before {
  content: "\e934";
}
.icon-herboristeria:before {
  content: "\e935";
}
.icon-harinas-semillas-cereales-legumbres:before {
  content: "\e936";
}
.icon-reposteria:before {
  content: "\e937";
}
.icon-numero-1:before {
  content: "\e938";
}
.icon-adelante:before {
  content: "\e939";
}
.icon-inicio:before {
  content: "\e93a";
}
.icon-mail:before {
  content: "\e93b";
}
.icon-email-contacto:before {
  content: "\e93c";
}
.icon-numero-2:before {
  content: "\e93d";
}
.icon-nav:before {
  content: "\e93e";
}
.icon-ofertas:before {
  content: "\e93f";
}
.icon-numero-3:before {
  content: "\e940";
}
.icon-numero-4:before {
  content: "\e941";
}
.icon-whatsapp-item:before {
  content: "\e942";
}
.icon-actualizar:before {
  content: "\e943";
}
.icon-whatsapp-contacto:before {
  content: "\e944";
}
.icon-whatsapp-home:before {
  content: "\e945";
}
.icon-whatsapp:before {
  content: "\e946";
}
.icon-eliminar:before {
  content: "\e947";
}
.icon-suplementos-dietarios:before {
  content: "\e948";
}
.icon-actualizar-mis-datos:before {
  content: "\e949";
}
.icon-whatsapp-footer:before {
  content: "\e94a";
}
.icon-whatsapp-header:before {
  content: "\e94b";
}
.icon-atras:before {
  content: "\e94c";
}
.icon-arriba:before {
  content: "\e94d";
}
.icon-adelante-footer:before {
  content: "\e94e";
}
.icon-abajo:before {
  content: "\e94f";
}
.icon-cerrar-compra:before {
  content: "\e950";
}
.icon-la-empresa:before {
  content: "\e951";
}
.icon-horarios-atencion-pre-head:before {
  content: "\e952";
}
.icon-mi-carrito-producto:before {
  content: "\e953";
}
.icon-variaciones:before {
  content: "\e954";
}

.icono-whatsapp-panel {width:100%;height:auto;}

.icon-atras:before{top:2.5px; font-size:15px;position:relative;}

.icon-facebook:before,.icon-google-plus:before,.icon-youtube:before,.icon-instagram:before {position: relative;float: left;color:rgba(246,246,246,1);background-color:transparent}

.icon-facebook:hover:before,.icon-google-plus:hover:before,.icon-youtube:hover:before,.icon-instagram:hover:before {background-color:rgba(88,88,88,.15);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.icon-facebook-footer:before,.icon-google-plus-footer:before,.icon-youtube-footer:before,.icon-instagram-footer:before {position: relative;float: left;color:rgba(99%,99%,99%,1);border-radius:50%;}

.icon-facebook-footer:hover:before,.icon-google-plus-footer:hover:before,.icon-youtube-footer:hover:before,.icon-instagram-footer:hover:before {color: rgba(129,129,129,1);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.icon-chat:before,.icon-telefono:before{color:#1a1a1a;position: relative;float: left;}

.icon-whatsapp:before{color:rgba(234,234,234,1);position: relative;float: left;}

.icon-club-la-granja a:before, .icon-pack-cerrado a:before, .icon-horarios-atencion-pre-head a:before, .icon-novedades-header a:before,.icon-ayuda-pre-head a:before,.icon-favoritos-header a:before,.icon-download-header a:before{color:rgba(254,254,254,1);position:relative;float: left;}

.icon-mi-carrito-header a:before,.icon-mi-cuenta-header a:before,.icon-whatsapp-header a:before{color:rgba(88,88,88,1);position:relative;float: left;}

.icon-nav:before{color: rgba(130,130,130,1);font-weight:normal}

.icon-menu:before{color: rgba(130,130,130,.85);font-weight:normal;border-radius:50%;background-color:rgba(252,252,252,1)}

.icon-close:before{color: rgba(130,130,130,.85);font-weight:normal;border-radius:50%;background-color:rgba(252,252,252,1)}

.box-form-tramp{float: left;position: absolute;margin:10px;display: none;bottom:0px;z-index:-9999999999999999999999999999999999999999999999 !important}

.espacio-blanco-tramp{font-family: 'Nunito Sans', sans-serif;color:transparent;border: thin solid transparent;text-indent: 5px;font-weight: 400;z-index:-9999999999999999999999999999999999999999999999 !important;text-align: center;border-radius: 4px;display: block;float: none;position:relative;background-color:transparent}

.p-form-tramp{font-family: 'Nunito Sans', sans-serif;color:transparent;border: thin solid transparent;text-indent: 5px;font-weight: 400;z-index:-9999999999999999999999999999999999999999999999 !important;text-align: center;border-radius: 4px;display: block;float: none;position:relative;background-color:transparent}

a{text-decoration:none;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}

h1, h2, h3, p{font-family: 'Open Sans', sans-serif;}

li {list-style-type: none;}

body{margin:0;background-color:rgba(251,251,251,1)}

h1, h2, h3, p{font-family: 'Open Sans', sans-serif;}

header {float:left;position:relative;width: 100%;height: auto;margin: 0;z-index: 99999;background-color:rgba(255,255,255,1)}

.back-header{width: 100%;margin: 0;z-index: 999;border-bottom:2px solid rgba(88,88,88,.15) !important; }

.h3-sub-header a{font-family: 'Open Sans', sans-serif;font-weight:400;color: rgba(51,51,51,1);position:relative;float:left;border-bottom:1px solid rgba(46,46,46,.10);background-color:rgba(91, 155, 66,.85) !important;}

.h3-sub-header a:hover{background-color:rgba(119,204,109,1) !important}

.active_contacto, .accordion_contacto:hover {-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.panel_contacto {background-color:transparent;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}

.accordion_contacto{text-decoration: none;font-family: 'Open Sans', sans-serif;font-weight:700;text-transform:uppercase;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.text-panel {font-family: 'Open Sans', sans-serif;word-spacing: 1px;font-weight:600;color: rgba(255,255,255,1);z-index: 9999999999999 !important;position:relative;float:left}

.li-main-header-a-contact a,.accordion_contacto{position: relative;font-family: 'Open Sans', sans-serif;font-weight:600;color:#fff;float:left;}

.p-txt-main-header,.p-txt-main-header-contact{position: relative;font-family: 'Open Sans', sans-serif;font-weight:400;float:left;}

#main-header {float: left;width: 100%;height: auto;position:relative;margin: 0;z-index: 999;border-bottom:thin solid rgba(214,214,214,1);}

.li-main-header-a a,.li-main-header,.li-main-header-b a,.li-main-header-b-mob a{position: relative;font-family: 'Open Sans', sans-serif;font-weight:600;color:#fff;float:left;}

.li-main-header-a-text a{position: relative;font-family: 'Open Sans', sans-serif;font-weight:600;color:#fff;float:left;background-color: rgba(231, 76, 60,1.0)}

.tooltip a {position: relative;display: inline-block;border-bottom: 1px dotted black;}

.tooltip a .tooltiptext {visibility: hidden;width: 120px;background-color:#ED3A3D;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}

.tooltip a .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}

.tooltip a:hover .tooltiptext {visibility: visible;opacity: 1;}
.tooltip-horarios {z-index:999999999999999}

.tooltiptext-horarios {font-family: 'Open Sans', sans-serif;visibility: hidden;background-color:rgba(46,46,46,1);color:#fff;text-align: center;border-radius: 6px;padding: 5px 0;z-index:999999999999999999999999999 !important;opacity: 0;transition: opacity 0.3s;box-shadow:1px 1px 1px 1px rgba(230,230,230,1);line-height:22px;font-weight:600;}

.tooltiptext-horarios::after {content: "";position: absolute;border-width:5px;border-style: solid;border-color:transparent transparent rgba(46,46,46,1) transparent;}

.tooltip-horarios:hover .tooltiptext-horarios {visibility: visible;opacity: 1;}

.h2-tooltip-horarios{font-family: 'Open Sans', sans-serif;font-weight: 700;color: rgba(234,234,234,1);position:relative;float:left;text-align:center;text-transform:capitalize}

.p-tooltip-horarios{z-index: 999999;position: relative;float: left;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;text-align:center;text-transform:capitalize}

.p-cant-carrito{color:rgba(231, 76, 60,0.70);font-family: 'Open Sans', sans-serif;position:relative;font-weight:600;}

.text {font-family: 'Open Sans', sans-serif;text-align: center;border:1px solid rgba(46,46,46,.10);word-spacing: 1px;font-weight:600;color: rgba(24,24,24,1);background-color:#fff;z-index: 9999999999999 !important;cursor: text;}

.text {font-family: 'Montserrat', sans-serif;text-align: center;border:0;word-spacing: 1px;font-weight:400;color: rgba(24,24,24,1);background-color:#fff;z-index: 9999999999999 !important;cursor: text}

.h2-buscar{font-family: 'Montserrat', sans-serif;font-weight:500;color: rgba(21,21,21,1.00);position:relative;float:left;text-align:center;cursor: context-menu}

.h3-buscar a{font-family: 'Montserrat', sans-serif;font-weight:400;color: rgba(106,106,106,1.00);position:relative;float:left;text-align:center;}

.h4-buscar{font-family: 'Montserrat', sans-serif;font-weight:500;color: rgba(50,50,50,1.00);position:relative;float:left;text-align:center;cursor: context-menu}

.h5-buscar a{font-family: 'Montserrat', sans-serif;font-weight:400;color: rgba(106,106,106,1.00);position:relative;float:left;text-align:center;}

.p-buscar{font-family: 'Montserrat', sans-serif;font-weight:400;color: rgba(65,65,65,1.00);position:relative;float:left;text-align:center;}

.span-p-buscar a{font-family: 'Montserrat', sans-serif;font-weight:400;color: rgba(65,65,65,1.00);position:relative;float:left;text-align:center;}

.span-p-buscar-no{font-family: 'Montserrat', sans-serif;font-weight:500;color: rgba(65,65,65,1.00);position:relative;float:left;text-align:center;cursor: text}

.enviar {font-family: 'Montserrat', sans-serif;text-align: center;border:0;z-index: 9999999999999 !important;cursor: pointer;background-image:url(../imagenes/iconos/buscador.png);background-repeat:no-repeat}

.enviar:hover {-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.text-li-main-header{font-family: 'Open Sans', sans-serif;text-align: center;font-weight: 400;color:#666666;z-index: 9999999999999 !important;}

.enviar {font-family: 'Open Sans', sans-serif;text-align: center;border:0;z-index: 9999999999999 !important;cursor: pointer;background-image:url(../imagenes/iconos/buscar.png);background-repeat:no-repeat}

.enviar:hover {-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

#logo{z-index: 99999 !important;}

.h2-nav{font-family: 'Open Sans', sans-serif;font-weight: 700;color: rgba(234,234,234,1);}

.li-nav a{z-index: 999999;position: relative;float: left;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;}

.li-nav a:hover{background-color:rgba(249, 202, 36,1.0);}

.li-nav-categoria a{z-index: 999999;position: relative;float: left;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;}

.li-nav-categoria a:hover{background-color:rgba(249, 202, 36,1.0);}

footer{width: 100%;margin: 0;z-index: 999999;padding-top: 2.5%;background-color:rgba(28,28,28,1);border-top:2px solid rgba(255,255,0,1)}

.back-footer{width: 100%;margin: 0;z-index: 999;background-color: rgba(0,0,0,.85);border-top:2px solid rgba(244,244,244,1)}

.h2-footer{font-family: 'Open Sans', sans-serif;line-height:25px;font-weight:400;color:rgba(247,247,247,1);}

.h3-footer{font-family: 'Open Sans', sans-serif;line-height: 25px;text-align:center;color:rgba(243,243,243,1);font-weight:700;letter-spacing:1.5px;}

.h4-footer{font-family: 'Open Sans', sans-serif;line-height:25px;text-align:left;color:#fff;font-weight:600;position: relative;float: left;}

.h5-footer{font-family: 'Open Sans', sans-serif;line-height:25px;text-align:left;color:#FCFCFC;letter-spacing: 1px;font-weight:600;}

.p-footer,.p-footer a{font-family: 'Open Sans', sans-serif;position: relative;text-align: center;color:rgba(150,150,150,1);z-index: 999999;font-weight:600;}

.p-footer a:hover{color: rgba(252,252,252,1);}

.icon-whatsapp-footer:before{position:relative;float:left;display:inline;color: rgba(214,214,214,1);margin-right:2.5px;font-weight:400}

#newsletter{position: relative;height: auto;float: left;border-radius:2px;}

#newsletter-form{position: relative;float: left;}

.campo-newsletter {font-family: 'Open Sans', sans-serif;border:0;font-weight: 400;color: rgba(25,25,25,1);text-align: center;background-color: rgba(254,254,254,1);padding-bottom: 4px;border-radius:4px}

#enviar-newsletter {font-family: 'Open Sans', sans-serif;border:0;padding: 8px;font-weight: 600;color: rgba(248,248,248,1);cursor: pointer;background-color:rgba(249, 202, 36,1.0);border-radius:4px}

#enviar-newsletter:hover {background-color:rgba(231, 76, 60,.40);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}

.p-copy-footer, .p-copy-footer a, .p-autor-footer{font-family: 'Open Sans', sans-serif;color:rgba(218,218,218,1);position: relative;font-weight:600;}

.p-copy{font-family: 'Open Sans', sans-serif;color:rgba(219,219,219,1);position: relative;font-weight:600;}

.p-autor-footer a{font-family: 'Open Sans', sans-serif;color: rgba(152,152,152,1);width: 100%;position: relative;text-align: center;font-weight: 600;}

.p-autor-footer a:hover,.p-copy-footer a:hover{color:#f90;}	

.ul-content-1{position: relative;padding:8px 12px;height:auto;width: 100%;list-style-type: none;display: inline;}

.li-content-1 a{display:inline;float:left;position: relative;text-align:center;color:rgba(68,68,68,1);font-family: 'Open Sans', sans-serif;letter-spacing:1px;font-weight:200;}

.li-content-1 a:hover{color: #F1654C;}

.toggleMenu {display:none;padding: 5px 15px;color: #fff;position:absolute;top:0px;left:5px;z-index:9999999999;width:20px;height:20px}

@media screen and (max-width:600px){
.d-none{display:none}

.active {display:block}

.active_contacto {display: block;}

.toggleMenu {top:0px;}

.div-whatsapp {display:block;position:fixed;bottom:80px;right:10%;width:50px;height:50px;z-index:9999999999999999999999999999999999999999 !important;}

.icono-whatsapp{display: block;z-index:9999999999999999999999999999999999999999 !important;}

header {height: 95px;padding:0px;position: fixed;box-shadow: 2px 2px 2px 2px rgba(119,204,109,.45)}

#main-header {width: 100%;margin-top:0;position: relative;top:0px;height:40px;border:0;z-index:9999999;}

.panel_contacto:before {background-color:transparent !important} 

.accordion_contacto{position:fixed;width:55px;display: block; padding:0px 0px;height:55px;bottom:75px;text-align:center;z-index:99999999999999999999999 !important;cursor:pointer;right:5%;background-color:transparent !important}

.box-sub-header-contact {list-style-type: none;width:260px !important;height:405px !important;text-align: center;display:block;z-index: 999999999 !important;position:fixed;right: 5%;bottom: 140px;padding:0px 0px 0px 0px;}

.h3-sub-header a{height:auto;width:100% !important;z-index:99999999999999999999999999 !important;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;margin:0px !important;font-size:14px;position:relative !important; float:left !important;padding:18px 5px 20px 5px;text-align: left !important;border-radius:10px}

.text-panel {text-align: left !important;cursor:pointer !important;width:225px !important;}

.div-whatsapp {display:block;position:absolute;bottom:0px;right:0px;width:50px;height:50px;z-index:9999999999999999999999999999999999999999 !important;}

.icono-whatsapp-panel{display: block;z-index:9999999999999999999999999999999999999999 !important;width:50px;height:50px;}

.icon-whatsapp:before{font-size:25px;width:25px;height: 25px;position:relative;float:left;margin:-2.5px 5px 0px 5px}

.ul-main-header-izq {height:35px;width:100%;margin:0;padding:0px;position: relative;text-align:center;box-shadow:0px 2px 2px #B7B7B7;background-color:#77cc6d;display:none}

.ul-main-header-der{position: fixed;bottom:0px;padding: 0;height:50px;width:100%;margin:0;background-color:#f39c12;box-shadow:1px -1.5px 5px 2.5px rgba(59,59,59,.51);border-top:thin solid rgba(171,171,171,1);display:none}

#logo {position: relative;width:100px;height:auto;top:5px;margin-left:-50px;left:50%;padding:0px;display:inline;float: left;z-index: 9999999;}

.img-logo {position: relative;width: 100%;height:auto;top:0px;}	

.ul-main-header-b{position: fixed;bottom:0px;padding: 0;height:60px;width:100%;margin:0;background-color:rgba(252,252,252,1);box-shadow:-2px -2px 2px 2px rgba(112,112,112,1)}

.li-main-header-b a, .li-main-header-b-mob a {color:rgba(34%,34%,34%,1);width:25%;position:relative;font-size: 12px;float: left;display: inline;height:55px;text-align:center;top:-2px}

.icon-mi-carrito-header:before,.icon-mi-cuenta-header:before,.icon-whatsapp-header:before,.icon-download-header:before{font-size:30px;position: relative;float: left;display: block;text-align: center;width:100%;margin:5px 0px 1px 0px;}

.text-li-main-header{font-size:12px;padding:0px;position:relative;width:100%;text-align:center;color:rgba(34%,34%,34%,1);display:block}

.p-cant-carrito{position: absolute;top: -10px;right: -5px;width:20px;padding:5px;border-radius: 50%;background-color:rgba(119,204,109,1);color:rgba(99%,99%,99%,1);font-size:14px}

/*
#buscar {height: 20px;width: 90%;top:10px;float:left;position: relative;display:block}

.text {font-size:12px;width: 100%;height:40px;background-size: 10px;position: absolute;margin:0 2.5%;top:5px;border:2px solid rgba(151,151,151,1);border-radius:10px;text-align:left;text-indent:20px}

.enviar {left: 87%;position: absolute;padding:10px 18px;width:20%;top:5px;background-size:30px;background-position:center center;background-color:rgba(106,106,106,1);height:46px;border-radius:0px 10px 10px 0px;font-size:12px}

.enviar:hover {background-color:rgba(106,106,106,.81);}*/
    
.text {height:20px;width:25px;position: fixed;cursor: pointer;z-index:99999999999999999999 !important;right:5%;-webkit-transition: width 0.25s ease-in-out;transition: width 0.25s ease-in-out;float:left;top:15px;border-radius:10px;background-image: url("../imagenes/iconos/icono-buscar-mob.png");background-position: 85% 10px;background-repeat: no-repeat;padding: 15px 10px;background-size:30px;overflow: hidden;text-align: left;text-indent: 10px;color:#fff !important} 
    
.text:focus {width:85% !important;border:2px solid #76a72e;background-position: 90% 10px;color:rgba(58,58,58,1.00) !important}
    
.enviar{display: none !important}
    
.result{position: absolute;z-index: 999999999 !important;top:-20px;left:0px;background-color:rgba(250,250,250,1);width:100%;border-radius:4px;border:none;padding:10px 0px 0px 0px;}
 
.h2-buscar{margin:15px 0px 2.5px 0px;padding:5px 0px;font-size: 15px;width:100%;text-align: left;height:auto;text-indent: 10px;}

.h3-buscar a{margin:2.5px 0px 2.5px 50px;padding:5px 0px;font-size: 14px;width:80%;text-align: left;height:auto;text-indent: 10px;display: list-item; list-style: disc;}

.h4-buscar{margin:2.5px 0px;padding:5px 0px;font-size: 15px;width:100%;text-align: left;height:auto;text-indent: 10px;}

.h5-buscar a{margin:2.5px 0px 2.5px 50px;padding:5px 0px;font-size: 14px;width:350px;text-align: left;height:auto;text-indent: 10px;display: list-item; list-style: disc;}

.span-p-buscar a{margin:0px;padding:10px 0px;font-size: 12px;width:100%;text-align: left;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;}

.span-p-buscar-no{margin:50px 0px 0px 0px;padding:10px 0px;font-size: 12px;width:100%;text-align: left;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;}

.box-buscar-p a{margin:2.5px 0px;padding:2.5px 0px;font-size: 12px;width:100%;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;position: relative;float:left;color:#1a1a1a}
    
.img-buscar-producto {margin:5px 5px;padding:5px 0px;width:25px;text-align: left;height:25px;position: relative;float:left}
    
.p-buscar{font-size: 12px;width:85%;text-align: left;height:auto;line-height: 20px;margin:0px;padding:2.5px 0px;}

.h3-buscar:hover a, .h5-buscar:hover a, .p-buscar:hover a, .span-p-buscar:hover a{color:rgba(11,136,22,0.50)}


.sidenav {height: 100%;width: 0;position: fixed; z-index: 999999999999999999999999 !important;top: 0;left: 0;background-color:rgba(254,254,254,.65);overflow-x: hidden;transition: 0.5s;padding-top: 60px;}

.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 35px;color: #fff;display: block;transition: 0.3s;}

.sidenav a:hover {color: #f1f1f1;}

.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size:50px;margin-left: 50px;}

.icon-nav:before{font-size:30px;position: fixed;top:10px;padding:10px;height:30px;width:30px;margin:0;left:5%;text-align:center;color:rgba(34%,34%,34%,1);border:1px solid rgba(34%,34%,34%,1);border-radius:50%;}

.nav{overflow-x: hidden;background-color:rgba(91, 155, 66, 1);height:530px;width:100%;left: 0px;top:0px;-webkit-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);z-index: 999999999999999999999999 !important;position:absolute;display:block;border-radius:0px;transition: 0.5s; }

.icon-close:before{font-size:20px;position: fixed;top:10px;padding:10px;height:20px;width:20px;margin:0;left:80%;text-align:center;color:rgba(100%,100%,100%,1);border:1px solid rgba(100%,100%,100%,1);border-radius:50%;background-color:transparent}

.menu-ul{list-style-type: none;padding: 0;width: 100%;margin:70px 0px 0px 0px;text-align: center;display:block;height:290px;position:absolute;z-index: 9999999999999999999999;}

.li-nav a{height:30px;display: block;padding:28px 0px 18px 0px;color:rgba(99%,99%,99%,1);border-bottom:thin solid rgba(97%,97%,97%,.61);text-align: center;font-size: 14px;letter-spacing: 2px;width:100%}

.li-nav a:hover{background-color:#fff;color:rgba(91, 155, 66, 1)}

.li-nav:last-child a{border-bottom:0;}

footer{float: left;position: relative;text-align: center;}

#newsletter {height: auto;width: 100%;position: relative;float: left;}

#newsletter-form {height: auto;width: 94%;position: relative;float: left;margin:2.2%}

.campo-newsletter {width: 90%;float: left;margin:2.5% 5%;position: relative;height:30px}

#enviar-newsletter {position: relative;float: left;margin:2.5% 4%;width: 92%;height:40px}

.h4-footer{font-size: 14px;position: relative;float: left;display: block;text-align:center;width: 95%;left: 0px;line-height: 25px;padding:0px 3%;}

#logo-footer{height: auto;width: 50%;position: relative;float:left;margin:5px 25%}

.img-logo-footer{width:100%;height:auto;}

#footer-social-media{height: auto;width: 90%;margin:3.5% 5%;position: relative;float:left;text-align:center;padding:0px}

.p-footer-2 a{float:left;width:33%;height:auto;margin:0px;text-align:center;position:relative;left:2.5%;}

.icon-facebook-footer:before,.icon-instagram-footer:before,.icon-youtube-footer:before  {font-size:30px;display: inline;float:left;width:15px; height:15px;padding:10px; margin: 0% 5.5%;left:2.5%;text-align:center;position:relative}

#contenedor-columnas-footer{position: relative;float: left;z-index: 9999999999;width: 100%;margin: 5% 0%;}

.h2-footer{line-height: 28px;font-size: 20px;float: left;position: relative;text-align: left;width: 100%;padding-top: 0px;padding-bottom: 0px;}

.columnas-footer{position: relative;float: left;z-index: 9999999999;width:100%;height: auto;margin:0px;}

.h3-footer{line-height:25px;font-size:16px;}

.h5-footer{line-height:18px;font-size:15px;width:100%;margin:6px 0px;text-align:center}

.box-contacto-footer{position: relative;float: left;z-index: 9999999999;width:100%;height:auto;display:inline-block;margin:10px 0px;padding:0px}

.p-footer,.p-footer a{margin: 8px 0px;font-size: 14px;line-height: 24px;}

#copy{height: auto;width:95%;margin:0% 2.5%;position: relative;float:left;}

#copyright{float: left;width:100%;position: relative;z-index: 99999999999;margin:5% 0px;border-top:1px solid rgba(245,245,245,.45);border-bottom:1px solid rgba(245,245,245,.45)}

#autor{float: left;width:100%;position: relative;z-index: 99999999999;margin:0px 0px}

.p-copy-footer{font-size: 12px;width: 100%;line-height: 14px;text-align: center;float:left}

.p-copy-footer a{font-size: 12px;width: 100%;line-height: 10px;text-align: center;float:left;display:block;border-right:2px solid rgba(88,88,88,1);padding:4px }

.p-copy-footer:last-child a{border-right:none}

.p-autor-footer{font-size: 14px;width: auto;position: relative;line-height: 24px;text-align: center;}

.p-autor-footer a{font-size: 15px;top:0px;position: relative;line-height: 20px;}

.p-copy{font-size: 12px;width: 100%;line-height: 14px;text-align: center;float:left}

.ul-content-1{margin-top: 0px;margin-left: 0px;padding:8px 0px;height:auto;width: 100%;display:block;}

.li-content-1 a{width: auto;height:auto;display: inline;text-align: center;font-size:12px;top:-5px;margin-right:2.5%;}
}

@media screen and (min-width:601px) and (max-width:980px) {

.active {display:block}

.active_contacto {display: block;}

.toggleMenu {top:0px;}

header {height: 180px;padding:0px}

#main-header {width: 100%;margin-top:0;position: relative;top:0px;height:40px;border:0;z-index:9999999;}

.ul-main-header-izq {height:35px;width:100%;margin:0;padding:0px;position: relative;text-align:center;box-shadow:0px 2px 2px #B7B7B7;background-color:#77cc6d;display:none}

.ul-main-header-der{position: fixed;bottom:0px;padding: 0;height:50px;width:100%;margin:0;background-color:#f39c12;box-shadow:1px -1.5px 5px 2.5px rgba(59,59,59,.51);border-top:thin solid rgba(171,171,171,1);display:none}

#logo {position: relative;width:150px;height:auto;top:5px;margin-left:-75px;left:50%;padding:0px;display:inline;float: left;z-index: 9999999;}

.img-logo {position: relative;width: 100%;height:auto;top:0px;}	

.ul-main-header-b{position: fixed;bottom:0px;padding: 0;height:60px;width:100%;margin:0;background-color:rgba(252,252,252,1);box-shadow:-2px -2px 2px 2px rgba(112,112,112,1)}

.li-main-header-b a, .li-main-header-b-mob a {color:rgba(34%,34%,34%,1);width:25%;position:relative;font-size: 12px;float: left;display: inline;height:55px;text-align:center;top:-2px}

.icon-mi-carrito-header:before,.icon-mi-cuenta-header:before,.icon-whatsapp-header:before,.icon-download-header:before{font-size:30px;position: relative;float: left;display: block;text-align: center;width:100%;margin:5px 0px 1px 0px;}

.text-li-main-header{font-size:12px;padding:0px;position:relative;width:100%;text-align:center;color:rgba(34%,34%,34%,1);display:block}

.p-cant-carrito{position: absolute;top: -10px;right: -5px;width:20px;padding:5px;border-radius: 50%;background-color:rgba(119,204,109,1);color:rgba(99%,99%,99%,1);font-size:14px}

#buscar {height: 20px;width: 90%;top:10px;float:left;position: relative;display:block}

.text {font-size:12px;width: 100%;height:35px;background-size: 10px;position: absolute;margin:0 2.5%;top:5px;border:2px solid rgba(151,151,151,1);border-radius:10px;text-align:left;text-indent:20px}

.enviar {left: 87%;position: absolute;padding:4px 18px;width:20%;top:5px;background-size:25px;background-position:center center;background-color:rgba(106,106,106,1);height:41px;border-radius:0px 10px 10px 0px;font-size:12px}

.enviar:hover {background-color:rgba(106,106,106,.81);}

.sidenav {height: 100%;width: 0;position: fixed; z-index: 999999999999999999999999 !important;top: 0;left: 0;background-color:rgba(254,254,254,.65);overflow-x: hidden;transition: 0.5s;padding-top: 60px;}

.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 35px;color: #fff;display: block;transition: 0.3s;}

.sidenav a:hover {color: #f1f1f1;}

.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size:50px;margin-left: 50px;}

.icon-nav:before{font-size:30px;position: fixed;top:10px;padding:10px;height:30px;width:30px;margin:0;left:5%;text-align:center;color:rgba(34%,34%,34%,1);border:1px solid rgba(34%,34%,34%,1);border-radius:50%;}

.nav{overflow-x: hidden;background-color:rgba(91, 155, 66, 1);height:380px;width:100%;left: 0px;top:0px;-webkit-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);z-index: 999999999999999999999999 !important;position:absolute;display:block;border-radius:0px;transition: 0.5s; }

.icon-close:before{font-size:20px;position: fixed;top:10px;padding:10px;height:20px;width:20px;margin:0;left:80%;text-align:center;color:rgba(100%,100%,100%,1);border:1px solid rgba(100%,100%,100%,1);border-radius:50%;background-color:transparent}

.menu-ul{list-style-type: none;padding: 0;width: 100%;margin:70px 0px 0px 0px;text-align: center;display:block;height:290px;position:absolute;z-index: 9999999999999999999999;}

.li-nav a{height:30px;display: block;padding:28px 0px 18px 0px;color:rgba(99%,99%,99%,1);border-bottom:thin solid rgba(97%,97%,97%,.61);text-align: center;font-size: 14px;letter-spacing: 2px;width:100%}

.li-nav a:hover{background-color:#fff;color:rgba(91, 155, 66, 1)}

.li-nav:last-child a{border-bottom:0;}

footer{float: left;position: relative;text-align: center;box-shadow:-10px 1px 5px 2px rgba(213,213,213,1)}

#footer{width:95%;margin:20px 2.5%;float: left;position: relative;text-align: center;}

#newsletter {height: auto;width: 100%;margin:5px;}

#newsletter-form {height: 86px;width: 100%;margin:4px 0px 5px 2.5px;}

.h4-footer{font-size:15px;display: inline;text-align:center;width: 100%;left: 0px;line-height: 25px;top:0px;}

.campo-newsletter {width:25%;padding:10px 0px;display:inline;float: left;margin:10px 2px;position: relative;font-size:12px;left:40px;top:15px;}

#enviar-newsletter {font-size:12px;position: relative;float: left;width: 200px;margin:10px 7px;display:inline;left:35px;top:14px;padding:11px 10px}

#contenedor-columnas-footer{position: relative;float: left;z-index: 9999999999;width: 100%;margin:10% 0px 0% 0%;text-align:left;}

.columnas-footer{position: relative;float: left;z-index: 9999999999;width:auto;height:auto;text-align:left;margin:4px 6%;padding:0px}

.columnas-footer:last-child{width:100%;margin:4px 0% 4px 0px;padding:0px}

.h3-footer{line-height:18px;font-size:15px;width:100%;margin:6px 0px;text-align:left}

.icon-adelante-footer:before{margin-right:0;font-size:12px;top:1px;position:relative;display:none}

.p-footer,.p-footer a{margin:2px 0px;font-size: 12px;line-height:24px;text-align:left;width:100%}

#logo-footer{height:auto;width:30%;position: relative;float:left;}

.img-logo-footer{width:60%;height:auto;margin:0px 20%}

#footer-social-media{height:auto;width:80%;position: relative;float:left;margin:30px 0%}

.p-footer-2 a{position:relative;width:30%;height:auto;float:left;margin:0px 1%;color:rgba(252,252,252,1);text-align:center;}

.icon-facebook-footer:before,.icon-instagram-footer:before,.icon-youtube-footer:before  {margin: 0px 15px;font-size:25px;display: inline;float:left;width:100%; height:auto;position:relative}

.h5-footer{line-height:18px;font-size:14px;width:100%;margin:6px 0px;text-align:left}

.box-contacto-footer{position: relative;float: left;z-index: 9999999999;width:auto;height:auto;display:inline-block;margin:10px 3.5% 10px 0px;padding:0px}

.box-contacto-footer:last-child{margin:10px 0px 10px 0px;padding:0px}

.back-footer{position: absolute;height:auto;bottom:0px;z-index:-9}

#copy{height: auto;width:95%;margin:0% 2.5%;position: relative;float:left;}

#copyright{float: left;width:100%;position: relative;z-index: 99999999999;margin:5% 0px;border-top:1px solid rgba(245,245,245,.45);border-bottom:1px solid rgba(245,245,245,.45)}

#autor{float: left;width:100%;position: relative;z-index: 99999999999;margin:0px 0px}

.p-copy-footer{font-size: 12px;width: 100%;line-height: 14px;text-align: center;float:left}

.p-copy-footer a{font-size: 12px;width: 100%;line-height: 10px;text-align: center;float:left;display:block;padding:4px }

.p-autor-footer{font-size: 14px;width: auto;position: relative;line-height: 24px;text-align: center;}

.p-autor-footer a{font-size: 15px;top:0px;position: relative;line-height: 20px;}

.p-copy{font-size: 12px;width: 100%;line-height: 14px;text-align: center;float:left}

.ul-content-1{margin-top: 0px;margin-left: 0px;padding:8px 0px;height:auto;width: 100%;display:block;}

.li-content-1 a{width: auto;height:auto;display: inline;text-align: center;font-size:12px;top:-5px;margin-right:2.5%;}

}

@media screen and (min-width:981px){
.tooltip a .tooltiptext {top:0px;left:-100px;z-index: 999999999999999999 !important;height:55px;padding:10px;width:150px}

.tooltip a .tooltiptext::after {content: "";position: absolute;top: 50%;left: 175px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #ED3A3D;}
    
.closebtn,.mob{display:none}

.active_contacto {display: block;}

header {height:185px;margin:0;position: relative;float:left}

.back-header{position: absolute;height:35px;border-bottom:0px !important;}

#header{float: left;height: 185px;width: 980px;margin-left: -490px;position: relative;left: 50%;top: 2.5px;}

.panel_contacto:before {background-color:transparent !important} 

.accordion_contacto{position:fixed;width:75px;display: block; padding:0px 0px;height:75px;bottom:10px;text-align:center;z-index:99999999999999999999999 !important;cursor:pointer;right:10%;background-color:transparent !important}

.box-sub-header-contact {list-style-type: none;width:260px !important;height:305px !important;text-align: center;display:block;z-index: 999999999 !important;position:fixed;right: 5%;bottom: 75px;padding:0px 0px 0px 0px;}

.h3-sub-header a{height:auto;width:100% !important;z-index:99999999999999999999999999 !important;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;margin:5px 0px !important;font-size:14px;position:relative !important; float:left !important;padding:18px 5px 20px 5px;text-align: left !important;border-radius:10px}

.text-panel {text-align: left !important;cursor:pointer !important;width:225px !important;}

.div-whatsapp {display:block;position:absolute;bottom:0px;right:0px;width:70px;height:70px;z-index:9999999999999999999999999999999999999999 !important;}

.icono-whatsapp-panel{display: block;z-index:9999999999999999999999999999999999999999 !important;width:70px;height:70px;}

.icon-whatsapp:before{font-size:25px;width:25px;height: 25px;position:relative;float:left;margin:-2.5px 5px 0px 5px}

#logo {position: absolute;width:200px;height:167px;left:0%;top:0px;margin-left:0px;border-right:4px solid rgba(233,180,47,1);padding:0px 14px 0px 0px}

.img-logo {position: relative;width:200px;height:167px;top: 0px;left: 0px;}

#main-header {width:743px;left:232px;position: relative;padding:0px;height:120px;border:0;z-index:9999999;border-bottom:0px !important;}

.ul-main-header-izq {position:absolute;padding:0px;height:210px;width:255px;top:-10px;left:0px;background-color:transparent;display:none}

.li-main-header {margin:0px 10px 0px 10px;display: inline;height:55px;padding:0px;text-align:center;width:25px;float:left}

.icon-facebook:before,.icon-instagram:before,.icon-youtube:before  {margin: 0px;font-size:25px;display: inline;float:left;width:25px;height:25px;}

.ul-main-header-der{position: absolute;padding: 0px;height:40px;width:740px;top:-15px;left:15px;background-color:none !important;border-radius:0px 0px 15px 15px}

.li-main-header-a a {width:auto;font-size: 13px;float: left;display: inline; padding:12px 25px 10px 25px;height:18px;top:0px;text-transform:uppercase;color:rgba(25,25,25,.85);font-weight:600;border-right:3px solid rgba(254,254,254,1);text-align:center;background-color:rgba(249, 202, 36,1.0)}

.li-main-header-a a:hover{background-color:#fff;color:rgba(152,152,152,1);}

.li-main-header-a:last-child a{border-right:0}

.li-main-header-a-text a{width:auto;font-size: 14px;float: left;display: inline; padding:10px 24px 12px 16px;height:18px;top:0px;color:#fff;font-weight:600;text-align:center;border-radius: 0px 0px 15px 0px;}

.li-main-header-a-mov a {display: none}

.icon-club-la-granja:before, .icon-pack-cerrado:before, .icon-horarios-atencion-pre-head:before,.icon-ayuda-pre-head:before,.icon-favoritos-header:before,.icon-novedades-header:before,.icon-download-header:before{font-size: 25px;position: relative;float: left;display:inline;text-align: center;width: 20px;margin-right:10px;top:-2.5px;}

.tooltiptext-horarios {font-size:12px;line-height:22px;top:50px;position:absolute;width:300px;left:-40px;height:auto;padding:4px 0px;z-index:999999999999999999999999999999999999999999999999 !important}

.tooltiptext-horarios::after{top:-10px;left:50%;margin-left: 5px;}

.h2-tooltip-horarios{width:100%;font-size:16px;margin:5px 0px}

.p-tooltip-horarios{width:100%;font-size:13px;margin:4px 0px}

/*#buscar {height: 45px;width:480px;position: absolute;cursor: pointer;z-index:9999999;padding:10px 6px;margin-left:0px;float:left;top:60px;}

.text {width:480px;height: 41px;position: absolute;left:5px;top:0px;border:2px solid rgba(151,151,151,1);border-radius:10px;border-radius:5px 5px 5px 5px}

.enviar {left:425px;position: absolute;padding:8px 18px;width:65px;top:0px;background-size:30px;background-position:center center;background-color:rgba(106,106,106,1);height:47px;border-radius:0px 5px 5px 0px}

.enviar:hover {background-color:rgba(106,106,106,.51);height:47px;}*/
    
#buscar {height: 45px;width:480px;position: absolute;cursor: pointer;z-index:9999999;padding:10px 6px;margin-left:0px;float:left;top:60px;}

.text {width:480px;height: 41px;position: absolute;left:5px;top:0px;border:2px solid rgba(151,151,151,1);border-radius:10px;border-radius:5px 5px 5px 5px}

.result{position: absolute;z-index: 999999999 !important;top:5px;left:10px;background-color:rgba(254,254,254,1.00);width:480px;border-radius:4px;border:1px solid rgba(143,143,143,0.20);padding:10px 0px 0px 0px}
 
.h2-buscar{margin:45px 0px 2.5px 0px;padding:5px 0px;font-size: 15px;width:100%;text-align: left;height:auto;text-indent: 10px;}

.h3-buscar a{margin:2.5px 0px 2.5px 50px;padding:5px 0px;font-size: 14px;width:350px;text-align: left;height:auto;text-indent: 10px;display: list-item; list-style: disc;}

.h4-buscar{margin:2.5px 0px;padding:5px 0px;font-size: 15px;width:100%;text-align: left;height:auto;text-indent: 10px;}

.h5-buscar a{margin:2.5px 0px 2.5px 50px;padding:5px 0px;font-size: 14px;width:350px;text-align: left;height:auto;text-indent: 10px;display: list-item; list-style: disc;}

.span-p-buscar a{margin:0px;padding:10px 0px;font-size: 12px;width:100%;text-align: left;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;}

.span-p-buscar-no{margin:50px 0px 0px 0px;padding:10px 0px;font-size: 12px;width:100%;text-align: left;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;}

.box-buscar-p a{margin:5px 0px;padding:5px 0px;font-size: 12px;width:100%;height:auto;border-bottom:1px solid rgba(208,208,208,0.50);text-indent: 10px;position: relative;float:left;color:#1a1a1a}
    
.img-buscar-producto {margin:0px 5px;padding:5px 0px;width:25px;text-align: left;height:25px;position: relative;float:left}
    
.p-buscar{font-size: 12px;width:350px;text-align: left;height:auto;}

.h3-buscar a:hover, .h5-buscar a:hover, .p-buscar:hover, .span-p-buscar a:hover{color:rgba(11,136,22,0.50)}

.enviar {left:425px;position: absolute;padding:8px 18px;width:65px;top:0px;background-size:30px;background-position:center center;background-color:rgba(106,106,106,1);height:47px;border-radius:0px 5px 5px 0px}

.enviar:hover {background-color:rgba(11,136,22,0.50);}

.ul-main-header-b{position: absolute;padding: 5px 0px;height:70px;width:250px;top:40px;left:510px;float:left;}

.li-main-header-b a{width:105px;margin:0px;font-size: 13px;height:60px;display: inline;text-align:center;padding:0}

.li-main-header-b-mob a{display:none}

.p-cant-carrito{position: absolute;top: -10px;right: -5px;width:20px;padding:5px;border-radius: 50%;background-color:rgba(91, 155, 66, 1);color:rgba(99%,99%,99%,1);font-size:14px}

.icon-mi-carrito-header:before,.icon-mi-cuenta-header:before{font-size:35px;width:100%;margin: 0px;height:35px;float:left;text-align:center;color:rgba(130,130,130,1)}

.text-li-main-header{font-size:12px;padding:0px;position:relative;width:100%;text-align:center;color:rgba(130,130,130,1);display:block}

nav{position:absolute;height:42px;padding:0px 0px 5px 0px;width:750px;left:0px;top:120px;float:left;background:rgba(91, 155, 66, 1);border-radius:15px 15px 0px 0px}

.menu-ul{height:42px;top:-16px;z-index: 99999;padding:0;position: relative;width:750px;left:0px;}

.li-nav a{margin:0px 0px;padding:16px 0px 6px 0px;font-size: 12px;width: 123px;text-align: center;height:25px;color:rgba(255,255,255,1);text-transform:uppercase;margin-left:0px;border-right:2px solid #fff}

.li-nav a:hover{color:#77cc6d;background-color:#fff;}

.span-li-nav {position: relative; top:-7.5px}
    
.li-nav:last-child a{border-right:none}

.nav-categoria{position:relative;height:50px;padding:0px 0px 5px 0px;width:100%;left:0px;margin-top:0px;background-color:#77cc6d;float:left;box-shadow:2px 2px 2px rgba(255,223,0,1)}

.menu-ul-categoria{height:40px;top:-5px;z-index: 99999;padding:0;position: relative;width:980px;left:50%;margin-left:-490px}

.li-nav-categoria a{margin:0px 1px;padding:10px 6px 6px 6px;font-size: 12px;width: auto;text-align: center;height:20px;color:#fff;font-weight:600;border-radius:25px;text-transform:uppercase}

.li-nav-categoria a:hover{color:rgba(146,146,146,1);background-color:rgba(249,249,249,1)}

footer{float: left;position: relative;text-align: center;box-shadow:-10px 1px 5px 2px rgba(213,213,213,1)}

#footer{width:980px;left:50%;margin-left:-490px;float: left;position: relative;text-align: center;}

#newsletter {height: 100px;width: 400px;margin:0px 0px 10px 30px;}

#newsletter-form {height: 86px;width: 400px;margin:0px 0px 5px 2.5px;}

.h4-footer{font-size: 12.5px;display: inline;text-align:left;width: 400px;left: 10px;line-height: 25px;top:0px;}

.campo-newsletter {width: 180px;padding:10px 0px;display:inline;float: left;margin:0px 10px 10px 10px;position: relative;font-size:12px;left:0px;}

#enviar-newsletter {font-size:12px;position: relative;float: left;width: 380px;margin:10px 10px;display:inline;left:0px;padding:11px 0px}

.contenedor-columnas-footer{position: relative;float: left;z-index: 9999999999;width: 100%;margin:0px 0px 50px 0%;text-align:left;}

.columnas-footer-logo{position: relative;float: left;z-index: 9999999999;width:150px;height:200px;display:inline-block;text-align:left;margin:4px 415px;padding:0px 5px;background-color:rgba(213,213,213,1)}

.columnas-footer{position: relative;float: left;z-index: 9999999999;width:auto;height:auto;display:inline-block;text-align:left;margin:0px;padding:0px 12.5px;border-right:1px solid rgba(235,235,235,.025)}

.columnas-footer:last-child{border-right:none}

.box-contacto-footer{position: relative;float: left;z-index: 9999999999;width:auto;height:auto;display:inline-block;margin:0px 20px;left:20px}

.box-contacto-footer:last-child{margin:0px;}

.h3-footer{line-height:18px;font-size:16px;width:100%;margin:6px 0px;text-align:left}

.h5-footer{line-height:18px;font-size:13px;width:100%;margin:6px 0px;text-align:left}

.icon-adelante-footer:before{margin-right:0;font-size:12px;top:1px;position:relative;display:none}

.p-footer,.p-footer a{margin:2px 0px;font-size: 12px;line-height:24px;text-align:left}

#logo-footer{height:150px;width:150px;position: relativo;left:0px;}

.img-logo-footer{width:100%;height:auto;}

#footer-social-media{height: 65px;width: 100%;position: relative;float:left;margin:0px}

.p-footer-2 a{position:relative;width:20px;height:20px;float:left;margin:0px 0px 0px 20px;color:rgba(252,252,252,1);text-align:center;}

.icon-facebook-footer:before,.icon-instagram-footer:before,.icon-youtube-footer:before  {margin: 0px;font-size: 22px;display: inline;float:left;width:22px; height:22px;}

.back-footer{position: absolute;height:38px;bottom:0px;z-index:-9}

#copy{height: auto;width: 980px;margin:0;position: relative;float:left}

#copyright{float: left;width:490px;position: relative;z-index: 99999999999;margin:0px 215px;}

#autor{float: left;width:100%;position: relative;z-index: 99999999999;margin:0px 0px}

.p-copy-footer{font-size: 12px;width: auto;line-height: 14px;text-align: center;float:left}

.p-copy-footer a{font-size: 12px;width: auto;line-height: 10px;text-align: center;float:left;display:inline;border-right:2px solid rgba(88,88,88,1);padding:0px 14px 0px 0px;margin:0 10px}

.p-copy-footer:last-child a{border-right:none}

.p-autor-footer{font-size: 14px;width: auto;position: relative;line-height: 24px;text-align: center;}

.p-autor-footer a{font-size: 15px;top:0px;position: relative;line-height: 20px;}

.p-copy{font-size: 12px;width: 100%;line-height: 14px;text-align: center;float:left}

.ul-content-1{margin-top: 0px;margin-left: 0px;padding:8px 0px;height:auto;width: 100%;display:block;}

.li-content-1 a{width: auto;height:auto;display: inline;text-align: center;font-size:12px;top:-5px;margin-right:2.5%;}

}