@charset "utf-8";

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

.h2-content-1{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-1{position: relative;height: auto;float: left;z-index: 999;border: 1px solid rgba(242,242,242,.75);border-radius:4px}

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

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

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

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

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

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

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

.h4-content-1 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-1 a:hover{background-color:rgba(108,108,108,1);color:#fff}

.h5-content-1{font-family: 'Open Sans', sans-serif;font-weight:400;box-sizing: border-box;color:rgba(91, 155, 66, 1);display:block;float:left;text-align:center;}

@media screen and (max-width:600px){

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

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

.img-box-content-1{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-1 {position: relative;height:auto;width:100%;}

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

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

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

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

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

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

.p-cod-content-1{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-1{font-size: 12px;width:100%;margin:0px;position:relative;float:left}

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

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

.p-precio-content-1{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-1{font-size:16px;width:75%;height:40px;margin:40px 12.5% 20px 12.5%;position:relative;float:left;line-height:22px;padding:10px 0px}
}
@media screen and (min-width:601px) and (max-width:980px) {

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

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

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

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

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

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

.p-content-1{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-1 a{font-size:16px;width: 20%;height: 30px;top:0px;margin: 5% 40%;position:relative;padding-top:3.5px;}
}

@media screen and (min-width:981px) {

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

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

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

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

.h2-content-1{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-1{height:410px !important;width:240px;margin:45px 2.5px 5px 0px}

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

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

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

.p-cod-content-1{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-1{font-size: 12px;width:100%;margin:0px;position:relative;float:left}

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

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

.p-precio-content-1{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-1{font-size: 13px;width:95%;margin:0px 2.5%;position:relative;float:left}

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

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

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

}