@charset "utf-8";
/* CSS Document  font-family: 'Rubik', sans-serif; */

body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:65%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:40PX; margin-top:40PX;}	
#logo img{width:100%}

p{font-size:22px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:22px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#15466F;  font-size:30PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#fff;  font-size:30PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu3{color:#15466F;  font-size:30PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#txt1{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 35px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:40%; float:left;  background:#15466F; padding:2% 5%;}
#cua2{width:50%; float:right; border:0px solid #09F;  }
#cua2 img{width:100%;}

#produ1{width:28%; float:left; margin:2.5%}
#produ2{width:29%; float:left; margin:2.5%}
#produ3{width:28%; float:left; margin:2.5%}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:20px; padding:5px;}

#produ11{width:28%; float:left; margin:2.5%; display:none}
#produ22{width:29%; float:left; margin:2.5%; display:none}
#produ33{width:28%; float:left; margin:2.5%; display:none}
#produ1 img, #produ2 img, #produ3 img{width:40%;}

#unoaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene1{ display:block}
#bene2{ display:none}

#beneficios{float:left; width:20%}
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:33%; float:left; margin:2.5% float:left;  text-align:center; border:0PX solid #0C0 }
.containerq1 img{width:65%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}

.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:100%; background-attachment:fixed;}
#cliente{width:45%; float:left; margin-left:55%; margin-bottom:15%; margin-top:30px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:100%; background-attachment:fixed;}
#cliente2{width:100%; float:left; }

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5 img{ height:40px; margin-top:-15px}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#conta1{width:50%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:22px; line-height:1.5}
#conta2{width:45%; float:right;  margin-bottom:%;}
#conta2 img{width:60%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px; font-weight:600 }

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}




/* a partir de aqui el CSS de las animaciones */

@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}
.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 1s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}

#call{z-index:1000; position:fixed; top:480px; text-align:left; float:right; width:350px; border:0px solid #F00; right:0;}
#call img{ width:100%;}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:40PX; margin-top:40PX;}	
#logo img{width:100%}


p{font-size:20px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:20px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}


#titu1{color:#15466F;  font-size:30PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#txt1{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 35px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:40%; float:left;  background:#15466F; padding:1% 5%;}
#cua2{width:50%; float:right; border:0px solid #09F;  }
#cua2 img{width:125%;}

#produ1{width:28%; float:left; margin:2.5%}
#produ2{width:29%; float:left; margin:2.5%}
#produ3{width:28%; float:left; margin:2.5%}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:20px; padding:5px;}


#unoaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-38%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene1{ display:block}
#bene2{ display:none}

#beneficios{float:left; width:20%}
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:33%; float:left; margin:2.5% float:left;  text-align:center; border:0PX solid #0C0 }
.containerq1 img{width:65%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}


.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png) fixed; background-size:120%; background-attachment:fixed;}
#cliente{width:50%; float:left; margin-left:50%; margin-bottom:15%; margin-top:15px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:100%; background-attachment:fixed;}
#cliente2{width:100%; float:left; }


#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#conta1{width:50%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:20px; line-height:1.5}
#conta2{width:45%; float:right;  margin-bottom:%;}
#conta2 img{width:60%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px }

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}


}

@media screen and (min-width: 800px) and (max-width: 1024px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}

p{font-size:19px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:19px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#15466F;  font-size:30PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#fff;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#txt1{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 35px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:50%; float:left;  background:#15466F; padding:2.5% 5%;}
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:0% }
#cua2 img{width:197%; margin-left:-100px; }

#produ1{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ2{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ3{width:45%; float:left; margin:2.5%; margin-left:25%;; display:none}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:20px; padding:5px;}

#produ11{width:42%; float:left; margin:2% 1.8%; padding:1.8%; display:block; min-height:485px; border:2px solid #ededed}
#produ22{width:42%; float:left; margin:2% 1.8%; padding:1.8%; display:block; min-height:485px; border:2px solid #ededed}
#produ33{width:42%; float:left; margin:2% 1.8%; padding:1.8%; display:block;  margin-left:25%; border:2px solid #ededed}
#produ11 img, #produ22 img, #produ33 img{width:30%;}

#unoaa{ width:100%; float:left; margin-top:-33.8%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-27.1%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-34%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene1{ display:block}
#bene2{ display:none}

#beneficios{float:left; width:20%}
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:33%; float:left; margin:2.5% float:left;  text-align:center; border:0PX solid #0C0 }
.containerq1 img{width:65%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}

.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png) fixed; background-size:120%; background-attachment:fixed;}
#cliente{width:70%; float:left; margin-left:30%; margin-bottom:10%; margin-top:10px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:152%; background-attachment:fixed; background-position:-100px}
#cliente2{width:100%; float:left; }

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5 img{ height:35px}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#conta1{width:50%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:19px; line-height:1.5}
#conta2{width:45%; float:right;  margin-bottom:%;}
#conta2 img{width:60%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:18px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px }

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #C0F;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}

p{font-size:17px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:17px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#15466F;  font-size:27PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#fff;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu3{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#txt1{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 35px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:50%; float:left;  background:#15466F; padding:2.5% 5%;}
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:10% }
#cua2 img{width:197%; margin-left:-100px; }

#produ1{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ2{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ3{width:45%; float:left; margin:2.5%; margin-left:25%;; display:none}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:17px; padding:5px;}

#produ11{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ22{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ33{width:85%; float:left; margin:2% 5%; padding:2%; display:block;  margin-left:5%; border:2px solid #ededed}
#produ11 img, #produ22 img, #produ33 img{width:20%;}

#unoaa{ width:100%; float:left; margin-top:-33.8%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-27.1%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-34%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene2{ display:block}
#bene1{ display:none}
#ben1{ background:#D8DF20; }
#ben11{ width:65%; padding:1% 5%;  background:#D8DF20; float:right;}
#ben2{ background:#F5F07A;}
#ben22{ width:65%; padding:1% 5%; margin-left:25%; background:#F5F07A;}

#beneficios{float:left; width:25%; }
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:50%; float:left; margin:2.5% float:left;  text-align:center; margin-bottom:20px}
.containerq1 img{width:60%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}

.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png) fixed; background-size:140%; background-attachment:fixed;}
#cliente{width:100%; float:left; margin-left:0%; margin-bottom:10%; margin-top:10px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:186%; background-attachment:fixed; background-position:-100px}
#cliente2{width:100%; float:left; }

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Avenir2', sans-serif; font-size:17px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5 img{ height:35px; margin-top:-15px}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:17px;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:17px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:40%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:17px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px }

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}

#call{z-index:1000; position:fixed; top:480px; text-align:left; float:right; width:250px; border:0px solid #F00; right:0;}
#call img{ width:100%;}
}


@media screen and (min-width: 480px) and (max-width: 599px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #39C;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}

p{font-size:16px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:16px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#fff;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:10px; font-family: 'Montserrat', sans-serif;}
#titu3{color:#15466F;  font-size:24PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#txt1{color:#15466F;  font-size:21PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 35px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:90%; float:left;  background:#15466F; padding:5% 5%; text-align:justify}
#cua2{width:100%; float:right; border:0px solid #09F; margin-top:0% }
#cua2 img{width:100%; margin-left:0px; }

#produ1{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ2{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ3{width:45%; float:left; margin:2.5%; margin-left:25%;; display:none}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:16px; padding:5px;}

#produ11{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ22{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ33{width:85%; float:left; margin:2% 5%; padding:2%; display:block;  margin-left:5%; border:2px solid #ededed}
#produ11 img, #produ22 img, #produ33 img{width:30%;}

#unoaa{ width:100%; float:left; margin-top:-33.8%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-27.1%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-34%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene2{ display:block}
#bene1{ display:none}
#ben1{ background:#D8DF20;}
#ben11{ width:65%; padding:1% 5%; margin-left:25%; background:#D8DF20;}
#ben2{ background:#F5F07A;}
#ben22{ width:65%; padding:1% 5%; margin-left:25%; background:#F5F07A;}

#beneficios{float:left; width:30%}
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:100%; float:left; margin:2.5% float:left;  text-align:center; margin-bottom:20px}
.containerq1 img{width:50%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}

.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png) none; background-size:100%; background-attachment:none;}
#cliente{width:100%; float:left; margin-left:0%; margin-bottom:10%; margin-top:10px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:250%; background-attachment:fixed; background-position:-250px}
#cliente2{width:100%; float:left; }

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:30px;  font-family: 'Avenir2', sans-serif; font-size:16px;}
#f5{float:left; width:50%; text-align:center; border: 0px solid #0C6; margin-top:0PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:16px;}
#f5 img{ height:30px; margin-top:-15px}
#f6{float:left; width:50%; text-align:right; border: 0px solid #0C6; margin-top:0PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:16px;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:16px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:50%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:17px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px }

#separador{height:45px; width:100%;}
#separador2{height:20px; width:100%;}

#call{z-index:1000; position:fixed; top:480px; text-align:left; float:right; width:200px; border:0px solid #F00; right:0;}
#call img{ width:100%;}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #39C;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:140px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}

p{font-size:16px; line-height:1.3; text-align:; color:#232323}
#binetas{font-size:16px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#fff;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:10px; font-family: 'Montserrat', sans-serif;}
#titu3{color:#15466F;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#txt1{color:#15466F;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#txt2{color:#15466F;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; margin-top:15px; font-family: 'Montserrat', sans-serif;}
#linea{width:150px; background:#DEDD00; height:4px; margin: 0px auto 20px;	overflow:hidden; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:90%; float:left;  background:#15466F; padding:5% 5%; text-align:justify}
#cua2{width:100%; float:right; border:0px solid #09F; margin-top:0% }
#cua2 img{width:100%; margin-left:0px; }

#produ1{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ2{width:45%; float:left; margin:2.5%; height:400px; margin-bottom:20px; display:none}
#produ3{width:45%; float:left; margin:2.5%; margin-left:25%;; display:none}
#produ1 img, #produ2 img, #produ3 img{width:40%;}
#leer{background:#15466F; color:#DEDD00; font-size:16px; padding:5px;}

#produ11{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ22{width:85%; float:left; margin:2% 5%; padding:2%; display:block; min-height:px; border:2px solid #ededed}
#produ33{width:85%; float:left; margin:2% 5%; padding:2%; display:block;  margin-left:5%; border:2px solid #ededed}
#produ11 img, #produ22 img, #produ33 img{width:35%;}

#unoaa{ width:100%; float:left; margin-top:-33.8%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#dosaa{ width:100%; float:left; margin-top:-27.1%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}
#tresaa{ width:100%; float:left; margin-top:-34%; background:#FFF; position:relative; z-index:1000; padding-bottom: 4%; margin-bottom: 7px;}

#bene2{ display:block}
#bene1{ display:none}
#ben1{ background:#D8DF20;}
#ben11{ width:90%; padding:0% 5% 2% 5%; margin-left:0%; background:#D8DF20;}
#ben2{ background:#F5F07A;}
#ben22{ width:90%; padding:0% 5% 2% 5%; margin-left:0%; background:#F5F07A;}
#bb{text-align:center; margin-top:-15px;}
#bbb{text-align:center; margin-top:0px;}

#beneficios{float:none; width:50%; margin-left:25%}
#uno{  background:#D8DF20; width:36%;  padding:1% 2%; }
#dos{  background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:20%; }
#tres{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:40%; }
#cuatro{ background:#F5F07A; width:36%;  padding:1% 2%;  margin-left:60%; }
#cinco{ background:#D8DF20; width:36%;  padding:1% 2%;  margin-left:60%; }

.containerq1{  position: relative; width:100%; float:left; margin:2.5% float:left;  text-align:center; margin-bottom:20px}
.containerq1 img{width:60%; margin-bottom:25px;}
#dirsq {  display: block;  width: 100%;}
.overlayq {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:#FFF;  overflow: hidden;  width: 90;  height: 100%;    -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.containerq1:hover .overlayq {  height: 88%; padding:5%;   -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.textq {  white-space: normal;   color:#FFF;   font-size: 35px; font-family: 'SF-Pro-Display-Thin', sans-serif;   position: absolute;  overflow: hidden; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   width:90%;}

.bg1{ background:url(../img/index/NUESTROS%20CLIENTES-14.png) none; background-size:100%; background-attachment:none;}
#cliente{width:100%; float:left; margin-left:0%; margin-bottom:10%; margin-top:0px}

.bg2{ background:url(../img/index/NUESTROS%20CLIENTES-14.png); background-size:285%; background-attachment:fixed; background-position:-200px}
#cliente2{width:100%; float:left; }

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:30px;  font-family: 'Avenir2', sans-serif; font-size:16px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:16px;}
#f5 img{ height:30px; margin-top:-15px}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0PX; margin-bottom:20px; font-family: 'Avenir2', sans-serif; font-size:16px;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:16px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:50%; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#1D4A71; color:#fff; font-size:17px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px }

#separador{height:35px; width:100%;}
#separador2{height:20px; width:100%;}

#call{z-index:1000; position:fixed; top:680px; text-align:left; float:right; width:200px; border:0px solid #F00; right:0;}
#call img{ width:100%;}
}