*{
  box-sizing: boder-border-box;
  margin: 0;
  padding: 0;
}

body{
  font-family: 'Open Sans', sans-serif;
}

.contenedor1{
  width: 100%;
  max-width: 1170px;
  margin: auto;
}

/*barra alt*/
.barra-alt{
  width: 100%;
  height: 35px;
  background-color: #096A9E;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  justify-content: center;
}

.barra-alt a{
  padding-left: 5px;
  padding-right: 5px;
  }

.barra-alt img{
  width: 25px;
}

/*Fin barra alt*/

/*Cabecera*/
header{
width: 100%;
height: 220px;
background-color: white;
}

.logo{
padding: 5px 0;
}
.logo img{
width:300px;
display: block;
margin: auto;
}

.menu{
display: flex;
flex-direction: row;
flex-wrap: wrap;

justify-content: space-between;
max-width: 450px;
margin: auto;
}
.menu a{
text-decoration: none;
color: 	#6666ff;
}
.menu a:hover{
color: #A9A9A9
}
/* Fin de cabecera*/

/*banner ariiba*/
.bannerarriba{
  width: 100%;
  height: 180px;
  background-image: url(../img/clientesdn.jpg);
  background-position: left;
  background-size: cover;
}
/*fin banner arriba*/


/*Quienes somos*/
.quienessomos{
    margin-top: 3px
}
.quienessomos{
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: #152d37;
opacity: 1;
background-image: radial-gradient(#3a3b5c 0.8px, #1F546E 0.8px);
background-size: 16px 16px;
}

.contenedor{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.img-engranajes{
  width: 90%;
  max-width: 380px;
}

.descripcion{
  text-align: left;
  max-width: 450px;
  color: white;
}
/*fin de nosotros*/

/*mision y valor*/
.misionyvalor{
  width: 100%;
  margin-top: 3px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #86B6E3;
}

.misionyvalor img{
  width: 200px;

}

.misión{
  width: 450px;
  padding-top: 15px;
  text-align: center;
  padding: 5px;
}

.valor{
  width :420px;
  padding-top: 15px;
  text-align: center;
  padding: 5px;
}

.misión h3{
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #193441;
}

.valor h3{
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #193441;
}


/*Nuestros valores*/

.contenedor1{
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 650px;

}
.nuestrosvalores h3{
  font-size: 23px;
  color: #193441;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #a2a2a2;

}

.nuestrosvalores p{
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}


 /*Descripciones*/

 .contenedor-1{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;


 }

.respeto{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.respeto img{
  width: 350px;
}

.compromisosocial{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.compromisosocial img{
  width: 350px;
}

.innovación{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.innovación img{
  width: 350px;
}

.liderazgo{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.liderazgo img{
  width: 350px;
}

.confianza{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.confianza img{
  width: 350px;
}

.Calidad{
  width: 350px;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.Calidad img{
  width: 350px;
}

/*Fin nuestros valores*/

/* entre comillas*/

.entrecomillas{
  width: 100%;
  /*background-color: #F0F0F0;*/
  margin-top:  10px;
  margin-bottom: 10px;
}
 .contenedor1{
   font-size: 20px;
   color: #193441;
   padding: 15px;
   text-align: center;
 }

 /* Fin entre comillas*/

 /*Nuestros clientes*/



 /* pie de pagina*/
 .top-footer{
   background-color: #085985;
   height: 25px;
 }

 .center-footer{
   background-color: #063F5E;
 }

 .center-footer .contenedor{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
 }

 .center-footer .widget{
 text-align: center;
 padding-top: 20px;
 padding-bottom: 35px;
 color: white;

 max-width: 270px;
 margin: 0 auto;
 }

 .center-footer .widget img{
   width: 200px;
 }

 .center-footer .widget1{
 text-align: center;
 padding-top: 20px;
 padding-bottom: 35px;
 color: white;

 max-width: 270px;
 margin: 0 auto;
 }

 .center-footer .widget1 h4{
   font-size: 18px;
   padding-top: 20px;
   padding-bottom: 20px;
   color: white;
 }

 .center-footer .widget1 p{
   font-size: 14px;
 }

 .center-footer .widget1 a{
   text-decoration: none;
   color: white;

 }

 .center-footer .widget1 img {
   width: 20px;
   margin-right: 15px;
   margin-top: 10px;
 }

 .center-footer .widget a:hover{
   color: #A9A9A9;
 }

 .center-footer .widget2{
 text-align: center;
 padding-top: 20px;
 padding-bottom: 35px;
 color: white;

 max-width: 270px;
 margin: 0 auto;
 }

 .center-footer .widget2 h4{
   font-size: 18px;
   padding-top: 20px;
   padding-bottom: 20px;
   color: white;
 }

 .center-footer .widget2 p{
   font-size: 14px;
 }

 .center-footer .widget2 img {
   width: 25px;
   margin-right: 15px;
   margin-top: 10px;
 }


 .bottom-footer{
   background-color: #085985;
   height: 25px;
 }

 .bottom-footer p{
 font-size: 14px;
   color: white;
   text-align: center;
 }
 /*Pie de pagina*/