@charset "UTF-8";
/* ========== ESTILIZAÇÃO GERAL ========== */
@font-face {
    font-family: "Fonte";
    src: url("../fonte/OpenSans-Light.ttf");
}
@font-face {
    font-family: "Fonte bold";
    src: url("../fonte/fonte-bold.otf");
}
body {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-family: 'Fonte', sans-serif;
    background: url(../img/bg-central.jpg);
}
ul{
    list-style:none;
}
a {
    text-decoration: none;
}

/* ============================================================== 1200 PIXELS - DESKTOPS ============================================================== */

/* ========== ESTILIZAÇÃO CABEÇALHO ========== */
#conteiner_total {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
#conteiner_central {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
}
header#cabecalho {
    width: 100%;
    display: block;
    float: left;
    margin: 20px 0 0 0;
}
header#cabecalho #logo {
    width: 570px;
    height: 102px;
    display: block;
    float: left;
}
header#cabecalho #midia_social {
    width: 570px;
    height: 102px;
    display: block;
    float: left;
    text-align: right;
}
header#cabecalho #midia_social ul {
    display: block;
    float: right;
}
header#cabecalho #midia_social ul li {
    display: block;
    float: left;
    margin: 57px 0.3em 0 0.3em;
}
header#cabecalho #midia_social ul li img {
    width: 30px;
    height: auto;
}
header#cabecalho #menu {
    width: 1140px;
    display: block;
    float: left;
    margin: 10px 0 0 0;
    background: url(../img/bg-menu-cabecalho.jpg);
}
header#cabecalho #menu ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
header#cabecalho #menu ul li{
    float: left;
    font-size: 14px;
    
}
header#cabecalho #menu ul li:hover {
    background: url(../img/bg-menu-cabecalho-hover.jpg);
}
header#cabecalho #menu ul li a {
    display: block;
    color: #293F5F;
    height: 40px;
    line-height:40px;
    margin: 0 8px;
    padding: 0 5px;
}
header#cabecalho #menu ul li a:hover {
    color: #EEF4F8;
    transition:all 0.5s linear;
}
header#cabecalho #menu li ul {
    display: none;
}
header#cabecalho #menu li:hover ul {
    display: block;
    position: absolute;
    border: 1px solid #888;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 300px;
    z-index: 9999;
    background-color: #ddd;
}
header#cabecalho #menu li:hover ul li {
    float: none;
    font-size: 12px;
}

header#cabecalho #menu_mobile {
        display: none;
    }
    
/* ========== ESTILIZAÇÃO RODAPÉ ========== */    
    
footer#rodape {
    width: 100%;
    display: block;
    float: left;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: url(../img/bg-rodape.png);
}
#rodape_conteudo {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
}
#rodape_conteudo_col3 {
    font-size: 12px;
    color: #fff;  
    padding: 5px 0;
}


/* ========== ESTILIZAÇÃO PÁGINA INICIAL ========== */  
#banner_rotativo {
    display: block;
    float: left;
    width: 100%;
}
.ft-prev {
    margin: 0 0 0 -30px;
    background: url(../img/banner/voltar.png);
    height: 60px;
    width: 60px;
}
.ft-prev:hover {
    margin: 0 0 0 -30px;
    background: url(../img/banner/voltar-hover.png);
    height: 60px;
    width: 60px;
    transition:all 0.3s linear;
}
.ft-next {
    margin: 0 0 0 -30px;
    background: url(../img/banner/frente.png);
    height: 60px;
    width: 60px;
}
.ft-next:hover {
    margin: 0 0 0 -30px;
    background: url(../img/banner/frente-hover.png);
    height: 60px;
    width: 60px;
    transition:all 0.3s linear;
}
#empreendimento_noticia {
    display: block;
    float: left;
    background: #163E61;
    width: 100%;
    margin: 3px 0 10px 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.empreendimento_noticia_conteiner {
    width: 350px;
    margin: 15px;
    height: 90px;
    display: block;
    float: left;
}
.empreendimento_noticia_conteiner_linha {
    width: 10px;
    height: 100px;
    background-color: #fff;
    display: block;
    float: left;
    margin: 0 10px 0 0 ;
}
.empreendimento_noticia_conteiner_titulo {
    width: 330px;
    display: block;
    float: left;
    color: #fff;
    font-size: 15px;
    font-weight: bolder;
}
.empreendimento_noticia_conteiner_Descrição {
    width: 330px;
    display: block;
    float: left;
    font-size: 14px;
    text-align: justify;
    color: #fff;
}

#empreendimento_noticia_cinza {
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0;
    background: url(../img/bg-cinza.png);
    border-radius: 20px;
}
.empreendimento_noticia_cinza_conteiner {
    width: 350px;
    margin: 15px 0 15px 0;
    display: block;
    float: left;
}
.empreendimento_noticia_cinza_conteiner_img {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin: 25px 10px 0 0;
}
.empreendimento_noticia_cinza_conteiner_titulo {
    width: 290px;
    height: 20px;
    font-size: 22px;
    font-size: 16px;
    color: #545452;
}
.empreendimento_noticia_cinza_conteiner_texto {
    width: 290px;
    margin: 5px 0 0 0;
    text-align: justify;
    height: 60px;
    color: #545456;
    font-size: 14px;
}
.separador_cinza {
    width: 5px;
    height: 105px;
    display: block;
    float: left;
    margin: 15px 13px 0 13px;
    background-color: #C7C7C7
}
.empreendimento_noticia_cinza_conteiner_primeiroEspaco {
    width: 28px;
    height: 80px;
    display: block;
    float: left;
}

/* ========== ESTILIZAÇÃO CONDOMINIO / CONTATO / FOTOS ========== */
#conteiner_condominio {
    width: 900px;
    display: block;
    float: left;
    text-align: justify;
    padding: 30px 120px;
}
#conteiner_condominio p {
    font-size: 14px;
}
#condominio_banner {
    width: 900px;
    margin: 0 auto;
}
#condominio_video {
    width: 900px;
    display: block;
    float: left;
}
.condominio_esquerda {
    width: 445px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
.condominio_esquerda h2 {
    width: 100%;
    display: block;
    float: left;
    color: #163E61;
    margin: 25px 0 5px 0;
}
.condominio_esquerda span {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 20px 0;
}
#condominio_esquerda_video {
    display: block;
    float: left;
    width: 360px;
    height: 310px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 50px 3px #333333;
}
#condominio_esquerda_video iframe {
    margin: 5px 0 0 5px;
    border-radius: 10px;
}

.condominio_direita {
    width: 445px;
    display: block;
    float: right;
    margin: 0 0 0 5px;
}
.condominio_direita p {
    width: 100%;
    display: block;
    float: left;
    margin: 100px 0 0 0;
    font-size: 14px;
}

#contato_video {
    width: 900px;
    display: block;
    float: left;
}
#contato_video h2 {
    width: 100%;
    display: block;
    float: left;
    color: #163E61;
    margin: 25px 0 5px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #aaa;
}
.contatoFormulario {
    width: 400px;
    display: block;
    margin: 0 auto;
}
.contatoInput {
    width: 350px;
    display: block;
    float: left;
    padding: 10px;
    margin: 2px 0;
    border-radius: 10px;
    border: 1px solid #999;
}
.contato_textarea {
    width: 350px;
    height: 50px;
    display: block;
    float: left;
    padding: 10px;
    margin: 2px 0;
    border-radius: 10px;
    border: 1px solid #999;
}
.contatoFormulario span {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
}
.contato_btn {
    margin: 10px 0 0 0;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #163E61;
    border: 0;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}
.contato_btn:hover {
    background-color: #fff;
    color: #000;
    transition:all 0.5s linear;
}
#conteudo_foto {
    width: 90%;
    display: block;
    padding: 0 5%;
    float: left;
}
.fotos_conteiner_individual {
    width: 280px;
    height: 200px;
    display: block;
    float: left;
    margin: 30px 28px;
    transition:all .5s ease-in;
    border-radius: 10px;
    box-shadow: 1px 1px 50px 3px #555;
}
.fotos_conteiner_individual:hover {
    transform:scale(1.2)
}
.fotos_conteiner_individual img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
}
#conteudo_video {
    width: 90%;
    display: block;
    padding: 5%;
    float: left;
}
.video_conteiner_individual {
    box-shadow: 1px 1px 50px 3px #333333;
    width: 310px;
    display: block;
    float: left;
    margin: 30px 16px;
    transition:all .5s ease-in;
    border-radius: 10px;
}
.video_conteiner_individual:hover {
    transform:scale(1.2)
}
.video_conteiner_individual iframe {
    width: 300px;
    height: 300px;
    border-radius: 10px;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
    display: block;
    float: left;
}





/* ========== ESTILIZAÇÃO PÁGINA EMPREENDIMENTOS ========== */
#empreendimento_conteudo {
    width: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: block;
    float: left;
    margin: 0 0 15px 0;
    background: url(../img/bg-outras-paginas.png)
}
#empreendimento_conteudo_titulo {
    width: 100%;
    display: block;
    float: left;
}
#empreendimento_conteudo_titulo h1 {
    display: block;
    margin: 20px 0 0 30px;
    font-weight: bolder;
    color: #293F5F;
    font-size: 30px;
}
#mapa {
    display: block;
    margin: 5px 0 0 30px;
    font-size: 12px;
}
#mapa a {
    color: #000;
}
#mapa a:hover {
    text-decoration: underline;
}
#mapa b {
    color: #163E61;
}
.empreendimento_produto {
    width: 210px;
    display: block;
    float: left;
    border: 2px solid #bbb;
    text-align: center;
    padding: 10px;
    margin: 50px 25px;
    box-shadow: 1px 1px 50px 3px #333333;
}
.empreendimento_produto:hover {
    border: 2px solid #163E61;
    transition:all 0.8s linear;
}
.empreendimento_produtoImg {
    display: block;
}
.empreendimento_produtoTitulo {
    font-weight: bolder;
    color: #163E61;
    display: block;
}
.empreendimento_produtoLinha {
    width: 100%;
    height: 1px;
    background: #888;
    margin: 10px 0;
    display: block;
}
.empreendimento_produtoEndereço {
    font-size: 14px;
    display: block;
    color: #444;
}

/* ========== ESTILIZAÇÃO PÁGINA EMPREENDIMENTOS DETALHES ========== */

#empreendimento_detalhe_superior {
    width: 100%;
    display: block;
    float: left;
}
#empreendimento_detalhe_superior_img {
    width: 200px;
    display: block;
    float: left;
    margin: 150px 30px 30px 30px;
}
#empreendimento_detalhe_superior_descricao {
    width: 820px;
    display: block;
    float: right;
    margin: 30px;
}
#empreendimento_detalhe_superior_descricao h1 {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    color:#163E61;
    font-size: 35px;
}
#empreendimento_detalhe_superior_descricao h2 {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    font-size: 25px;
    color: #333;
}
#empreendimento_detalhe_superior_descricaoEndereco {
    width: 100%;
    display: block;
    float: left;
    margin: 20px 0 0 0;
    color: #444;
}
#empreendimento_detalhe_superior_descricaoDescricao {
    width: 100%;
    display: block;
    float: left;
    margin: 20px 0 0 0;
    color: #444;
    text-align: justify;
    font-size: 14px;
}
#empreendimento_detalhe_inferior {
    width: 1080px;
    margin: 30px;
    display: block;
    float: left;
}
#empreendimento_detalhe_inferior #abas {
    display: block;
    text-align: center;
}
#empreendimento_detalhe_inferior #abas a{
    font-size: 14px;
    background-color: #777;
    padding: 22px 20px;
    color: #fff;
    font-weight: bolder;
}
#empreendimento_detalhe_inferior #abas a:hover{
    background-color: #eee;
    color: #163E61;
    transition:all 1s linear;
    font-weight: bolder;
    
}
.abas_esquerda{
    border-top-left-radius: 20px;
}
.abas_direita {
    border-top-right-radius: 20px;
}
#empreendimento_detalhe_inferior #conteudos {
    width: 1040px;
    display: block;
    float: left;
    background-color: #ddd;
    border-radius: 20px;
    margin: 6px 0 0 0;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #fff, #999); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #fff, #999); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #fff, #999); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #fff, #999); /* Standard syntax */
}
.apartamentos {
    display: block;
    float: left;
    width: 450px;
    margin: 0 12px;
}
.apartamentos img {
    display: block;
    width: 40px;
    float: left;
    margin: 30px 0 0 0;
}
.apartamentos h3 {
    display: block;
    float: left;
    width: 250px;
    margin: 35px 0 0 10px;
}
.apartamentos p {
    display: block;
    float: left;
    font-size: 13px;
}
.galeria_foto {
    width: 200px;
    height: 200px;
    display: block;
    float: left;
}
.galeria {
    display: block;
    float: left;
    width: 100%;
    margin: 0 12px;
}
.galeria #gal_foto {
    display: block;
    width: 40px;
    float: left;
    margin: 30px 0 0 0;
}
.galeria #gal_foto img{
    width: 40px;
}
.galeria h3 {
    display: block;
    float: left;
    width: 250px;
    margin: 35px 0 0 10px;
}
.galeria #linha {
    width: 88%;
    display: block;
    float: left;
    height: 1px;
    margin: 20px 0 20px 0;
    border-bottom: 1px #777 dotted;
}

#galeria_de_photo {
    width: 126px;
    display: block;
    float: left;
    margin: 0px 15px 0px 15px;
}
.galeria_foto {
    width: 126px;
    height: 106px;
    display: block;
    float: left;
    background: #eee;
    padding: 5px;
    margin: 5px;
}
.galeria_foto img {
    display: block;
    float: left;
    width: 120px;
    height: 100px;
    padding: 3px;
}
.empre_Video {
    width: 100%;
    display: block;
    float: left;
    padding: 50px 0;
    text-align: center;
}
/* ============================================================== 1200 PIXELS - DESKTOPS ============================================================== */   
/* ==========================================================  960 PIXELS - TABLETS PAISAGEM ========================================================== */   
/* ==========================================================  768 PIXELS - TABLETS RETRAT0 =========================================================== */    
/* ========================================================== 480 PIXELS - CELULAR PAISAGEM =========================================================== */   
/* ========================================================== 320 PIXELS - RETRATO ==================================================================== */   

/* @media (max-width: 1140px){
    
    header#cabecalho #menu{
        background: #fff;
        width: 100%;
    }
    #menu ul {
        display: none;
    }
    
    header#cabecalho #menu_mobile {
        display: block;
        background: #eee;
        width: 100%; 
        text-align: center;
        height: 60px;
        line-height: 60px;
    }
    #menu li {
        float: none;
        background: #fff;
        width: 100%;
    }
}




.img_RESPONSIVO{
    width: 100%;
    max-width: 350px;
    min-width: 300px;
    height: auto;
    }

*/