@charset "utf-8";
html,body{ height:100%; font-size:14px; }
body { overflow-x: hidden; margin: 0; font-family: 'Raleway',arial,tahoma; font-weight: normal; color:#000; }
img { color:#00CCFD; }

#container { margin: 0 auto; width:100%; height:100%; text-align: center; background-color:#fff; z-index:0;  }
#preheader { margin: 0 auto; position: relative; width:100%; height:28px; background-color:#294C73;  }
#preheader .content { position: relative; max-width:1000px; line-height:28px; color:#fff; font-size:10px; font-weight:normal; text-align:right; }
#preheader .border1 { width:100%; border:1px solid #000; clear:both; }
#preheader  A { COLOR: #1E90FF; font-size: 12px; font-weight: normal; TEXT-DECORATION: none; letter-spacing:0px; }
#preheader  A:hover { COLOR: #FFF; }

#header { margin: 0 auto; position: relative; width:100%; height:65px; background-color:#fff; border-bottom-width: 1px solid #000; }
#header .content { position: relative; max-width:1000px; background-color:#fff; }
#header .name { position: absolute; width:700px; height:60px; background-color:#fff; margin:60px 0 0 220px; text-align:left;  }
#header .mini { font-family: arial; font-size:10px; color:#999; font-weight:normal; }
#header .title3 { font-family: 'Raleway',arial; font-size:18px; letter-spacing:0.4rem; color:#CCC; line-height:40px; font-weight:normal; }
#header .title4 { font-family: 'Raleway',arial; font-size:16px; color:#999; }
/*#header .logo { background-image:url(../images/logo.png); width:250px; height:22px; margin: 20px 0px 0px 5px; float: left; }*/
.logo { position: relative; background-image:url(../images/logo.png); width:428px; height:100px; margin: -14px 0px 0px 5px; float: left; z-index:15; }
#border1 { width:100%; height:1px; background:#294C73; }

#content{ position:relative; margin:0 auto; max-width:1000px; padding:10px; text-align:left; background-color:#FFF; min-height:600px; height: auto !important; height:100%; z-index:0; margin-top:20px; }
#content .descrip{ float:right; font-family: arial, tahoma; font-size: 12px; color: #000000; width:540px; padding:0px 20px 0px 5px; float: right; }
#content hr { color: #00CCFD; background-color: #00CCFD; height: 1px; width: 100%; border: 0; margin:8px 0px 16px 0px; }
#content .post { width:100%; height:250px; background-color:#FFFFFF; }
#content .box{ float:left; position: relative; width:300px; margin: 0 15px 0 15px; text-align: center; font-size: 15px; font-weight:bold; color:#959595; padding:0px;
/* 	min-height: 100%; height: auto !important; height: 100%;*/ }
#content .box2{ width:185px; height:335px; text-align: center; background-color:#f8f7ef; padding:10px; margin: 0 auto; font-weight:bold; font-size: 20px; color: #FFFFFF; }
#content .column_izq { float:left; position: relative; width:560px; margin: 0 auto; margin:30px 10px 0 0; text-align: left; padding:10px; min-height: 100%; height: auto !important; height: 100%; background:#FFF;  }
#content .column_der {  float:left; position: relative; width:390px; margin: 0 auto; margin-top:30px; text-align: left; padding:10px; min-height: 100%; height: auto !important; height: 100%;  font-size:14px; background:#EEE; }
.txt { text-align: left; font-size:15px; line-height:30px; }

#footer{ clear:both; position: relative; margin: 0 auto; bottom:0; background-color: #353230; width:100%; height:220px; }
#footer .content{ max-width:1000px; background-color: #353230; padding:20px; }
#footer .border2{ width:100%; height:0px; background-color: #00599D; }
#footer .text{ clear: both; font-size: 12px; font-weight:bold; color: #BBBBBB; max-width:1000px; text-align: left; }
#footer .title { font-size: 14px; font-family: 'Raleway',arial,tahoma; font-weight:normal; color: #FFF; letter-spacing:1.4px;  }
#footer .box1 { float:left; margin-right:80px; margin-top:20px; margin-bottom:40px; font-weight:normal; font-size:11px; font-family: arial,tahoma; color:#B2B2AD;  }
#footer  .box1 A { COLOR: #FFA000; font-size: 13px; font-weight: normal; TEXT-DECORATION: none; line-height:20px; font-family:'Raleway',arial; }
#footer  .box1 A:hover { COLOR: #FFF; }

#titular { width:100%; text-align:center; margin:50px 0 50px 0; }
#box0 { width:450px; height:338px; float:left; margin:20px; }
#box1 { float:left; position: relative; width:450px; height:338px; background:#294C73; }
#box1opaco { position: absolute; width:430px; height:90px; margin:215px 0 0 0; padding:10px; background: rgba(0, 0, 0, 0.4); }
#mapp { width: 390px; height: 550px; }
#box2 { width:1000px; height:350px; background: #F8F8F8; }
#box3 { width:490px; height:185px; background: #F8F8F8; }
#box4 { width:490px; height:185px; background: #F8F8F8; }
#box-dest { width:220px; height:370px; background: #FFF; float:left; margin:10px; }
#box-prod { width:220px; height:370px; background: #FFF; float:left; margin:5px 20px 5px 20px; }
#box10 { width:400px; float:left; margin-right:40px; }
#box11 { width:560px; float:left; line-height:20px; }
#box_izq { width:180px; float:left; padding:10px; background: #EEE; margin-right:20px; font-family: arial; color:#767676; font-size: 14px; text-align:center; line-height:20px; }
#box_der { width:780px; float:left; font-size: 14px; }
#box-ultimos { width:495px; float:left; margin:0 10px 10px 0; }
#box-vendidos { width:495px; float:left; margin:0 0 10px 0; }

#email { background-image: url(../images/icon-e.png); width:38px; height:38px; float:left; margin-right:10px; }
#pedi { float:right; margin:22px 10px 0 0; }
#pic_benef { border:none; width:450px; height:auto; }

#l1 { width:160px; height:10px; background-image:url(../images/line1.png); }
#l2 { height:30px; background-image:url(../images/line2.png); }
#relacionados{width:500px; border:0; margin:0; padding:0;}
#relacionados li{ background: #FFF; margin:4px; text-align:left; list-style:none; padding:0; border:0; padding:2px; float:left; width:110px; height:190px; border: solid 1px #DDDDDD; background:#FFF; }

A { color:#1E90FF; font-family: arial, tahoma; font-size: 15px; TEXT-DECORATION: none; }
A:hover {COLOR: #000000; TEXT-DECORATION: none;}
A.link1 { color:#B4B4B4; font-family: 'Raleway',arial; font-size:18px; TEXT-DECORATION: none; line-height:26px;  font-weight:bold; }
A.link1:hover {COLOR: #000; TEXT-DECORATION: underline;}
A.link2 { color:#1874CD; font-family: 'Raleway',arial; font-size:16px; TEXT-DECORATION: underline; line-height:26px;  font-weight:normal; }
A.link2:hover {COLOR: #000; TEXT-DECORATION: none;}
A.botonP { background:#990000; color:#FFF; font-family: 'Raleway',arial; font-size:14px; padding:8px 12px 8px 12px; font-weight:bold; TEXT-DECORATION: none; }
A.botonP:hover { background:#294C73; COLOR: #FFF; }

A.Boton1 {BACKGROUND-COLOR: #A3CCED; FONT-SIZE: 28px; font-weight:bold; font-family:'Raleway',arial,tahoma; padding:0px 10px 0px 10px; color: #FFF; border:0px; }
A.Boton1:hover {COLOR: #000; TEXT-DECORATION: none;}

A.text1 { color:#1874CD; font-family: arial, tahoma; font-size: 14px; TEXT-DECORATION: none; }
A.text1:hover {COLOR: #000000; TEXT-DECORATION: none;}
A.nav { color:#FF0000; font-family: arial, tahoma; font-size: 14px; TEXT-DECORATION: underline; }
A.nav:hover {COLOR: #000000; TEXT-DECORATION: none;}
A.boton1 { BACKGROUND-COLOR: #A3CCED; color: #444B51; FONT-SIZE: 16px; font-weight:bold; font-family:'Raleway',arial,tahoma; padding:5px 10px 5px 10px; border:0px;}
A.boton1:hover{ background-color: #A3CCED; color: #FFF; }

INPUT.Boton1 { border: none; background: #1E90FF; color: #f2f2f2; padding: 10px; font-size: 14px; border-radius: 5px; position: relative; box-sizing: border-box; transition: all 200ms ease; }
INPUT.Boton1:hover { background: rgba(0,0,0,0); color: #000; box-shadow: inset 0 0 0 1px #FF0000; }
.bsk { background-color: #FFF; border: 1px solid #AFAFAF; padding: 3px; font-size:15px; color: #000; font-family: arial,verdana; width: 380px; height: 32px; }
.form { background-color: #F3F3FF; border: 1px solid #6E7B8B; padding: 3px; font-size:13px; color: #004000; font-family: arial,verdana; height: 22px; }
.form2 { background-color: #EDEEEF; border: 1px solid #1E90FF; padding: 5px; font-size:15px; color: #000000; font-family: arial,verdana; height: 32px; }
.formtextarea{ background: #FFF; border:1px solid #6E7B8B; padding:5px; font-family: arial,tahoma; font-size: 1.0rem; color: #000; width:260px; height:120px; }

.title1 { color:#2C66AF; font-size: 22px; font-family: 'Raleway',arial,tahoma; text-transform: uppercase;  }
.titleP { color:#000000; font-size: 16px; font-family: 'Oswald',arial; line-height:30px; }
.title2 { color:#000000; font-size: 20px; font-family: arial, tahoma; }
.title3 { color:#000000; font-size: 18px; font-family: 'Raleway',arial, tahoma; }
.title4 { color:#FFA000; font-size: 20px; font-family: 'Raleway',arial,tahoma; }
.title5 { color:#FFFFFF; font-size: 20px; font-family: 'Raleway',arial,tahoma; text-transform: uppercase;  }

.text1 { font-size:16px; color:#555555; line-height:20px; }
.text2 { font-weight:bold; font-size:20px; color:#989898; }
.texttd { font-weight:bold; font-size:18px; color:#7EB0D8; }

.mini1 { font-size:12px; color:#555555; }
.mini2 { font-family: 'Raleway',arial,tahoma; line-height:20px; font-size:14px; color:#CD3F0D; }
.mini3 { font-family: arial,tahoma; line-height:20px; font-size:11px; color:#555; }
.border { border: 1px solid #555555;	}
.mrr { color: #CD3F0D; }
.oferta { color:#FFF; font-size: 20px; line-height:28px; }
.nada { text-decoration:none; }

.precio { color:#343434; font-family: 'Oswald',sans-serif; font-size: 18px; }
.precio_big { color:#FFF; font-family: 'Oswald',sans-serif; font-size: 30px; }
.precio_big2 { color:#1C86EE; font-family: 'Oswald',sans-serif; font-size: 26px; }
.precio_anterior { color:#343434; font-family: 'Oswald',sans-serif; font-size: 12px; text-decoration:line-through; margin-right:10px; }
.precio_lista { color:#919191; font-family: 'Oswald',sans-serif; font-size: 12px; }
.precio_lista2 { color:#919191; font-family: 'Oswald',sans-serif; font-size: 11px; }
.descuento { color:#343434; font-family: 'Oswald',sans-serif; font-size: 12px; margin-right:10px; }
.descuento2 { color:#343434; font-family: 'Oswald',sans-serif; font-size: 12px; margin-right:10px; }
.precio2 { color:#343434; font-family: 'Oswald',sans-serif; font-size: 12px; display:block; }
.mejor { color:#00cccc; }
.tachado { text-decoration:line-through; }

.alerta { color:#FF0000; font-size: 14px; font-family:'Oswald',arial; line-height:30px; }
.black { color:#000; font-size: 14px; font-family:'Oswald',arial; line-height:30px; }
.wb { border: 1px solid #00CCFD; padding: 10px; }
.big { font-size:20px; }
.line1{ background-image:url(../images/bar-1.png); height:5px; margin: 0 auto; }
.puntos{ background-image:url(../images/puntos.jpg); height:8px; margin: 0 auto; }
.active img { border:1px solid #FF0000 !important; }

.alerta_verde, .alerta_celeste, .alerta_amarilla, .alerta_roja { background-position: 10px center; background-repeat: no-repeat;  font-family: Arial,Tahoma; font-size: 14px; margin: 10px 0px; padding: 10px; }
.alerta_verde { background-color: #F0FFF0; color: #4F8A10; border: 1px solid #DFF2BF;	 }
.alerta_celeste { background-color: #F8F8FF; color: #00529B; border: 1px solid #BDE5F8;	}
.alerta_amarilla { background-color: #FFF8DC; color: #9F6000; border: 1px solid #FEEFB3; }
.alerta_roja { background-color: #FFE4E1; color: #FF0000; border: 1px solid #FF0000; }

#wasap { z-index:100; text-align:right; margin-right:15px; width:100%; position: fixed; bottom: 0 !importante; bottom: 15px; right:10px; }
#icon_ig {  border: 0pxsolid; width:40px; height:40px; float:right; margin:10px;  }









@media screen and (max-width: 800px) {
	#pic_benef { width:350px; height:auto; }
	#box0 { width:350px; height:338px; float:left; margin:10px; }
	#box1 { float:left; position: relative; width:350px; height:262px;  }
	#box1opaco { position: absolute; width:330px; height:90px; margin:215px 0 0 0; }
	#footer{ height:300px; }
	.title4 { font-size: 16px; }
	.title5 { font-size: 18px; }
}

@media screen and (max-width: 640px) {
	#pic_benef { width:480px; height:auto; }
	#box0 { width:480px; height:360px; float:left; margin:50px; }
	#box1 { float:left; position: relative; width:480px; height:360px;  }
	#box1opaco { position: absolute; width:460px; height:90px; margin:240px 0 0 0; }
	A.botonP { font-size:12px; padding:8px 12px 8px 12px; }
	.title4 { font-size: 20px; }
	.title5 { font-size: 22px; }
	#footer{ height:380px; }
}

@media screen and (max-width: 480px) {
	#header { max-width:480px;  }
	#header .content { max-width:480px; }
	#pedi { margin:30px 5px 0 0; }
	#icon_ig { width:30px; height:30px; display:cover; margin:22px;  }
	.logo { background-image:url(../images/loguito.png); width:265px; height:75px; margin: 5px 0px 0px 15px;  }
	#content { width:460px; background:#fff; }
	#content .column_izq { width:450px; margin:30px 10px 0 0; padding:5px; }
	TD { font-size:12px; font-family: 'Raleway',arial,tahoma; font-weight: normal; }
	#pic_benef { width:450px; height:auto; }
	#box0 { width:450px; height:338px; float:left; margin:8px; }
	#box1 { float:left; position: relative; width:450px; height:338px;  }
	#box1opaco { position: absolute; width:430px; height:90px; margin:215px 0 0 0; }
	#footer{  width:480px;  height:520px; }
}

@media screen and (max-width: 414px) {
/* iPhone 8 Plus y X */
	#preheader .content { max-width:414px; line-height:28px; font-size:10px; text-align:center; }
	#header { max-width:414px;  }
	#header .content { max-width:414px; }
	#pedi { margin:30px 5px 0 0; }
	#icon_ig { display:none;  }
	.logo { background-image:url(../images/loguito.png); width:265px; height:75px; margin: 5px 0px 0px 15px;  }
	#content { width:390px; background:#fff; }
	#content .column_izq { width:380px; margin:30px 10px 0 0; padding:5px; }
	TD { font-size:12px; font-family: 'Raleway',arial,tahoma; font-weight: normal; }
	#pic_benef { width:380px; height:auto; }
	#box0 { width:380px; height:338px; float:left; margin:8px; }
	#box1 { float:left; position: relative; width:380px; height:338px;  }
	#box1opaco { position: absolute; width:360px; height:90px; margin:215px 0 0 0; }
	#footer{  width:414px; height:520px; }
}


@media screen and (max-width: 390px) {
/* iPhone 13 */
	#preheader .content { max-width:390px; line-height:28px; font-size:10px; text-align:center; }
	#header { max-width:390px; height:100px;  }
	#header .content { max-width:390px; }
	#pedi { margin:-5px 5px 0 0; }
	#icon_ig { display:none;  }
	.logo { background-image:url(../images/loguito.png); width:265px; height:75px; margin: 5px 0px 0px 15px;  }
	#content { width:365px; background:#fff; }
	#content .column_izq { width:355px; margin:30px 10px 0 0; padding:5px; }
	TD { font-size:12px; font-family: 'Raleway',arial,tahoma; font-weight: normal; }
	#pic_benef { width:355px; height:auto; }
	#box0 { width:3550px; height:338px; float:left; margin:8px; }
	#box1 { float:left; position: relative; width:355px; height:338px;  }
	#box1opaco { position: absolute; width:335px; height:90px; margin:215px 0 0 0; }
	#footer{  width:390px; height:520px; }
}

@media screen and (max-width: 375px) {
/* iPhone 8 */
	#preheader .content { max-width:375px; line-height:28px; font-size:10px; text-align:center; }
	#header { max-width:375px; height:100px;   }
	#header .content { max-width:375px; }
	#pedi { margin:-5px 5px 0 0; }
	#icon_ig { display:none;  }
	.logo { background-image:url(../images/loguito.png); width:265px; height:75px; margin: 5px 0px 0px 15px;  }
	#content { width:350px; background:#fff; }
	#content .column_izq { width:340px; margin:30px 10px 0 0; padding:5px; }
	TD { font-size:12px; font-family: 'Raleway',arial,tahoma; font-weight: normal; }
	#pic_benef { width:340px; height:auto; }
	#box0 { width:340px; height:338px; float:left; margin:8px; }
	#box1 { float:left; position: relative; width:340px; height:338px;  }
	#box1opaco { position: absolute; width:320px; height:90px; margin:215px 0 0 0; }
	#footer{  width:375px; height:520px; }
}

@media screen and (max-width: 360px) {
	#preheader .content { max-width:360px; line-height:28px; font-size:10px; text-align:center; }
	#header { max-width:360px; height:120px;  }
	#header .content { max-width:360px; }
	#pedi { margin:0px 5px 0 0; }
	#icon_ig { display:none;  }
	.logo { background-image:url(../images/loguito.png); width:265px; height:75px; margin: 15px 0px 0px 15px;  }
	#content { width:340px; background:#fff; }
	#content .column_izq { width:310px; margin:30px 10px 0 0; padding:5px; }
	TD { font-size:12px; font-family: 'Raleway',arial,tahoma; font-weight: normal; }
	#pic_benef { width:280px; height:auto; }
	#box0 { width:280px; height:410px; float:left; margin:30px; }
	#box1 { float:left; position: relative; width:280px; height:210px;  }
	#box1opaco { position: absolute; width:260px; height:120px; margin:210px 0 0 0; background: rgba(0, 0, 0, 1); }
	.title4 { font-size: 16px;  }
	.title5 { font-size: 18px;  }
	#footer{  width:360px; height:520px; }
}

@media screen and (max-width: 320px) {
	#content .column_izq { width:300px; margin:30px 0 0 0; padding:5px; }
	#box0 { margin:10px; }
}