section.o-hotel{position: relative; min-height:100vh !important; height: 100vh !important; z-index:0 !important; }
.carousel,.item,.active { height: 100%;}
.carousel-inner {height: 100%; background: #222222;}

.fill-home {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.disponibilidade{position: absolute;  bottom: 50px; left: 15%;  background: url(../../../imgs/fundo-opacity.png) repeat; color:#ffffff;  width: 70%; z-index: 800;}
.disponibilidade h1{  margin:0 !important;  font-size: 22px; color: #ffffff;}
.datas{ height: 120px; padding:20px;  }

section h1{font-weight: 700; font-size: 28px;}
.icone-logo{margin-bottom:10px;}

.campanhas-boxes{background: #f5f5f5; width: 100%; min-height: 190px; margin-bottom:20px; padding: 20px; font-size: 12px;}
.campanhas-boxes h3{font-size: 16px;}


#hotel-info{background:#f5f5f5; width: 100% !important; }
.hotel-info-bg-white{background: #ffffff; width: 100%; min-height: 400px; height: 400px; position: relative;}
.hotel-info-bg-white h3{height: 50px;}
.hotel-info-bg-white .btn{position: absolute; bottom:15px; left:15px;}

.btn:hover{color:#ffffff !important;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default a{
  color: #000 !important;
}

.ui-state-default:hover{
  color: #c58700 !important;
}


@media (max-width: 768px){
  #reservar{
    margin-top: 15px;
    margin-bottom: 15px;
  }

}

/*@media (min-width: 720px) and (max-width: 768px) 
{
  
}*/

@media (max-width: 1500px) and (min-width: 1000px){
  .hotel-info-bg-white {
    min-height: 430px;
  }
}