@font-face {
    font-family: Calibri;
    src: url('../fonts/calibri-webfont.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/calibri-webfont.eot?') format('eot'), /* IE6-IE8 */
    url('../fonts/calibri-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/calibri-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/calibri-webfont.svg#Calibri') format('svg'); /* Legacy iOS */
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

html,body{ font-family:Calibri, arial, sans-serif; }
h1{ font-size: 2em; }
h2{ font-size: 1.75em; }

a{ color:#252525; }
a:hover{ color:#252525; }

.center{ text-align:center; }

#header{ background:#355C7D; border-bottom:solid 10px #294761; padding-bottom:5px; }
#header img{ max-width:100%;  padding:15px 0; }
#header #logo{ width:40%; float:left; padding:0 2%;     padding-top: 13px;}
#header #telefone-topo{ float:right; margin-top:50px; margin-bottom:20px; text-align:right; width:49%; margin-right:1%; font-size:30px; color:#fff; }

#nav{ background:#294761; padding:0 30px; }
#nav ul li a{ color:#fff; text-decoration:none; font-size:1em; }
#nav ul li a:hover { background: #252525; color:#eee; }
#nav .current a { display: none; }

#search{ background:#252525; color:#fff; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; } 
.clearfix {display:inline;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 

#search-complete input[type=text]{ 
    width:97%;
    border:0;
    padding: 4px 3px 3px 5px;
    margin: 0;
    margin-bottom:5px;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #e1e1e1;

    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

label.custom-select-inline{ display:inline-block; }
.custom-select-inline select{ display:inline-block; background: #f8f8f8; }

label.custom-select-block{ display:block; margin-bottom:5px; }
.custom-select-block select{ display:block; width:100%; background: #e1e1e1; }

label.custom-select {
    position: relative;
}

.custom-select select {
    border:0;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    

    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .custom-select select {
        padding-right:30px;    
    }
}

/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
    -webkit-box-shadow: 0 0 3px 1px #ccc;
    -moz-box-shadow: 0 0 3px 1px #ccc;
    box-shadow: 0 0 3px 1px #ccc;
}

/* Select arrow styling */
.custom-select:after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 7px;
    background: #a2a2a2;
    color: white;

    display: none\9; /* IE6, IE7, IE8, IE9 */

    pointer-events:none;

    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}


.no-pointer-events .custom-select:after {
    content: none;
}

.search-button{ 
    border:0;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.5;
    background: #355C7D;
    color: #fff;

    cursor: pointer;
    
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.search-button:hover {
    background: #294761;
}

#search button{ float: right; display: inline-block; }
#search-complete button{ margin:0 auto; display:block; }

#conteudo-home{ text-align: justify; }
#frase-home{ background:#355C7D; text-align:center; font-size:1.8em; color:#fff; }

#tools-1 > div > div { background: #355C7D; }
#tools-1 a { font-size: 1em; font-weight:bold; color: #fff; text-decoration: none; margin-top:15px; }
#tools-1 a span{ font-weight:normal; font-size:0.9em; }
#tools1-container{ border-top:solid 2px #dadada; padding-top:10px; }

.tools-icon{ text-align:center; }

#documentos h2{ font-size:1.3em; }
#documentos #cadastrese{ float:right; width:75%; margin-top:5px; }
#documentos #cadastrese a{ font-size:0.9em; margin:0; padding:0; line-height:20px; text-align:right; }
#documentos #login, #documentos #senha{ width:100%; border:none; height:25px; margin-top:5px; text-align:center; }
#documentos button{ float:left; width:20%; margin-top:5px; background:#252525; color:#fff; border:none; padding:5px 10px; }

#tools-3 { color:#FFF; }
#newsletter{ background:#252525; }
#newsletter i{ color:#FFF; margin-left:20%; }
#newsletter input{ width:70%; height:38px; border:none; padding:0 1%; }
#newsletter button{ width:20%; height:38px; border:none; border-left:0; background:#b2cd86; color:#252525; padding:1px 0; cursor: pointer; float:right; margin-right:8%; }
#newsletter h2 { text-align: left; margin-top:8px; }
#newsletter p{ text-align: left; margin-top:8px; }

#footer{ background:#252525; color:#fff; }
#footer-copyright{ background:#242424; padding:15px 0;  margin-top:15px; }
#address a{ color:#fff; }
#address small{ font-size:75%; }
#social a{ color:#252525; }

#div-form-contato{ max-width:768px; margin:20px auto; }
#div-form-contato h2 { padding: 10px 0; text-align: center;}
#div-form-contato .dfs-label{ width:19%; float:left; margin: 2px 0; }
#div-form-contato .dfs-input{ width:80%; float:left; margin: 2px 0; }
#div-form-contato .dfs-button{width: 80%; float: right; margin:5px 0; text-align: center;}
#div-form-contato .dfs-button button{ margin-right:5px; }

#link-simular-financiamento{ list-style-type:none; }
#link-simular-financiamento li{ float:left; width:16%; text-align:center; }
#div-form-simulacao{ max-width:768px; margin:20px auto; }
#div-form-simulacao h2 { padding: 10px 0; text-align: center;}
#div-form-simulacao .dfs-label{ width:29%; float:left; margin: 2px 0; }
#div-form-simulacao .dfs-input{ width:70%; float:left; margin: 2px 0; }
#div-form-simulacao .dfs-button{width: 70%; float: right; margin:5px 0; text-align: center;}
.dfs-input textarea, .dfs-input input{ 
    width:100%;
    border: 1px solid #999;
    padding: 5px 0px;
    
    outline:none; /* remove focus ring from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.dfs-button button {
    width: 80px;
    border:0;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.5;
    background: #252525;
    color: #FFF;
    cursor: pointer;
    
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.dfs-button button:hover {
    background: #444;
}

.dfs-label { font-weight: bold; }

/* Lista imóveis */
#wrap-conteudo #lista-imoveis ul li{list-style:none;padding:15px 0px; }
#wrap-conteudo #lista-imoveis ul{margin-left:0px; margin-top:30px;}
#lista-imoveis ul li{float:left; position:relative; width:220px; height:240px; margin-left:10px; margin-bottom:20px; text-align:center;}
#lista-imoveis ul li:hover{background:#ecebeb;}
#lista-imoveis ul li.endereco, #lista-imoveis ul li.endereco{display:block; margin:3px 0px; font:11px Tahoma;}
#lista-imoveis ul li a{display:block;}
#lista-imoveis ul li a.bt-more-info{margin-top:10px; color:#FFF; background:#D24936; padding:6px 0px; text-align:center; margin-left:15px; width:190px;}
#lista-imoveis ul li img{border:1px solid #000; margin-bottom:4px;}

.table-lista-imoveis {font-family:arial; border:1px solid #CCC; border-left:none; margin:10px 0pt 15px;width: 70%;text-align: left;}
.table-lista-imoveis thead tr th,
.table-lista-imoveis tfoot tr th {background-color:#EEE; border-left:1px solid #CCC; padding:6px 0px; text-align:center; font:bold 12px Arial;}
.table-lista-imoveis thead tr .header {background-image: url(../img/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
.table-lista-imoveis tbody td {color: #3D3D3D;padding:4px; border-top:1px solid #CCC; border-left:1px solid #CCC; background-color: #FFF;vertical-align: middle;}
.table-lista-imoveis tbody tr.odd td {background-color:#F0F0F6;}
.table-lista-imoveis thead tr .headerSortUp {background-image: url(../img/asc.gif);}
.table-lista-imoveis thead tr .headerSortDown {background-image: url(../img/desc.gif);}
.table-lista-imoveis thead tr .headerSortDown,
#table-lista-imoveis thead tr .headerSortUp {background-color: #8dbdd8;}


#status_erro {background-color:#f2dede; border-color:#ebccd1; color:#a94442;}
#status_ok {background-color:#dff0d8; border-color:#d6e9c6; color:#3c763d;}

#box-detalhe{ width:49%; float:left; }
#box-detalhe h3{ margin-bottom:30px; }
#box-conteudo-imovel-detalhe{ width:49%; float:left; margin-left: 1%; }
#box-conteudo-imovel-detalhe h3{ margin-bottom:30px; }
.tb-detalhe{ width:100%; }

.tb-detalhe .w40{width:40px;}
.tb-detalhe .w80{width:80px;}
.tb-detalhe .w120{width:120px;}
.tb-detalhe .w140{width:140px;}
.tb-detalhe .w180{width:180px;}
.tb-detalhe .first-td{border-left:none;}
.tb-detalhe .first-tr td{border-top:none;}
.tb-detalhe .center{text-align:center;}
.tb-detalhe .nopaddingleft{padding-left:0px;}
.tb-detalhe .tdbold{font-weight:bold;}
.tb-detalhe .tdtexto{font-weight:bold;}

.tb-detalhe thead tr{background:#EEE; height:44px;}
.tb-detalhe thead tr th{cursor:default; color:#000; font-size:22px; line-height: 38px;}
.tb-detalhe tbody tr{height:32px;}
.tb-detalhe tbody tr:hover { background: #f9f9f9; }
.tb-detalhe tbody tr td{
    padding-left:6px; border-top:1px solid #CCC; border-left:1px solid #CCC; vertical-align: middle;
    word-wrap:break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.before-table { 
    border:1px solid #CCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tdtitle{background: #EEE;}

#social-share{ margin-top:15px; }
#social-share h3{ margin-bottom:10px; }