/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@import "https://fonts.googleapis.com/css?family=Raleway";

body {
  position: relative;
  background-image: url("../image/Fondo.jpg");
}
ul.nav-pills {
  top: 20px;
  
}
div.col-8 div {
  height: 500px;
  
}
  
  
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  
  /* Carousel base class 
  .carousel {
    margin-bottom: 1rem;
  }*/
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 8rem;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .viajes {
    bottom: 10rem;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .libre {
    bottom: 16rem;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  /* Declare heights because of positioning of img element solo para el carrusel principal */
  #myCarousel .carousel-item {
      height: 32rem;
    }
  #myCarousel .carousel-item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 32rem;
    }

  /* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }

  .navbar-light .navbar-nav .nav-link{
    color: rgb(32, 84, 161);
  }
  .navbar-light .navbar-nav .nav-link:hover {color:rgb(164, 37, 168);}
/* Definimos el color al pasar el mouse por encima  !important*/
 .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:focus {
   color: orangered;
 }
 

/*DESTINOS*/
#destinos, #hoteles{    
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;  
}

.fondocards{
  border: 1px solid rgb(27, 151, 173);
  background-color: #459eff;
  /*height: 10rem;*/
  
}
.cuadro{
  border: 1px solid rgb(27, 151, 173);
  background-color: #459eff;
  position: absolute;
  height: 10%;
  width: 100%;
  
}
/*.espacio{
  height: 19rem;
}
@media (min-width: 920px) and (max-width: 990px){
  .espacio{
    height: 135rem;
  }
}
*/
/*Fin destinos*/
/* HOTELES*/
.fondocardshot{
  border: 1px solid rgb(27, 151, 173);
  background-color: #459eff;
  color: #f3f7f5;
  margin-bottom: 8px
}
#hot{
  margin-bottom: 0px;
}
.aline{
  text-align: center;
  padding: 70px 0;
  
}

@media (max-width: 768px){
  .aline{       
      padding: 0;
      padding-top: 5px;
      
  }

}
.card-footer{
  padding: 0;
}

.centrado{    
  padding-top: 70px;
}

@media (max-width: 990px){
  .centrado{
      padding-top: 0px;
      padding-bottom: 0px;
  }
}
/*fin hoteles*/

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
  
  padding-left: 5%;
  padding-right: 10%;
  
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/*.hoteles{
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding-left: 5%;
  padding-right: 10%;
}
.destinos{
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding-left: 5%;
  padding-right: 10%;
}*/

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
.footerbgblack{
  width:100%; 
  background:#15262f;
  padding:60px 0; 
  margin-top:40px; 
  overflow:hidden;}

.textfoter{
  text-align: center;
    color: #999;
    font-size: 20px;
  }
  
  .parrafoter{
    margin-top: 0;
    margin-bottom: 0;
  }
  
  /*.carousel-caption {
   
    position: absolute;
    right: (100% - $carousel-caption-width) / 2;
    bottom: 20px;
    left: (100% - $carousel-caption-width) / 2;
    z-index: 10;
    padding-top: 30px;
    padding-bottom: 30px;
    color: $carousel-caption-color;
    text-align: center;
  }*/