.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); 
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 100px) {
  .navbar {
    background-color: #0763AB; 
  } 
}

.top-nav-collapse{
  background:#0763AB !important;  
}
.page-footer{
  background: #0763AB !important;   
}
.active{
  background-color:rgba(0,0,0,0.2);
}
a:hover { 
  background-color:rgba(0,0,0,0.2);
}
#nosotros::before,
#sistemas::before,
#recursos::before {
display: block;
content: " ";
margin-top: -100px;
height: 100px;
visibility: hidden;
}
.carousel-control-next, .carousel-control-prev {
width: 5%;
}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
}
.navbar-brand{
  text-decoration: none;
  background-color: transparent !important;    
}
@import "core/bootstrap/rfs";
.title {
  @include responsive-font-size(4rem);
  margin: 0 0 .5em;
}
.map-container{
overflow:hidden;
padding-bottom:50.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.logoFoter{
    max-width: 90%;
    height: auto;
}