html,body{
    height:100%;
    width:100%;
    margin: 0px;
  }
   
  .portada{
     background: URL("../img/carousel/bd2_cross2.jpg") no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 100%;
     width: 100% ;
     text-align: center;
   
  }
  .portada2{
      background: URL("../img/carousel/bao_instant.jpg") no-repeat fixed center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 100%;
      width: 100% ;
      text-align: center;
    
   }
   .portada3{
    background: URL("../img/carousel/osug_instant.png") no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100% ;
    text-align: center;
  
 }
  .text{
    margin: 30px 0px 30px 0px;	
    padding: 10px;
    background: rgba(0,0,0,0.5);
    display: inline-block;
  }

  .indicator-item.active {
   background-color: #0277bd;
}