@charset "utf-8";
.wrapper {display: none;position: fixed;padding:10px;z-index:9999999999;background-color:rgba(25,25,25,.75)}

#box-wrapper{position: relative;height: auto;float:left;}

.content-wrapper{border:3px dashed rgba(0,159,0,1);background-color:#fff}

.h2-wrapper{font-family: 'Open Sans', sans-serif;line-height:25px;text-align:left;color:rgba(108,108,108,1);letter-spacing: 1px;font-weight:600;}

.p-wrapper{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#6b6b6b;position: relative;letter-spacing: 1px;}

.popupCloseButton {background-color:rgba(0,159,0,1);color:#fff;border: 3px solid rgba(0,159,0,1);border-radius: 50px;cursor: pointer;display: inline-block;font-family: 'Sarabun', sans-serif;font-weight:900;position: absolute;top: -20px;right: -20px;font-size: 25px;line-height: 30px;width: 30px;height: 30px;text-align: center;}

.popupCloseButton:hover {background-color:#fff;color:rgba(0,159,0,1)}

.w3-content{position: relative;width: 100%;height: auto;float: left;}

.w3-section{margin-top:0px!important;margin-bottom:16px!important}

.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}

@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.w3-center .w3-bar{display:inline-block;width:auto}

.w3-center{	text-align: center!important;position: absolute;top: 25%;}

.w3-text-khaki,.w3-hover-text-khaki:hover{color: #FF5F00!important}

.w3-text-white,.w3-hover-text-white:hover{	color: #F44336!important}

.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}

.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}

.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);}

.w3-large{font-size:18px!important}

.w3-left{float:left!important}.w3-right{float:right!important}

.mySlides {height:auto;width:100%;display:none}

.w3-left, .w3-right, .w3-badge {cursor:pointer}

.w3-badge {height:13px;width:13px;padding:0}

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

.icon-retiro-home:before,.icon-envio-gratis-home:before,.icon-socio-la-granja:before,.icon-medios-pagos-home:before,.icon-asesoramiento-dieteticas{color: rgba(24,24,24,.71);position:relative;float:left;width:100%}

.p-box-content-aside-slideshow{color: rgba(24,24,24,.71);font-family: 'Open Sans', sans-serif;font-weight:400;float: left;position: relative;}

.h2-menu{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;float: left;position: relative;letter-spacing:1.5px;background-color:#228B22;text-align: center;}

.p-menu a{color: rgba(24,24,24,.71);font-family: 'Open Sans', sans-serif;font-weight:300;float: left;position: relative;}

.p-menu a:hover{background:rgba(46, 204, 113,1.0);color:#FFF}

#content-1,#content-4,#content-6,#content-7{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;padding:20px 0px}

#content-2{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;background-color:rgba(252,252,252,1);padding:20px 0px}

.h2-content-2{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;float: left;position: relative;background-color:rgba(91, 155, 66, 1);letter-spacing:1.5px;text-align: center;}

.box-content-2{position: relative;height: auto;float: left;z-index: 999;border: 1px solid rgba(242,242,242,.75);border-radius:4px}

.box-content-2:hover{box-shadow: 0 3px 6px 0 rgba(51,51,51,.3);}

#favorito{z-index:999999999999}

.tooltip-fav {position: relative;display: inline-block;z-index:999999999999999}

.tooltip-fav .tooltiptext-fav {font-family: 'Open Sans', sans-serif;visibility: hidden;width: 130px;background-color:rgba(5, 196, 107,1.0);color:#fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%;opacity: 0;transition: opacity 0.3s;box-shadow:1px 1px 1px 1px rgba(230,230,230,1);font-size:12px;line-height:22px;font-weight:600}

.tooltip-fav .tooltiptext-fav::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: 5px;border-width: 5px;border-style: solid;border-color: rgba(5, 196, 107,1.0) transparent transparent transparent;}

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

.h3-content-2{color: #404040;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center}

.p-cod-content-2{color:rgba(172,172,172,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center}

.p-content-2{color:rgba(193,193,193,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center}

.p-precio-content-2{color:rgba(150,150,150,1);font-family: 'Open Sans', sans-serif;font-weight:400;letter-spacing:.5px;text-align:center}

.p-pack-content-2{color:rgba(150,150,150,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center;}

.p-precio-pack-content-2{color:rgba(84,84,84,1);font-family: 'Open Sans', sans-serif;font-weight:600;letter-spacing:.5px;text-align:center;}

#cant {border: 2px rgba(91, 155, 66, 1) solid!important;font-family: 'Open Sans', sans-serif;font-weight:400;float:left;position:relative;display:inline;text-align:center;border-radius:2px;}

#button-agregar {display:inline;float:left;position: relative;border: 0;text-align:center;cursor:pointer;background-color:rgba(91, 155, 66, 1);color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;border-radius:2px;padding:4px 0px}

#button-agregar:hover{background-color:rgba(107,183,98,1);text-decoration:none;}

.p-puntos-content-2{color:rgba(107,183,98,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center;}

.icon-club-la-granja-item:before {color:rgba(107,183,98,1);position:relative;margin-right:5px;top:5px}

.h4-content-2 a{font-family: 'Open Sans', sans-serif;font-weight:400;box-sizing: border-box;color:rgba(85,146,78,1);display:block;float:left;text-align:center;border-radius:2px;border:1px solid rgba(85,146,78,1);background-color:#fff}

.h4-content-2 a:hover{background-color:rgba(108,108,108,1);color:#fff}

.h5-content-2 a{font-family: 'Open Sans', sans-serif;font-weight:600;box-sizing: border-box;background-color:rgba(91, 155, 66, 1);color: #fff;display:block;float:left;text-align:center;border-radius:2px;box-shadow: 2px 2px 2px #888888;}

.h5-content-2 a:hover{transition: box-shadow .25s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#content-3{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;background-color:rgba(252,252,252,1);padding:20px 0px}

.h2-content-3{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;float: left;position: relative;background-color:rgba(91, 155, 66, 1);letter-spacing:1.5px;text-align: center;}

.box-content-3{position: relative;height: auto;float: left;z-index: 999;margin: 1.5% 0.65%;display: inline-block;border-radius:0px 0px 4px 4px}

.h4-content-3 a {display:inline;float:left;position: relative;border: 0;text-align:center;cursor:pointer;background-color:rgba(91, 155, 66, 1);color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;border-radius:2px;padding:4px 0px}

.h4-content-3 a:hover{background-color:rgba(107,183,98,1);text-decoration:none;}

.h5-content-3 a{font-family: 'Open Sans', sans-serif;font-weight:600;box-sizing: border-box;background-color:rgba(39, 174, 96,1.0);color: #fff;display:block;float:left;text-align:center;border-radius:2px;box-shadow: 2px 2px 2px #888888;}

.h5-content-3 a:hover{transition: box-shadow .25s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#content-4{box-shadow:6px 5px 6px rgba(235,235,235,1);padding:0}

#back-content-4{background-image:url(../imagenes/home/asesoramiento-dieteticas-la-granja-del-centro.jpg);background-size:100% auto;background-repeat:no-repeat;background-position:center center;background-attachment: fixed;-webkit-filter: blur(3px);filter: blur(3px);float: left;width: 100%;position: absolute;height: auto;z-index:-9}

.h4-content-4{text-shadow:1px 1px 1px #ADADAD;color:#1a1a1a;font-family: 'Open Sans', sans-serif;font-weight:600;letter-spacing:1px;text-align:center;}

.h2-content-4{color:rgba(67,67,67,1);font-family: 'Open Sans', sans-serif;font-weight:600;letter-spacing:1px;text-align:center;}

.span-h2-content-4{color:rgba(67,67,67,1);font-family: 'Open Sans', sans-serif;font-weight:700;letter-spacing:1px;text-align:center;}

.h3-content-4 a{font-family: 'Open Sans', sans-serif;font-weight:500;background-color:rgba(46, 204, 113,1.0);color: #fff;display:block;float:left;text-align:center;letter-spacing:1.5px;border-radius:4px;}

.h3-content-4 a:hover{background-color:rgba(46, 204, 113,1.0)}

.p-content-4{text-shadow:1px 0px 0px #F4F4F4;color:rgba(82,82,82,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:left; display:list-item;list-style-type: disc;}

#content-5{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;background-color:rgba(252,252,252,1);padding:20px 0px}

.h2-content-5{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;float: left;position: relative;background-color:rgba(91, 155, 66, 1);letter-spacing:1.5px;text-align: center;}

.box-content-5{position: relative;height: auto;float: left;z-index: 999;margin: 1.5% 0.65%;display: inline-block;border-radius:0px 0px 4px 4px}

.h4-content-5 a {font-family: 'Open Sans', sans-serif;font-weight:600;box-sizing: border-box;background-color:rgba(91, 155, 66, 1);color: #fff;display:block;float:left;text-align:center;border-radius:2px;box-shadow: 2px 2px 2px #888888;}

.h4-content-5 a:hover{transition: box-shadow .25s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.h5-content-5 a{font-family: 'Open Sans', sans-serif;font-weight:600;box-sizing: border-box;background-color:rgba(39, 174, 96,1.0);color: #fff;display:block;float:left;text-align:center;border-radius:2px;box-shadow: 2px 2px 2px #888888;}

.h5-content-5 a:hover{transition: box-shadow .25s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.h2-content-6{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;float: left;position: relative;background-color:rgba(88,88,88,1);letter-spacing:1.5px;text-align: center;}

.box-content-6{position: relative;height: auto;float: left;z-index: 999;}

.h3-content-6{color: rgba(45,45,45,.71);font-family: 'Open Sans', sans-serif;font-weight:400;letter-spacing:1px;text-align:center}

.p-content-6, .p-content-6 a{color:rgba(129,129,129,1);font-family: 'Open Sans', sans-serif;font-weight:300;letter-spacing:1px;text-align:center}

.h2-content-7{color:rgba(45,45,45,.71);font-family: 'Open Sans', sans-serif;font-weight:700;float: left;position: relative;letter-spacing:1px;}

.p-content-7{color:rgba(129,129,129,1);font-family: 'Open Sans', sans-serif;font-weight:600;letter-spacing:1px;text-align:center}

.box-content-7{position: relative;height: auto;float: left;z-index: 999;border-radius:4px}

#form-sugerencia{position: relative;float: left;background-color:rgba(91, 155, 66, 1)!important;border-radius:4px}

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

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

#enviar-sugerencia {font-family: 'Open Sans', sans-serif;border:0;padding: 8px;font-weight:700;color: rgba(248,248,248,1);cursor: pointer;background-color:#f39c12;border-radius:4px}

#enviar-sugerencia: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;}

.box-menu-content {display: none;position: absolute;background-color: rgba(235,235,235,.25);min-width: 160px;overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}

.box-menu-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}

.mostrar-menu {display:block;}

@media screen and (max-width:600px){
.wrapper {width:100%;height:auto;margin:0px 0%;position:fixed;bottom:0px;left:0px}

.content-wrapper {width:90%;height:auto;top:0%;margin:5% 1%;padding:0;position:relative;}

#box-wrapper{width:100%;height:auto;position:relative;}

.h2-wrapper{font-size:18px;position: relative;float: left;display: block;text-align:center;width:90%;margin:20px 5%;line-height:30px;text-transform:uppercase}

.p-wrapper{margin:12px 5%;font-size:14px;line-height:28px;width:90%;text-align:center}

.img-wrapper {position:relative;float:left;width:100%;height:auto;margin:0%}

#content-1{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;padding:10px 0px;margin:100px 0px 0px 0px}

#content-3,#content-4,#content-5,#content-6{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;padding:20px 0px;margin:0px !important}

.content-boxes-content-1{float: left;height: auto;width:100%;margin:0px;position: relative;display:block;}

.content-boxes-content-2,.content-boxes-content-3,.content-boxes-content-6,.content-boxes-content-7{float: left;height: auto;width:100%;margin:0px;position: relative;display:block;}

#slideshow{position: relative;width:100%;height:auto;margin-left:0px;float: left;}

.w3-content{width:100%;height:auto;margin:0%}

.w3-center {top:40%;font-size:25px;height:10px;}

.w3-large{font-size:38px!important}

.img-slideshow{height:auto;width:100%;margin:0%;position:relative;float:left;}

#aside-slideshow{position: relative;width:100%;height:auto;float: left;margin:20px 0%;display:block;background-color:rgba(87,87,87,1);text-align:center;}

.box-content-aside-slideshow {position: relative;width:30%;height:auto;float: left;margin:2.5% 0.5%;}

.icon-retiro-home:before,.icon-envio-gratis-home:before,.icon-socio-la-granja:before,.icon-medios-pagos-home:before,.icon-asesoramiento-dieteticas{font-size:30px;margin:0px 0px;color:#fff}

.p-box-content-aside-slideshow{width: 100%;height:auto;float: left;position: relative;display:block;text-align: center;font-size:12px;margin:5px 0px;color:#fff}

#content-2{float: left;width: 100%;position: relative;z-index: 9;height: auto;display: block;padding:0px;margin:5px 0px}

.img-box-content-2{float: left;height:100px;width:100px;position: relative;margin:0px 0px 0px -50px;left:50%;z-index:999 !important;top:0px;display: none !important}

.img-content-2 {position: relative;height:auto;width:100%;}

.h2-content-2{font-size:16px;width:100%;height:auto;margin:0px;position:relative;float:left;text-transform:uppercase;padding:10px 0px;line-height:28px}

.productos-content-2{float: left;height: auto;width:100%;position: relative;display:block;}

.box-content-2{height:auto;width:95%;margin:5px 2.5%;}

.box-img-producto-content-2{position: relative;height:auto;width:80%;float: left;z-index: 99;margin:0px 10%;}

.img-producto-content-2{position: relative;height: auto;width:100%;margin:0px;top:0px;}

.h3-content-2{font-size:15px;width:95%;height:auto;margin:10px 2.5% 0px 2.5%;position:relative;float:left;line-height:27px}

.p-cod-content-2{font-size: 12px;width:95%;margin:2px 2.5%;position:relative;float:left}

#carro{width:200px;height:auto;float:left;position:relative;display:block;margin:5px 0px 0px -100px;left:50%;}

.p-pack-content-2{font-size: 12px;width:100%;margin:0px;position:relative;float:left}

.p-precio-pack-content-2{font-size:20px;width:100%;margin:0px;position:relative;float:left}

.p-content-2{font-size: 14px;width:auto;margin:8px 50px 0px 0px;position:relative;float:left}

.p-precio-content-2{font-size: 14px;width:auto;margin:8px 1.5% 0px 50px;position:relative;float:left}

#cant {width:60px;height:34px;margin:10px 0px;float:left;display:inline;left:10px}

#button-agregar {font-size:14px;width:130px;height:40px;margin:10px 0px;left:10px;float:left;display:inline}

.h5-content-2 a{font-size:16px;width:75%;height:40px;margin:40px 12.5% 20px 12.5%;position:relative;float:left;line-height:22px;padding:10px 0px}

.img-box-content-3{float: left;height:100px;width:100px;position: relative;margin:0px 0px 0px -50px;left:50%;z-index:999 !important;top:0px;display: none !important}

.img-content-3 {position: relative;height:auto;width:100%}

.h2-content-3{font-size:16px;width:100%;height:auto;margin:0px;position:relative;float:left;text-transform:uppercase;padding:10px 0px;line-height:28px}

.box-content-3{height:auto;width:80%;margin:25px 10%;}

.box-img-producto-content-3{position: relative;height:auto;width:100%;float: left;z-index: 99;margin:0px;}

.img-producto-content-3 {position: relative;height:auto;width:100%;}

.h4-content-3 a{font-size:18px;width:160px;height:20px;margin:10px 0px 10px -80px;left:50%;float:left;display:inline;padding:20px 0px}

.h5-content-3 a{font-size:14px;width:75%;height:40px;margin:20px 12.5%;position:relative;float:left;line-height:22px;padding:10px 0px}

#content-4 {position: relative;width:100%;float: left;margin:0px;height:auto;background-image: radial-gradient(circle, #ffff00, #dbf000, #b8e100, #96d200, #74c200, #74c200, #74c200, #74c200, #96d200, #b8e100, #dbf000, #ffff00);}

.content-boxes-content-4{float:left;height: auto;width:100%;margin:1.5% 0%;position: relative;display:block;}

.box-content-4{position:relative;width:90%;height:auto;float:left;margin:10px 3.5%;background-color:rgba(254,254,254,.75);border:6px solid rgba(253,253,253,.61);border-radius:2px;}

.h4-content-4{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;}

.h2-content-4{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative}

.span-h2-content-4{font-size: 25px;width:100%;height:auto;top:45px}

.h3-content-4 a{font-size: 16px;text-align: center;width:90%;height:auto;padding:5px 0px;position:relative;margin:10px 5%}

.p-content-4{font-size: 15px;width:90%;height:auto;position:relative;margin:25px 5%;}

.content-boxes-content-5{float:left;height: auto;width:100%;margin:1.5% 0%;position: relative;display:block;}

.h2-content-5{font-size:16px;width:100%;height:auto;margin:0px;position:relative;float:left;text-transform:uppercase;padding:10px 0px;line-height:28px}

.box-content-5{height:auto;width:100%;margin:25px 0%;}

.box-img-producto-content-5{position: relative;height:auto;width:80%;float: left;z-index: 99;margin:0px 10%;}

.img-producto-content-5 {position: relative;height:auto;width:100%;}

.h4-content-5 a{font-size:18px;width:250px;height:40px;margin:10px 0px 10px -125px;left:50%;position: relative; float:left;display:inline;padding:10px 0px}

#content-6{background-color:#fff}

.img-box-content-6{float: left;height:100px;width:100px;position: relative;display:inline;margin:0px 0px 0px -50px;left:50%;z-index:999 !important;top:0px}

.img-content-6 {position: relative;height:auto;width:100%;}

.h2-content-6{font-size:16px;width:100%;height:auto;margin:0px;position:relative;float:left;text-transform:uppercase;padding:10px 0px;line-height:28px}

.box-content-6{height: auto;width:90%;margin:5px 5%;position:relative;float:left;border-bottom:2px dashed rgba(46,46,46,.51)}

.box-content-6:last-child{border-bottom:0}

.h3-content-6{font-size:16px;width:100%;top:0px;position:relative;}

.icon-ubicacion-home:before,.icon-telefono-home:before,.icon-whatsapp-home:before{width:100%;height:60px;font-size:55px;display:block;top:0px;float:left;color:rgba(45,45,45,1);text-align:center;margin:10px 0px}

.p-content-6, .p-content-6 a{font-size: 15px;width: 100%;position:relative;}

.content-boxes-content-7 {float:left;height: auto;width:95%;margin:0px 2.5%;position: relative;display:block;}

.h2-content-7{font-size:18px;text-align: center;width:100%;height:auto;position:relative;padding:10px 0px}

.p-content-7{font-size: 15px;text-align: center;width:100%;height:auto;position:relative;padding:10px 0px}

.box-content-7{height: auto;width:100%;position:relative;padding:25px 0px;margin:0px;}

#form-sugerencia {height: 360px;width:95;margin:2.5px 2.5%}

.campo-sugerencia {width:90%;padding:10px 0px;display:block;float: left;margin:10px 5%;position: relative;font-size:13px;}

.campo-mensaje-sugerencia {width:90%;padding:10px 0px;display:block;float: left;margin:10px 5%;position: relative;font-size:13px;height:100px}

#enviar-sugerencia {font-size:15px;position: relative;float: left;width:200px;margin:10px 0px 0px -100px;left:50%;top:14px;padding:15px 10px}
}
@media screen and (min-width:601px) and (max-width:980px) {

#slideshow{position: relative;width: 100%;height: auto;float: left;margin:0px;background-color: #fff;z-index:9999999}

.w3-content{position: relative;width: 100%;height: auto;float: left;left:0%;margin-left:0px;}

.w3-center {top:35%;font-size:25px;height:10px;}

.w3-large{font-size:38px!important}

.img-slideshow{height:auto;width:100%;margin-right:0%;margin-left:0%;position:relative;float:left;}

#content-1,#content-2,#content-2,#content-4,#content-6,#content-7,#content-7{float: left;width: 100%;position: relative;height: auto;padding: 0px;padding-bottom:1.5%;background-color:rgba(255,255,255,1);}

#content-4{height:auto;background-size:cover}

.Menu{float: left;position: relative;height: 70px;width: 100%;top:5px;z-index:99999999;-webkit-transition: height 2s;transition:height 2s;background-color:rgba(238,238,238,.25)}

/*#menu:hover{height:800px;}*/

.h2-menu{font-size: 18px;top:0px;width:100%;padding:15px 0px;cursor: pointer;color:#fff;background-color:rgba(39, 174, 96,.40)}

.h2-menu:hover,.icon-abajo:hover:before, .h2-menu:focus {background-color:rgba(39, 174, 96,1);}

#box-menu{width: 100%;height:750px;padding: 0px;position: relative;float:left;box-shadow:2px 1px 1px rgba(66,66,66,.41);}

.p-menu a{width: 95%;height:auto;float: left;margin:0.5% 0%;position: relative;display:block;text-align: left;font-size:14px;padding:12px 0px}

.icon-alimento-para-diabeticos:before,.icon-alimento-para-celiacos:before,.icon-alimentos-naturales:before,.icon-alimentos-organicos:before,.icon-cosmetica-natural:before,.icon-especias:before,.icon-fragancias:before,.icon-frutas-secas-desecadas:before,.icon-herboristeria:before,.icon-harinas-semillas-cereales-legumbres:before,.icon-reposteria:before,.icon-suplementos-dietarios:before{font-size:20px;padding:4px;top:2.5px;}

.productos-content-2{height: auto;padding:0px;width: 100%;margin:0px;position:relative;float:left;}

.h2-content-2{font-size:15px;top:0px;width:100%;height:auto;padding:10px 0px}

.box-content-2{height: auto;width: 43%;margin: 2.5% 0.5%;padding:2.5%}

.img-content-2 {position: relative;height: auto;width: 100%;margin:0;top:5px;}

.h3-content-2{font-size: 13px;position: relative;width: 100%;padding:0px;height:50px;}

.p-content-2{font-size: 15px;width: 100%;display:block;margin:10px 0px}

#carro{width:100%;height:auto;float:left;position:relative;display:block;}

#cant {width:35%;height:24px;float:left;font-size:12px}

#button-agregar {font-size:12px;width:60%;height: 30px;float:left}

.h4-content-2 a{font-size:16px;width: 20%;height: 30px;top:0px;margin: 5% 40%;position:relative;padding-top:3.5px;}

.box-izq-content-4{position:relative;width:90%;height:auto;float:left;margin:0 5%;}

.h4-content-4{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;top:0px;float:left;color:#fff}

.box-central-content-4{position:relative;width:90%;height:auto;float:left;margin:1% 5%;background-color:rgba(254,254,254,.25);border:0px;border-radius:0}

.h2-content-4{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;top:0px;float:left;color:#fff}

.span-h2-content-4{font-size: 25px;width:100%;height:auto;float:left;color:#fff}

.h3-content-4 a{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;float:left;color:#fff}

.box-der-content-4{position:relative;width:90%;height:auto;float:left;margin:1% 5%;}

.p-content-4{font-size: 15px;width:90%;margin:5px 5%;height:auto;position:relative;color:#fff;float:left}

.h2-content-6{font-size:15px;top:0px;width:100%;height:auto;padding:10px 0px}

.box-content-6{height: auto;width: 43%;margin: 2.5% 0.5%;padding:2.5%}

.img-content-6 {position: relative;height: auto;width: 100%;margin:0;top:5px;}

.h3-content-6{font-size: 13px;position: relative;width: 100%;padding:0px;height:50px;}

.p-content-6{font-size: 15px;width: 100%;display:block;margin:10px 0px}

#carro-ofertas{width:100%;height:auto;float:left;position:relative;display:block;}

#cant-ofertas {width:35%;height:24px;float:left;font-size:12px}

#button-agregar-ofertas {font-size:12px;width:60%;height: 30px;float:left}

.h2-content-7{font-size:15px;text-align: center;top:0px;width:100%;height:auto;padding:0px}

.icon-chat:before,.icon-telefono:before,.icon-whatsapp:before{width:40px;height:40px;font-size:35px;display:block;margin-left:-20px;left:50%;top:0px;float:none}

.box-content-7{height: auto;width:90%;margin:2% 5%;position:relative;float:left;border-bottom:2px dashed rgba(46,46,46,.51)}

.box-content-7:last-child{border-bottom:0}

.img-content-7 {position: relative;height: 75px;width: 100px;margin: 2%;left:50%;margin-left:-50px;top:5px;}

.h3-content-7{font-size:14px;width:100%;top:0px;position:relative;}

.p-content-7,.p-content-7 a{font-size: 13px;width: 100%;position:relative;}

.h2-content-7{font-size:18px;text-align: center;top:0px;width:100%;height:auto;padding:0px}

.p-content-7{font-size:13px;text-align: center;top:0px;width:100%;height:auto;padding:0px}

.box-content-7{height: auto;width: 90%;position:relative;top:0px;padding:25px 5%}

#form-sugerencia {height: auto;width: 100%;margin:0px}

.campo-sugerencia {width: 90%;padding:6px 0px;display:block;float: left;margin:10px 5%;position: relative;font-size:13px;}

.campo-mensaje-sugerencia {width: 90%;padding:30px 0px;display:block;float: left;margin:10px 5%;position: relative;font-size:13px;}

#enviar-sugerencia {font-size:15px;position: relative;float: left;width: 90%;margin:10px 5%;padding:10px 10px}
}

@media screen and (min-width:981px) {
.wrapper {width:100%;height:100%;bottom:0px;left:0px;position: fixed;padding:1px}

.content-wrapper {width:700px;height:450px;left:50%;margin:-225px 0px 0px -350px;top:50%;position:fixed;}

.h2-wrapper{font-size:24px;position: relative;float: left;display: block;text-align:center;width:90%;margin:20px 5%;line-height:38px;text-transform:uppercase}

.p-wrapper{margin:12px 2.5%;font-size:14px;line-height:30px;width:95%;text-align:center}

.img-wrapper {position:relative;float:left;width:700px;height:450px;margin:0% !important}

.content-boxes-content-1{float: left;height: auto;width:100%;margin:0px;position: relative;display:block;}

.content-boxes-content-2,.content-boxes-content-2,.content-boxes-content-3,.content-boxes-content-5,.content-boxes-content-6,.content-boxes-content-7{float: left;height: auto;width:980px;margin-left:-490px;left:50%;position: relative;display:block;}

#slideshow{position: relative;width:100%;height:300px;margin-left:0px;margin-top:-18px;float: left;}

.w3-content{width:980px;height:300px;margin-left:-490px;left:50%}

.w3-center {top:40%;font-size:25px;height:10px;}

.w3-large{font-size:38px!important}

.img-slideshow{height:300px;width:980px;margin-left:-490px;left:50%;position:relative;float:left;}

#aside-slideshow{position: relative;width:980px;height:120px;float: left;left:50%;display:block;background-color:rgba(87,87,87,1);text-align:center;margin:10px 0px 0px -490px}

.box-content-aside-slideshow {position: relative;width:180px;height:180px;float: left;margin:5px 5px;}

.icon-retiro-home:before,.icon-envio-gratis-home:before,.icon-socio-la-granja:before,.icon-medios-pagos-home:before,.icon-asesoramiento-dieteticas{font-size:50px;margin:0px 0px;color:#fff}

.p-box-content-aside-slideshow{width: 100%;height:auto;float: left;position: relative;display:block;text-align: center;font-size:14px;margin:5px 0px;color:#fff}

.img-box-content-2{float: left;height:80px;width:80px;position: absolute;display:inline;left:0px;top:-5px;z-index:999 !important}

.img-content-2 {position: relative;height:auto;width:100%;}

.productos-content-2{float: left;height: auto;width:980px;position: relative;display:block;}

.h2-content-2{font-size: 25px;width:940px;margin:10px 0px 0px 30px;height:auto;padding:10px 0px;background-color:rgba(91, 155, 66, 1);border-radius:15px 15px 0px 0px}

.box-content-2{height:410px !important;width:240px;margin:45px 2.5px 5px 0px}

.box-img-producto-content-2{width:235px;height:auto;position:relative;float:left;left:0px;}

.img-producto-content-2 {position: relative;height:auto;width:100%;margin:0px}

.h3-content-2{font-size:14px;width:95%;height:40px;margin:5px 2.5%;position:relative;float:left}

.p-cod-content-2{font-size: 12px;width:95%;margin:2px 2.5%;position:relative;float:left}

#carro{width:100%;height:auto;float:left;position:relative;display:block;margin:5px 0px;}

.p-pack-content-2{font-size: 12px;width:100%;margin:0px;position:relative;float:left}

.p-precio-pack-content-2{font-size:20px;width:100%;margin:0px;position:relative;float:left}

.p-content-2{font-size: 14px;width:auto;margin:8px 50px 0px 0px;position:relative;float:left}

.p-precio-content-2{font-size: 14px;width:auto;margin:8px 1.5% 0px 50px;position:relative;float:left}

#cant {width:60px;height:34px;margin:10px 0px;float:left;display:inline;left:10px}

#button-agregar {font-size:14px;width:140px;height:40px;margin:10px 0px;left:10px;float:left;display:inline}

.p-puntos-content-2{font-size: 13px;width:95%;margin:0px 2.5%;position:relative;float:left}

.icon-club-la-granja-item:before {font-size:20px;}

.h4-content-2 a{font-size:14px;width: 140px;height: 30px;top:0px;margin:15px 40px;position:relative;padding-top:5px;}

.h5-content-2 a{font-size:18px;width:280px;height:45px;margin:50px 350px 10px 350px;position:relative;padding-top:10px;}

.productos-content-3{float: left;height: auto;width:980px;position: relative;display:block;}

.img-box-content-3{float: left;height:80px;width:80px;position: absolute;display:inline;left:0px;top:-5px;z-index:999 !important}

.img-content-3 {position: relative;height:auto;width:100%;}

.h2-content-3{font-size: 25px;width:940px;margin:10px 0px 0px 30px;height:auto;padding:10px 0px;border-radius:15px 15px 0px 0px}

.box-content-3{height:auto;width:220px;margin:45px 10px 5px 10px;}

.box-img-producto-content-3{position: relative;height:auto;width:100%;float: left;z-index: 99;margin:0px;display: inline-block;}

.img-producto-content-3{position: relative;height: auto;width:100%;margin:0px;top:0px;}

.h4-content-3 a {font-size:18px;width:140px;height:25px;margin:10px 0px 10px -70px;left:50%;float:left;display:inline;padding:10px 0px}

.h5-content-3 a{font-size:18px;width:280px;height:45px;margin:30px 350px;position:relative;float:left;padding-top:10px;}

#content-4 {position: relative;width:100%;float: left;margin:5px 0px;height:350px;background-image: radial-gradient(circle, #ffff00, #dbf000, #b8e100, #96d200, #74c200, #74c200, #74c200, #74c200, #96d200, #b8e100, #dbf000, #ffff00);}

.content-boxes-content-4{float: none;height: 250px;width: 980px;margin-left: -490px;left: 50%;position: relative;display:block;top:50px;}

.box-content-4{position:relative;width:310px;height:235px;float:left;margin:0px 2px;background-color:rgba(254,254,254,.75);border:6px solid rgba(253,253,253,.61);border-radius:2px;}

.h4-content-4{font-size: 18px;line-height:30px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;float:left;margin:10px 0px}

.titulo-first {width:100%;height:auto;padding:5px 0px;position:relative;float:left;margin:70px 0px 10px 0px}

.h2-content-4{font-size: 18px;text-align: center;width:100%;height:auto;padding:5px 0px;position:relative;float:left;margin:10px 0px}

.span-h2-content-4{font-size: 25px;width:100%;height:auto;top:5px}

.h3-content-4 a{font-size: 16px;text-align: center;width:150px;height:auto;padding:5px 0px;position:relative;float:left;margin:0px 78px}

.p-content-4{font-size: 15px;width:300px;height:auto;position:relative;margin:25px 0px 10px 30px;top:10px}

.productos-content-5{float: left;height: auto;width:980px;position: relative;display:block;}

.img-box-content-5{float: left;height:80px;width:80px;position: absolute;display:inline;left:0px;top:-5px;z-index:999 !important}

.img-content-5 {position: relative;height:auto;width:100%;}

.h2-content-5{font-size: 25px;width:940px;margin:10px 0px 0px 30px;height:auto;padding:10px 0px;border-radius:15px 15px 0px 0px}

.box-content-5{height:auto;width:220px;margin:45px 10px 5px 10px;}

.box-img-producto-content-5{position: relative;height:auto;width:100%;float: left;z-index: 99;margin:0px;display: inline-block;}

.img-producto-content-5{position: relative;height: auto;width:100%;margin:0px;top:0px;}

.h4-content-5 a {font-size:18px;width:240px;height:40px;margin:0px 0px 10px -120px;left:50% !important;float:left;position: relative;padding:10px 0px}

.h5-content-5 a{font-size:18px;width:280px;height:45px;margin:30px 350px;position:relative;float:left;padding-top:10px;}

.img-box-content-6{float: left;height:80px;width:80px;position: absolute;display:inline;left:0px;top:-5px;z-index:999 !important}

.img-content-6 {position: relative;height:auto;width:100%;}

.h2-content-6{font-size: 25px;width:940px;margin:10px 0px 0px 30px;height:auto;padding:10px 0px;border-radius:15px 15px 0px 0px}

.icon-ubicacion-home:before,.icon-telefono-home:before,.icon-whatsapp-home:before{width:100%;height:auto;font-size:55px;display:block;top:0px;float:left;color:rgba(45,45,45,1);text-align:center;margin:0px 0px 10px 0px}

#content-6{background-color:#fff}

.box-content-6{height: auto;width: 300px;margin:25px 5px;position:relative;float:left;border-right:2px dashed rgba(46,46,46,.51)}

.box-content-6:last-child{border-right:0}

.h3-content-6{font-size:16px;width:100%;top:0px;position:relative;}

.p-content-6, .p-content-6 a{font-size: 15px;width: 100%;position:relative;}

.content-boxes-content-7 {float: none;height: 450px;width:980px;margin-left: -490px;left: 50%;position: relative;display:block;}

.box-title-content-7{background-color:rgba(233,180,47,1);width:100%;height:auto;position:relative;float:left}

.h2-content-7{font-size: 35px;text-align: center;width:100%;height:auto;position:relative;margin:10px 0px}

.p-content-7{font-size: 15px;text-align: center;width:100%;height:auto;position:relative;margin:10px 0px}

.box-content-7{height: auto;width: 700px;position:relative;left:50%;padding:25px 2.5px;margin:10px 0px 0px -350px}

#form-sugerencia {height: 360px;width: 700px;margin:2.5px 0px}

.campo-sugerencia {width: 650px;padding:10px 0px;display:block;float: left;margin:10px 25px;position: relative;font-size:13px;top:15px;}

.campo-mensaje-sugerencia {width: 650px;padding:10px 0px;display:block;float: left;margin:10px 25px;position: relative;font-size:13px;top:15px;height:100px}

#enviar-sugerencia {font-size:15px;position: relative;float: left;width: 650px;margin:10px 25px;top:14px;padding:15px 10px}

}