@charset "utf-8";
/* CSS Document */


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

    .fachadaEmpreendimento img { width:100%; height:auto; }
    
}



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

    #mapaEmpreendimentos { width:35%; }
    
    .listaEmpreendimentos  { width:62%; }
    
}



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

    #conteudoInternas .tabelaDetalhes { width:58%; }
    
    .empreendimentosEsq { margin-right:10px; height:auto; }
    
    .conteudoEsq { margin-right:20px; height:auto; margin-bottom:10px; }
    
    .conteudoDirLocalizacao { width:46%; }
    
    #menuPrincipal { margin-right:0px; }
        
    #contVillaNuova .hotsite .pnlComponenteGaleria ul > li { margin:0px 4px 20px 4px; }
    
    
    
}




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

    .geralEmp { width:98%; height:160px; }
    
    .geralEmp table { float:none; width:95%; margin:0 auto; }
    
    .geralEmp h3 { margin-bottom:10px; }
    
    .listaEmpreendimentos  { width:52%; }
    
    #mapaEmpreendimentos { width:45%; }
          
}




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

/* CONTE�DO - INTERNAS
----------------------------------------------------------*/

    #conteudoInstitucional {
        height:520px;
        overflow:auto;
        padding-right:15px;
    }
    
    .conteudoDir iframe { height:300px; }
        
}



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

    .empreendimentosEsq { height:auto; margin-bottom:20px; }
    
    #conteudoInternas .tabelaDetalhes { width:100%; }
    .tabelaDetalhes table th { font-size:13px; }
    .tabelaDetalhes table td:first-of-type { font-size:14px; }
    .tabelaDetalhes table td { font-size:13px; }
    
	#conteudoInternas .galeria-empreendimentos { height:370px !important; }
    
  	#conteudoInternas .galeria-plantas { height:370px !important;  min-height:100px !important;
        max-height:225px !important}
    
    #conteudoInternas { width:100%; }

    #menuPrincipal ul > li { padding: 0px 4px 0px 4px; }
    
    #contVillaNuova .tabelaVillaNuova { width:100%; }
        
}




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


/* HEADER   
----------------------------------------------------------*/

    header { margin-top:37px; }
    
    .bgHeader { display:none; }
    
    #contVillaNuova { padding-top:60px; }
    
    .conteudoEsqLocalizacao {
        margin-bottom:20px;
        height:auto;
    }
    
    .sobre { height:auto; }
    
    .btCinza { margin-bottom:10px; }
    
    .localizacaoParque img { position:relative; }
    
    #conteudoInstitucional p { font-size:16px; }
    
   

/* CONTE�DO - INTERNAS
----------------------------------------------------------*/

    .bannerInstitucional {
        width: 100%;
        margin-bottom: -90px;
        margin-right:0px;
    }
    
    #conteudoInstitucional { width:100%; height:auto; }
    
    #conteudoInternas .titEmpreendimentos { margin-right:15px; }

    #contVillaNuova .tabelaVillaNuova { width:100%; }
    
    .conteudoEsqLocalizacao, .conteudoDirLocalizacao { width:100%; }
    
    .conteudoEsqLocalizacao { margin-bottom:20px; }
     
}




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

    #contVillaNuova .hotsite .pnlComponenteGaleria ul > li { margin:0px 3px 20px 3px; }

}




@media only screen and (max-width: 780px) {
    
/* CONTE�DO - INTERNAS
----------------------------------------------------------*/

    #conteudoInternas .titEmpreendimentos { width:400px; margin-bottom:10px; }
   
    #conteudoInternas .pnlComponenteFormulario fieldset,
    #contVillaNuova .pnlComponenteFormulario fieldset { width:100%; }
    #conteudoInternas .pnlComponenteFormulario label,
    #contVillaNuova .pnlComponenteFormulario label { float:none; text-align:left; }
    #conteudoInternas .pnlComponenteFormulario input[type=text], 
    #conteudoInternas .pnlComponenteFormulario textarea,
    #contVillaNuova .pnlComponenteFormulario input[type=text], 
    #contVillaNuova .pnlComponenteFormulario textarea { width:100% !important; max-width:100%; }
    #conteudoInternas .maskNumero, #contVillaNuova .maskNumero { width:100% !important; }
    #conteudoInternas .maskTel, #contVillaNuova .maskTel { width:100% !important; }
    
    .conteudoDir iframe { height:260px; }
    
    #contVillaNuova .titEmpreendimentos { font-size:32px; }
      
    .geralEmp table { float:right; }
    
    #mapaEmpreendimentos { width:100%; display:none; }
    
    .listaEmpreendimentos  { width:100%; margin-bottom:30px; }
    
    .logo-cevn {
        float:none;
        margin:0 auto;
        margin-bottom:40px;
    }
    
    
}




@media only screen and (max-width: 685px) {
        
  #conteudoInternas .galeria-empreendimentos { height:370px !important; } 
    #conteudoInternas .galeria-plantas { height:370px !important; min-height: 100px !important;
        max-height: 225px !important; }
    
    #contVillaNuova .hotsite .pnlComponenteGaleria { font-size:14px; }
    #contVillaNuova .hotsite .pnlComponenteGaleria ul > li { margin:0px 6px 20px 6px; width:31%; }
    
   
    
}



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

    .tabelaDetalhes .thetable-th { padding:10px; background-color:#565656 !important; }
    .tabelaDetalhes .thetable-td { background-color:#434343 !important; }
    .tabelaDetalhes table tr:nth-of-type(5) td,
    .tabelaDetalhes table tr:nth-of-type(6) td,
    .tabelaDetalhes table tr:nth-of-type(7) td,
    .tabelaDetalhes table tr:nth-of-type(8) td { text-align:center; }
    
    .conteudoDir, .conteudoEsq { width:100%; }
    
    #contVillaNuova .galeriaLocais { height:auto; }
    
    .conteudoDir iframe { height:420px; }

    #contVillaNuova .tabelaVillaNuova .thetable-th { padding:10px; background-color:#6e675e !important; }
    #contVillaNuova .tabelaVillaNuova .thetable-td { background-color:#90877a !important; }
    #contVillaNuova .tabelaVillaNuova table tr:nth-of-type(3) td,
    #contVillaNuova .tabelaVillaNuova table tr:nth-of-type(4) td,
    #contVillaNuova .tabelaVillaNuova table tr:nth-of-type(5) td { text-align:center; }
    #contVillaNuova table th, #contVillaNuova table td { padding:6px; }
    
    .thebox-content img { width:100% !important; }


    #conteudoInternas .galeria-plantas { width:40% !important; min-height: 100px !important;
        max-height: 225px !important;}
    #conteudoInternas .galeria-plantas img { width:65% !important; }

    #conteudoInternas .galeria-empreendimentos { width:40% !important; }
    #conteudoInternas .galeria-empreendimentos img { width:95% !important; }
    

    #contVillaNuova .hotsite .pnlComponenteGaleria ul > li { width:30%; }
    
}





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

    .empreendimentosEsq, .empreendimentosDir { width:100%; }
                       
    #conteudoInternas .titEmpreendimentos { width:100%; }
    
    .btCinza { float:left; margin-bottom:15px; }

    .thebox-content img { max-width:100%; }
    
   #conteudoInternas .galeria-empreendimentos, 
    #conteudoInternas .galeria-plantas { width:100% !important; height:auto !important;  min-height:100px !important;
        max-height:225px !important }
    
     #conteudoInternas .galeria-empreendimentos { width:296px !important; float:none; margin:0 auto; }
    #conteudoInternas .galeria-empreendimentos img { max-width:140px !important; }

    #conteudoInternas .galeria-plantas { width:296px !important; float:none; margin:0 auto; min-height: 100px !important;
        max-height: 225px !important;}
    #conteudoInternas .galeria-plantas img { max-width:140px; }
       

    #logoVillaNuova {
        width:235px;
        left:62px;
		top:40px;
    }
    
    #logoVillaNuova img { width:100%; }
    
    #conteudoInternas .tabelaDetalhes {
        display: table-row;
        table-layout: fixed;
        overflow-x:scroll;
        border-spacing: 5px;
        margin-top:20px;
    }
    .tabelaDetalhes table{display: table-header-group;}
    
    #contVillaNuova .hotsite .pnlComponenteGaleria ul > li { width:45%; }
    
   
}




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

    #conteudoInternas .titEmpreendimentos { margin-bottom:10px; }
    
    .btCinza { margin-bottom:10px; }
    
    .geralEmp img { margin-right:10px; }
   
    
    

}