@import url("reset.css");

body { font-family:"Lucida Sans"; font-size:12px; color:#6c6c6c; background:#fff; line-height:1.3em}
a { color:#6c6c6c; text-decoration:none}
button { font-family:Calibri;}

.clear { clear:both}
/* ----------- Top Part ---------- */
.top { width:100%; height:107px; background:url(../images/top-bg.png) repeat-x }
.top-wrapper { width:960px; height:auto; margin:auto}
.logo { float:left; padding:10px 0 0 10px}
.top-links { width:365px; height:35px; background:url(../images/top-links-bg.png) no-repeat; float:right; font-size:11px; margin:0 10px 0 0;}
.top-links a { color:#6c6c6c}
.top-links span { color:#84c143; }
.top-links p.links { float:left; padding:8px 10px;}
.top-links p.rss { float:right; padding:4px 30px 3px 0px; margin:5px 10px; background:url(../images/rss.png) no-repeat right;}

/* ----------- Homepage Top Navigation ---------- */
.top-nav { float:right; font-family:Calibri; font-size:24px; padding:30px 10px 0 0; width:666px; text-align:right}
.top-nav a:hover { color:#84c143}
.top-nav ul li { display:inline; text-align:left; line-height:24px; padding:0 5px;}
.top-nav ul li.separator { background:url(../images/home-separator.png) no-repeat; padding:2px 2px;} 

/* ----------- Homepage Green Area ---------- */
.home-green { background:url(../images/home-green.jpg) repeat-x; height:235px; width:100%; color:#fff;}
.home-green .left { width:470px; float:left}
.green-wrapper { width:960px; height:235px; margin:auto; }
.home-green h1 { font-family:Calibri; font-size:72px; line-height:65px; font-weight:normal; padding:10px 0; color:#fff;}
.home-green p { font-family:"Lucida Sans"; font-size:14px; padding:5px 0;}
.home-green p.read-more { float:right; background:url(../images/rm-bg.png) no-repeat;padding:6px 15px;}
.home-green p.read-more a { color:#ebf1db; }

#header { width:100%; height:auto }
#center { background:url(../images/center-bg.jpg) repeat-x; min-height:600px; }
#footer { border-top: solid 1px #c2c2c2; width:960px; margin:auto ; padding:5px 0 40px 0;}
.green-bar { background:url(../images/green_bar_bg.jpg) repeat-x; height:115px; width:100%; color:#fff;}
h1 { font-size:36px; color:#84c143; font-weight:normal; line-height:36px; padding:10px 0;}
h2 { font-size:16px; color:#84c143; font-weight:normal; line-height:16px; padding:10px 0 0 20px; background:none}

.center-wrapper { width:960px; height:auto; margin:auto; position:relative;}
.center-wrapper h1 { background:url(../images/h-bg.jpg) repeat-x bottom;}
.float-left {float:left;}
.float-right {float:right;}

/* ----------- Main Box Wrapper ---------- */
.main {width:942px; position:relative; top:-45px;}
.main h1 { font-size:36px; color:#84c143; font-weight:normal; line-height:36px; padding:10px 0; background:none}
.main-left { float:left; background:url(../images/main-left.png) no-repeat; width:10px; height:698px;}
.main-right { float:left; background:url(../images/main-right.png) no-repeat; width:10px; height:698px;}
.main-center { float:left; background:url(../images/main-center.png) repeat-x; padding:20px; width:882px; min-height:658px;}
.main-wrapper { border-bottom:1px solid #DAD9D9; border-top:1px solid #DAD9D9; padding:10px 0; width:860px;}
/* ----------- Homepage Left Part ---------- */
.center-wrapper .left { width:465px; float:left; padding:10px 0 0 0;}
.center-wrapper .right { width:495px; float:left; position:relative}
.center-wrapper .up { width:100%; padding:10px 0; border-bottom:solid 1px #d5d5d5; position:relative}
.center-wrapper .up .avatar { float:left; background:url(../images/img-frame.png) no-repeat; width:48px; height:48px; padding:6px 0 0 6px;}
.center-wrapper .up .thick { position:absolute; right:0px; top:3px; cursor:pointer;}
.center-wrapper .up .desc { float:left;}
.center-wrapper .up .desc .title { color:#84c143; font-size:16px; }
.center-wrapper .up .desc .details { padding:5px 0;}
.center-wrapper .up .desc .details span { color:#117d69}
.center-wrapper .up .desc .sugg a { color:#117d69; float:right}
.center-wrapper .up .desc small { font-size:9px;}
.center-wrapper .left .see-all { padding:3px 0;}
.center-wrapper .left .see-all a { font-size:11px;}

/* ----------- Homepage Form ---------- */
.home-form { background:url(../images/home-box.png) no-repeat; width:468px; height:514px; position:absolute; right:0px; top:-143px;}
.home-form h1 { background:none; padding:20px 20px;}
.home-form table { width:90%; margin:auto; font-size:14px;}
.home-form table p { padding:6px 3px;}
.home-form select { width:150px; height:31px; border:none}
.home-form input { width:150px;}
.home-form table.ne { margin-top:20px ;}
.home-form table p.ajuda { font-size:11px; }
.home-form table.ne button { float:right; margin:5px 20px 0 0;}

/* ----------- Homepage Como funciona o Procuro Casa ---------- */
.cf { background:url(../images/cf-bg.png) no-repeat; width:944px; height:199px; margin:15px auto;}
.cf .left { width:35%; float:left; padding:0 0 0 120px;}
.cf .right { width:35%; float:left; padding:0 0 0 150px;}
.cf h1 { font-size:30px; background:none; line-height:40px;}
.cf h1 span { font-size:54px;}

/* -----------FOOTER ---------- */
#footer .copyright { float:left; font-size:11px;}
#footer .copyright p { padding:2px 0;}
#footer .copyright p.cp { color:#84c143}
#footer .for { float:right; padding:10px 0;}
#footer .for span { background:url(../images/mediacode.png) no-repeat; padding:4px 13px}

/* ----------- Conta Pessoal ---------- */
.sub-header { border-bottom:solid 1px #dad9d9; margin-right:20px;}
.remax {float:left;}
.logo-right {float:left; padding:0 0 0 20px;}
.logo-right p{ width:450px;}
.dados-de-conta {border-top:solid 1px #dad9d9; border-bottom:solid 1px #dad9d9; padding:10px 20px; width:820px;}
.dados-de-conta table tr td {vertical-align:middle; padding:5px 10px;}
div.number-box {background:url(../images/number_box.jpg) no-repeat; width:40px; height:39px; font-family:arial; font-weight:bold; font-size:33px; line-height:33px; text-align:center; padding-top:5px;}
.dados-de-conta table.jqTransformTextarea tr td{ vertical-align:inherit; padding:0;}

.box-expandable-y {width:866px; margin:20px 0; border-bottom:solid 1px #dad9d9; padding-bottom:10px; }
.bey-hd {background:url(../images/bey_hd.png) no-repeat; width:866px; height:12px;}
.bey-ct {background:url(../images/bey_ct.png) repeat-y; width:866px; height:auto;}
.bey-ft {background:url(../images/bey_ft.png) no-repeat; width:866px; height:15px;}
.bey-ct-grad {background:#fff url(../images/bey_ct_grad.png) repeat-x  bottom; width:838px; margin:auto; padding:8px; }

.bey-ct-grad h2 { padding:0 5px;}
.bey-ct-grad table tr td {vertical-align:middle; padding:5px 10px;}

.terms tr td { vertical-align:top; padding:10px;}
.terms p { margin:10px 0;}
.terms a {color:#117d69;}
.terms a:hover { text-decoration:underline;}

/* ---------- Navigation ---------- */
.nav-menubar {background:url(../images/menubar.png) no-repeat; width:860px; height:44px; padding-top:5px; margin:20px 0;}
#navigation a {padding-left: 10px; font-size:16px; line-height:44px; cursor:pointer;}
#navigation a span {padding-right: 10px; cursor:pointer;}
#navigation a, #navigation a span {display: block; float: left; cursor:pointer;}
#navigation a:hover {color: #84c143; background: url(../images/left-tab-hover.png) left top no-repeat; margin-right:3px; cursor:pointer;}
#navigation a:hover span { background: url(../images/right-tab-hover.png) right top no-repeat; margin-right:-3px; cursor:pointer;}
#navigation a.active {color: #84c143; background: url(../images/left-tab-hover.png) left top no-repeat; margin-right:3px; cursor:pointer;}
#navigation a.active span { background: url(../images/right-tab-hover.png) right top no-repeat; margin-right:-3px; cursor:pointer;}
#navigation ul {list-style: none; padding: 0; margin: 0}
#navigation li {float: left; margin: 0 0 0 35px; cursor:pointer;}

/* ---------- Imoveis ---------- */
.inserir-btn {float:right; margin-right:20px;}
.ins-imagem-btn {margin:10px 20px 10px 0; border-bottom:solid 1px #dad9d9; height:50px;}
.ins-imagem-btn input {float:right; clear:both;}
.insercao-imoveis select {width:186px;}
.insercao-imoveis textarea {width:460px; height:130px;}
table tr.val-top td {vertical-align:top;}
.email-label { float:left; padding:7px 10px 0 0;}
.telefone-label { float:left; padding:7px 10px 0 0; margin-left:50px;}

/* ---------- Small box ---------- */
.sbey {width:427px; margin:10px 10px 10px 0; padding-bottom:10px; float:left; }
.sbey-hd {background:url(../images/sbey_hd.png) no-repeat; width:427px; height:12px;}
.sbey-ct {background:url(../images/sbey_ct.png) repeat-y; width:427px; height:auto;}
.sbey-ft {background:url(../images/sbey_ft.png) no-repeat; width:427px; height:15px;}
.sbey-ct-grad {background:#fff url(../images/bey_ct_grad.png) repeat-x  bottom; width:413px; margin:auto;   }
.sbey-ct-grad h2 { padding:5px 5px 10px 5px; border-bottom:solid 1px #e0dfe0}

/* --------------------------------------------- DASHBOARD --------------------------------------------- */
/* ---------- Últimos Pedidos Module ---------- */
.dup { width:100%; padding:10px 0; position:relative; border-bottom:solid 1px #e0dfe0}
.dup-wrapper { padding:5px;}
.dup-wrapper:hover {background:#e5e5e5;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.dup-wrapper-active { background:#e5e5e5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:5px;}
.dup .avatar { float:left; background:url(../images/img-frame.png) no-repeat; width:48px; height:48px; padding:6px 0 0 6px;}
.dup .thick { position:absolute; right:0px; top:3px; cursor:pointer;}
.dup .desc { float:left; width:320px}
.dup .desc p { font-size:10px; padding:5px 0 0 0;}
.dup .desc span { color:#117d69; font-size:12px;} 
.dup .desc td { padding:0 10px;}
.dup .desc td.mid { border-right:solid 1px #dddddd; border-left:solid 1px #dddddd}
.dup .left .see-all { padding:3px 0;}
.dup-see-all { padding:5px 0 0 10px;}
.dup-see-all a { font-size:18px; background:url(../images/gray-btn.png) no-repeat; width:126px; line-height:39px; font-family:Calibri; padding:7px 30px;}


/* ---------- Últimos Pedidos Imóveis ---------- */
.thumb-frame { float:left; background:url(../images/thumb_frame.png) no-repeat; width:96px; height:95px; padding:7px;}
.dui { width:100%; padding:0; position:relative; border-bottom:solid 1px #e0dfe0}
.dui-wrapper { padding:4px;}
.dui-wrapper:hover {background:#e5e5e5;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.dui-wrapper-active { background:#e5e5e5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:5px;}
.dui .desc { float:left; width:260px; padding:10px 0 0 10px}
.dui .desc h4 {color:#117d69; font-size:14px; padding:5px 0;}
.dui .desc p { font-size:10px; padding:5px 0 0 0;}
.dui .desc span { color:#117d69; font-size:12px;} 
.dui .desc td { padding:0 10px;}
.dui .desc td.mid { border-right:solid 1px #dddddd; border-left:solid 1px #dddddd}

/* ---------- Últimos Pedidos Imóveis ---------- */
.dest { width:100%; padding:0; position:relative;}
.dest .desc { float:left; width:100%; padding:10px 0 0 0}
.dest .desc td { padding:0 10px; vertical-align:middle; font-size:14px; font-weight:boldl; border-bottom:solid 1px #e0dfe0}

/* ---------- Inserir Novo and Destacar buttons ---------- */
.inad { padding:5px 0 0 10px; text-align:center; float:left}
.inad a { font-size:18px; background:url(../images/gray-big-btn.png) no-repeat; width:229px; line-height:58px; font-family:Calibri; padding:18px 80px;}


/* ---------- Lista-Imoveis ---------- */
.pagination#bottom {border:0;}
.pagination { border-top:solid 1px #dad9d9;  border-bottom:solid 1px #dad9d9;  margin-right:20px;}
.pagination table tr td { vertical-align:middle; padding:10px;}
select.per-page {width:25px;}
select.estado {width:155px;}
.page-numbers {float:right}
.page-numbers table tr td { vertical-align:middle; padding:0px 3px;}
.page-numbers table tr td a:hover{color:#84c143;}
.page-numbers table tr td.nr-links {vertical-align:top; padding-top:30px;}
.page-numbers table tr td.nr-links a {background:url(../images/dot_inactive.png) no-repeat center top; padding-top:12px; color:#cacaca;}
.page-numbers table tr td.nr-links a:hover { background:url(../images/dot_active.png) no-repeat; text-decoration:underline; color:#6d6e71;}
.page-numbers table tr td.nr-links a.active { background:url(../images/dot_active.png) no-repeat; text-decoration:underline; color:#6d6e71;}
.list-row {margin:10px 0;}
.list-row .infos {padding:15px 0 15px 20px; margin-right:20px;}
.list-row h2 { color:#117d69; font-size:18px; padding:10px 0 10px 135px;}
.even .infos {background:#f3f3f3; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.list-row .infos .cell {float:left; border-left:solid 1px #dad9d9; padding:10px; margin-left:15px; min-height:70px; position:relative}
.list-row .infos .cell table { position:absolute;top:-30px; min-width:200px}
.list-row .infos .cell table td { vertical-align:middle; font-size:14px;}
.list-row .infos .cell p {margin:5px 0;}
.list-row .infos .cell p span {color:#117d69; font-size:14px}
.actions { border-top:solid 1px #dad9d9; border-bottom:solid 1px #dad9d9; clear:both; margin-right:20px; margin-top:20px; padding:10px 5px;}
.gray-btn {font-size:18px; background:url(../images/gray-btn.png) no-repeat; width:126px; line-height:39px; color:#6d6e71; font-family:Calibri; padding:7px 30px; border:none; cursor:pointer;}
.green-btn {font-size:18px; background:url(../images/green_btn.png) no-repeat; width:128px; line-height:39px; color:#fff; font-family:Calibri; padding:7px 42px; border:none; cursor:pointer;}

/* ---------- Reservada Destaques ---------- */
/* ---------- Inserção de destaques module ---------- */
.dtq { width:100%; padding:0; position:relative;}
.dtq .desc { float:left; width:100%; padding:10px 0 0 0}
.dtq p { padding:10px;}
.dtq .inad { padding:5px 0 0 10px; text-align:center; float:left}
.dtq .inad a { font-size:18px; background:url(../images/gray-big-btn.png) no-repeat; width:229px; line-height:58px; font-family:Calibri; padding:18px 80px;}

/* ---------- Destaques ---------- */
.content { width:942px; margin:auto }
.content .left { width:590px; float:left}
.content .right { width:345px; float:left}
.content .left .pagination { border:none; padding:0 0 10px 0;}
.content .dest-box { background:url(../images/destaques-box.png) no-repeat; width:586px; height:209px; padding:0 0 10px 0; margin:10px 0; border-bottom:solid 1px #dad9d9; position:relative; }
.content .dest-box .thumb-frame { margin:10px;}
.content .dest-box .infos .cell {float:left; border-left:solid 1px #dad9d9; padding:10px; margin:10px 0 0 10px; min-height:70px; position:relative}
.content .dest-box .infos .cell table { position:absolute;top:-30px; min-width:200px}
.content .dest-box .infos .cell table td { vertical-align:middle; font-size:14px;}
.content .dest-box h2 { color:#117d69; font-size:18px; padding:10px 0; }
.content .dest-box .infos .cell p {margin:5px 0;}
.content .dest-box .infos .cell p span {color:#117d69; font-size:14px}
.content .dest-box .infos p.ver { position:absolute; bottom:20px; right:10px;}

.content .right .dest-right { float:left; background:url(../images/destaques_right.png) no-repeat; width:345px; min-height:312px; margin:20px 0 0 20px;  }
.content .right .dest-right .banner { width:100%; text-align:center; padding:20px 0; border-bottom:solid 1px #dad9d9; }
.content .right .dest-right .anuncios { padding:10px; background:url(../images/anuncios.jpg) no-repeat bottom right;}
.content .right .dest-right .anuncios a { color:#117d69;}
.content .right .dest-right .anuncios table { width:100%}
.content .right .dest-right .anuncios table td { padding:10px;}

/* ---------- Pedidos ---------- */
.pedidos-list {position:relative;}
.pedidos-list .avatar { float:left; background:url(../images/img-frame.png) no-repeat; width:48px; height:48px; padding:6px 0 0 6px;}
.pedidos-list .thick { position:absolute; right:15px; top:3px; cursor:pointer;}
.pedidos-list .desc { float:left;}
.pedidos-list .desc p { font-size:12px; padding:5px 0 0 0;}
.pedidos-list .desc span { color:#117d69; font-size:14px;} 
.pedidos-list .desc td { padding:0 10px;}
.pedidos-list .desc td.mid { border-right:solid 1px #dddddd; border-left:solid 1px #dddddd;width:480px}
.actions table tr td { vertical-align:middle; padding:10px;}
.green-btn#ver-mais { padding:7px 32px;}
.green-btn#responder { padding:7px 25px;}
.green-btn#sugestoes { padding:7px 26px;}