.carousel {
  height: 400px;/*500*/
  margin-bottom: 0px;
 
  background-color: White;
}
/* Since positioning the image, we need to help out the caption */


/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;/*500*/
  background-color: White;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
  opacity: 1;
}

.carousel-caption {
   top: 40%; 
   padding-top: 0%; 
   height: 60px;
   width: 100%;
   left: 0%;    
   background-color: transparent;
   text-align: center;
   z-index: 10;
   opacity: 1.5;
   
}
.titulo1 {
 color: White;
 font-size: 42px;
 
}

.titulo2 {
 color: White;
 font-size: 22px;
 
}
.separador{
    background-color: #0094ff;
    height: 25px;
    border: 0px;
    padding: 0px;
}