body {
  
}

.footer {
  background: #293484;
  color: white;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #0473BD;
}

.contenedor-carousel {
  border-bottom: 3px solid #0473BD;
}

/* Carousel base class */
.carousel {
  max-height: 400px;
  overflow: hidden
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: transparent;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}


/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

hr {
  border-top: 1px solid #bbb; 
}

.barra-superior-container {
  background-color: #293484;
}

.barra-superior {
  color: white;
  font-size: .9em;
  padding: 10px 0;
}

.barra-superior span {
  margin-right: 2px;
}

.contenedor-logo {
  padding: 20px 0;
}

.navbar-mh {
  /*background-color: #0f1544;*/
  background-color: #293484;
  border-radius: 0;
  margin-bottom: 0;
  /*border-bottom: 3px solid #F79814;*/
}

.navbar-mh .navbar-nav > li > a {
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 1.1em; 
}

.navbar-mh .navbar-nav > li:hover {
  background-color: #e7e7e7;
}


/* Customize the nav-justified links to be fill the entire space of the .navbar */


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel-caption {
    padding-bottom: 60px;
}