/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13/Jun/2014, 15:21:43
    Author     : filipemurteira
*/

.hotelItem{
    margin-bottom: 20px;
}
.table-hover>tbody>tr.destaque>td, 
.table-hover>tbody>tr.destaque>th,
.table-hover>tbody>tr.destaque:hover>td, 
.table-hover>tbody>tr.destaque:hover>th {
    background-color: #ff0303;
    color: #FFFFFF;
}

.hotelItem .nome{
    background-color: #ff0303;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    padding: 5px;
}
.hotelItem .nome .links{
    text-align: right;
}
#conteudo .hotelItem .nome .links a{
    color: #FFFFFF;
}
.hotelItem .descricao{
    padding-top: 10px;
    font-size: 15px;
}
.hotelItem .descricao .img-responsive{
    margin-bottom: 10px;
}
.hotelItem .descricao .descricaoExtra{
    padding-bottom: 10px;
    display: none;
}
.hotelItem .descricao .descricaoExtra .desc{
    padding-bottom: 10px;
}
.hotelItem .descricao .descricaoExtra img{
    width: 100%;
    margin-top: 10px;
}



.hotelItem .descricao .habitacaoItem{
    border: 1px solid #bebebe;
    margin-bottom: 10px;
}
.hotelItem .descricao .habitacaoItem .quarto{
    background-color: #bebebe;
    color: #FFFFFF;
    padding: 5px;
}
.hotelItem .descricao .quartoItem{
    color: #565353;
    padding: 5px;
}
.hotelItem .descricao .quartoItem .servico{
    margin-bottom: 5px;
}
.hotelItem .descricao .quartoItem .servico .verde{
    color: green;
}
.hotelItem .descricao .quartoItem .servico .laranja{
    color: orange;
}
.hotelItem .descricao .quartoItem .servico .vermelho{
    color: orangered;
}
.hotelItem .descricao .quartoItem .estado{
    display: inline-block;
    margin-left: 10px;
}
.hotelItem .descricao .quartoItem .cancelamento{
    font-size: 12px;
    color: green;
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
}
.hotelItem .descricao .quartoItem .cancelamento img{
    width: 15px;
}
.hotelItem .descricao .quartoItem .observacoes{
    border-top: 1px dotted #bebebe;
    font-size: 14px;
    color: #565353;
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
    display: none;
}
.hotelItem .descricao .quartoItem .observacoes a{
    color: #565353;
}
.hotelItem .descricao .quartoItem .observacoes .detalhe{
    display: none;
}
.hotelItem .descricao .quartoItem b{
    color: #000000;
}
.hotelItem .descricao .quartoItem .nomeExtra{
    padding-left: 16px;
}

.hotelItem .totais{
    color: #ff0303;
    font-size: 15px;
    font-weight: 700;
    padding: 5px;
    text-align: right;
}
.hotelItem .btReservar{
    background-color: #ff0303;
    color: #FFFFFF;
    border: 0px;
    font-size: 12px;
    padding: 3px;
    text-transform: uppercase;
}
.btVoltar{
    background-color: #ff0303;
    color: #FFFFFF!important;
    border: 0px;
    font-size: 12px;
    padding: 8px;
    text-transform: uppercase;
}

/* Formulário */
.formReservas .row{
    margin-bottom: 10px;
}
.formReservas .txtForm{
    position: relative;
    display: block;
    height: 32px;
    border: 2px solid #c2c9cc;
    background-color: #FFFFFF;
    font-size: 14px;
    color: #303538;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
}

.formReservas textArea.txtForm{
    resize: none;
    height: auto;
}
.formReservas .comboForm{
    position: relative;
    display: block;
    height: 32px;
    border: 2px solid #c2c9cc;
    background-color: #FFFFFF;
    font-size: 14px;
    color: #303538;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
}

.formReservas .btForm{
    background-color: #ff0303;
    color: #FFFFFF;
    border: 0px;
    font-size: 12px;
    padding: 3px;
    text-transform: uppercase;
}

.formReservas .quartoForm{
    
}
.formReservas .quartoForm .nome{
    border-bottom: 2px solid #c2c9cc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 700;
}

.nota{
    color: #ff0303;
}


#divComboCidade.loading{
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;    
    width: 32px;
    height: 32px;
}