@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

html,body{width:100%;	height:100%; font-family: "Inter", sans-serif; font-optical-sizing: auto;font-style: normal; font-variation-settings: "wdth" 100;margin: 0;padding: 0;}
	
* { margin: 0px;padding: 0px; outline: 0;}
iframe { display:block; border:none;}

.os-animation{opacity: 0; }  

.os-animation.animated{opacity: 1; }  
 
 *:focus {outline: none; } 
 
.slidespro{ width: 477px; height: 533px; display: inline-block;}
.slidespro1{ width: 477px; height: 557px; display: inline-block;}
.slidespro2{ width: 477px; height: 560px; display: inline-block;}
.slidespro3{ width: 477px; height: 464px; display: inline-block;}
.slidespro4{ width: 477px; height: 572px; display: inline-block;}
.slidespro5{ width: 477px; height: 564px; display: inline-block;}


@media screen and (max-width:500px)
 {
.slidespro5{ width: 477px; height: 473px; display: inline-block;}
.slidespro4{ width: 400px; height: 480px; display: inline-block;}
.slidespro3{ width: 400px; height: 389px; display: inline-block;}     
.slidespro2{ width: 400px; height: 470px; display: inline-block;}
.slidespro1{ width: 400px; height: 467px; display: inline-block;}
.slidespro{ width: 400px; height: 455px; display: inline-block;}
}


#azul{ width:100%; text-align:center; height:1px; top:95px; left:0; position:absolute; background-color:#f0f1f2; z-index:9999;}

#elhead{ width:100%; text-align:center; height:95px; top:0px; left:0; background-color:#FFFFFF; z-index:9999; position:absolute;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; z-index:9998;}

#invi{ width:100%; text-align:center; height:150px;}
#invi2{ width:100%; text-align:center; height:76px;}

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{width:1800px;vertical-align:middle; text-align:center;}
#arriba1{width:400px;margin-right:-4px; text-align:left;  margin-top:10px;}
#arriba2{width:800px;margin-right:-4px;text-align:center;  margin-top:35px;}
#arriba3{width:600px;margin-right:-4px;text-align:right;  margin-top:35px; }

#buscar{width:90%; max-width: 450px; vertical-align:middle; text-align:justify; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color: transparent; border: 1px solid #c1c4c6; height:35px; display: inline-block;}

.busca{text-align:left;HEIGHT:37px;width:100%;border:1px; font-size:14PX;color:#2c4885;font-weight:400; background-color:transparent;border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; padding-left: 20px; }

.elogo{ width: 324px ; height: 76px;}

.texto1{ color:#ffffff; font-size:75px; font-weight:400; }
.texto2{ color:#00c0ff; font-size:16px; font-weight:400; }
.texto3{ color:#ffffff; font-size:16px; font-weight:400; line-height: 120%; }
.texto4{ color:#ffffff; font-size:20px; font-weight:400; line-height: 200%; }
.texto5{ color:#044386; font-size:14px; font-weight:400; line-height: 200%; }
.texto6{ color:#000000; font-size:15px; font-weight:400; line-height: 120%; text-transform: uppercase; }
.texto7{ color:#2770ca; font-size:100px; font-weight:700; line-height: 100%; }
.texto8{ color:#000000; font-size:100px; font-weight:700; line-height: 100%; }
.texto9{ color:#ffffff; font-size:80px; font-weight:700; line-height: 120%; }
.texto10{ color:#ffffff; font-size:16px; font-weight:400; line-height: 150%; }
.texto11{ color:#2770ca; font-size:22px; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto12{ color:#00c0ff; font-size:80px; font-weight:700; line-height: 100%; }
.texto13{ color:#FFFFFF; font-size:80px; font-weight:700; line-height: 100%; }
.texto13a{ color:#818895; font-size:80px; font-weight:700; line-height: 100%; }
.texto14{ color:#1d1d1b; font-size:40px; font-weight:400; line-height: 100%; }
.texto15{ color:#8c8c8c; font-size:16px; font-weight:400; line-height: 150%; }
.texto16{ color:#8c8c8c; font-size:17px; font-weight:700; line-height: 200%; text-transform: uppercase; }
.texto17{ color:#8c8c8c; font-size:15px; font-weight:400; line-height: 180%; }
.texto18{ color:#1d1d1b; font-size:35px; font-weight:700; line-height: 110%; }
.texto19{ color:#00c0ff; font-size:35px; font-weight:700; line-height: 110%; }
.texto20{ color:#5b626e; font-size:13px; font-weight:400; line-height: 150%; }
.texto21{ color:#FFFFFF; font-size:35px; font-weight:400; line-height: 110%; }
.texto22{ color:#00c0ff; font-size:35px; font-weight:400; line-height: 110%; }
.texto23{ color:#ffffff; font-size:16px; font-weight:700; line-height: 50PX; text-transform: uppercase; }
.texto24{ color:#ffffff; font-size:16px; font-weight:700; line-height: 50PX; text-transform: uppercase; }
.texto25{ color:#ffffff; font-size:16px; font-weight:700; line-height: 50PX; text-transform: uppercase; text-decoration: none;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; }
.texto25:hover{ color:#00c0ff; font-size:16px; font-weight:700; line-height: 50PX; text-transform: uppercase; }
.texto26{ color:#00c0ff; font-size:16px; font-weight:700; line-height: 50PX; text-transform: uppercase; text-decoration: none; }
.texto27{ color:#2770ca; font-size:16px; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto28{ color:#818895; font-size:6vw; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto28c{ color:#818895; font-size:3vw; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto28b{ color:#818895; font-size:4vw; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto28a{ color:#818895; font-size:3.8vw; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto29{ color:#818895; font-size: 20px; font-weight:700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.texto30{ color:#ffffff; font-size:16px; font-weight:700; line-height: 110%; text-transform: uppercase; }
.texto30a{ color:#ffffff; font-size:10px; font-weight:400; line-height: 90%; text-transform: uppercase; }

.infonew{ display: inline-block; text-align: center; width: 90%; max-width: 450px;}

.texto31{ color:#818895; font-size:14px; font-weight:400; line-height: 150%;  }
.bbb{ color:#818895; font-size:17px; font-weight:700; line-height: 150%;  }
.ccc{ color:#2770ca; font-size:17px; font-weight:700; line-height: 150%;  }

.aaa{ color:#2770ca; font-size:14px; font-weight:700; line-height: 150%;  }
.texto32{ color:#ffffff; font-size:16px; font-weight:700; line-height: 110%; text-transform: uppercase;font-family: "Roboto Mono", monospace; }
.texto33{ color:#818895; font-size:16px; font-weight:400; line-height: 40px; text-transform: uppercase; }
.texto33b{ color:#818895; font-size:16px; font-weight:400; line-height: 100%; text-transform: uppercase; }
.texto33a{ color:#2770ca; font-size:9px; font-weight:400; line-height: 100%; text-transform: uppercase; }
.texto34{ color:#044386; font-size:14px; font-weight:700; line-height: 100%; text-transform: uppercase; }
.texto35{ color:#1d1d1b; font-size:35px; font-weight:400; line-height: 110%; }
.texto36{ color:#00c0ff; font-size:35px; font-weight:700; line-height: 110%; }
.texto35{ color:#044386; font-size:35px; font-weight:400; line-height: 110%; text-transform: uppercase;  }
.texto36{ color:#00c0ff; font-size:35px; font-weight:700; line-height: 110%; text-transform: uppercase;  }
.texto37{ color:#044386; font-size:25px; font-weight:700; line-height: 110%; text-decoration: none; opacity: 1;  }
.texto38{ color:#00c0ff; font-size:20px; font-weight:400; line-height: 110%; text-decoration: none; opacity: 1;  }
.texto39{ color:#044386; font-size:23px; font-weight:700; line-height: 110%; text-decoration: none; opacity: 1;  }

.texto37{transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.texto37:hover{ opacity: .7;}

.texto38{transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.texto38:hover{ opacity: .7;}

.botos{transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.botos:hover{ opacity: .7;}


::placeholder {
  color: #c1c4c6;
}

#bienvenido{ width:100%; text-align:center;}

.infotext0{ width:90%; text-align:center; display: inline-block;}

.infotext{ width:90%; max-width: 1300px; text-align:left; display: inline-block;}


#flecha{ width:100%; text-align:center; background-color:#2770ca ;}


#productos{ width:100%; text-align:center; background-color:#2770ca ;}

#prodos,#prodos1, #prodos2,#prodos3{display:inline-block;vertical-align:top;}
#prodos{max-width:1300px; width: 90%; vertical-align:middle; text-align:left;}
#prodos1{width:50%;margin-right:-4px; text-align:left;}
#prodos2{width:50%;margin-right:-4px;text-align:right; margin-top: 13px;}


#categorias{ width:100%; text-align:center;  background:url("../imagenes/fondo1.jpg") no-repeat center center; background-size:cover; }

#lospros,#lospros1,#lospros2,#lospros3{display:inline-block;vertical-align:top;}
#lospros{width:1300px;vertical-align:middle; text-align:left;}
#lospros1{width:460px;margin-right:-4px; text-align:left;}
#lospros2{width:460px;margin-right:-4px; text-align:left;}
#lospros3{width:380px;margin-right:-4px; text-align:left;}

#carrusel{ width:100%; text-align:center;}

#separador1{ width:100%; height: 700px; text-align:center;  background:url("../imagenes/banner1.jpg") no-repeat center center fixed; background-size:cover; }

#reconocidos{ width: 100%; text-align: center;}

#escritorio{ width:100%; text-align:center; height:270px;z-index:9999;}

.lima{ width: 100%; max-width: 1417px;}

#separador{ width:100%; text-align:center; margin-top: -40px;}
.ima{ width: 100%;}


#somos{ width: 100%; margin-top: -4px; text-align: center; background-color:#808998;}

#som,#som1,#som2,#som3,#som0{display:inline-block;vertical-align:top;}
#som{width:1300px;vertical-align:middle; text-align:left;}
#som1{width:100%;margin-right:0px; text-align:left;}
#som2{width:630px;margin-right:-4px; text-align:left;}
#som3{width:570px;margin-right:-4px; text-align:left;}
#som0{width:100px;margin-right:-4px; text-align:left;}



#politica{ width: 100%; margin-top: -4px; text-align: center; background-color:#FFFFFF;}

#poli,#poli1,#poli2,#poli3,#poli0{display:inline-block;vertical-align:top;}
#poli{width:1300px;vertical-align:middle; text-align:left;}
#poli1{width:600px;margin-right:-4px; text-align:left;}
#poli2{width:600px;margin-right:-4px; text-align:left; margin-top: 100px;}
#poli3{width:100%; height: 2px; background-color: #e2e3e4; margin-right:0px; text-align:left;}
#poli0{width:100px;margin-right:-4px; text-align:left;}

.lima2{ width: 100%; max-width:558px ;}


#valores{ width: 100%; margin-top: -4px; text-align: center; background-color:#eff1f7;}

#vale,#vale1,#vale2,#vale3,#vale0{display:inline-block;vertical-align:top;}
#vale{width:1300px;vertical-align:middle; text-align:left;}
#vale1{width:100%;margin-right:0px; text-align:left;}
#vale2{width:325px;margin-right:-4px; text-align:left; margin-bottom: 70px;}

.infotext2{ display: inline-block; text-align: left; width: 85%;}

#bullet,#bullet1,#bullet2,#bullet3,#bullet0{display:inline-block;vertical-align:top;}
#bullet{width:325px;vertical-align:middle; text-align:left;}
#bullet1{width:30px;margin-right:-4px; text-align:left;}
#bullet2{width:295px;margin-right:-4px; text-align:left; margin-top:-3px;}


#alcance{ width: 100%; text-align: center; background-color:#818895;}

.infotext3{ display: inline-block; text-align: left; width: 90%; max-width:1300px; }
.infotext4{ display: inline-block; text-align: left; width: 100%; max-width: 700px; }


#encuentra{ width: 100%; text-align: center; background-color: #0071cf; margin-top: -4px;}

.infotext5{ display: inline-block; text-align: left; width: 100%; max-width: 900px; }

#distribu{ width: 100%; text-align: center; background:url("../imagenes/distribuidoresfondo.jpg") no-repeat center center ; background-size:cover;  }

#losditribuidores,#losditribuidores1,#losditribuidores2{display:inline-block;vertical-align:top;}
#losditribuidores{max-width:1300px; width: 90%; vertical-align:middle; text-align:left;}
#losditribuidores1{width:50%;margin-right:-4px; text-align:left;}
#losditribuidores2{width:50%;margin-right:-4px; text-align:center;}

#submenu{ width: 100%; height: 54px; margin-top: -4px; text-align: center; background:url("../imagenes/distribuidoresfondo.jpg") no-repeat center center ; background-size:cover;  }

#submen,#submen1,#submen2{display:inline-block;vertical-align:top;}
#submen{max-width:1300px; width: 95%; vertical-align:middle; text-align:left;}
#submen1{width:30%; height: 50px; margin-right:-4px; text-align:left; background-color: #0071cf;}
#submen2{width:70%; height: 54px;margin-right:-4px; text-align:center; background-color:#044386;}


#losproductos{ width: 100%; text-align: center; background-color: #ffffff; }

#productosinfo,#productosinfo1,#productosinfo2,#productosinfo3,#productosinfo0{display:inline-block;vertical-align:top;}
#productosinfo{width:1300px;vertical-align:middle; text-align:left;}
#productosinfo1{width:320px;margin-right:-4px; text-align:center; margin-bottom: 50px;}

.infotext6{ display: inline-block; text-align: left; width: 90%; max-width: 300px; }

#productodetalles{ width: 100%; text-align: center; background-color: #eff1f7; }
.product{ width: 100%; max-width: 477px;}

.info{ width: 100%; max-width: 754px;}

#latabla{ width: calc(100% - 4px); border: 2px solid #0071ce;}

#caracte,#caracte1,#caracte2,#caracte3,#caracte0{display:inline-block;vertical-align:top;}
#caracte{width:100%;vertical-align:middle; text-align:left;}
#caracte1{ width: calc(50% - 2px);margin-right:-4px; border-right: 2px solid #0071ce;text-align:center;}
#caracte2{ width:50%;margin-right:-4px; text-align:center;}

#losdetalles,#losdetalles1,#losdetalles2,#losdetalles3,#losdetalles0{display:inline-block;vertical-align:top;}
#losdetalles{width:1300px;vertical-align:middle; text-align:center;}
#losdetalles1{width:477px;margin-right:-4px; text-align:center;}
#losdetalles2{width:800px;margin-right:-4px; text-align:left;}
#losdetalles0{width:23px;margin-right:-4px; text-align:center;}

#elcinto{ width:100%; text-align: center; background-color: #b6bcc6;}

#cintillo,#cintillo1,#cintillo2,#cintillo3,#cintillo4{display:inline-block;vertical-align:top;}
#cintillo{width:1300px;vertical-align:middle; text-align:left;}
#cintillo1{width:400px;margin-right:-4px; text-align:left; margin-top:10px; }
#cintillo2{width:290px;margin-right:-4px; text-align:left; margin-top:18px; }
#cintillo3{width:300px;margin-right:-4px; text-align:left; margin-top:5px;}
#cintillo4{width:310px;margin-right:-4px; text-align:right; margin-top:5px;}

#contactame{ width: 100%; text-align: center; background-color:#FFFFFF;}

#contact,#contact1,#contact2,#contact3,#contact0{display:inline-block;vertical-align:top;}
#contact{width:1300px;vertical-align:middle; text-align:left;}
#contact1{width:520px;margin-right:-4px; text-align:left;}
#contact2{width:620px;margin-right:-4px; text-align:left;}
#contact0{width:160px;margin-right:-4px; text-align:left;}

#cuadro, #cuadro1,#cuadro2,#cuadro3,#cuadro4{display:inline-block;vertical-align:top;}
#cuadro{ width: 100%;  vertical-align:middle; text-align:center;}
#cuadro1{width:100%;  margin-left:0px; text-align:left;  }
#cuadro2{width:50%;  margin-left:-4px;text-align:left; }
#cuadro3{width:75%;  margin-left:-4px;text-align:left; }
#cuadro4{width:25%;  margin-left:-4px;text-align:left; }


.forma2{text-align:left;HEIGHT:50px;width:90%; font-size:14PX;font-weight:400; background-color: transparent;  color:#c1c4c6; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;border:1px solid #b9beca; padding-left: 10px;
}

.forma3{text-align:left;HEIGHT:50px;width:95%; font-size:14PX;font-weight:400; background-color: transparent;  color:#c1c4c6; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;border:1px solid #b9beca; padding-left: 10px;
}

.forma4{text-align:left;HEIGHT:50px;width:97%; font-size:14PX;font-weight:400; background-color: transparent;  color:#c1c4c6; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;border:1px solid #b9beca; padding-left: 10px;
}

.forma5{text-align:center;HEIGHT:50px;width:100%; font-size:16PX;font-weight:700; background-color: #044386;  color:#FFFFFF; border: 0;}

.botonc{text-align:center; padding: 9px; border:0;color: #FFFFFF; font-weight: 400; font-size: 14px; background-color:#044386; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none; width: 93%; height: 50px} 

.botonc2{text-align:center; padding: 9px; border:0;color: #FFFFFF; font-weight: 400; font-size: 13px; background-color:#2770ca; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none; width: 93%; height: 50px; text-transform: uppercase;} 

#contacto{ width: 100%; margin-top: -4px; text-align: center; background-color:#044386;}

#contactanos,#contactanos1, #contactanos2,#contactanos3{display:inline-block;vertical-align:top;}
#contactanos{max-width:1300px; width: 95%; vertical-align:middle; text-align:left;}
#contactanos1{width:50%;margin-right:-4px; text-align:left;}
#contactanos2{width:50%;margin-right:-4px;text-align:left; margin-top: 20px;}

#linea{ width:100%; text-align:center; height:2px;background-color:#306195; z-index:9999;}

.botoubi{text-align:center;HEIGHT:35px; line-height: 35px;  padding-bottom: 5px; padding-top: 5px; padding-left: 25px; padding-right: 25px; border:1px solid #ffffff; font-size:14PX;color:#FFFFFF;font-weight:400;  cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; border-radius: 100px;}
.botoubi:hover{color:#044386; background-color: #FFFFFF; }


.botoubi2{text-align:center;HEIGHT:35px; line-height: 35px;  padding-bottom: 5px; padding-top: 5px; padding-left: 25px; padding-right: 25px; border:1px solid #ffffff; font-size:16PX;color:#FFFFFF;font-weight:400;  cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; border-radius: 100px;}
.botoubi2:hover{color:#044386; background-color: #FFFFFF; }

.redes{-webkit-transform: scale(1); transform: scale(1); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; opacity: 1; }
.redes:hover{-webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8;}

.redes2{-webkit-transform: scale(1); transform: scale(1); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; opacity: 1; }
.redes2:hover{-webkit-transform: scale(1.05); transform: scale(1.05); opacity: .8;}

.redes3{-webkit-transform: scale(1); transform: scale(1); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; }
.redes3:hover{-webkit-transform: scale(1.02); transform: scale(1.02); }


#datos,#datos1, #datos2,#datos3, #datos4{display:inline-block;vertical-align:top;}
#datos{width:1300px; vertical-align:middle; text-align:center;}
#datos1{width:340px;margin-right:-4px; text-align:left;}
#datos2{width:350px;margin-right:-4px;text-align:left; }
#datos3{width:380px;margin-right:-4px;text-align:left; }
#datos4{width:230px;margin-right:-4px;text-align:center; margin-top: 40px; }

#footer{ width:100%; text-align:center; background-color:#FFFFFF; z-index:9999;}

#abajo,#abajo1, #abajo2,#abajo3{display:inline-block;vertical-align:top;}
#abajo{max-width:1300px; width: 95%; vertical-align:middle; text-align:center;}
#abajo1{width:30%;margin-right:-4px; text-align:left;}
#abajo2{width:40%;margin-right:-4px; text-align:center; margin-top: 15px;}
#abajo3{width:30%;margin-right:-4px;text-align:right; margin-top: 15px;}

#buscadores{width: 100%; text-align: center;  background-color: #eff1f7;}

#informacion{width: 100%; text-align: center;}

.textinfo{width: 90%; max-width: 1300px; text-align: justify; display: inline-block;}



@media screen and (max-width:1820px)
 {
#arriba{width:1600px;vertical-align:middle; text-align:center;}
#arriba1{width:400px;}
#arriba2{width:600px;}
#arriba3{width:600px;}
}    


@media screen and (max-width:1620px)
 {
#arriba{width:1400px;vertical-align:middle; text-align:center;}
#arriba1{width:400px;}
#arriba2{width:400px;}
#arriba3{width:600px;}
} 



@media screen and (max-width:1420px)
 {
#separador1{height: 600px;}     
     
#arriba{width:1200px;vertical-align:middle; text-align:center;}
#arriba1{width:360px;}
#arriba2{width:200px;}
#arriba3{width:600px;}
} 

@media screen and (max-width:1320px)
 {
#productosinfo{width:640px;vertical-align:middle; text-align:center;}
     
#cintillo{width:1000px;vertical-align:middle; text-align:center; margin-top: 10px; margin-bottom: 10px;}
#cintillo1{width:500px;margin-right:-4px; text-align:center; margin-top:10px; margin-bottom: 10px; }
#cintillo2{width:500px;margin-right:-4px; text-align:center; margin-top:18px; margin-bottom: 10px; }
#cintillo3{width:500px;margin-right:-4px; text-align:center; margin-top:5px;}
#cintillo4{width:500px;margin-right:-4px; text-align:center; margin-top:5px;}     
     
#losdetalles{width:1200px;}
#losdetalles2{width:700px;}
     
#contact{width:1200px;vertical-align:middle; text-align:left;}
#contact1{width:500px;margin-right:-4px; text-align:left;}
#contact2{width:600px;margin-right:-4px; text-align:left;}
#contact0{width:100px;margin-right:-4px; text-align:left;}

     
#vale{width:1200px;vertical-align:middle; text-align:left;}     
#vale2{width:33.2%;margin-right:-4px; text-align:left; margin-bottom: 70px;}
     
#poli{width:1200px;}
#poli1{width:600px;}
#poli2{width:500px;}
     
#som{width:1200px;vertical-align:middle; text-align:left;}
#som2{width:550px;margin-right:-4px; text-align:left;}
#som3{width:550px;margin-right:-4px; text-align:left;}
#som0{width:100px;margin-right:-4px; text-align:left;}     
     
#lospros{width:1180px;vertical-align:middle; text-align:left;}
#lospros1{width:400px;margin-right:-4px; text-align:left;}
#lospros2{width:400px;margin-right:-4px; text-align:left;}
#lospros3{width:380px;margin-right:-4px; text-align:left;}     
     
#datos{width:1200px;  vertical-align:middle; text-align:center;}
#datos1{width:295px;margin-right:-4px; text-align:left;}
#datos2{width:325px;margin-right:-4px;text-align:left; }
#datos3{width:350px;margin-right:-4px;text-align:left; }
#datos4{width:230px;margin-right:-4px;text-align:center; margin-top: 40px; }
}


@media screen and (max-width:1280px)
 {
#losditribuidores1{width:70%;margin-right:-4px; text-align:left; background-color: #2770ca;}
#losditribuidores2{width:30%;margin-right:-4px; text-align:center;}     
}

@media screen and (max-width:1220px)
 {
#losdetalles{width:1000px;vertical-align:middle; text-align:center;}
#losdetalles1{width:477px;margin-right:-4px; text-align:center;}
#losdetalles2{width:500px;margin-right:-4px; text-align:center;}
#losdetalles0{width:23px;margin-right:-4px; text-align:center;}     
     
#contact{width:1000px;vertical-align:middle; text-align:left;}
#contact1{width:500px;margin-right:-4px; text-align:left;}
#contact2{width:450px;margin-right:-4px; text-align:left;}
#contact0{width:50px;margin-right:-4px; text-align:left;}
 
     
     
#vale{width:1000px;vertical-align:middle; text-align:left;}     
 #vale2{width:50%;margin-right:-4px; text-align:left; margin-bottom: 70px;}  
     
     
#poli{width:1000px;vertical-align:middle; text-align:left;}
#poli1{width:500px;margin-right:-4px; text-align:left;}
#poli2{width:400px;margin-right:-4px; text-align:left; margin-top: 50px;}
#poli0{width:100px;margin-right:-4px; text-align:left;}     
     
#som{width:1000px;vertical-align:middle; text-align:left;}
#som2{width:450px;margin-right:-4px; text-align:left;}
#som3{width:450px;margin-right:-4px; text-align:left;}
#som0{width:100px;margin-right:-4px; text-align:left;}     
     
#separador1{height: 500px;}       
     
.texto7,.texto8{font-size:80px;}
     
#abajo1{width:30%;}
#abajo2{width:30%;}
#abajo3{width:40%;}
     
     
#datos{width:700px;  vertical-align:middle; text-align:center;}
#datos1{width:350px;}
#datos2{width:350px;}
#datos3{width:350px;}
#datos4{width:350px;}     
     
#azul{ width:100%; text-align:center; height:1px; top:80px; left:0; position:absolute; background-color:#f0f1f2; z-index:9999;}     
     
#elhead{ width:100%; text-align:center; height:80px; top:0px; left:0; background-color:#FFFFFF; z-index:9999; position:absolute;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; z-index:9998;}

#invi{height:135px;}     
#invi2{height:61px;}
     
.elogo{ width: 230px ; height: 54px;}     
     
#arriba{width:1050px;vertical-align:middle; text-align:center;}
#arriba1{width:250px;}
#arriba2{width:200px;  margin-top:22px;}
#arriba3{width:600px;  margin-top:22px;}
} 

@media screen and (max-width:1200px)
 {
#categorias{ width:100%; text-align:center;  background:url("../imagenes/fondo2.jpg") no-repeat center center; background-size:cover; }

#lospros{width:850px;vertical-align:middle; text-align:left;}
#lospros1{width:425px;margin-right:-4px; text-align:left;margin-top: 40px;}
#lospros2{width:425px;margin-right:-4px; text-align:left;margin-top: 40px;}
#lospros3{width:425px;margin-right:-4px; text-align:left; margin-top: 40px;}
}

@media screen and (max-width:1120px)
 {
#escritorio{ height:490px;}
}
     
@media screen and (max-width:1024px)
 {
#cintillo{width:320px;vertical-align:middle; text-align:center; margin-top: 10px; margin-bottom: 10px;}
#cintillo1,#cintillo2,#cintillo3,#cintillo4{width:100%;margin-right:0px; text-align:center; margin-top:10px; margin-bottom: 10px; }
     
     
#losdetalles{width:90%;vertical-align:middle; text-align:center;}
#losdetalles1{width:100%;margin-right:0px; text-align:center; margin-bottom: 50px;}
#losdetalles2{width:100%;margin-right:0px; text-align:center;}
#losdetalles0{ display: none;}     
     
     
.texto28,.texto28b,.texto28a,.texto28c{font-size:8vw; }
  
#caracte1{ width:100%;margin-right:0px; border-right:0;text-align:center;}
#caracte2{ width:100%;margin-right:0px; text-align:center; margin-top: -20px; margin-bottom: 20px;}     
     
     
#submenu{ width: 100%; height:104px;}     
     
#submen{width: 100%; vertical-align:middle; text-align:center;}
#submen1{width:100%; height: 50px; margin-right:0px; text-align:center; background-color: #0071cf;}
#submen2{width:100%; height: 54px;margin-right:0px; text-align:center; background-color:#044386;}
     
#distribu{ width: 100%; text-align: center; background:url("../imagenes/distribuidoresfondo2.jpg") no-repeat center center ; background-size:cover;  }     
.texto23{ line-height: 150%; font-size: 14px;  }
.forma5{ font-size: 14px; }
#losditribuidores{width: 100%; }   
#losditribuidores1{width:100%;margin-right:0px; text-align:center; margin-bottom: 10px;}
#losditribuidores2{width:100%;margin-right:0px; text-align:center;}        
     
#contact{width:90%;vertical-align:middle; text-align:center;}
#contact1{width:100%;margin-right:0px; text-align:center; margin-bottom: 50px;}
#contact2{width:100%; max-width: 600px; margin-right:0px; text-align:left;}
#contact0{ display: none;}

#cuadro{ width: 100%;  vertical-align:middle; text-align:center;}
#cuadro1{width:100%;  margin-left:0px; text-align:left;  }
#cuadro2{width:100%;  margin-left:0px;text-align:left; }
#cuadro3{width:100%;  margin-left:0px;text-align:left; }
#cuadro4{width:100%;  margin-left:0px;text-align:left; }     
     
.forma2,.forma3,.forma4{text-align:center;width:100%; padding-left: 0px;}


.botonc{width: 100%;}      
     
     
#vale{width:90%;vertical-align:middle; text-align:center;}        
#vale1{ text-align: center;}
     
#poli{width:90%;vertical-align:middle; text-align:center;}
#poli1{width:100%;margin-right:0px; text-align:center;}
#poli2{width:100%;margin-right:0px; text-align:center; margin-top: 30px;}
#poli0{ display: none;}          
     
#som{width:90%;vertical-align:middle; text-align:left;}
#som1{width:100%;margin-right:0px; text-align:left;}
#som2{width:100%;margin-right:0px; text-align:left;}
#som3{width:100%;margin-right:0px; text-align:left;}
#som0{ display: none;}     
     
.texto7,.texto8{font-size:60px;}     
     
#abajo1{width:100%; text-align:center;}
#abajo2{width:100%; text-align:center; margin-top: 15px;}
#abajo3{width:100%; text-align:center; margin-top: 15px;}     
     
.texto1{font-size:65px;}
}


@media screen and (max-width:920px)
 {   
.texto35,.texto36{font-size:30px;}     
     
.texto21,.texto22{font-size:30px; }
     
     
.infotext3{ display: inline-block; text-align: center; width: 90%; max-width:1300px; }
.infotext4{ display: inline-block; text-align: center; width: 100%; max-width: 700px; }     
.infotext5{text-align: center;}   
     
     
#separador1{height: 450px; text-align:center;  background:url("../imagenes/banner1.jpg") no-repeat center 0; background-size:cover; }       
     
#prodos1{width:100%;margin-right:0px; text-align:center;}
#prodos2{ display: none;}     
     
.infotext{ text-align:center;}     
     
#contactanos{width: 90%;}     
     
#contactanos1{width:100%;margin-right:0px; text-align:center;}
#contactanos2{width:100%;margin-right:0px;text-align:center; margin-top: 20px;}
}

@media screen and (max-width:870px)
 {
.texto9{font-size:70px; }     
     
.texto30{ font-size:15px;}     
     
#bullet{width:100%;vertical-align:middle; text-align:center;}
#bullet1{ display: none;}
#bullet2{width:100%;margin-right:0px; text-align:center; margin-top:0px;}     
     
#vale2{width:100%;margin-right:0px; text-align:center; margin-bottom: 50px;}       
.infotext2{ display: inline-block; text-align: center; width: 100%;}     
     
#som1,#som2,#som3{width:100%;margin-right:0px; text-align:center;}
.texto12,.texto13,.texto13a{font-size:50px;}
     
 #lospros{width:380px;vertical-align:middle; text-align:center;}
#lospros1{width:380px;margin-right:0px; text-align:center;}
#lospros2{width:380px;margin-right:0px; text-align:center;}
#lospros3{width:380px;margin-right:0px; text-align:center;}    
}


@media screen and (max-width:720px)
 {
.texto35,.texto36{font-size:25px;}     
     
#productosinfo{width:100%;}
#productosinfo1{width:320px;margin-right:0px; text-align:center;}     
     
.texto21,.texto22{font-size:25px; }
     
#separador1{height:400px; }      
.texto7,.texto8{font-size:40px;}       
     
#datos{width:90%;  vertical-align:middle; text-align:center;}
#datos1,#datos2,#datos3,#datos4{width:100%; text-align: center; margin-right: 0; margin-top: 5px;}
}

@media screen and (max-width:642px)
{#submen2{ height: 84px;}
.texto24{ font-size:15px; line-height: 50PX;}
.texto25,.texto25:hover{font-size:15px;line-height: 40PX;}
.texto26{font-size:15px;line-height: 40PX; } 
}

@media screen and (max-width:620px)
 {
.texto12,.texto13,.texto13a{font-size:40px;}     
     
#separador1{height: 300px; }     
.texto7,.texto8{font-size:30px;} 
}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -20px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #2c4885;
}
.button_container.active .middle {
  opacity: 0;
  background: #2c4885;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #2c4885;
}
.button_container span {
  background: #0071ce;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(255,255,255,0.95);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .8s ease forwards;
  -moz-animation: fadeInUp .8s ease forwards;
          animation: fadeInUp .8s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
  -moz-animation-delay: .60s;
          animation-delay: .60s;
}

.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  text-align: center;
  margin-right:0px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #2c4885;
  text-decoration: none;
  overflow: hidden;
  font-size: 35px;
  opacity:1;  line-height:120%; text-transform: uppercase; font-weight: 700;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%; color: #0071ce;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRight {
   0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
 0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


@media screen and (max-width:1070px){
#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba1{width:40%;margin-right:-4px;  text-align:left;}
#arriba2{width:60%;margin-right:-4px;  text-align:left;}
#arriba3{display:none;}

#buscar{width:70%;}
.busca{text-align:center; padding-left: 10px;}      
#menumovil{ z-index:9999;position: absolute;top: 47px;
  right: 5%;
  height: 27px;
  width: 35px; display:block;}

}


@media screen and (max-width:720px)
{ #arriba2{ display: none;}
 #buscar{width:100%; max-width: 450px; vertical-align:middle; text-align:justify; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px; background-color: transparent; border: 1px solid #2c4885; height:35px; display: inline-block;}

 

} 


.boton{text-align:center; padding: 9px; border:1px solid #c1c4c6;color: #2c4885; font-weight: 400; font-size: 14px; background-color:#ffffff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; cursor:pointer;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none;}

.menuno { padding: 10px 13px 10px 13px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow:0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none; color: #2c4885; font-weight: 400; font-size: 14px;
}
.menuno:hover{
  box-shadow: inset 0 0 0 1px #c1c4c6, 0 0 1px rgba(0, 0, 0, 0);border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px;
}


.smooth { padding: 10px 15px 10px 15px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow:0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: 0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; text-decoration: none; color: #2c4885; font-weight: 400; font-size: 14px;
}
.smooth:hover{
  box-shadow: inset 0 0 0 1px #c1c4c6, 0 0 1px rgba(0, 0, 0, 0);border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px;
}


.button {position: absolute;top: 0px;right: 0px;width: 170px;height: 62px;background-color: transparent;background-size: cover;background-position: center;border: none;cursor: pointer; }



#slider1 {
    height: 1%;
    overflow: hidden;
    position: relative;
    padding: 0 0px 0px; max-width: 1400px; display: block;
}



#slider1 .viewport {
    height: 240px;
    overflow: hidden;
    position: relative; 
}



#slider1 .buttons {
    display: block;
    position: absolute;
    top: 0;
    left:0;
    width: 100px;
    height: 217px;
    color: #04a6e1;
    font-weight: bold;
    text-align: center;
    line-height: 217px;
    text-decoration: none; z-index: 999;
}



#slider1 .next {
    right: -35px;
    left: auto;
    top: 0%;
}

#slider1 .prev {
    left: -30px;
    top: 0%;
}


#slider1 .buttons:hover {
}



#slider1 .disable {
    visibility: hidden;
}



#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
}



#slider1 .overview li {
    float: left;
    margin:0; padding-bottom: 10px;
    padding-top: 10px; padding-left: 20px; margin-left: 20px;

 }



.slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto; /* se ajusta a la altura de las imágenes */
}

.slide-image {
  width: 100vw;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

    /* Contenedor de imágenes */
    #slides {
      display: flex;
      transition: transform 0.7s ease-in-out;
    }

    /* Estilo para las imágenes */
    .slide-image {
     flex-shrink: 0;
  width: 100%;  /* fuerza el ancho igual al viewport */
  height: 100%;
  object-fit: cover;
    }

    /* Estilos para los botones de tabs */
    .tabs-container {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin-top: 40px; margin-bottom: 40px;
    }

   .tab {
  font-size: 18px;
  padding: 8px 16px;
  cursor: pointer;
  background: none;
  border: none;
  color: #b6bcc6;
  transition: color 0.3s ease;
}

.tab:hover,
.tab.slide-active { font-weight: 700;
  color: #2770ca;
}

.tab:focus {
  outline: none;
}

    .slide-active { font-weight: 700;
      color: #1d4ed8;
    }
    
.label {
  display: inline;
}

@media (max-width: 900px) {
  .label {
    display: none;
  }
    .tab {
        font-size: 20px;}
}


#porestado{width: 100%;  background-color: #eff1f7;}

@media (max-width: 900px) {
#porestado{ text-align: center;}
}

.select-container {
      background-color: #0074cc;
      color: white;
      padding: 10px 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }



      .contenedor {
  max-width: 1300px;
  margin: 0 auto;
  width: 90%; background-color: #eff1f7;
}
      
    .distribuidores {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
      gap: 20px;
    }

    .distribuidor {
      background-color: #eff1f7;
      border-radius: 15px;
      padding: 15px 20px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      position: relative;
      cursor: pointer;
      transition: transform 0.2s; border: 1px solid #cfd1d4;
    }

    .distribuidor:hover {
      transform: translateY(-3px);
    }

    .distribuidor h3 {
      color: #00a0e3;
      font-size: 14px;
      margin-top: 0;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .distribuidor p {
      margin: 5px 0;
      font-size: 14px;
    }

    .telefono {
      color: #00a0e3;
      font-weight: bold;
      font-size: 15px;
    }

    .icono {
      position: absolute;
      bottom: 15px;
      right: 15px;
      background-color: #00c0ff;
      color: white;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 18px; border: 1px solid #cfd1d4;
    }