/* --------------------------- EXIBE IMOVEIS ------------------------------*/
.titulo_barra { width: 100%; font-size: 1.6em; top: 0px; color: #1462A2; text-shadow: 1px 1px 1px #65b4e4; padding: 16px 0; margin-top: 0 !important; text-align: center; }
.titulo_barra_fixar { width: 100%; display: initial !important; font-size: 1.4em; position: fixed; z-index: 9999; background: rgba(245, 134, 52, 0.9); top: 0px; text-shadow: 1px 1px 1px #fff; padding: 16px 0; margin-top: 0 !important; text-align: center; }
.descricao { width:93%; float: left; padding-left:3%; font-size: 15px !important; color:#000000 !important; font-weight: 500;  }
.descricao .info{ width: 45%; float: left; margin-right: 2%; }
.descricao .contato{ width: 45%; float: right; }
.titulo { width:100%; float:left; font-size:30px; text-align:center; color: #1462A2; font-weight:400; padding:5px 0; }
.descricao h1 { font-size:18px; color:#000000; font-weight: 300;  }
.descricao div h2 { font-size: 16px; color:#000000; font-weight: 400;}
.descricao h1 span { font-size: 1em; color:#000000; font-weight: 400;  }
.descricao h1 b {  font-weight: 400;  }
.destaque{ width: 98%; margin:0; padding-bottom:1em; }
.destaque h3 { color: #000000; text-align:left; font-size:2em; font-weight:500; }
.voltar { width:98%; margin:0 auto; text-align:center;}
.favoritar{ color:#939393; padding-left: 3px; }
.favoritar:hover{ color:#D90508;  }
/*----------------------- VIDEO -------------------------*/
.video {
    width: 60%;
    max-height: 500px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 20%;
}
@media screen and (max-width: 800px) {
    .video { width: 80%; margin-left: 10%; margin-right: 10%;}
}
@media screen and (max-width: 667px) {
    .video { width: 96%; margin-left: 2%; margin-right: 2%; }
}
@media screen and (max-width: 420px) {
    .video { width: 98%; margin-left: 1%; margin-right: 1%; }
}
.video iframe {
    width: 100%;
    min-height: 350px;
}
/*------------------------	FOTOS -------------------------*/
.fotos{ width:98%; float: right; }
.foto_destaque{ width:95%; float:left; text-align:center; border: 1px solid #ccc; box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.31);  padding:5px; margin-left:0.1em; margin-bottom:1em; }
.fotos_pequena{ width:100%; float:left; padding:0; margin-bottom:3em; }
.coluna_fotos{ width:22%; float:left; text-align:center; padding:5px; border: 1px solid #ccc; margin-top:0.5em; margin-right: 1%;  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.31); background-color: #ffffff; }
.coluna_fotos img{ height:180px; max-width: 100%; }
.coluna_fotos:last-child{ margin-right: 0; }
@media screen and (max-width: 1024px) {
    .coluna_fotos{ width:21%; margin-right: 1.5%; }
    .coluna_fotos img{  height:80px; }
}
@media screen and (max-width: 768px) {
    .foto_destaque{ height:auto; }
    .fotos, .descricao { margin-left:0; }
    .coluna_fotos{ width:29%; padding:2px; margin-right:2%;  }
}
@media screen and (max-width: 667px) {
    .fotos { width:98%; padding:0;  }
    .descricao { width:98%; float:left;}
    .descricao .info{ width: 98%; float: left; margin-right: 0; }
    .descricao .contato{ width: 98%; float: right; }
    .titulo { font-size: 20px;  }
    .voltar {  float:right; text-align:center; margin-right:1em;}
    .coluna_fotos img{  height:60px; }
}
@media screen and (max-width: 420px) {
    .foto_destaque{ width:93%; }
    .fotos { width:98%; padding:0;  }
    .coluna_fotos{ margin-right:1%;  }
    .descricao { width:95%; margin-top:-1em; }
    .destaque{ margin-top: 1em; }
    .destaque h3 { font-size:1.8em; }
    .voltar{ display: none;}
}
/* -------------------- Formulário de contato --------------------------*/
.input{
    width:96%;
    background-color: #FFF;
    border:solid 1px #999 ;
    font-size:14px;
    padding: 10px 12px;
    margin: 1% 0;
    border-radius:5px;
}
.button_enviar{
    border: 1px solid #1462A2;
    font-weight:500;
    font-size:16px;
    color: #1462A2;
    background-color: #F58634;
    padding:9px 12px;
    margin: 2% 0%;
    cursor:pointer;
    border-radius: 5px; 
}
.button_enviar:hover{
    border: 1px solid #F58634;
    background-color: #1462A2;
    color: #F58634;
    text-decoration: none;
    cursor: pointer;
}
.msg_contato {
    color:#060;
    font-size:1.2em;
}
/* media queries */
@media screen and (max-width: 500px) {
    .button_enviar{ margin-top: 10px; }
}
@media screen and (max-width: 425px) {
    .input{ max-width:97%; }
}