/* 
==========================
Complemento Responsivo PC
==========================
*/  




@media screen and (max-height: 848px){

    .videoVila{
        width: 100%;
        height: auto;
    }

}



@media screen and (max-height: 820px){
    #paleta_linha{
        top: 70%;
        bottom: auto;
    }
}


@media screen and (max-height: 620px){
    #paleta_linha{
        top: 420px;
    }
}





@media screen and (max-width: 1412px){
    
    #menu ul{
        margin-top: 35px;
    }
        
    #menu ul li a{
        line-height:25px;
    }
    
    #menu ul #li_quebra{
        display: block;
        line-height: 2px;
        padding: 0px;
        margin: 0px;
        width: 100px;
        height: 4px;
    }
    
    #linkCabana_setaSobe{
        visibility: hidden;
    }
    

}




    
@media screen and (max-width: 1200px){
    
    /* Menu de fotos -------------------- */    

    .menu_fotos_box{
        margin: 10px;
        margin-bottom: 40px;
        width: 140px;
    }

    .menu_fotos_img{
        height: 220px;
    }

}


    
@media screen and (max-width: 1100px){

    #menu_conteiner{

    }



    
    
    
    
    
    
    /* RODAPÉ -------------- */
    
    footer .esquerda{
        width: 49%;
        border: 0px solid #3f3f41;
        padding-top: 80px;
    }

    
    
    footer .direita{
        width: 50%;
        padding-bottom: 100px;
    }

    footer .centro{
        clear: both;
        margin-top: 75px;
        padding-top: 75px;
        border-top: 1px solid #3f3f41;
    }
    

}
    
    
















@media screen and (max-width: 900px){
    
    h1 {
        font-size: 32px;
        margin-bottom: 35px;
    }

    h2{
        font-size: 12px;
        margin-bottom: 25px;
    }
    
    
    
    /* MENUS -------------- */

    /* Idioma */
    .menu_idioma_secundario{
        display: none !important;
    }
    
    #menu_idioma{
        display: block;
        width: 100%;
        text-align: right;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
        min-width: 450px;
    }
    #menu_idioma a{
        margin-right: 10px;
    }    

    
    
    
    
    /* Menu Principal */

    .tampa{
        top: 25px;
    }
    
    
    
    #areaMenu{
        left: -212px;
        min-width: 900px;
    }
    
    #menu_conteiner{
        top: 50px;
        min-width: inherit;
    }
    
    #menu_logo{
        width: 150px;
        height: 62px;
        top: -50px;
    }
    #menu_logo div{
        width: 150px;
        height: 62px;
    }
    #menu_logo img{
        width: 120px;
    }
    
    #menu{
        height: 50px;
    }
    

    #menu ul{
        margin-top: 0px;
        margin-left: 10px;
    }

    #menu ul li a{
        line-height: 50px;
    }
    
    #menu ul #li_quebra{
        display: none;
    }
    
    
    #linkCabana_setaSobe{
        visibility: visible;
    }
    
    #menuControle{
        position: absolute;
        top: 50px;
        right: 0px;
        display: table;
        width: 100%;
        height: 20px;
        min-width: inherit;
        padding: 10px;
        padding-right: 50px;
        text-align: right;
        background-color: transparent;
    }

    #menuControle_interno{
        display: block;
        width: 100%;
        height: auto;
        text-align: right;
    }

    #menuControle_interno .descricao{
        position: absolute;
        top: 13px;
        right: 100px;
        width: 400px;
        text-align: right;
    }
    
    #subTampa{
        display: block;
    }
    
    
    
    
    /* Submenu Cabanas --------------------- */
    #area_subMenu{
        top: 50px;
    }
    

    
    
    /* Submenu Premium --------------------- */
    #area_subMenuPremium{
        top: 50px;
    }
    

    
    

    /* Internet Explorer 10+, Microsoft Edge Browser */
    _:-ms-lang(x), _:-webkit-full-screen, #menuControle_interno .descricao{right: 130px;}
    
    #menuControle_interno .controle{
        position: absolute;
        top: 8px;
        right: -10px;
        margin-right: 20px;
    }

    /* Internet Explorer 10+, Microsoft Edge Browser */
    _:-ms-lang(x), _:-webkit-full-screen, #menuControle_interno .controle{right: 20px;}
 
    
    #comandoMenu{
        display: none;
    }
    
    
    
    
    
    
    /* Checkin --------------------- */
    #paleta_linha{
        display: none;    
    }
        
    #prereserva_mob{
        display: block;
    }

    
    
    
    

    /* Páginas ------------------ */

    .page{
    }

    .centrarlizarV{
    }

    .centrarlizarH{
        width: 90%;
        margin-bottom: 100px;
    }


    .separator{
        margin:0 auto 40px auto;
    }

    .description{
        width: 70%;
        margin: 0 auto;
        font-size: 18px;
        line-height: 1.8em;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
    }

    .description b{
        font-weight: bold;
        font-size: 18px;
        line-height: 1.8em;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
    }

    .paddinAuto{
        height: 5px;
    }


    
    

    /* Carrousel ------------------------ */

    .page_foto .colunaTexto{
        width: 100%;
        background-size: 20%;
    }

    .page_foto .colunaCarrousel{
        width: 100%;
        height: 100%;
        min-height: 500px;

    }

    .page_foto .f_Esquerda{
        float: none;
    }

    .page_foto .f_Direita{
        float: none;
    }

    
    
    
    /* Menu de fotos -------------------- */    
    
    .menu_fotos_box{
        display: block;
        margin: 0 auto;
    }
    
    
    
    
    /* Seviços Disponíveis -------------- */
    .servico_thumb{
        width: 49.5%;
    }

    
    
    /* Feriados ------------------------- */
    .page_colunas_col_centro{
        margin-left: 20%;
        margin-right: 20%;
    }
    
    .lateraisFixas .page_colunas_col1{
        display: none;
    }
    .lateraisFixas .page_colunas_col2{
        display: none;
    }
    
    .page_colunas .page_colunas_col1{
        display: none;
    }
    .page_colunas .page_colunas_col2{
        display: none;
    }


    
    
    
    
    
    
    /* São Francisco Xavier ------------- */

    .grid_SFX{
        display: block;
        background-color: #eeeeee;
        margin-bottom: 40px;
        padding-bottom: 40px
    }

    .grid_SFX-esquerda{
        grid-template-columns: auto;
    }

    .grid_SFX-direita{
        grid-template-columns: auto;
    }

    .item_SFX_img{
        height: 250px;
        min-height: 250px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .item_SFX_imgVS{
        display: none;
    }

    .item_SFX_imgOC{
        display: block;
    }

    
    
    


    /* Tarifas -------------------------- */
    .painelTarifas{
        font-family: 'Alike', serif;
        display: block;
        margin-top: 0px;
        grid-template-columns: inherit;
    }

    .painelTarifaFer{
        display: block;
        width: 100%;
        padding-bottom: 100px;
    }

    .painelTarifaSem{
        display: block;
        width: 100%;
        padding-bottom: 100px;
    }

    .tarifaThumb{
        height: 250px;
    }

    .tarifa_tag{
        position: absolute;
        top: -100px;
        right: auto;
        left: 0px;
        width: 100%;
        text-align: center;
    }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* RODAPÉ -------------- */
    
    footer .esquerda{
        padding-top: 0px;
        width: 100%;
        min-height: 320px;
        float: none;
        border: 0px solid #3f3f41;
        border-bottom: 1px solid #3f3f41;
        min-width: 400px;
        margin-bottom: 50px;
    }

    .footer_logo{
        width: 100%;
        float: none;
        background-position: center center;
        background-size: 160px;
        height: 190px;;
    }
    
    footer .esquerda .blocoInternoColuna{
        width: 100%;
        text-align: center;
        padding-bottom: 75px;
    }
    
    footer .esquerda .blocoInternoColuna ul{
        margin: 0 auto;
    }
    
    footer .esquerda .blocoInternoColuna ul li{
        text-align: center;
    }
    
    footer .direita{
        min-height: 320px;
        width: 100%;
        float: none;
        border: 0px solid #3f3f41;
        border-bottom: 1px solid #3f3f41;
        min-width: 410px;
        margin-bottom: 50px;
        padding-bottom: 100px;
    }

    footer .centro{
        border: 0px solid #3f3f41;
    }

    
    
}