@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;}

.box-content-1{padding: 4px 0px;color: rgba(45,45,45,1);}

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

.p-content-1{display:inline;float:left;position: relative;color: #696763;font-family: 'Open Sans', sans-serif;font-weight:400;text-align:justify;}

.firma{display:inline;float:left;position: relative;color: #696763;font-family: 'Open Sans', sans-serif;font-weight:700;text-align:left;}

#content-2{float: left;width: 100%;position: relative;z-index: 9;height: auto;border-bottom:thin solid rgba(239,239,239,.81);display: block;}

.box-content-2{padding: 4px 0px;color: rgba(45,45,45,1);}

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

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

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

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

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

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

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

.espacio-blanco,.espacio-blanco-select{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}

.espacio-blanco-msj{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:4px}

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

@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;}

.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:0px 0px;}

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

.box-content-2{float: left;height: auto;width: 95%;margin:10px 2.5%;position: relative;display:block;}	

.h2-content-2{font-size:15px;line-height:26px;width: 100%;padding:0px;position: relative;float:left;margin:10px 0px}

.h3-content-2{font-size:18px;border:1px solid rgba(192,192,192,1);line-height:25px;width: 100%;padding:10px 0px;position: relative;float:left;margin:20px 0px 0px 0px}

#formulario{height: auto;width: 100%;padding: 5px 0px;}

.box-form{height: auto;width: 90%;padding: 2.5% 5%;}

.box-form-msj{height: auto;width: 90%;padding: 2.5% 5%;}

.espacio-blanco{position: relative;height: 45px;width: 95%;font-size: 15px;margin:2.5%;}

.espacio-blanco-select{position: relative;width:95%;height:40px;font-size: 13px;margin:0}

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

#enviar{height:50px;width: 90%;position: relative;font-size: 18px;float: left;margin:5% 5%}

}

@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{float: left;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:30px;width: 100%;padding:10px 0px;position: relative;}

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

.p-content-1{font-size:15px;width:100%;height:auto;line-height:28px}

#content-2{padding:20px 0px;}

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

.box-content-2{float: left;height: auto;width:800px;margin:10px 0px 0px -400px;left:50%;position:relative;float:left}	

.h2-content-2{font-size:25px;width: 100%;line-height:38px;padding:0px;position: relative;float:left;margin:0px 0px 10px 0px}

.h3-content-2{font-size:24px;width: 500px;padding:0px 0px 20px 0px;position: relative;float:left;margin:25px 150px 0px 150px;border-bottom:1px solid rgba(192,192,192,.45)}

#formulario{height:auto;width:600px;margin:0px 0px 0px -300px;left:50%;padding: 5px 0px;top:0px;}

.box-form{height: 60px;width:280px;margin:20px 10px;}

.box-form-msj{height: auto;width: 570px;margin:10px 10px;}

.p-content-2{height:15px;font-size: 16px;width:100%;text-align: left;display: block;line-height: 22px;margin:15px 0px;}

.espacio-blanco{position: relative;width:95%;height:35px;font-size: 13px;margin:0}

.espacio-blanco-select{position: relative;width:95%;height:40px;font-size: 13px;margin:0}

.espacio-blanco-msj{position: relative;height:85px;width: 100%;font-size: 15px;}

#enviar{height:60px;width:500px;position: relative;font-size:22px;float: left;margin:5px 0px 0px -250px;left:50%;display:block;}

}