@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');

.smooth{ text-decoration:none;}

html,body{
width:100%;
	height:100%;font-family: 'Inter', sans-serif;}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 


#header{ position: absolute; top: 0; left: 0; width:100%; height:105px;  z-index:9999; background:url(../imagenes/fondo2.png) no-repeat center center; text-align: center;} 

#slide1{width:100%;height:700px;}

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

.textosgrales{ display: inline-block; text-align: center; width: 90%; max-width: 900px; }
.textosgrales2{ display: inline-block; text-align: center; width: 90%; max-width: 750px; }
.textosgrales3{ display: inline-block; text-align: center; width: 90%; max-width: 1200px; }
.textosgrales4{ display: inline-block; text-align: left; width: 90%; max-width:640px; }
.textosgrales5{ display: inline-block; text-align: center; width: 90%; max-width:400px; }


.texto1{color:#005da2;font-size:12px; text-decoration:none; font-weight: 400; top: 10px;}
.texto2{color:#005da2;font-size:65px; text-decoration:none; line-height: 100%; font-weight: 700;}
.texto3{color:#737373;font-size:23px; text-decoration:none; line-height: 120%; font-weight: 400;}
.texto4{color:#ffffff;font-size:20px; text-decoration:none; line-height: 140%; font-weight: 400;}
.texto5{color:#ffffff;font-size:60px; text-decoration:none; line-height: 100%; font-weight: 700;}
.texto6{color:#005da2;font-size:40px; text-decoration:none; line-height: 100%; font-weight: 700;}
.texto6a{color:#005da2;font-size:40px; text-decoration:none; line-height: 100%; font-weight: 700;}
.texto7{color:#ffffff;font-size:18px; text-decoration:none; line-height: 140%; font-weight: 400;}
.texto7a{color:#ffffff;font-size:13px; text-decoration:none; line-height: 180%; font-weight: 400; text-transform: uppercase;}
.texto7b{color:#ffffff;font-size:13px; text-decoration:underline; line-height: 180%; font-weight: 400; text-transform: uppercase;}
.texto8{color:#000000;font-size:18px; text-decoration:none; line-height: 140%; font-weight: 400;}
.texto9{color:#000000;font-size:50px; text-decoration:none; line-height: 110%; font-weight: 700; text-transform: uppercase;}
.texto10{color:#000000;font-size:30px; text-decoration:none; line-height: 140%; font-weight: 500;}
.texto12{color:#000000;font-size:16px; text-decoration:none; line-height: 140%; font-weight: 500;}
.texto13{color:#005da2;font-size:16px; font-weight: 400;}
.texto14{color:#ffffff;font-size:23px; text-decoration:none; line-height: 140%; font-weight: 400;}
.texto15{color:#ffffff;font-size:65px; text-decoration:none; line-height: 100%; font-weight: 400;}
.texto16{color:#005da2;font-size:33px; text-decoration:none; line-height: 120%; font-weight: 700;}
.texto17{color:#ffffff;font-size:35px; text-decoration:none; line-height: 100%; font-weight: 700;}
.texto18{color:#ffffff;font-size:16px; text-decoration:none; line-height: 140%; font-weight: 400;}
.texto19{color:#005da2;font-size:65px; text-decoration:none; line-height: 100%; font-weight: 400;}
.texto20{color:#ffffff;font-size:33px; text-decoration:none; line-height: 100%; font-weight:400;}
.texto21{color:#005da2;font-size:32px; text-decoration:none; line-height: 120%; font-weight: 700;}
.texto22{color:#005da2;font-size:18px; text-decoration:none; line-height: 120%; font-weight: 700;}
.texto23{color:#005da2;font-size:16px; text-decoration:none; line-height: 120%; font-weight: 700;}

.lata{ width:651px; }

#larriba, #larriba1,#larriba2,#larriba3,#larriba4,#larriba5{display:inline-block;vertical-align:top;}
#larriba{width:1600px;vertical-align:middle; text-align:center;  }
#larriba1{width:228px;margin-right:-4px; text-align:left; margin-top:9px;  }
#larriba2{width:1142px;margin-right:-4px;text-align:center; }
#larriba3{width:230px;margin-right:-4px;text-align:right; height: 51px;    }


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

#conocenos{ background-color: #005da2; width: 100%; text-align: center;}

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

#equipo, #equipo1,#equipo2,#equipo3,#equipo4,#equipo5,#equipo0,#equipo00{display:inline-block;vertical-align:top;}
#equipo{ width: 90%; max-width:1400px;vertical-align:middle; text-align:center;  }
#equipo1{width:80%;margin-right:-4px; text-align:left;}
#equipo2{width:20%;margin-right:-4px;text-align:right; margin-top: 28px;}
#equipo3{width:32%;margin-right:-4px;height: 550px; text-align:center; }
#equipo4{width:32%;margin-right:-4px;height: 550px; text-align:center; }
#equipo5{width:32%;margin-right:-4px;height: 550px; text-align:center; }
#equipo0{width:2%;margin-right:-4px; text-align:center; }
#equipo00{width:2%;margin-right:-4px; text-align:center; }


.equipo3{width:100%;height: 100%; background: url("../imagenes/so1.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.equipo4{width:100%;height: 100%; background: url("../imagenes/so2.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.equipo5{width:100%;height: 100%; background: url("../imagenes/so3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}


#separador{width:100%; height: 650px; background: url("../imagenes/so4.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


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

#loscom, #loscom1,#loscom0,#loscom00{display:inline-block;vertical-align:top;}
#loscom{ width: 98%; vertical-align:middle; text-align:center;  }
#loscom1{width:32%;margin-right:-4px; text-align:center; background-color: #f3f3f3;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; margin-top: 10px;}
#loscom0{width:1.5%;margin-right:-4px; text-align:center; }
#loscom00{width:1.5%;margin-right:-4px; text-align:center; }

#limashome, #limashome1,#limashome2,#limashome3,#limashome4{display:inline-block;vertical-align:top;}
#limashome{ width:100%;vertical-align:middle; text-align:center;  }
#limashome1{width:24%;margin-right:.5%;text-align:left;height:550px; background: url("../imagenes/so5.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
#limashome2{width:24%;margin-right:.5%;text-align:right;height:550px; background: url("../imagenes/so6.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
#limashome3{width:24%;margin-right:.5%;text-align:center;height:550px; background: url("../imagenes/so7.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; }
#limashome4{width:24%;margin-right:.5%;text-align:center;height:550px; background: url("../imagenes/so8.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; }


#productos, #productos1, #productos2,#productos3,#productos4,#productos5{display:inline-block;vertical-align:top;}
#productos{ width:100%; max-width:1360px; vertical-align:middle; text-align:center;  }
#productos1{width:440px;margin-right:10px; text-align:center;}
#productos2{width:440px;margin-right:10px; text-align:center;}
#productos3{width:440px;margin-right:10px; text-align:center;}
#productos4{width:440px;margin-right:10px; text-align:center;}
#productos5{width:440px;margin-right:10px; text-align:center;}


#prodos1{width:100%;text-align:left;height:610px; background: url("../imagenes/pro1.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
#prodos2{width:100%;text-align:right;height:610px; background: url("../imagenes/pro2.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
#prodos3{width:100%;text-align:center;height:610px; background: url("../imagenes/pro3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; }
#prodos4{width:100%;text-align:center;height:610px; background: url("../imagenes/pro4.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; }
#prodos5{width:100%;text-align:center;height:610px; background: url("../imagenes/pro5.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; }



#cuidamos{ width: 100%; background-color: #d0d2d3;}


#polis{ width: 100%; text-align: center;  display: inline-block;}

#politicas, #politicas1,#politicas2,#politicas3,#politicas4,#politicas5{display:inline-block;vertical-align:top;}
#politicas{width:1600px;vertical-align:middle; text-align:center;  }
#politicas1{width:30%;margin-right:-4px; text-align:left; margin-top:-48px;  }
#politicas2{width:40%;margin-right:-4px;text-align:center; }
#politicas3{width:30%;margin-right:-4px;text-align:right; }


#calidad{width:100%;height: 100%; min-height: 700px; background: url("../imagenes/calidad.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#flechas{ width: 100%; text-align: center;  display: inline-block;}

#flecha, #flecha1,#flecha2{display:inline-block;vertical-align:top;}
#flecha{width:100%;vertical-align:middle; text-align:center;  }
#flecha1{width:153px;margin-right:0px; text-align:center;height: 48px; background: url("../imagenes/flecha.png") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; margin-top: -48px; }
#flecha2{width:153px;margin-right:0px; text-align:center;height: 48px; background: url("../imagenes/flecha3.png") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; margin-top: -48px; }


#calidades{ width: 100%; text-align: center; background: url("../imagenes/fondo3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


#cali, #cali1,#cali2,#cali3{display:inline-block;vertical-align:top;}
#cali{ width:1400px; max-width:1400px;vertical-align:middle; text-align:center;  }
#cali1{width:31%;margin-right:1.5%; text-align:center;}
#cali2{width:31%;margin-right:1.5%;text-align:center;}
#cali3{width:31%;margin-right:1.5%;text-align:center; }


.cali1{width:100%;height:500px; background: url("../imagenes/ca1.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.cali2{width:100%;height:500px; background: url("../imagenes/ca2.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.cali3{width:100%;height:500px; background: url("../imagenes/ca3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}


#separador2{width:100%; height: 600px; background: url("../imagenes/ca4.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


#ingredientes{ width: 100%; text-align: center; background-color: #005da2;}


#ingres, #ingres0, #ingres1,#ingres2,#ingres3,#ingres4,#ingres5,#ingres6{display:inline-block;vertical-align:top;}
#ingres{ width:1400px;vertical-align:middle; text-align:center;  }
#ingres0{width:98%; text-align:left;}
#ingres1{width:48%;margin-right:-4px; text-align:left;}
#ingres2{width:48%;margin-right:-4px;text-align:left;}
#ingres3{width:2%;margin-right:-4px;text-align:left;}
#ingres4{width:48%;margin-right:-4px; text-align:left;}
#ingres5{width:48%;margin-right:-4px;text-align:left;}
#ingres6{ display: none;}

#ingresfotos{ width: 100%; text-align: center; background: url("../imagenes/fondo3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

.ingres1{width:100%;height:550px; background: url("../imagenes/ca5.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.ingres2{width:100%;height:550px; background: url("../imagenes/ca6.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}

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


#inocuidad{width:100%;height: 100%; min-height: 700px; background: url("../imagenes/inocuidad.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


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

.cali4{width:100%;height:500px; background: url("../imagenes/inocuidad3.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.cali5{width:100%;height:500px; background: url("../imagenes/inocuidad4.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}
.cali6{width:100%;height:500px; background: url("../imagenes/inocuidad5.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;}

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


#inversion, #inversion1,#inversion2{display:inline-block;vertical-align:top;}
#inversion{ width:99.7%;vertical-align:middle; text-align:center;background-color: #005da2;  }
#inversion1{width:50%; height: 600px; margin-right:-4px;background: url("../imagenes/inocuidad2.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; text-align:left;}
#inversion2{width:50%; height: 600px; margin-right:-4px;text-align:center;}

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

#abajo{ width: 100%; text-align: center; background-color: #005da2;}

#foot, #foot1,#foot2,#foot3,#foot4,#foot5{display:inline-block;vertical-align:top;}
#foot{width:1600px;vertical-align:middle; text-align:center;  }
#foot1{width:450px;margin-right:-4px; text-align:left; }
#foot2{width:980px; margin-right:-4px;text-align:center; }
#foot3{width:170px;margin-right:-4px;text-align:center; }


.forma{text-align:left;HEIGHT:50px;width:81%;border:1px solid; border-color: #d8d8d8; font-size:16PX;color:#1a1b20;font-weight:400;padding-left:30px; background-color:#ebebeb; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.boton{text-align:center; padding: 13px;  width:180px;border:1px solid #005da2; font-size:12PX;color:#005da2;font-weight:400; background-color:#ffffff;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; text-decoration: none;}
.boton:hover{color:#ffffff;background-color:#005da2;}

.boton2{text-align:center; padding: 13px;  width:180px;border:0; font-size:12PX;color:#005da2;font-weight:400; background-color:#ffffff;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; text-decoration: none;}
.boton2:hover{color:#ffffff;background-color:#005da2;}

.boton3{text-align:center; padding: 13px;  width:180px;border:1px solid #ffffff; font-size:12PX;color:#ffffff;font-weight:400; background-color: transparent;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; text-decoration: none;}
.boton3:hover{color:#005da2;background-color:#ffffff;}

.boton4{text-align:center; padding-left: 16px; padding-right: 16px; padding-top:9px; padding-bottom: 9px;  width:180px;border:1px solid #005da2; font-size:18PX;color:#979797;font-weight:400; background-color:#ffffff;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius:22px; text-decoration: none;}
.boton4:hover{color:#ffffff;background-color:#005da2;}

.boton5{text-align:center; padding-left: 16px; padding-right: 16px; padding-top:9px; padding-bottom: 9px;  width:400px;border:1px solid #005da2; font-size:18PX;color:#ffffff;font-weight:400; background-color:#005da2;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; text-decoration: none;}
.boton5:hover{color:#005da2;background-color:#ffffff;}

::placeholder {
  color: #797979;
}

.forma1{text-align:left;HEIGHT:40px;width:96%;border:1px solid; border-color: #c8c6c6; font-size:14PX;color:#797979;font-weight:400;padding-left:4%; background-color:#ffffff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.forma2{text-align:left;HEIGHT:40px;width:88%;border:1px solid; border-color: #c8c6c6; font-size:14PX;color:#797979;font-weight:400;padding-left:30px; background-color:#ffffff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


#contacto{width:100%;text-align:left;background: url("../imagenes/contacto.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; text-align: center;}


#contactame, #contactame0, #contactame1,#contactame2,#contactame3,#contactame4,#contactame5{display:inline-block;vertical-align:top;}
#contactame{ width:880px;vertical-align:middle; text-align:center;  }
#contactame1{width:50%;margin-right:-4px; text-align:left;}
#contactame2{width:50%;margin-right:-4px;text-align:right;}
#contactame3{width:2%;margin-right:-4px;text-align:left;}
#contactame4{width:100%;margin-right:0px; text-align:right;}
#contactame5{width:48%;margin-right:-4px;text-align:left;}

.boton6{text-align:center; padding-top:9px; padding-bottom: 9px;  width:95%;border:1px solid #005da2; font-size:18PX;color:#ffffff;font-weight:400; background-color:#005da2;  cursor:pointer;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; text-decoration: none;}
.boton6:hover{color:#005da2;background-color:#ffffff;}

.latabla{ width: 170px;}

@media screen and (max-width: 1620px)
 {
#foot{width:1400px;}
#foot2{width:780px; }
     
#politicas{width:1400px;}
	 
#equipo3,#equipo4,#equipo5{height: 500px;}
	 
#slide1{height:650px;}
	 
#larriba{width:1400px;vertical-align:middle; text-align:center;  }
#larriba1{width:228px;margin-right:-4px; text-align:left; margin-top:9px;  }
#larriba2{width:942px;margin-right:-4px;text-align:center; }
#larriba3{width:230px;margin-right:-4px;text-align:right; height: 51px;    } 
}
 


@media screen and (max-width: 1420px)
 { 
#ingres6{width:98%;margin-right:0px; text-align:left; display: inline-block;}
#ingres4,#ingres5{ display: none;}
     
     
     
#inversion1{height: 550px; }
#inversion2{height: 550px; }
     
#ingres{ width:1200px;  }
.ingres1{height:500px; }
.ingres2{height:500px; }

.texto16{font-size:30px;}

#cali{ width:1200px; max-width:1400px;vertical-align:middle; text-align:center;  }

.cali1{height:450px;}
.cali2{height:450px;}
.cali3{height:450px;}
.cali4{height:450px;}
.cali5{height:450px;}
.cali6{height:450px;}
     
#foot{width:1200px;vertical-align:middle; text-align:center;  }
#foot2{width:580px;margin-right:-4px;text-align:center; }
     
#politicas{width:90%; max-width: 1200px;}
	 
#limashome1,#limashome2,#limashome3,#limashome4{height:500px;} 
	 
#separador,#separador2{height: 600px;}
	 
#slide1{height:600px;}
	 
#larriba{width:1300px;vertical-align:middle; text-align:center;  }
#larriba1{width:228px;margin-right:-4px; text-align:left; margin-top:9px;  }
#larriba2{width:842px;margin-right:-4px;text-align:center; }
#larriba3{width:230px;margin-right:-4px;text-align:right; height: 51px;    } 
}

@media screen and (max-width: 1320px)
 {  
.texto6{font-size:35px;}
.texto6a{font-size:35px;}	 
     
     
.lata{ width:651px; }	 
	 
#larriba{width:1200px;vertical-align:middle; text-align:center;  }
#larriba1{width:228px;margin-right:-4px; text-align:left; margin-top:9px;  }
#larriba2{width:752px;margin-right:-4px;text-align:center; }
#larriba3{width:220px;margin-right:-4px;text-align:right; height: 51px;   } 
}

@media screen and (max-width: 1220px)
 {  
#contactame{ width:1000px;vertical-align:middle; text-align:center;  }
     
#inversion1{height: 500px; }
#inversion2{height: 500px; }
     
#ingres{ width:1000px;vertical-align:middle; text-align:center;  }
     
     
.ingres1{height:450px;}
.ingres2{height:450px; }

     
.texto16{font-size:25px;}
     
#cali{ width:1000px; max-width:1400px;vertical-align:middle; text-align:center;  }
#cali1{width:31%;margin-right:1.5%; text-align:center;}
#cali2{width:31%;margin-right:1.5%;text-align:center;}
#cali3{width:31%;margin-right:1.5%;text-align:center; }

.cali1{height:400px;}
.cali2{height:400px;}
.cali3{height:400px;}
.cali4{height:450px;}
.cali5{height:450px;}
.cali6{height:450px;}
     
#foot{width:90%;vertical-align:middle; text-align:center;  }
#foot1{width:100%;margin-right:0px; text-align:center; }
#foot2{width:50%;margin-right:-4px;text-align:left; }
#foot3{width:50%;margin-right:-4px;text-align:right; margin-top:0px; }
     
#loscom{ width:100%;}
#loscom1{width:48%; margin-right: .5%;margin-left: .5%;  text-align:center;}
#loscom0{display: none;}
#loscom00{ display: none;}
	 
#separador,#separador2{height: 550px;}
	 
#equipo3,#equipo4,#equipo5{height: 450px;}
	 
#slide1{height:550px;}
}

@media screen and (max-width: 1020px)
 {  
 #contactame{ width:800px; }
     
     
#inversion{ width:100%;  }
#inversion1{width:100%; height: 400px; margin-right:-4px;background: url("../imagenes/inocuidad2.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; text-align:left;}
#inversion2{width:100%; height: 350px; margin-right:-4px;text-align:center;}
  
.textosgrales7{ display: inline-block; text-align: center; width: 90%; max-width:500px; }     
     
#ingres{ width:90%;vertical-align:middle; text-align:center;  }
#ingres0{width:98%; text-align:left;}
#ingres1{width:48%;margin-right:-4px; text-align:left;}
#ingres2{width:48%;margin-right:-4px;text-align:left;}
#ingres3{width:2%;margin-right:-4px;text-align:left;}

     
     
.ingres1{height:400px;}
.ingres2{height:400px; }

     
#separador2{height:400px; background: url("../imagenes/ca4a.jpg") no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }	 
     
#flechas{ display: none;}
     
#calidades{ width: 100%; text-align: center; background: url("../imagenes/fondo4.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
     
.texto16{font-size:25px;}
     
#cali{ width:90%; max-width:450px;vertical-align:middle; text-align:center;  }
#cali1{width:100%;margin-right:0; text-align:center;}
#cali2{width:100%;margin-right:0;text-align:center;}
#cali3{width:100%;margin-right:0;text-align:center; }

.cali1{height:500px;}
.cali2{height:500px;}
.cali3{height:500px;}
.cali4{height:450px;}
.cali5{height:450px;}
.cali6{height:450px;}
     
     
#limashome1,#limashome2,#limashome3,#limashome4{height:450px;} 
	 
#separador,#separador2{height: 500px;}
	 
.texto6{font-size:30px;}
.texto6a{font-size:30px;}
     
#slide1{height:500px;}
}

@media screen and (max-width: 820px)
 {  
#contactame{ width:90%;vertical-align:middle; text-align:center;  }
#contactame1{width:100%;margin-right:0px; text-align:center;}
#contactame2{width:100%;margin-right:0px;text-align:center;}
#contactame3{ display: none;}
#contactame4{width:100%; text-align:center;}

     
     
.forma1{text-align:center;HEIGHT:40px;width:96%;border:1px solid; border-color: #c8c6c6; font-size:16PX;color:#797979;font-weight:400;padding-left:0px; background-color:#ffffff; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.forma2{text-align:center;HEIGHT:40px;width:96%;border:1px solid; border-color: #c8c6c6; font-size:16PX;color:#797979;font-weight:400;padding-left:0px; background-color:#ffffff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}     
     
     
#ingresfotos{ width: 100%; text-align: center; background: url("../imagenes/fondo4.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
     
#ingres{ width:90%; max-width: 550px; vertical-align:middle; text-align:center;  }
#ingres0{width:100%;text-align:center;}
#ingres1{width:100%;margin-right:0px; text-align:center;}
#ingres2{width:100%;margin-right:0px;text-align:center;}
#ingres3{ display: none;}
#ingres6{width:100%;margin-right:0px; text-align:center;}
     
     
.ingres1{height:480px;}
.ingres2{height:450px; }
     
#separador2{height:350px;  }
     
.texto14{font-size:21px; }
.texto15{font-size:55px; }
     
#foot{width:90%;vertical-align:middle; text-align:center;  }
#foot1{width:350px;margin-right:0px; text-align:center; }
#foot2{width:350px;margin-right:0px;text-align:center; }
#foot3{width:350px;margin-right:0px;text-align:left; margin-top:2px;}

.latabla{ width: 350px;}
     
#politicas1{width:100%; text-align:center;}
#politicas2{ width: 100%; margin-right:0px; text-align:center;}
#politicas3{ width: 100%; margin-right:0px; text-align:center;}
	 
#limashome1,#limashome2,#limashome3,#limashome4{ width: 48%; height:400px; margin-top: 10px;} 
	 
#loscom{ width:98%; max-width: 500px;}
#loscom1{width:96%; margin-right: 1%;margin-left: 1%;  text-align:center;}
	 
	 
#separador{height:450px; background: url("../imagenes/so4.jpg") no-repeat center center ;-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
     
     
.texto6{font-size:25px;}
	 
#equipo1,#equipo2{width: 100%; text-align: center; margin-right: 0;}
#equipo3,#equipo4,#equipo5{height: 400px;}
	 
.texto2,.texto19{font-size:40px; }
.texto3{font-size:20px; }
.texto4{font-size:18px; }
.texto5{font-size:45px;}	 
	 
#slide1{height:450px;}
}


@media screen and (max-width: 620px)
 {  
#separador2{height:250px;  }	 
#separador{height:400px;}
	
.texto6{font-size:20px;}
.texto6a{font-size:40px; }	 
#equipo3,#equipo4,#equipo5{width:90%;height: 550px; padding-bottom: 100px;}
}


@media screen and (max-width: 520px)
 {  
	 

}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -2px;
  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: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.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: #ffffff;
}
.button_container span {
  background: #ffffff;
  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(0,93,162,1);
    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: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .5s 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.open li:nth-of-type(8) {
  -webkit-animation-delay: .70s;
  -moz-animation-delay: .70s;
          animation-delay: .70s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: center;
  margin-right:0;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 55px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 35px;
  opacity:1; text-transform:uppercase; line-height:110%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color: #ffffff; opacity:.7;
}




@media screen and (max-width:1220px)
 {
#header{ width:100%; height:105px; background:url("../imagenes/fondo2.png") no-repeat center center; position:absolute; top:0; left:0; z-index:9999;}

#larriba{width:96%;vertical-align:middle; text-align:left; }
#larriba2{display:none;}
#larriba3{display:none;}
#larriba4{display:none;}
#larriba5{display:none;}

#menumovil{ z-index:9999;position: absolute;top:16px;
  right: 2%;
  height: 27px;
  width: 35px; display:block;}

}



.smooth {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  color:#ffffff;font-size:12px;text-decoration:none; line-height:57px; opacity:1; 
}


.smooth:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -4px;
  background: #c30d24;
  height:8px;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.smooth:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}



.smooth2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  color:#ffffff;font-size:12px;text-decoration:none; line-height:57px; opacity:1; 
}
.smooth2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -4px;
  background: #c30d24;
  height:8px;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.smooth2:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 1320px)
 { 
.smooth {
font-size:11px;
}

.smooth2 {
font-size:11px;
}

}


.ball{-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;-0-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear;}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}