@charset "utf-8";

#content-1{float: left;width: 100%;position: relative;z-index: 9;height: auto;border-bottom:thin solid rgba(239,239,239,.81);display: block;}

.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;}

@media screen and (max-width:600px){
#content-1{float: left;width: 100%;position: relative;height: auto;padding: 0px;padding-bottom:1.5%;background-color:rgba(255,255,255,1);}

.content-boxes-content-1{float: left;width: 100%;position: relative;height: auto;margin:5% 0px;}

.img-banner-content-1 {position: relative;height:auto;width:98%;float:left;margin:20px 1%;text-align:center;z-index:9999999 !important;display:block !important;}

.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}

.box-content-1{height:auto;width:85%;margin:10px 7.5%;position:relative;float:left;border:0;border-bottom:thin solid rgba(112,112,112,.11);border-radius:4px;}

.box-img-content-1{position: relative;height:auto;width:70%;top:0px;float:left;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;margin:5px 15%;background-color:rgba(255,255,255,1)}

.img-content-1 {position: relative;height:auto;width:100%;float:left;text-align:center;z-index:9999999 !important;display:block !important;}

.box-titulo-content-1{position:relative;float:left;height:90px;width:100%;top:0px;}

.p-marca-content-1{font-size:14px;width:95%;height:auto;margin:10px 2.5%;position:relative;float:left;text-align:center}

.h3-content-1{font-size:16px;width:100%;height:auto;line-height:30px;margin:5px 0px;position:relative;text-align:center}

.box-precios-content-1{position:relative;float:left;height:auto;width:100%;margin:0px 0px}

.p-content-1{font-size:22px;width:100%;margin:10px 0px;position:relative;float:left;text-align:center;}

#carro{width:90%;height:auto;float:left;position:relative;display:block;margin:5px 5%;}

#button-agregar {font-size:14px;width:60% !important;height:45px !important;margin:10px 20%;float:left;display:inline}

}

@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);}

.content-boxes-content-1{float: left;width: 100%;position: relative;height: auto;margin:5% 0px;}

.h2-content-1{font-size:20px;text-align: center;top:0px;width:100%;height:auto;padding:0px 0px;margin:10px 0px 5px 0%;line-height:34px}

.box-content-1{height: auto;padding:0px;width:90%;margin:0px 5%;position:relative;float:left;}

.p-content-1{font-size:15px;width:100%;height:auto;line-height:28px}

.firma{font-size:16px;text-align: left;top:0px;width:100%;height:auto;padding:0px 0px 10px 0px;margin:10px 0%}

#content-2{padding:20px 0px;}

.content-boxes-content-2{float: left;height: auto;width: 95%;margin:10px 2.5%;position: relative;display:block;}

.box-content-2{float: left;height: auto;width: 95%;margin:20px 2.5%;position: relative;display:block;border-bottom:1px solid rgba(215,215,215,1)}	

.box-icon-content-2{float: left;height:50%;width:50%;margin:0px 20%;padding:40px 20px;position: relative;display:block;}	

.icon-envio-gratis-home:before,.icon-alimento-para-celiacos:before{font-size:80px;position:relative;float:left;width:100%;text-align:center}

.h2-content-2{font-size:30px;width: 100%;padding:0px 5px;position: relative;float:left;margin:10px 0px}

.p-content-2{font-size:15px;width:100%;height:auto;line-height:28px}

.content-productos-content-2{height: auto;width: 100%;margin:10px 0px;position: relative;float:left;display:block;}

.box-producto-content-2{height:auto;width:90%;margin:2.5px 2.5%;position:relative;float:left;border:0;border-bottom:thin solid rgba(112,112,112,.11);border-radius:4px;padding:5px 10px}

.box-titulo-content-2{position:relative;float:left;height:auto;width:100%;top:0px;}

.p-cod-content-2{font-size: 15px;width:100%;margin:0px;height:auto;position:relative;float:left;text-align:center;padding:10px 0px}

.p-marca-content-2{font-size:14px;width:100%;height:auto;position:relative;margin:2px 0px;text-align:center}

.h3-content-2{font-size:16px;width:100%;height:auto;margin:10px 0px;position:relative;text-align:center}

.box-precios-content-2{position:relative;float:left;height:auto;width:100%;margin:5px 0px}

.p-precio-content-2{font-size:20px;width:100%;text-align:center;margin:0px 0px 5px 0px;position:relative;float:left}

.box-total-content-2{position:relative;float:left;height:auto;top:0px;width:100%;}

.h4-total-content-2{font-size:30px;width:90%;height:auto;margin:10px 5% 0px 5%;position:relative;text-transform:uppercase;float:left;padding:0px 0px;text-align:center;text-indent:0px}

.box-consulta-content-2{position:relative;float:left;height:auto;top:0px;width:100%;margin:0px}

.h5-consulta-content-2 a{font-size:25px;width:80%;height:auto;margin:10px 10% 20px 10%;position:relative;text-transform:uppercase;float:left;padding:10px 0px;text-align:center;text-indent:0px}

.icon-whatsapp-contacto:before{font-size:30px;position:relative;margin-right:15px;top:2.5px}

}

@media screen and (min-width:981px) {
#content-1{padding:20px 0px;}

.content-boxes-content-1{float: left;height: auto;width: 980px;margin-left: -490px;left: 50%;position: relative;display:block;}

.h2-content-1{font-size: 25px;width:940px;margin:10px 0px 10px 30px;height:auto;padding:10px 0px;background-color:rgba(91, 155, 66, 1);border-radius:15px 15px 0px 0px}

.box-content-1{height:auto;width:450px;position:relative;float:left;padding:5px 0px;margin:0px 20px;z-index:1;background-color:rgba(255,255,255,1);}

.box-img-content-1{position: relative;height:auto;width:400px;top:0px;float:left;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;margin:2px 25px;background-color:rgba(255,255,255,1);}

.img-content-1 {position: relative;height:auto;width:100%;float:left;text-align:center;z-index:9999999 !important;display:block !important;}

}