@charset "utf-8";

#content-1,#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-1{padding: 4px 0px;color: rgba(45,45,45,1);border: 1px solid #eee;}

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

.h2-box-1-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-box-1-content-1{color:rgba(51,51,51,1.00);font-family: 'Open Sans', sans-serif;font-weight:400;text-align:center}

.h3-box-1-content-1 a{color: rgba(37,201,86,1.00);font-family: 'Open Sans', sans-serif;font-weight:600;text-align:left}

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

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

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

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

#button-agregar:hover{background-color:rgba(91, 155, 66, 0.75);text-decoration:none;border:none}

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

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

#buscar-punto-venta {height: 45px;width:480px;position:relative;cursor: pointer;z-index:9999999;padding:10px 6px;margin:20px 0px 0px 0px;float:left;}

.text-punto-venta {font-family: 'Montserrat', sans-serif;text-align: center;border:1px solid rgba(46,46,46,.10);font-weight:400;color: rgba(24,24,24,1);background-color:#fff;z-index: 9999999999999 !important;cursor: text}

.largo a{color: rgba(25,25,25,1)} .largo a:hover{color: rgba(255,31,0,1)}

.medio a{color: rgba(25,25,25,1)} .medio a:hover{color: rgba(255,31,0,1)}

.corto a{color: rgba(25,25,25,1)} .corto a:hover{color: rgba(255,31,0,1)}

.tabla-content-2{border: thin solid rgba(193,193,193,.51);float: left;height: auto;position: relative;font-family: 'Montserrat', sans-serif;padding: 2px 0px}

.col-title-content-2{font-family: 'Montserrat', sans-serif;height: auto;position: relative;font-weight: 500;padding:5px 0px}

.col-producto-content-3{font-family: 'Montserrat', sans-serif;height: auto;position: relative;font-weight: 400;text-transform:lowercase;color:rgba(129,129,129,1)}

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

.box-content-3:nth-child(even){background-color:rgba(248,248,248,1)}

.box-content-3:nth-child(even):last-child{/*background-color:transparent*/}

@media screen and (max-width:600px){
#content-1{float: left;width: 100%;position: relative;height: auto;margin:100px 0px 0px 0px;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;}

.box-1-content-1{height:auto;width:90%;position:relative;float:left;padding:10px;margin:10px 2.5%;z-index:1;background-color:rgba(255,255,255,1);box-shadow: 1px 2px 2px 2px rgba(0,0,0,.45);border-radius:10px}

.h2-box-1-content-1{font-size:18px;width: 100%;padding:0px;position: relative;text-align: left}

.img-box-1-content-1 {position: relative;height:auto;width:50px;float:left;text-align:center;z-index:9999999 !important;display:block !important;margin:-10px 10px 0px 0px}

.p-box-1-content-1{font-size:14px;width:100%;height:auto;margin:5px 0px 0px 0%;position:relative;float:left;text-align: left;line-height:28px;}

.h3-box-1-content-1 a{font-size:14px;width:auto;height:auto;margin:5px 0px 0px 0px;position:relative;float:left;padding:5px 0px}
    
.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-producto-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}

#content-2{height: auto;width: 100%;margin:10px 0px;}

.content-boxes-content-2{position:relative;width:100%;float:left;height:auto;overflow-x:auto;margin:10px 0px}

.h2-content-2{font-size:20px;width: 90%;padding:0px;margin:2.5px 5%;position: relative;text-align:left}

.p-content-2{font-size:15px;width:90%;margin:2.5px 5%;position:relative;float:left;text-align:left}

#buscar-punto-venta {height:55px;width:95%;position:relative;cursor: pointer;z-index:9999999;padding:10px 6px;margin:20px 2.5%;float:left;}

.text-punto-venta {width:95%;height:55px;position: absolute;left:0px;top:0px;border-radius:4px;box-shadow:2px 2px 2px 2px rgba(0,0,0,.15)}

.box-form-productos{float: left;position: relative;height:420px;margin: 5px 0px 70px 0px;display: block;width:100%;box-shadow: 1px 2px 2px 2px rgba(0,0,0,.25);border-radius: 10px;overflow: auto}

table {border-collapse: collapse;width: 100%;text-align:center}

th, td {margin:6px 6px;width:5%;position:relative;}

.box-content-2{position: relative;height: auto;width:100% !important;border-bottom:thin solid rgba(193,193,193,.51);z-index: 999;margin-bottom: 1%;}

.box-content-3{position: relative;height: auto;width: 100%;border-bottom:thin solid rgba(193,193,193,.51);z-index: 999;margin-bottom: 1%}

.content-box-content-3{position: relative;height:437px !important;width:100%;display:block !important;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px;padding:0px;}
    
#display {position: relative;height:auto !important;width: 100%;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px;}

.col-title-content-2{margin:2px 0px;font-size: 15px;padding:10px 30px}

.col-producto-content-3{margin:2px 0px;font-size: 12px;width:auto;padding:10px 27px;text-align: center}

.nompropio{text-transform:uppercase !important;}

.img-box-content-2 {position: relative;height:auto;width:30px;float:left;text-align:center;z-index:9999999 !important;display:block !important;margin:-2.5px 0px 2.5px 20px}
}

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

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

.box-1-content-1{height:auto;width:500px;position:relative;float:left;padding:10px;margin:10px 470px 10px 0px;z-index:1;background-color:rgba(255,255,255,1);box-shadow: 1px 2px 2px 2px rgba(0,0,0,.45);border-radius:10px}

.h2-box-1-content-1{font-size:18px;width: 100%;padding:0px;position: relative;text-align: left}

.img-box-1-content-1 {position: relative;height:auto;width:50px;float:left;text-align:center;z-index:9999999 !important;display:block !important;margin:-10px 10px 0px 0px}

.p-box-1-content-1{font-size:14px;width:100%;height:auto;margin:5px 0px 0px 0%;position:relative;float:left;text-align: left;line-height:28px;}

.h3-box-1-content-1 a{font-size:14px;width:auto;height:auto;margin:5px 0px 0px 0px;position:relative;float:left}

.box-content-1{height:auto;width:260px;position:relative;float:left;border:0;border-radius:4px;padding:5px 2px;margin:10px 30px 10px 30px;z-index:1;background-color:rgba(255,255,255,1);}
    
.box-img-producto-content-1{position: relative;height:160px;width:160px;top:0px;float:left;text-align:center;z-index:999999999999999999999999999999999999999999999999999999 !important;margin:2px 50px;background-color:rgba(255,255,255,1);overflow: hidden}

.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:70px;margin:10px 0px;width:100%;}

.p-marca-content-1{font-size:12px;width:95%;height:auto;margin:10px 2.5%;position:relative;float:left;text-align:center}

.h3-content-1{font-size:14px;width:95%;height:auto;margin:0px 2.5%;position:relative;text-transform:uppercase;float:left;text-align:center;line-height:22px}

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

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

#carro{width:205px;height:auto;float:left;position:relative;display:block;margin:5px 22.5px;}

.cant {width:65px !important;height:37px !important;margin:10px 0px;float:left;display:inline;left:5px !important;}

#button-agregar {font-size:16px;width:160px !important;height:45px !important;margin:10px 50px;float:left;display:inline}

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

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

.h2-content-2{font-size:20px;width: 100%;padding:0px;position: relative;text-align:left}

.p-content-2{font-size:15px;width:100%;margin:1.5px 0px;position:relative;float:left;text-align:left}

#buscar-punto-venta {height: 45px;width:480px;position:relative;cursor: pointer;z-index:9999999;padding:10px 6px;margin:20px 0px 0px 0px;float:left;}

.text-punto-venta {width:480px;height:35px;position: absolute;left:0px;top:0px;border-radius:4px;box-shadow:2px 2px 2px 2px rgba(0,0,0,.15)}

.tabla-content-2{width:100%;border: thin solid rgba(193,193,193,.51);float: left;height: auto;position: relative;font-family: 'Montserrat', sans-serif;padding: 2px 0px}

.box-content-2{position: relative;height: auto;width: 980px;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px}

.box-form-productos{float: left;position: relative;height:420px;margin: 5px 0px 70px 0px;display: block;width:100%;overflow:hidden;box-shadow: 1px 2px 2px 2px rgba(0,0,0,.25);border-radius: 10px}

.content-box-content-3{position: relative;height:437px !important;width: 980px;display:block !important;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px 0px 50px 0px;padding:0px;overflow:auto}
    
#display {position: relative;height:auto !important;width: 980px;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px;}

.box-content-3{position: relative;height:auto;width: 980px;display:block !important;float: left;border-bottom:thin solid rgba(193,193,193,.31);z-index: 999;margin:0px;padding:15px 0px}

.col-title-content-2{margin:2px 10px;position:relative;float:left;display:inline;font-size: 13px;text-align:center;text-transform:capitalize!important;}

.col-producto-content-3{margin:2px 10px;float:left;display:inline;font-size: 12px;height:auto;position:relative;width:100%;text-align:center;text-transform:capitalize !important;}

.img-producto-content-2{width:50px; height:50px;position:relative;float:left;margin:-10px 0px 0px -25px;left:50%}

.largo {width:210px;text-transform:capitalize !important;} .largo a{width:210px;text-transform:capitalize !important;} .medio{width:130px;text-transform:capitalize !important;} .medio a{width:130px;text-transform:capitalize !important;} .corto a{width:75px;text-transform:capitalize !important;} .corto{width:80px;text-transform:capitalize !important;} 

.nompropio{text-transform:uppercase !important;}

.img-box-content-2 {position: relative;height:auto;width:30px;float:left;text-align:center;z-index:9999999 !important;display:block !important;margin:-2.5px 45px 0px 45px}

}