/* --------------------------------- IMOVEIS  ---------------------------*/
#container_imoveis { width:100%; float:left; background-color: #F2F2F2; }
#container_imoveis_venda { width:100%; float:left; background-color: #F2F2F2; }
#container_imoveis_locacao { width:100%; float:left; background-color: #dfdfdf; }
#imoveis_titulo { width:100%; margin:0 auto; text-align:center; }
#imoveis_titulo .titulo { width:100%; float:left; font-size:24px; text-align:center; color: #0c2476; padding:5px 0; font-weight: 600; }
#imoveis_titulo .titulo img{ position:relative; top:5px; width:55px; } #imoveis_titulo .titulo span{ font-size:16px; } 
.divisoria{ width: 50%; margin: 0 auto; display: flex; justify-content:center; align-items:center; }
.divisoria div{ background-color: #f0891a; }
.divisoria div.traco{ width:150px; height: 2px; }
#imoveis_titulo .titulo_fundo { background-image: linear-gradient(to bottom, #f0891a, #C7A131); width:100%; float:left; font-size:2.4em; text-align:center; color: #1B1B1B; font-weight:500; padding-bottom:7px } 
#imoveis_titulo .titulo_fundo img{ position:relative; top:6px; width:55px; } 

/* IMOVEIS */
#imoveis_container { width:90%; margin: 0 5% 20px 5%; }
.imoveis { width: 23.5%; height: 440px; float: left; background-color: #F2F2F2; padding-bottom:3em; font-weight:400; color: #0c2476; cursor: pointer; margin-top:2%; margin-bottom:1%; margin-right: 2%; text-align:center; box-shadow: 1px 1px 4px 0px #0c2476; border-radius: 8px 8px; }
.imoveis:nth-child(4n) { margin-right: 0; }
.imoveis:hover{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05);}
/*.imoveis .imagem{ display: inline-block; position: relative; }*/
/*.imoveis .imagem div{ background-color:#f0891a; color: #000; width:100%; text-align:center; font-size: 16px; padding:10px; text-transform:uppercase; clear:both; font-weight:400;}*/
.imoveis .imagem{ width: 100%; }
.imoveis .imagem img{ text-align:center; width: 100%; height:220px; z-index:10; margin-top:0px; border-radius: 8px 8px 0 0; }
.imoveis .imagem .titulo_imovel_article{float: left; color: #761b1b; margin-top: -14px; font-size: 0.5em;}
.imoveis .dados{ width:100%; float:right; text-align:left; font-size:15px; color:#0c2476; position: relative; }
.imoveis .dados strong{ font-weight:600; color:#3A3A37; font-size: 15px; }
.imoveis .dados ul{ list-style-type: none; margin: 0; padding: 0; width:100%; color:#6B6B6B; }
.imoveis .dados li{ width:auto; display:block;  text-align: left; padding:0px 6px; text-decoration: none; font-size:0.9em;}
.imoveis .dados li span{ color: #454545; }
.imoveis .dados .altura{ width: 98%; margin-left: 2%; color: #0c2476; font-size: 17px; font-weight: 500; text-align: left; margin-top: 8px; float: left; }
.imoveis #button { background-color: #f0891a; color:#FFFFFF; width: 40%; padding:10px 0px; font-size:14px; font-weight:400; text-align: center; float: right; right: 0; position: absolute; margin-top: -37px; opacity: 0.9; }
.imoveis .dados .ambientes{ width: 100%; text-align: center; color: #0c2476; padding-top: 20px; }
.imoveis .dados .ambientes td{ text-align: center; padding: 10px 10px; }
.imoveis .dados .interesse{ width: 100%; color: #F2F2F2; background-color: #0c2476; border-radius: 0 0 8px 8px; padding-left: 6px; margin-top: 8px; }
.imoveis .dados .interesse td, p { font-weight: 600 !important; }
.imoveis a.favoritar { color: #333333; font-size:15px; }
.imoveis a.favoritar:hover { color: #FF3920; }
.bairros{ float:left; background-color:#FFFFFF; color:#fff; width:24%; text-align:left; font-size: 1.4em; font-weight:400; margin-top:3%; margin-right:1%; padding:20px 5px; }

/* ===================================================   Media Query CSS   =================================================== */
@media screen and (max-width: 1170px) {    
    .imoveis{ width:32%; margin-right: 2%; }	
    .imoveis:nth-child(4n) { margin-right: 2%; }
    .imoveis:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 850px) {    
    .imoveis{ width:48%; margin-right: 4%; }	    
    .imoveis:nth-child(3n) { margin-right: 4%; }
    .imoveis:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 670px) {    
    .imoveis .dados .altura{ font-size: 14px;}    
}
@media screen and (max-width: 620px) {    
    .imoveis{ width:80%; margin-left: 10%; margin-right: 10%; margin-top: 5%; }	    
}
@media screen and (max-width: 500px) {    
    .imoveis{ width:100%; margin-left: 0; }	    
    .imoveis .imagem img{ height:215px; }
    .imoveis .dados .altura{ font-size: 17px;}    
}
@media screen and (max-width: 425px) {    
    .divisoria div.bolinha{ height: 9px; }    
    .divisoria div.bolinha_red{ height: 9px; }
}
@media screen and (max-width: 380px) {    
    .divisoria div.bolinha{ width:20px; height: 8px; }    
    .divisoria div.bolinha_red{ width:20px; height: 8px; }
}