.header{
  background-color: white;
  /* border-bottom: 5px solid #217dab; */
  box-shadow: 0 0 5px 0px #BDBDBD;
}
body{
  background-color: #F6F5F5 !important
}
#logoHMH{
  padding: 15px 2px;
  height: 100px;
}
#titulo1{
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 0px;
  margin-top: 20px;
}
.titulo2{
  color: #117DAB !important;
  font-weight: bold;
  font-size: 14px;
  padding: 15px 0px;
}
.habilidad{
  border: 1px solid #117DAB;
  color: #117DAB;
  border-radius: 9px;
  margin: 4px;
  max-width: fit-content;
  background: white;
  padding: 2px 10px;
  float: left !important;
}
.datosPersonales{
  padding: 20px;
  margin-left: -15px;
  margin-right: -15px;
  background: #117DAB ;
  color: white;

}
.datosPersonales .row{
  max-width: 700px;
  margin: 0 auto;
}
.datosPersonales .dato{
  height: 40px;
}
.datosPersonales a{
  color: white
}
.datosPersonales #contenido{
  text-align: center;
}
#empleadoFoto{
  height: 200px;
  width: 200px;
  border-radius: 50%;
  border: 4px solid white;
  margin: 0 auto;
  overflow: hidden;
}
#empleadoFoto img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.acomodo{
  padding: 0px !important ;
}
.idioma .acomodo{
  display: flex;
  align-items: center;
}
.idioma{
  display:flex;
  margin-bottom: 10px;
}
.color2{
  background: #25A6DF;
  height: 25px;
}
hr{
  margin-top: -22px !important;
  margin-bottom: 14px !important;
  border-top: 2px solid  #A1C11A !important;
  width: 57px !important;
  margin-left: 0px;
}
.linea{
  margin-left: 0px !important;
}
.bloquePrincipal{
  padding-bottom: 20px;
  min-height: calc(100vh - 139px);
  max-width: 960px !important;
  background: white;
}
.bloque{
  margin-top: 25px;
  max-width: 960px !important;
}
.bloque2{
  margin-top: 20px;
}
.bloque3{
  padding: 0 16px;
}
.bloque3>div{
  margin-top:8px;
}

.icono{
  float: left;
  margin-right: 10px;
  width: 20px;
}
#icono2{
  float: left;
  padding: 0 6px;
  margin-right: 10px;
  height: 15px !important;
}
#nombre{
  font-size: 30px !important;
  color: white !important;
  padding: 22px 0px 0px !important;
}
#carrera{
  font-size: 14px !important;
  color: white !important;
}
#cargo{
  font-size: 16px !important;
  color: white !important;
  text-transform: uppercase;
}
.circulo-azul{
    float: left;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #117DAB;
    margin: 3px;
    margin-right: 0px;
    margin-left: 8px;
}
.circulo-blanco{
    float: left;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #117DAB;
    margin: 3px;
    margin-right: 0px;
    margin-left: 8px;
}
.datos{
  font-size: 1em;
  color: white;
  padding: 24px 30px;
  margin-top: -43px;
}
.datos a{
  color: white;
}
.datos a:hover{
  color: #e8f8ff;
}
.datos2{
  font-size: 1.2em;
}
#footer{
  background-color: white;
  padding: 10px;
  text-align: center;
  color: #217dab;
  /* border-top: 5px solid #217dab; */
  box-shadow: 0 0 5px 0px #BDBDBD;
}