/* --------------------------------- IMOVEIS  ---------------------------*/
#container_imoveis { width:100%; background-color:#CACACA; padding-top: 5px; float:left; padding-bottom:3em; font-family:'Roboto', sans-serif;}
#container_imoveis_locacao { width:100%; background-color:#CACACA; padding-top: 5px; float:left; padding-bottom:3em; font-family:'Roboto', sans-serif;}

/* IMOVEIS */
#imoveis_container { width:100%; float:right; background-color: transparent; }
#imoveis_container h1{ width:90%; margin:0 auto; text-align:left;  margin-top: 2%; padding:0 0.5em; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400 !important; color:#333333;  }
#imoveis_container h1 span { margin-top:-12%; margin-bottom:10px; }
#imoveis_container h1 img{  padding-bottom: 5px; padding-right: 5px; padding-left: 6px; }
#imoveis_container h2{ width:90%; margin:0 auto; text-align:left;  margin-top: 2%; padding:0 0.5em; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400 !important; color:#333333; }
#imoveis_container h2 span { margin-top:-12%; }
#imoveis_container h2 img{  padding-bottom: 5px; padding-right: 5px; padding-left: 6px;}
#imoveis_container .favoritos{ width:35%; float: right; text-align: right; font-size: 1.6em; font-weight:300; margin: 0; color: #757575; padding-top:0.8em; padding-right:5%; }
#imoveis_container .favoritos img{ width:30px; padding-bottom: 5px; }

#imoveis_container .imoveis { width: 25%; height:420px; float: left; margin:2% 0; margin-left: 5.5%; background-color:#ffffff; margin-top:2%; text-align:center; border:1px solid #CCC;  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.31); z-index:5; }
#imoveis_container .imoveis:last-child { margin-right:0; }
#imoveis_container .imoveis:hover { opacity:0.9; }


/*#imoveis_container .imoveis img{ width:100%; float:left;}*/
#imoveis_container .imoveis div{ width:98%; float: right; text-align:left; }
#imoveis_container .imoveis div .texto{ width:95%; float: left; color: #000; text-align:left; font-size: 15px; font-weight:400; font-style:normal; padding:1%; padding-left: 2%; margin-top: 1%; }
#imoveis_container .imoveis div .preco{ height:40px; color: #000000; text-align:left; font-size: 1.3em; font-weight:600;  padding-left:1.1em;}
#imoveis_container .imoveis .dados{  width:100%; padding:7px 0; margin-bottom:0; }
#imoveis_container .imoveis .dados ul{ display:block; margin:0; padding:0; text-align:center;  }
#imoveis_container .imoveis .dados ul li{ float:left; width:32%; vertical-align: middle; height:40px; display: inline-block; text-align:center; color:#000; font-size:1.2em; font-style:normal; font-weight:500; }
#imoveis_container .imoveis .dados ul li b{ font-size:1.1em; }

#imoveis_container .foto { text-align:center; width:100%; height:220px; z-index:10; margin-top:0px; }
#imoveis_container .imoveis #favoritar { width:94%; float: left; padding: 1% 3%; color: #AD0C00; font-size:16px; margin-top: 2%;  }
#imoveis_container .imoveis #favoritar a { color: #AD0C00; font-size:1.6em; float:right; }
#imoveis_container .imoveis #favoritar a:hover {  }

#mais { float:left; margin:2% 30% 2% 42%; background-color: #EFEFEF; color: #000000; font-size:18px; text-align:center; padding:15px; border:1px solid #8D8D8D;  }
#mais:hover{ opacity:0.8; }

.status{ width:1024px; margin:0 auto; text-align:center; }



/* ===================================================
   Media Query CSS
   =================================================== */

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

    #imoveis_container .imoveis { width: 33%;} 
}

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

    #imoveis_container .imoveis { width: 42%; margin-left: 5%; }
}

@media screen and (max-width: 736px) {
    #menu_lateral { display:none; }
    #imoveis_container { width:99%; float:left; }

}


@media screen and (max-width: 600px) {
    #imoveis_container .imoveis { width: 80%; margin:2% 1%; margin-left:10%; }
    #imoveis_container h1{ font-size: 2em;  margin-bottom:4%;  }
    #imoveis_container h2{ font-size: 1.7em;  }
}

@media screen and (max-width: 420px) {
    #imoveis_container .imoveis { width: 85%; margin:2% 1% 2% 7%; }
    #imoveis_container h2{ font-size: 1.4em;  }
}

@media screen and (max-width: 320px) {
    #imoveis_container h2{ font-size: 1.3em;  }
}