@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-RegularItalic.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-Bold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../assets/fonts/Ubuntu-BoldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}

.container{
  font-family: 'Ubuntu';
  padding: 0 !important;
  text-align: center;
}
.container .max-width{
  max-width: 1024px;
}
.container .margin-auto{
  margin: 0 auto;
}
.container .logo{
  max-width: 150px;
}
.container h1{
  color: #595a5c;
  font-weight: 300;
  margin-top: 15px;
}
.texto-descripcion{
  color: #808386;
  font-weight: 300;
}
.texto-descripcion span{
  color: #404142;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 10px;
}
.container .area-logo{
  margin-top: 50px;
}
.container .area-ilustracion{
  margin-top: 75px;
}
.container .area-ilustracion img{
  max-width: 400px;
  width: 350px;
}
.area-logos-oficiales{
  margin-top: 15px;
}
.logos-oficiales{
  max-width: 100%;
  padding: 0 15px;
}
.area-enlaces{
  background-color: #f2f4f4;
  margin-top: 75px;
  padding: 35px 25px 55px
}
.area-enlaces a{
  color: #595a5c;
  display: block;
  margin: 0 auto;
  max-width: 175px;
  text-decoration: none;
}
.area-enlaces a:hover{
  color: #a3a5a7;
  text-decoration: none !important;
}
.area-semsys{
  margin: 75px 0;
}
.area-semsys .semsys-img{
  width: 300px;
  margin: 0 auto;
}
.area-semsys > div{
  color: #595a5c;
  margin: 0 auto;
  border-radius: 8px;
  padding: 5px;
  text-decoration: none;
}
.area-semsys .titulo-semsys{
  font-size: 1.2rem;
  color: #595a5c;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 20px;
}
.area-semsys .texto-semsys{
  color: #808386;
  font-size: .9rem;
  font-weight: 300;
  padding-bottom: 10px;
}
.area-semsys .btn-semsys{
  background: #ae3f39 !important;
  border-color: #ae3f39 !important;
  border-radius: 8px;
}
.secciones{
  text-transform: uppercase;
  font-weight: 500;
  font-size: .5rem;
  color: #595a5c;
  margin: 10px 0 20px 0;
}