* {margin: 0; padding: 0; }
body, html{
font-family: Arial, helvetica, sans-serif;
font-size: 12px;
background: white;
}
a, a:active, a:visited{
text-decoration: none;
outline: none;
}
/**
* GERAL
*/
h1{
font-size: 30px;
margin-bottom: 20px;
color: #000;
text-shadow: 0px 5px 5px rgba(0,0,0,0.7);
background: rgba(0,0,0,0.1);
}
h2{
font-size: 25px;
margin-bottom: 20px;
color: #000;
margin-top: 20px;
text-indent: 10px;
}
.tituloImovel{
font-size: 30px;
text-align: center;
}
.traco{
height: 10px;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.traco-1{
height: 2px;
width: 100%;
display: block;
position: relative;
left: 0;
background: #ddd;
}
p.texto{
line-height: 25px;
font-size: 13px;
text-align: justify;
}
.img-indent-right{
float: right;
display: block;
margin-left: 20px;
margin-bottom: 20px;
border: 1px solid #ccc;
}
.bold{
font-weight: bold;
}
.pad-10{
padding-top: 10px;
display:block;
}
.pad-20{
padding-top: 20px;
display:block;
}
.pad-30{
padding-top: 30px;
display:block;
}
input{
padding: 6px;
border: 1px solid #ccc;
box-shadow: 0px 3px 2px rgba(0,0,0,0.4);
}
input.submit{
padding: 5px;
background: #000;
color: white;
border: 1px solid #000;
cursor: pointer;
}
input.maisacoes{
padding: 5px;
background: #ddd;
color: #545454;
border: 1px solid #ccc;
cursor: pointer;
}
select{
padding: 5px;
border: 1px solid #ccc;
box-shadow: 0px 3px 2px rgba(0,0,0,0.4);
}
textarea{
padding: 5px;
border: 1px solid #ccc;
box-shadow: 0px 3px 2px rgba(0,0,0,0.4);
font-family: Arial, helvetica;
font-size: 1.2em;
}
.bkg-1{
background: #eee;
}
.border-1{
border-left: 1px solid #eee;
}
.w100{
width: 100%;
}
.w100-5{
width: calc(100% - 12px);
}
.w100-6{
width: calc(100% - 14px);
}
.color-1{
color:#000 !important;
}
.tRight{ text-align: right !important;}
/**
* LOGO
*/
.logo{
display: block;
margin-top: 40px;
color: black;
}
.logo img{
width: 100%;
}
.logo span{
font-size: 15px;
letter-spacing: 1.4px;
}
/**
* CENTRAL
*/
.central{
margin-top: 20px;
float: right;
}
.central img, .central a{
float: left;
}
/**
* CORRETOR
*/
#lnkCorretor{
display: block;
width: 188px;
height: 50px;
}
/**
* MENU SUPERIOR
*/
ul.menu_superior{
display:block;
margin-top: 20px;
float: right;
position: relative;
}
ul.menu_superior li{
position: relative;
display: inline-block;
}
ul.menu_superior li a{
display: inline-block;
color: white;
background: #000;
padding: 10px 20px;
font-size: 14px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
opacity: 0.8;
transition: all 0.3s ease;
}
ul.menu_superior li a.comicone{
padding: 10px 20px 10px 10px;
}
ul.menu_superior li a:hover, ul.menu_superior li a.active{
opacity: 1;
}
.submenu{
position: absolute;
z-index: 6;
display: none;
overflow: hidden;
padding: 5px 0;
background: white;
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
min-width: 190px;
}
.submenu li{
display: block !important;
}
.submenu li a{
padding: 7px 20px !important;
border-bottom: 1px solid #eee !important;
background: none !important;
color: #545454 !important;
box-shadow: none !important;
text-shadow: none !important;
display: block;
width: 100%;
}
.submenu li a:hover{
background: #eee !important;
}
/**
* BANNER
*/
.banner-fundo{
position: absolute;
top: 145px;
left: 0;
width: 100%;
background: #eee;
height: 303px;
display: block;
}
.banner{
width: 100%;
height: 300px;
overflow: hidden;
}
.banner img{
overflow: hidden;
}
/**
* BUSCA
*/
.box-busca{
z-index: 5;
display: inline-block;
position: relative;
padding: 30px;
background: rgba(255,255,255,0.8);
margin: 0 auto;
text-align: center;
width: 600px;
left: 50%;
top: 50%;
margin-left: -330px;
margin-top: -260px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
transition: all 0.2s ease;
margin-bottom: 40px;
}
.box-busca input:hover, .box-busca input:focus{
border: 1px solid #000;
}
.box-busca select:hover, .box-busca select:focus{
border: 1px solid #000;
}
.box-busca-inner{
z-index: 5;
display: inline-block;
position: relative;
padding: 20px 10px;
background: rgba(255,255,255,0.6);
margin: 0 auto;
transition: all 0.2s ease;
border-radius: 5px;
margin-bottom: 40px;
width: calc(100% - 22px);
border: 1px solid #000;
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
.box-busca-inner label{
display: block;
color: #545454;
margin-bottom: 5px;
}
.box-busca-inner input:hover, .box-busca-inner input:focus{
border: 1px solid #000;
}
.box-busca-inner select:hover, .box-busca-inner select:focus{
border: 1px solid #000;
}
/**
* CARROSSEL
*/
.carrossel{
}
.carrossel a{
width: 150px;
height: auto;
overflow: hidden;
float: left;
border: 1px solid #ddd;
transition: all 0.3s ease;
margin: 10px;
}
.carrossel a:hover{
border: 1px solid #000;
box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}
.carrossel a img{
width: 100%;
height: 100% auto;
}
.carrossel a span.carrossel-titulo{
font-size: 1.7em;
color: #484848;
display: block;
padding-left: 10px;
}
.carrossel a figure.carrossel-img{
width: 100%;
height: 100px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.carrossel a span.carrossel-desc{
font-size: 1.3em;
color: #545454;
display: block;
padding-left: 10px;
margin: 0;
}
.carrossel a span.carrossel-bairro{
font-size: 1.4em;
color: #545454;
display: block;
padding-left: 10px;
margin: 0;
}
.carrossel a span.carrossel-valor{
font-size:1.4em;
color: #000;
display: block;
padding-left: 10px;
font-weight: bold;
margin-bottom: 5px;
}
.carrossel a span.carrossel-mais{
font-size:1.2em;
color: white;
display: inline-block;
padding: 5px 10px;
font-weight: bold;
background: #000;
border-radius: 5px;
margin-left: 5px;
margin-bottom: 10px;
}
#carrosselVendaMais, #carrosselLocacaoMais{
display: none;
}
.vermaisvendas, .vermaislocacao{
font-size:1.3em;
color: white;
display: block;
padding: 5px 20px;
font-weight: bold;
background: #000;
border-radius: 5px;
margin-left: 5px;
margin-bottom: 10px;
text-align: center;
margin: 0 auto;
transition: all 0.2s ease;
opacity: 0.8;
}
.vermaisvendas:hover, .vermaislocacao:hover{
opacity: 1;
}
/**
* RESULTADO DAS BUSCAS
*/
.resultadoBusca{
}
.resultadoBusca a{
width: 100%;
height: auto;
overflow: hidden;
border: 1px solid #ddd;
transition: all 0.3s ease;
margin: 20px 10px;
display: block;
}
.resultadoBusca a:hover{
border: 1px solid #000;
box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}
.resultadoBusca a img{
width: 100%;
height: auto;
}
.resultadoBusca a div.col2{
width:230px;
float: left;
display: block;
padding-left: 20px;
}
.resultadoBusca a div.col3{
width:230px;
float: left;
display: block;
background: #eee;
padding: 10px;
font-size: 1.1em;
color: #545454;
height: 180px;
}
.resultadoBusca a span.resultadoBusca-titulo{
font-size: 1.9em;
color: #484848;
display: block;
padding-left: 10px;
}
.resultadoBusca a figure.resultadoBusca-img{
width: 200px;
height: 200px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: 135%;
float:left;
}
.resultadoBusca a span.resultadoBusca-desc{
font-size: 1.3em;
color: #545454;
display: block;
padding-left: 10px;
margin: 0;
}
.resultadoBusca a span.resultadoBusca-valor{
font-size:1.7em;
color: #000;
display: block;
padding-left: 10px;
font-weight: bold;
margin-bottom: 5px;
}
.resultadoBusca a span.resultadoBusca-mais{
font-size:1.2em;
color: white;
display: inline-block;
padding: 5px 10px;
font-weight: bold;
background: #000;
border-radius: 5px;
margin-left: 5px;
margin-bottom: 10px;
}
/**
* CADASTRE SEU IMÓVEL
*/
.cadastre-seu-imovel{
border-radius: 5px;
padding: 10px;
display: block;
background: #000;
font-size: 1.7em;
color: white;
text-align: center;
opacity: 0.8;
transition: all 0.5s ease;
}
.cadastre-seu-imovel:hover{
opacity: 1;
}
/**
* GERAL
*/
.aviso{
padding: 10px;
border: 1px solid #C7CA01;
background: #FFFACB;
color: #545454;
width: calc(100% - 22px);
display: block;
margin: 10px 0;
}
/**
* ÁREA ADMINISTRATIVA
*/
.grid{
width: calc(100% - 10px);
padding: 5px;
font-size: 1.5em;
}
.grid tr.alt td {background: #EEE;}
.grid tr.over td {background: #ddd;}
.grid tr.selected td {background:#000; color: white}
.grid td, .grid th{
padding: 5px;
border-bottom: 1px solid #eee;
text-align: left;
}
.grid th:first-child{
width: 60px;
}
.grid td.titulo{
}
/*
.grid th:first-child, .grid td:first-child{
width: 20px;
}
*/
.adm-barra-acao{
background: #1981CB;
width: 100%;
display: block;
position: relative;
height: auto;
}
.btnAcao{
padding: 6px 10px;
color: white;
display: inline-block;
background: none;
border: none;
box-shadow: none;
line-height: 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.btnAcao:hover{
background: rgba(0,0,0,0.1);
}
span.deletar {
background: url("../images/deletar.png") center center no-repeat;
display: inline-block;
height: 16px;
margin-right: 5px;
width: 16px;
}
.divFotosApagar {
display: block;
float: left;
height: 200px;
margin-bottom: 40px;
padding: 10px;
position: relative;
}
.divFotosApagar img {
border: 1px solid #DDDDDD;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
height: 100%;
padding: 5px;
width: auto;
}
.lnkDeletarFoto {
background: #FF0000;
color: #FFFFFF;
display: block;
padding: 5px 10px;
position: absolute;
top: 10px;
right: 10px;
text-align: center;
transition: all 0.3s ease 0s;
}
.lnkDeletarFoto:hover {
}
/**
* PÁGINA DE DETALHES DO IMÓVEL
*/
#galleria{height:400px; width: 100%;}
#detalhesImovel{}
#detalhesImovel .opcoesDetalhes{
display: block;
width: 100%;
padding: 20px 0;
color: #545454;
font-size: 2em;
border-bottom: 1px dotted #ccc;
}
#detalhesImovel .first{
border-top: 1px dotted #ccc;
}
#detalhesImovel .opcoesDetalhes span{
color: #000;
float: right;
}
.tituloDetalhes{
font-size: 1.5em;
text-align: right;
color: #545454;
}
.descricaoDetalhes{
font-size: 1.5em;
text-align: left;
color: #000;
}
#map{
display: block;
width: 100%;
height: 350px;
border-radius: 5px;
border: 1px solid #ccc;
}
/**
* RODAPÉ
*/
.rodape{
background: #eee;
width: 100%;
display: block;
left: 0;
position: relative;
height: 350px;
}
.rodape ul li{
border-bottom: 1px solid #ddd;
}
.rodape ul.contato li{
border-bottom: 1px solid #ddd;
line-height: 30px;
color: #545454;
opacity: 0.8;
}
.rodape ul.contato li.telefone{
font-size: 1.8em;
}
.rodape ul li a{
padding: 10px 0px;
color: #545454;
display: block;
transition: all 0.3s ease;
opacity: 1;
}
.rodape ul li a:hover{
opacity: 0.6;
}
/**
* MODAL
*/
.modal{
display: none;
}
.modalFundo{
display: block;
position: fixed;
background: rgba(255,255,255,0.7);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.modalConteudo{
display: block;
position: fixed;
width: 600px;
height: 400px;
border: 10px solid rgba(228,107,0,0.4);
z-index: 10;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: -310px;
border-radius: 5px;
}
.modalBarra{
width: 100%;
background: #000;
color: white;
display: block;
height: 40px;
position: relative;
}
.modalTituloBarra{
position: relative;
color: white;
font-weight: bold;
font-size: 1.5em;
display: inline-block;
padding-left: 20px;
padding-top: 8px;
}
.lnkFecharModal{
float: right;
display: block;
width: 16px;
height: 16px;
margin-right: 5px;
margin-top: 12px;
}
.modalTextos{
overflow-y: scroll;
overflow-x: hidden;
height: 310px;
width: 100%;
background: white;
display: block;
}
.modalTextos label{
display: block;
color: #545454;
margin-bottom: 5px;
}
.modalTextos input:hover, .modalTextos input:focus{
border: 1px solid #000;
}
.modalTextos select:hover, .modalTextos select:focus{
border: 1px solid #000;
}
.modalTextos textarea:hover, .modalTextos textarea:focus{
border: 1px solid #000;
}
.modalRodape{
display: block;
position: relative;
width: 100%;
background: #eee;
height: 50px;
}
.modalBotoes{
display: inline-block;
position: relative;
top: 10px;
margin-left: 10px;
}
label.error{
color: red;
position: absolute;
display: block;
}
input.error, select.error, textarea.error {
border: 1px solid red !important;
}
.divCarregarFotos{
margin-top: 30px;
width: 100%;
}
#progress { position:absolute; width:300px; height: 22px;padding: 1px; border-radius: 3px; top:15px;right: 10px; display: none; z-index: 99999;}
#bar { background-color: #000; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; color: white;}
#message {position: fixed; text-align: left; width:400px; top:10px;right:10px; display: none; z-index: 99999;}
.message-inner {margin-bottom: 10px; padding: 10px 20px; background: rgba(21,142,0,0.2); color: #545454; display: block;border-radius: 3px;border: 1px solid rgb(21,142,0);}
.message-error {margin-bottom: 10px; padding: 10px 20px; background: rgba(255,0,0,0.2); color: #545454; display: block;border-radius: 3px;border: 1px solid rgb(255,0,0);}
#galleria_nova .container {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
grid-auto-rows: 200px;
}
#galleria_nova .card {
background: white;
background-size: cover;
background-position: center;
/* margin: 0;
display: grid;
grid-template-rows: 1fr auto;
grid-row: 1 / -1;
grid-column: 1; */
}
/* Re-order items into 3 rows */
/* #galleria_nova .card:nth-child(4n+3) { height: 66.666%;}
#galleria_nova .card:nth-child(4n+2) { height: 50%;}
#galleria_nova .card:nth-child(4n+1) { height: 25%;}
#galleria_nova .card:nth-child(4n) { height: 33.333%;}
#galleria_nova .container::before,
#galleria_nova .container::after {
content: "";
flex-basis: 100%;
width: 0;
order: 2;
} */
/* #galleria_nova .card:nth-child(3n - 2) {
height: 25%;
} */
/* #galleria_nova .card:nth-child(6n-4) {
height: 75%;
}
#galleria_nova .card:nth-child(6n-3) {
height: 50%;
}
#galleria_nova .card:nth-child(6n-2) {
height: 50%;
} */
/* #galleria_nova .card:nth-child(3n-1) {
height: 66.666%;
}
#galleria_nova .card:nth-child(3n) {
height: 33.333%;
}
#galleria_nova .background {
flex-direction: column;
width: 100%;
justify-content: center;
} */