@charset "utf-8";
body {}

.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)}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

input[type=number]{-moz-appearance: textfield;}

.quantity input:focus {outline: 0;}

.quantity-nav {float: left;position: absolute;height: 42px;}

.quantity-button {position: absolute;cursor: pointer;border-left: 1px solid #eee;width: 20px;text-align: center; color: #333;font-size: 16px;font-family: "Trebuchet MS", Helvetica, sans-serif !important;line-height:1,25;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; -o-user-select: none;user-select: none;}

select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none; border: 0 !important;background-image: none;}

.select {position: relative;display: block;width: 200px;margin-left:-95px;height: 40px;line-height: 40px;  overflow: hidden;border-radius: .25em;border:1px solid rgba(235,235,235,1);float:left;font-family: 'Open Sans', sans-serif;color: rgba(45,45,45,1);}

select {width: 100%;height: 500px;margin: 0;padding: 0 0 0 20px;color: #fff;cursor: pointer;}

select::-ms-expand {display: none;}

.select::after {content: '\25BC';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 0px;pointer-events: none; font-size:25px;width:40px}

.select:hover::after {color: #f39c12;}

.select::after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}

.accordion {background-color:transparent;color: #444;cursor: pointer;padding:5px 0px;text-align: left;border-bottom:1px solid rgba(193,193,193,1);border-top:1px solid rgba(193,193,193,1);border-right:none;border-left:none;outline: none;transition: 0.4s;font-family: 'Open Sans', sans-serif;font-weight:600}

.accordion-prod {background-color:rgba(119,204,109,1);color:rgba(99%,99%,99%,1);cursor: pointer;padding:5px 0px;width: 100%;text-align: left;border-bottom:1px solid rgba(193,193,193,1);border-top:1px solid rgba(193,193,193,1);border-right:none;border-left:none;outline: none;transition: 0.4s;font-family: 'Open Sans', sans-serif;font-weight:600}

.active_accordion, .accordion:hover {border-bottom:1px solid rgba(243,243,243,1);background-color:rgba(119,204,109,.71);color:rgba(255,255,255,1)}

.panel {padding:0px 2px;background-color: white;transition: max-height 0.2s ease-out;}

.panel_prod {padding:0px 2px;background-color:rgba(250,250,250,1);transition: max-height 0.2s ease-out;}

.span-prod-mob{color:rgba(78,78,78,1.00);font-family: 'Rubik', sans-serif;font-weight:500;float: left;position: relative;}

.accordion:after {content: '\02795';font-size: 13px;color: #fff;float: right;left:0px;}

.accordion-prod:after {/*content: '\02795';*/font-size: 13px;color: #777;float: right;margin-left:0px;position:relative}

.active_accordion:after {content: "\2796";color:#fff}

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

#pre-productos-popup{float: left;height: auto;z-index:9999999999;animation: float 2s ease-in-out infinite;}
	
	@keyframes float {
	0% {	
		transform: translatey(0px);
	}
	50% {transform: translatey(-20px);
	}
	100% {transform: translatey(0px);
	}
}

.h2-pre-productos-popup {color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;background-color:#fc5c65;text-align:center;border-radius:25px}

.h2-menu{width:100%;padding:4px 0px;color:rgba(88,88,88,1);font-family: 'Open Sans', sans-serif;font-weight:600;}

.h3-menu{width:100%;cursor: pointer;color:#444;font-family: 'Open Sans', sans-serif;font-weight:500;}

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

.p-menu-mob a{color:rgba(130,130,130,1);font-family: 'Open Sans', sans-serif;font-weight:400;float: left;position: relative;}

.p-menu a:hover{background-color:rgba(161,161,161,1);color:rgba(242,242,242,1);}

.p-submenu a,.p-submenu-mob a{color:rgba(172,172,172,1);font-family: 'Open Sans', sans-serif;font-weight:600;float: left;position: relative;}

.p-submenu a:hover{background-color:#2ecc71;color:#fff;}

.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{background-color:#2ecc71;color:#fff;border-radius:25%;display:inline;position:relative;}

.h2-content-1{color: rgba(45,45,45,1);font-family: 'Open Sans', sans-serif;font-weight: 800;border-bottom:solid thin rgba(45,45,45,.31);}

.box-text-productos-content-1 {width: 100%; height: auto;background-color: #fff;float: left;position: relative;}

.span-h2-box-text-productos-content-1{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:700;text-align:center;float: left}

.h2-box-text-productos-content-1{color: #1a1a1a;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:left}

.p-box-text-productos-content-1{color:#1a1a1a;font-family: 'Open Sans', sans-serif;font-weight:700;text-align:center}

.h3-box-text-productos-content-1 a{font-family: 'Open Sans', sans-serif;font-weight:600;color:#fff;text-align: center;position: relative;float:left;background-color:rgba(231, 76, 60,1.0);padding:10px 0px;border-radius:20px}

.h3-box-text-productos-content-1 a:hover{background-color:rgba(151,151,151,1);color:#fff;}

.h4-box-text-productos-content-1{color: #1a1a1a;font-family: 'Open Sans', sans-serif;font-weight:600;text-align:left}

.p-2-box-text-productos-content-1{color:#1a1a1a;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center}

#formulario{position: relative;text-align: center;z-index: 9;}	

.box-form{float: left;position: relative;display: block;}

.espacio-blanco{font-family: 'Open Sans', sans-serif;color: #181818;border: thin solid rgba(193,193,193,.91);font-weight: 400;z-index: 99;text-align: center;border-radius: 4px;display: block;float: none;position:relative}

#enviar{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:20px}

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

.h5-form-result{font-family: 'Montserrat', sans-serif;text-align:center;color:rgba(61,59,59,1.00);font-weight:400;}

#filtros {position:relative;float:left;padding:0px;}

.h2-filtro a{font-family: 'Open Sans', sans-serif;font-weight:normal;color:#999;text-align: center;position: relative;float:left;background-color:#F6F6F6;padding:4px}

.h2-filtro a:hover{background-color:rgba(151,151,151,1);color:#fff;}

#formulario_filtro_precio {position:relative;float:left;padding:0px;}

#formulario_filtro_marcas {position:relative;float:left;padding:0px;}

#filtro_select {position:relative;float:left;padding:10px 0px;background-color:rgba(254,254,254,1);border:thin solid rgba(193,193,193,1);font-weight:400;letter-spacing:1px;font-family: 'Open Sans', sans-serif;color: rgba(45,45,45,1);box-sizing:border-box;border-radius:2px}

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

.filtro_boton{display:inline;float:left;position: relative;text-align:center;cursor:pointer;background-color:rgba(67,67,67,1);border:1px solid rgba(151,151,151,1);color:rgba(250,250,250,1);font-family: 'Open Sans', sans-serif;letter-spacing:1px;font-weight:600;border-radius:2px}

.filtro_boton:hover{background-color:rgba(130,130,130,1);color: #FFF;-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;}

.box-content-1{position: relative;height: auto;float: left;z-index: 999;border: 1px solid #eee;}

.box-content-1:hover{box-shadow: 0 3px 6px 0 rgba(51,51,51,.3);background-color:#fff}

.p-marca-content-1{color:rgba(88,88,88,.85);font-family: 'Open Sans', sans-serif;font-weight:400;}

.h3-content-1{color: #404040;font-family: 'Open Sans', sans-serif;font-weight:normal;text-align:left}

.p-cod-content-1{color:rgba(130,130,130,1);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:left;padding:4px}

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

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

.p-pack-content-1{background-color:#2ecc71;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center;}

.p-precio-pack-content-1{background-color:#2ecc71;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:600;letter-spacing:.5px;text-align:center;}

.cant {border: 1px rgba(109,109,109,1) solid!important;font-family: 'Open Sans', sans-serif;font-weight:normal;float:left;position:relative;display:inline;text-align:center;}

.quantity-up,.quantity-down {border: 1px solid rgba(109,109,109,1);color:rgba(109,109,109,1);font-weight:900;-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;}

.quantity-up:hover,.quantity-down:hover {background-color:rgba(119,204,109,.8);color:#fff;border: 1px solid rgba(119,204,109,.8)}

#button-agregar {display:inline;float:left;position: relative;border: 0;text-align:center;cursor:pointer;background-color:rgba(119,204,109,1);color: #fff;font-family: 'Open Sans', sans-serif;font-weight:600;border-radius:2px;padding:4px 0px;background-image:url(../imagenes/iconos/agregar-carrito.png);background-repeat:no-repeat;background-position:5px 5px;background-size:20px 20px}

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

#button-agregar-inactivo {display:inline;float:left;position: relative;text-align:center;cursor:pointer;border:0;background-color:rgba(91,90,90,0.70);color: rgba(255,255,255,1.00);font-family: 'Rubik', sans-serif;font-weight:400;border-radius:30px;-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;text-transform: uppercase}

.p-puntos-content-1{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}

#box-2-content-1{position: relative;height: auto;float: left;z-index: 999;}

.p-2-content-1 a{color: #FF1F55;font-family: 'Open Sans', sans-serif;font-weight:400;}

.p{font-family: 'Open Sans', sans-serif;background-color: #fff;color: #999;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);display: inline-block;float: left;height: 36px;line-height: 36px;margin:4px 6px;width: 36px;position: relative;text-align:center;border-radius:2px}

.p:hover{background-color:rgba(32, 191, 107,.45);color: rgba(243,243,243,1);}

.p-activo{font-family: 'Open Sans', sans-serif;background-color:rgba(32, 191, 107,1.0);color: #fff;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);  box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);display: inline-block;float: left;height: 36px;line-height: 36px;margin:4px 6px;width: 36px;position: relative;text-align:center;border-radius:2px}

.icon-atras:before,.icon-adelante:before {background-color: #fff;color: #999;-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);  box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);display: inline-block;float: left;height: 36px;line-height: 36px;margin:4px 6px;width: 36px;position: relative;text-align:center;border-radius:2px}

.icon-atras:hover:before,.icon-adelante:hover:before{background-color:rgba(32, 191, 107,.45);color: rgba(243,243,243,1);}

.box-menu-content {display: none;position: absolute;min-width: 160px;overflow: auto;z-index: 1;}

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

.mostrar-menu {display:block;}

.h5-content-1{color: rgba(67,67,67,1);position:relative;float:left;font-family: 'Open Sans', sans-serif;font-weight:600;text-align:center;text-indent:20px}

@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{padding:20px 0px;margin:100px 0px 0px 0px}

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

    .menu{margin:5px 0px;display: block;float: left;position: relative;padding:0px;height: auto;width:100%;background-color:rgba(254,254,254,1);}

    #box-menu{width: 100%;height:auto;display: block;position: relative;margin:0px;float:left}

    .div-panel-filtro{margin:0px 5px 10px 0px;display: none !important;float: left;position: relative;padding:0px;height:auto;width:100%;top:0px;border-right:2px solid rgba(235,235,235,.41);background-color:rgba(233,180,47,1)}

    .h2-menu{height:auto;font-size:16px;width:100%;position:relative;float:left;text-align:center;}

    .h3-menu{width:100%;height:auto;position:relative;float:left;margin:0px;display:block;text-align:center;font-size:15px;}

    .panel-filtro{height:auto;width:100%;position:relative;float:left;margin:10px 0px}

    #formulario_filtro_precio{width:100%;height:auto;position:relative;margin:0px 0px;float:left;display:inline;}

    .select {position: relative;display: block;width:80%;margin:10px 10%;height:auto;line-height: 40px;float:left;font-family: 'Open Sans', sans-serif;color: rgba(45,45,45,1);background-color:rgba(255,255,255,1)}
    
    .h3-filtro-mob{color:rgba(29,28,28,0.80);cursor: pointer;padding:8px 10px 4px 10px;width:110px;border:1px solid rgba(29,28,28,0.20) !important;border-radius:6px;margin:5px 20px 0px 0px;text-align: center !important;font-family: 'Rubik', sans-serif;font-weight:600;font-size: 16px;position: relative; float: right;text-indent:0px !important}

    .icon-filtrar-productos:before{color: rgba(71,71,71,0.60);float: left;height:25px;line-height:26px;margin:0;width:35px;position: relative;text-align:center; font-size:20px;top:-5px}

    .box-categorias-mob-sidenav{height: 100%;width: 100%;position: fixed; z-index: 999999999999999999999999 !important;top:0px;left: 0;background-color:rgba(0,0,0,0.40);overflow-x: hidden;animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;padding:25px 0px;display:none}

    .content-box-categorias-mob-sidenav{height: 680px;width: 90%;margin:2.5% 5% 10px 5%;position: relative;float:left; z-index: 999999999999999999999999 !important;top: 0px;left: 0px;background-color:rgba(255,255,255,1.00);overflow-x: hidden;box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.35);border-radius: 10px}

    .span-prod-mob {width:100%;height:auto;float: left;margin:0px;display:inline;text-align: center;font-size:20px;padding:5px 0px;}

    .panel-prod-mob {background-color:rgba(252,252,252,1.00);height:auto;width:280px;margin:10px 0px 0px -140px;left:50%;position: relative;float:left}

    .p-menu-mob a{width:100% !important;height:auto;position: relative;float: left;margin:8px 0px;display:inline;text-align: left !important;font-size:13px;padding:5px 0px !important;text-indent: 10px}

    .p-submenu-mob a{width:100%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:14px;padding:15px 0px;text-indent:10px}

    .panel{background-color:rgba(252,252,252,1.00);width:85%;margin:10px 7.5%;position: relative;float:left;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
    
    .accordion:after {content: '\002B';margin:5px 0px 5px 0px;float:none;display: none}

    .accordion{font-size:18px;height:auto;width:100%;padding:12px 0px;text-align:center;background-color:rgba(239,239,239,1.00);color:rgba(2,2,2,1.00);margin:0%;position:relative !important;font-weight:400;}

    .span-p-menu-mob{width:100%;height:auto;float: left;margin:0%;display:block;text-align: left !important;font-size:14px;padding:0px;font-family: 'Rubik', sans-serif;font-weight:400;}

    .h4-filtro-mob{color:rgba(29,28,28,1.00);background-color:rgba(250,250,250,0.60);cursor: pointer;padding:8px 0px;width: 45%;text-align: center;border:1px solid rgba(29,28,28,0.15) !important;border-radius:4px;;font-family: 'Rubik', sans-serif;font-weight:500;font-size: 14px;position: relative; float: left;text-indent:0px !important;margin: 15px 27.5%}

    .h4-filtro-mob:hover{background-color:rgba(22,22,22,0.90);color:#fff}

    .box-categorias{width:40% !important;padding:6px 0% 4px 0px;text-align:center;margin:0% 5%;position:relative !important;float:left !important;display: none !important}

    .h2-content-1{font-size: 18px;text-align: left;text-indent:15px;padding:16px 0px;margin-top:70px;}

    #productos-content-1{margin:10px 0px;display: inline;float: left;position: relative;padding: 0px;height:auto;width: 100%;background-color:rgba(255,255,255,1)}

    .box-text-productos-content-1:nth-child(1) {margin: 10px 0px;background-color: rgba(231, 76, 60,1.0);}
    
    .box-text-productos-content-1:nth-child(2) {margin: 10px 0px}

    .box-content-text-productos-content-1 {width:100%;height:auto;margin:0px 0px 25px 0px;position:relative;float: left}
    
    .box-content-text-productos-content-1:last-child{margin:0px;position:relative;float: left}
    
    .span-h2-box-text-productos-content-1{font-size: 18px;width:80%;height:auto;margin:5px 10%;position:relative;text-transform:uppercase;padding:5px 0px;text-align:center;line-height: 24px}

    .h2-box-text-productos-content-1{font-size: 14px;width:100%;height:auto;margin:5px 0px;position:relative;text-transform:uppercase;padding:5px 0px;text-align:center;line-height: 24px}

    .p-box-text-productos-content-1{font-size: 16px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center;line-height: 24px}

    .h3-box-text-productos-content-1 a{font-size: 14px;width:60%;height:auto;margin:5px 15%;position:relative;padding:10px;text-align:center}

    .h4-box-text-productos-content-1{font-size: 14px;width:90%;height:auto;margin:5px 5%;position:relative;text-align:center}

    .p-2-box-text-productos-content-1{font-size: 13px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center}

     #formulario{height:auto;width:98%;margin:0px 1%;padding:0px;top:0px;}

    .box-form{height: auto;width:31%;margin:5px 1%;}

    .espacio-blanco{position: relative;width:100%;height:35px;font-size: 12px;margin:10px 0%}

    #enviar{height:38px;width:95%;position: relative;font-size:16px;float: left;margin:0px 2.5%;display:block;}

    .result-click{height:200px;width:100%;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-form-result{width:25%;height:auto;position: relative;margin:0px 37.5%;float:left} 

    .h5-form-result{font-size:14px;position: relative;float: left;display: block;text-align:center;width:100%;margin:5px 0%;line-height:28px;}
    
    #banner-productos-content-1{margin:10px 0px;display: none !important;float: left;position: relative;padding: 0px;height:auto;width: 100%;background-color:rgba(129,129,129,1);}

    .box-banner-productos-content-1{margin:0px 0px;display: none !important;float: left;position: relative;padding: 0px;height:auto;width:100%;}

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

    #quitar-filtros {width:100%;height:auto;top:0px;margin:10px 0px;position:relative;float:left}

    .h2-filtro a{font-size: 12px;width:auto;padding:8px 12px;position:relative;top:0px;margin-left:10px;float:left}

    #formulario_filtro_marcas {width:300px;height:auto;position:relative;margin-left:-150px;float:left;display:inline;left:50%}

    #formulario_filtro_marcas{display:none}

    #filtro_select{width:200px;height:45px;margin:0px 0px 5px -100px;left:50%;font-size:13px;text-align:center;border:1px solid rgba(235,235,235,1);position:relative;float:left;}

    .text_filtro_form {font-size:12px;text-align:center;width:200px;height:70px;margin:10px 0px 10px 0px;left:50%;}

    .box-content-1{height:auto;width:99%;margin:10px 0%;position:relative;float:left;border:none;border-bottom:thin solid rgba(112,112,112,.11);border-radius:4px;padding:10px 0.5%}

    .box-img-producto-content-1{position: relative;height:auto;width:20%;float:left;margin:0px 5% 0px 0px;text-align:center}

    .img-content-1 {position: relative;height:auto;width:100%;top:0px;float:left;left:0%;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;display:block !important;}

    .p-cod-content-1{font-size: 15px;width:100%;margin:0px;height:auto;position:relative;float:right;text-align:center;padding:10px 0px;display: none !important}

    .icon-imagenes-productos:before{color:rgba(67,67,67,1);font-size:60px;width:100%;height:auto;position:relative;float:left;margin:0px}

    .box-titulo-content-1{position:relative;float:left;height:auto;width:73%;top:0px;padding:0px 0.5%}

    .p-marca-content-1{font-size:13px;width:100%;height:auto;position:relative;float:left;margin:2px 0px;text-align:left}

    .h3-content-1{font-size:14px;width:100%;height:40px;margin:10px 0px;position:relative;float:left;text-align:left;line-height: 22px}

    .box-precios-content-1{position:relative !important;float:left !important;height:auto;width:35%;margin:5px 0px;display: inline}

    .box-non-content-1{position:relative;float:left;height:40px;top:0px;width:95%;margin:5px 0px;}
    
    .p-precio-content-1{font-size:20px;width:100%;text-align:center !important;margin:0px 0px 5px 0px;position:relative;float:left}

    #carro{width:60%;height:auto;float:left;position:relative;margin:0px 0px 0px 3.5%;}

    .quantity{width:100px;height:40px;margin:0px 0px;float:left;position:relative;}

    .cant {width:50px;height:35px;margin:0px 40px;float:left;position:relative;}

    .quantity-up {position: absolute;height:10px;top:0px;right:-176px;padding:10px 0px 17px 0px;width:40px;background-color:rgba(150,150,150,1);color:#fff}

    .quantity-down {position: absolute;height:10px;top:0px;left:40px;padding:10px 0px 17px 0px;width:40px;background-color:rgba(150,150,150,1);color:#fff}

    #button-agregar {font-size:15px;width:60px;height:39px;margin:0px 0px 0px 35px;background-position:center;background-size:50%;background-color:rgba(91, 155, 66, 1);}
    
    #button-agregar-inactivo {font-size:16px;position: relative;width:50%;height:auto;line-height:26px;float:left;margin:10px 25%;padding:6px 0px}

    .p-puntos-content-1{font-size: 14px;width:100%;margin:25px 0px;position:relative;float:left;text-align:left}

    .icon-club-la-granja-item:before {font-size:30px;margin:-10px 10px 0px 0px;position:relative;float:left}

    .box-2-content-1{height:auto;width:50px;margin-left:615px;position:absolute;text-align:center;}

    .p-2-content-1 a{width:45px;position:absolute;text-align:center;top:-20px;margin-left:-22.5px;left:50%}

    .paginador {width:90%;height:auto;float:left;position:relative;margin:40px 5%;}

    .p-sub-menu a{}
}
@media screen and (min-width:601px) and (max-width:980px) {
    .icon-abajo:before {top:15px;margin-left:2.5px;font-size:35px;position:absolute;}

    #content-1{float: left;width: 100%;position: relative;height: auto;padding:0px;}

    .content-boxes-content-1{position: relative;height: auto;width: 100%;float: left;z-index: 999;margin:0px;text-align: center;}

    .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)}

    .h2-menu{font-size: 18px}

    #box-menu{width: 100%;height:370px;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:1% 0%;position: relative;display:block;text-align: left;font-size:18px;padding:12px 0px}

    #productos-content-1{margin: 0%;display: block;float: left;position: relative;padding: 0px;height: auto;width: 100%;background-color:#fff;z-index:999999999999}

    .box-text-productos-content-1 {margin: 0px 0px 0px 0px;}

    .box-content-text-productos-content-1 {width:100%;height:auto;margin:0px 0px 25px 0px;position:relative;float: left}
    
    .box-content-text-productos-content-1:last-child{margin:0px;position:relative;float: left}
    
    .h2-box-text-productos-content-1{font-size: 14px;width:100%;height:auto;margin:5px 0px;position:relative;text-transform:uppercase;padding:5px 0px;text-align:center;line-height: 24px}

    .p-box-text-productos-content-1{font-size: 16px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center;line-height: 24px}

    .h3-box-text-productos-content-1 a{font-size: 14px;width:60%;height:auto;margin:5px 15%;position:relative;padding:10px;text-align:center}

    .h4-box-text-productos-content-1{font-size: 14px;width:90%;height:auto;margin:5px 5%;position:relative;text-align:center}

    .p-2-box-text-productos-content-1{font-size: 13px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center}

     #formulario{height:auto;width:98%;margin:0px 1%;padding:0px;top:0px;}

    .box-form{height: auto;width:31%;margin:5px 1%;}

    .espacio-blanco{position: relative;width:100%;height:35px;font-size: 12px;margin:10px 0%}

    #enviar{height:38px;width:95%;position: relative;font-size:16px;float: left;margin:0px 2.5%;display:block;}

    .result-click{height:200px;width:100%;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-form-result{width:25%;height:auto;position: relative;margin:0px 37.5%;float:left} 

    .h5-form-result{font-size:14px;position: relative;float: left;display: block;text-align:center;width:100%;margin:5px 0%;line-height:28px;}
    
    #filtros {width:100%;height:auto;}

    .h2-filtro a{font-size: 15px;width:auto;padding: 12px;margin:5%;text-align:center}

    #formulario_filtro {width:100%;}

    #filtro_select {width:40%;margin:10px 5%;height:40px;text-align:center;font-size:15px;}

    .text_filtro_form {font-size:15px;}

    .filtro_boton{font-size:15px;width: 40%;height: 40px;position:relative;float:left;margin:10px 5%;}

    .h2-content-1{font-size: 18px;padding:16px 0px;margin:25px 10%;position:relative;float:left;width:80%}

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

    .img-content-1{position: relative;height: 120px;width:auto;margin:0;top:5px;}

    .div-icon-producto-content-1 {width:90px;height:auto;position:absolute;top:5px;margin-left:45%}

    .p-icon-producto-content-1 {width:90px;height:auto;margin:8px;padding:0px 10px;color:#FFF;display:block}

    .icon-actualizar {font-size:20px;margin:0px}

    .h3-content-1{font-size: 15px;position: relative;width: 100%;padding:0px;height:20px;}

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

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

    .h4-content-1 a{font-size: 14px;width:90%;text-align: center;position: relative;margin:5px 2.5%;padding-bottom: 4px;}

    .h5-content-1 a{font-size: 16px;width:200px;text-align: center;position: relative;top: 0px;left:50%;margin-left: -100px;padding: 8px 2px;float:left;height:25px;}
    /*
    #carro{width:100%;height:auto;float:left;position:relative;display:block;}

    .cant {width:30%;height:24px;left:5px;margin:0%;}

    #button-agregar {font-size:12px;width: 90%;height: 30px;top:0px;margin: 15px 5%}*/

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

    .quantity{width:100px;height:40px;margin:0px 0px;float:left;position:relative;}

    .cant {width:50px;height:35px;margin:0px 40px;float:left;position:relative;}

    .quantity-up {position: absolute;height:10px;top:0px;left:40px;padding:10px 0px 17px 0px;width:40px}

    .quantity-down {position: absolute;height:10px;top:0px;right:-176px;padding:10px 0px 17px 0px;width:40px}

    #button-agregar {font-size:15px;width:150px;height:40px;margin:0px 0px 0px 40px;text-indent:20px;background-position:5px 10px}

    .paginador {width:90%;height:auto;float:left;position:relative;margin:5%;}
}

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

    .content-wrapper {width:800px;height:600px;left:50%;margin:-300px 0px 0px -400px;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:90%;height:auto;margin:5%}

    #mobile-cat{display: none !important}

    .h3-filtro-mob {display: none !important}
    
    #content-1{padding:10px 0px 20px 0px;}

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

    #pre-productos-popup{position:fixed;bottom:50px;width:600px;margin-left:-300px;left:50%;height:40px;}

    .h2-pre-productos-popup {font-size:16px;padding:10px 6px;}

    .menu{margin:0px 5px 0px 0px;display: block;float: left;position: relative;padding:0px;height: auto;width:220px;top:0px;border-right:2px solid rgba(235,235,235,.41);}

    .div-panel-filtro{margin:0px 5px 10px 0px;display: block;float: left;position: relative;padding:0px;height:190px;width:220px;top:0px;border-right:2px solid rgba(235,235,235,.41);background-color:rgba(233,180,47,1)}

    #formulario_filtro_precio {width:190px;height:auto;position:relative;margin-left:15px;float:left;display:inline;}

    #filtro_select{width:200px;height:auto;margin:0px 0px 5px -100px;left:50%;font-size:14px;text-align:center;position:relative;float:left;background-color:rgba(255,255,255,1)}

    .select {position: relative;display: block;width:200px;left:50%;margin-left:-100px;height: 40px;line-height: 40px;  overflow: hidden;border-radius: .25em;float:left;font-family: 'Open Sans', sans-serif;color: rgba(45,45,45,1);background-color:rgba(255,255,255,1)}

    .text_filtro_form {font-size:13px;text-align:center;width:130px;height:70px;margin:10px 0px 10px -35px;left:50%;}

    .filtro_boton{font-size:14px;width:160px;height:40px;top:0px;margin:10px 15px;}

    #box-menu{width: 100%;height:auto;display: block;position: relative;margin:0px;float:left}

    .h2-menu{height:auto;font-size:15px;width:100%;position:relative;float:left;text-align:center;}

    .h3-menu{width:100%;height:auto;position:relative;float:left;margin:0;display:inline;text-align: center;font-size:15px;}

    .accordion{font-size:20px;height:60px;width:99.5%;padding:6px 5px 4px 0px;text-align:center;background-color:rgba(91, 155, 66, 1);color:#fff;cursor:none}

    .accordion-prod{font-size:20px;height:60px;text-indent:15px;width:100%;text-align:center;background-color:rgba(91, 155, 66, 1);}

    .panel_prod{background-color:rgba(109,109,109,1);height:480px;margin:-15px 0px 10px 0px }

    .panel{background-color:rgba(109,109,109,1);position:relative;float:left;padding:10px 0px;height:auto;width:100%}

    .panel-filtro{height:100px;width:100%;position:relative;float:left;margin:10px 0px}

    .p-box-menu{width:100%;height:auto;float: left;display:inline;text-align: left;font-size:12px;margin:0px}

    .p-menu a{width:100%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:12px;padding:10px 0px 16px 0px;text-indent:10px;color:#fff}

    .p-submenu a{width:100%;height:auto;float: left;margin:0px;display:inline;text-align: left;font-size:12px;padding:5px 0px;text-indent:10px}

    .h2-content-1{font-size: 18px;text-align: left;text-indent:15px;padding:16px 0px;margin-top:70px;}

    #productos-content-1{margin: 0px 0px 0px 0px;display: inline;float: left;position: relative;padding: 0px;height:auto;width:745px;padding-bottom:35px;background-color:rgba(255,255,255,1)}
    
    .box-text-productos-content-1:nth-child(1) {padding:10px 0px;background-color: rgba(231, 76, 60,1.0);position: relative;float: left}
    
    .box-text-productos-content-1:nth-child(2) {margin:0px 0px;position: relative;float: left}
    
    .box-content-text-productos-content-1 {width:295px;height:auto;margin:5px 0px;position:relative;float: left}
    
    .box-content-text-productos-content-1:last-child {width:450px;height:auto;margin:5px 0px;position:relative;float: left}
    
    .span-h2-box-text-productos-content-1{font-size: 28px;width:100%;height:auto;margin:5px 0px 0px 0px;position:relative;text-transform:uppercase;padding:5px 0px 2px 0px;text-align:center}

    .h2-box-text-productos-content-1{font-size: 14px;width:100%;height:auto;margin:5px 0px;position:relative;text-transform:uppercase;padding:5px 0px;text-align:center}

    .p-box-text-productos-content-1{font-size: 18px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center}

    .h3-box-text-productos-content-1 a{font-size: 18px;width:200px;height:auto;margin:5px 0px 5px -100px;left:50%;position:relative;text-align:center}

    .h4-box-text-productos-content-1{font-size: 14px;width:90%;height:auto;margin:5px 5%;position:relative;text-align:center}

    .p-2-box-text-productos-content-1{font-size: 13px;width:100%;height:auto;margin:5px 0px;position:relative;text-align:center}

    #formulario{height:auto;width:450px;margin:0px 0px;padding: 5px 0px;top:0px;}

    .box-form{height: auto;width:140px;margin:5px 10px 5px 0px;}

    .espacio-blanco{position: relative;width:95%;height:35px;font-size: 12px;margin:10px 2.5%}

    #enviar{height:38px;width:445px;position: relative;font-size:16px;float: left;margin-left:0px;margin-top:0px;display:block;}

    .result-click{height:164px;width:450px;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-form-result{width:50px;height:auto;position: relative;margin:0px 0px 15px -25px;float:left;left: 50%} 

    .h5-form-result{font-size:14px;position: relative;float: left;display: block;text-align:center;width:100%;margin:5px 0%;line-height:28px;}
    
    #banner-productos-content-1{margin:0px 0px 20px 0px;display: none !important;float: left;position: relative;padding: 0px;height:103px;width:740px;border-bottom:1px solid rgba(171,171,171,.15)}

    .box-banner-producto-content-1{width:200px;height:85px !important;position:relative;float:left;left:0px;padding:5px;border:1px solid rgba(213,213,213,.25);margin:0px 5px}

    .banner-producto-content-1 {position: relative;float:left;height:85px !important;width:100%;margin:0px}

    .box-banner-producto-content-1:last-child{margin:0px 55px 0px 5px}

    #filtros {width:690px;height:auto;margin:0px 0px 10px 0px;position:relative;float:left}

    #quitar-filtros {width:690px;height:auto;top:0px;margin:0px 0px 10px 0px;position:relative;float:left}

    .h2-filtro a{font-size: 12px;width:auto;padding:8px 12px;position:relative;top:0px;margin-left:10px;float:left}

    .box-content-1{height:auto;width:750px;margin:auto;position:relative;float:left;border:0;border-radius:4px;padding:5px 0px 3.5px 2px;z-index:1;background-color:rgba(255,255,255,1);overflow:visible}

    .p-cod-content-1{font-size: 12px;width:85px;margin:0px 2px 0px 0px;height:auto;position:relative;float:left;text-align:center;border:1px solid rgba(109,109,109,.55);padding:9px 0px}

    .box-img-producto-content-1{position: relative;height: 35px;width:40px;top:0px;float:left;left:0px;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;border:1px solid rgba(109,109,109,.55);margin:0px 2px 0px 0px}

    /*.img-content-1 {position: relative;height:35px;width:35px;top:0px;float:left;left:0px;text-align:center;padding:1px 6px;border:1px solid rgba(109,109,109,.55);}*/

    .img-content-1 {position: relative;height:35px;width:35px;top:0px;float:left;left:50%;margin-left:-17.5px;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;display:block !important;}

    .box-titulo-content-1{position:relative;float:left;height:40px;top:0px;width:395px;}

    .p-marca-content-1{font-size:11px;width:115px;height:auto;position:relative;border:1px solid rgba(109,109,109,.55);margin:0px 0px;float:left;padding:10px 0px;text-align:center}

    .h3-content-1{font-size:11px;width:270px;height:auto;margin:0px 2px;position:relative;text-transform:uppercase;border:1px solid rgba(109,109,109,.55);float:left;padding:10px 0px;text-align:left;text-indent:5px}

    .box-precios-content-1{position:relative;float:left;height:40px;top:0px;width:90px;}

    .box-non-content-1{position:relative;float:left;height:40px;top:0px;width:200px;}
    
    .p-pack-content-1{font-size: 12px;width:100%;margin:0px;position:relative;float:left;border-radius:4px}

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

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

    .p-precio-content-1{font-size:12px;width:100%;height:auto;margin:0px 0px;position:relative;text-transform:uppercase;border:1px solid rgba(109,109,109,.55);float:left;padding:10px 0px;text-align:center;color:rgba(66,66,66,1)}

    #carro{width:110px;height:auto;float:left;position:relative;display:inline;margin:0px 0px 0px 6px;}

    .quantity{width:52px;height:35px;margin:0px;float:left;position:relative;left:5px}

    .cant {width:35px;height:35px;margin:0px 12px;float:left;position:relative;}

    .quantity-up {position: absolute;height:0px;top:0px;left:10px;padding:0px 0px 19px 0px;width:15px;background-color:rgba(150,150,150,1);color:#fff}

    .quantity-down {position: absolute;height:0px;top:21px;left:10px;padding:0px 0px 16px 0px;width:15px;background-color:rgba(150,150,150,1);color:#fff}

    #button-agregar {font-size:13px;width:50px;height:38px;margin:0px 0px 0px 6px;background-position:center;position:relative;float:left;background-color:rgba(91, 155, 66, 1);}

    #button-agregar-inactivo {font-size:12px;position: relative;width:100px;height:auto;line-height:18px;float:left;margin:0px 0px 0px 10px;padding:5px 0px}
    
    .p-puntos-content-1{font-size: 12px;width:95%;margin:0px 0px 0px 5%;position:relative;float:left}

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

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

    .box-2-content-1{height:auto;width:50px;margin-left:615px;position:absolute;text-align:center;}

    .p-2-content-1 a{width:45px;position:absolute;text-align:center;top:-20px;margin-left:-22.5px;left:50%}

    .tooltip .tooltiptext::after {margin-left:0px}

    .paginador {width:90%;height:auto;float:left;position:relative;margin:40px 5%;}

    .p-sub-menu a{}

    .h5-content-1{font-size:16px;width: 100%;height: auto;top:20px;margin:20px 0px;position:relative;float:left}

    .box1 {position: relative;height:35px;width:35px;top:0px;float:left;left:50%;margin-left:-17.5px;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;display:block !important;transition: transform .2s;}

    .box1  .text1 {padding-bottom: 1px;}

    a.gal {position: relative;display: block;margin-bottom: 8px;}

    a.gal span {display: block;position: relative;left: 0;top: 0;right: 0;bottom: 0;background: url(../images/magnify.png) -102px 0 no-repeat;}

    a.gal:hover span{background-position: center center;}

    .container_12 {margin-left: auto;margin-right: auto;width: 960px;}

    .container_12 .grid_4 {width: 35px;}

    .grid_4 {float: left;margin: 10px 10px;height:350px;position:relative}
}