/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

body { line-height: 1;}

#geral {width: 960px; margin:0 auto; position:absolute; top: 0; left: 50%; margin-left: -480px; font: 11px Arial, Helvetica, sans-serif; color:#2e2e2e; margin-top:10px;}
#topo {width:960px; height:80px; margin-bottom:8px;}
#logo {width:235px; height:67px; float:left; margin: 8px 0 0 12px;}
#logo h1 a{width:235px; height:66px; background: url(../images/logo.png); text-indent:-999px; display:block;}

#menu {width:690px; height:29px; background:url(../images/bg-menu-rodape.png) top repeat-x; float:right; color:#fff; display:block; border:1px solid #e2e4e5;}
#menu ul {width: auto; line-height:29px; text-align:center;}
#menu li {display:inline; padding:0 3px;}
#menu li a {text-decoration:none; color:#e44625; font:bold 11px Arial, Helvetica, sans-serif;}
#menu li a:hover {text-decoration:underline;}

#agencias {width:710px; height:53px; float:right; background:url(../images/topimobiliario.gif) right top no-repeat;}
#agencias ul {width: 710px; height:53px; float:left; padding:7px 0 0 37px;}
#agencias li {display:inline-block; float:left;}
#agencias .agencias-c1 {width: 80px;}
#agencias .agencias-c2 {width: 110px;margin-left:5px;}
#agencias .agencias-c3 {width: 120px; margin-left:5px;}
#agencias .agencias-c4 {width: 100px;}

.atendimento-online {width: 260px; height:67px; background:url(../images/atendimento-online.png) 0 2px no-repeat;}
.atendimento-online a {width: 260px; height:67px; display:block; text-indent:-9999px;}

#conteudo {width: 960px; font:11px Arial, Helvetica, sans-serif; color:#2e2e2e;; }
#conteudo h3 {font:bold 11px Arial, Helvetica, sans-serif; padding: 10px 10px 10px 5px; color:red;}
#conteudo a {color:red;}
#menu-lateral {width:260px;float:left; margin-right:8px;}
#conteudo-686 {width:686px; float:right;}
#conteudo-686 td {text-align:left; line-height:22px; color:#2e2e2e;}
#conteudo-740 {width: 740px; }
#conteudo-960 {width:960px;}
.clear-692 {width:686px; clear:both;}
.clear-720 {width:720px; clear:both;}
.clear-960 {width:960px; clear:both;}

#conteudo-empresa-960 p {padding:0 10px 10px 20px; font:11px Arial, Helvetica, sans-serif; line-height:16px;}
#conteudo-empresa-960 h3 {font:bold 11px Arial, Helvetica, sans-serif; padding: 10px 10px 10px 5px; color:red;}
#conteudo-empresa-960 .empresa-plus {line-height:20px; text-align:center;}
.empresa-img {width: 260px; height:442px; float:left; padding-left:10px; background:url(../images/agencias.png) center no-repeat;}

/* ANIMACAO */
#anim {width:685px; height:216px; background: #CCCCCC url(../images/bg-animacao.jpg) repeat-x; margin-bottom:12px; }
#box4{ position:absolute; font:inherit;}
#box4 div{ width:685px; height:216px; background:url(../images/txt-destaques.gif) no-repeat; float:left;}
#box4 h3, #box4 p, #box4 ul{ padding:10px 10px 0 75px; font-size:13px;}
#box4 p{ line-height:16px; font-size:11px;}
#box4 img{ width:350px;	height:212px; float:right; margin:2px;}
#box .sright15 {margin-right:15px;}
.mask3{	position:relative; width:683px; height:216px; overflow:hidden;}
#info4{	background:#fff !important;	color:red !important; cursor:default;}
.info{ width:240px;	height:50px; background:#000; position:absolute;}
.info p, .info h4{ color:#fff; padding:3px 8px;	font-family:Arial;}
.info h4{ font-size:14px;}
.info h4 a{	float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none;}
#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px;}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana;}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff;}
/* DESTAQUE HOME */


#conteudo-agencias-960 ul { margin-bottom:8px; text-align:left;}
#conteudo-agencias-960 li { display: inline-block; vertical-align: middle; line-height:80px; height:100px; width:958px; border:1px solid #e2e4e5; margin-bottom:10px; background:#f3f3f3;}
#conteudo-agencias-960 h3 { margin: 0 0 5px 135px; font:bold 14px Arial, Helvetica, sans-serif; color:red;}
#conteudo-agencias-960 p { font:11px Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 10px 140px;}
#conteudo-agencias-960 img {float:left; margin:5px;}
#conteudo-agencias-960 li a, #conteudo-agencias-960 li a:hover {color:red; text-decoration:underline;}

#conteudo-lancamentos ul { margin-bottom:8px; text-align:left;}
#conteudo-lancamentos li { display: inline-block; vertical-align: middle; height:154px; width:690px; border:1px solid #c7c8c9; margin-bottom:10px; background:#f3f3f3;}
#conteudo-lancamentos h3 { margin: 0 0 5px 135px; font:bold 14px Arial, Helvetica, sans-serif; color:red;}
#conteudo-lancamentos p { font:11px Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 10px 140px;}
#conteudo-lancamentos li a, #conteudo-lancamentos li a:hover {color:red; text-decoration:underline;}
#conteudo-lancamentos li.lc-vilamaria {background:url(../images/lc_vilamaria.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-jabaquara {background:url(../images/lc_jabaquara.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-santoamaro {background:url(../images/lc_santoamaro.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-panamby {background:url(../images/lc_panamby.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-valedoluar {background:url(../images/lc_valedoluar.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-sanvicent {background:url(../images/lc_sanvicent.jpg) 5px no-repeat;}
#conteudo-lancamentos li.lc-parquesaosilvestre {background:url(../images/lc_parquesaosilvestre.jpg) 5px no-repeat;}

#lancamento-detalhes {width:686px; float:right; margin-bottom:8px;}
#lancamento-detalhes h3 {border:1px solid #e2e4e5; line-height:15px; padding: 5px; margin:10px 0; }
#lancamento-detalhes ul{width:100%; display:block; }
#lancamento-detalhes li {display:inline; width:90px; height:60px; padding-right:15px;}
#parceiros li {width:33%; float:left; text-align:center; display:block; height:140px;}
#parceiros li img {border:1px solid #cdd0d1;}

#busca, #busca-avancada {width:252px; height:290px; padding-left:6px; font:11px Arial, Helvetica, sans-serif; border:1px solid #e2e4e5;} 
#busca-avancada {height: 552px;}
#busca td, #busca-avancada td { line-height:25px;}
.botao {background:url(../images/bg-menu-rodape.png) repeat-x; color:#e44625; border:1px solid #cdd0d1; font-weight:bold; font-size:11px; padding:3px 6px;}
.form {color:#2e2e2e;}
.campo {border:1px solid #e2e4e5; font:11px Arial, Helvetica, sans-serif; color:red;}

#animacao { width:260px; height:200px; margin: 12px 0; font-size:1px; line-height:0;} 

#acesso-rapido {width:258px; height:44px; margin-top:8px; border: 1px solid #e2e4e5;}
#acesso-rapido h2 {padding:5px 0 0 50px;}
#acesso-rapido a {color:#2e2e2e; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
#acesso-rapido a:hover {text-decoration: underline;}
.bt-cadastro { background:url(../images/bt-cadastro.png) no-repeat; }
.bt-imoveis {background:url(../images/bt-meus-imoveis.png) no-repeat;}
.bt-trabalhe {background:url(../images/bt-trabalhe.png) no-repeat;}

#destaques-home { width:683px; color:#2e2e2e; font-size:11px; text-align:left; margin-left:8px; }
#destaques h2 {font-weight:bold;}
#destaques li {width:auto; height:50px; padding:5px; line-height:14px;}

#destaques-indice {width:207px; height:170px; float:left; color:#343333;border:1px solid #e4e4e4; margin:5px 27px 15px 0px; display:block;}
#destaques-indice li { text-align:center; line-height:14px; }
#destaques-indice img {width:177px; height:110px; margin:8px 5px 3px 5px;}
#destaques-indice.ultimaColuna { margin:5px 0px;}

#imoveis-selecionados { text-align: right; color:#2e2e2e; background:#f4f4f4; line-height:20px; padding-right:10px; border:1px solid #e2e4e5;}

#resultado-da-busca img {padding:1px; border: 2px solid #fff;}
#resultado-da-busca-titulo {width: 690px; font:bold 12px Arial, Helvetica, sans-serif; color:red;}
#resultado-da-busca-titulo ul {padding:8px 0; text-align:center; }
#resultado-da-busca-titulo li { display: inline-block;}
#resultado-da-busca-titulo li.rsnone {width: 75px;}
#resultado-da-busca-titulo li.local {width:135px;}
#resultado-da-busca-titulo li.venda-locacao {width:33px;}
#resultado-da-busca-titulo li.tipo {width:93px;}
#resultado-da-busca-titulo li.dorms {width:52px;}
#resultado-da-busca-titulo li.suites {width:37px;}
#resultado-da-busca-titulo li.vagas {width:37px;}
#resultado-da-busca-titulo li.area {width:48px;}
#resultado-da-busca-titulo li.preco {width:95px;}
#resultado-da-busca-titulo li.favoritos  {width:57px;}
#resultado-da-busca-imoveis {width: 688px; font:11px Arial, Helvetica, sans-serif; color:#2e2e2e;}
#resultado-da-busca-imoveis ul {margin-bottom:8px; text-align:center; border:1px solid #e2e4e5;}
#resultado-da-busca-imoveis li { display: inline-block; vertical-align: middle; padding:3px 0 1px 0;}
#resultado-da-busca-imoveis li a {text-decoration:none; color:#2e2e2e; cursor:pointer;}
#resultado-da-busca-imoveis li.imagem {width:78px; text-align:center;  }
#resultado-da-busca-imoveis li.local {width:132px;}
#resultado-da-busca-imoveis li.venda-locacao {width:33px;}
#resultado-da-busca-imoveis li.tipo {width:93px;}
#resultado-da-busca-imoveis li.dorms {width:52px;}
#resultado-da-busca-imoveis li.suites {width:37px;}
#resultado-da-busca-imoveis li.vagas {width:37px;}
#resultado-da-busca-imoveis li.area {width:48px;}
#resultado-da-busca-imoveis li.preco {width:95px;}
#resultado-da-busca-imoveis li.favoritos  {width:54px;}

#imvselecionados {width:690px; heigth:40px;}
#imvselecionados li a {text-align:center; text-decoration:none;}
#imvselecionados li.solicitar, #imvselecionados li.ver {float:left; background:url(../images/bg-menu-rodape.png) repeat-x; color:#e44625; border:1px solid #cdd0d1; font-weight:bold; font-size:11px; padding:3px 6px; }
#imvselecionados li.ver {float:right;}

#nav_pages { text-align: center;  height: 30px; margin-bottom:8px;}
.nav_item, .nav_item:hover, .nav_atual_item, .nav_item_pa, .nav_item_pa:hover  { padding: 8px 7px 9px;  background: #f4f4f4; text-align: center; text-decoration: none; color: #333; line-height:30px;}
.nav_atual_item, .nav_item:hover, .nav_item_pa:hover { background: #e5e5e5;}

/*DETALHE DO IMOVEL*/
#conteudo-740 {font:11px Arial, Helvetica, sans-serif; color:#2e2e2e;}
#topo-720 {width:720px; height:114px; margin:8px; }
#indique {width:400px; text-align:right; float:right; display:block; padding:5px 0;}
#indique a {color:red; text-decoration:underline;}
#detalhe-imagem { width:360px; height:290px; margin-left:8px; border:1px solid #e2e4e5; background:#fff; text-align:center; display:block; float:left;}
#detalhe-imagem img {margin:5px;}
#detalhe-descricao {width: 360px; float:right; line-height:22px;}
#detalhe-rodape {width:720px; height:24px; background:url(../images/bg-menu-rodape.png) top repeat-x; line-height:24px; color: #2e2e2e; display:block; margin-left:8px; border:1px solid #e2e4e5;}
#detalhe-rodape p {float:left; width:500px; text-align:left; line-height:25px; padding-left:5px;}
#detalhe-rodape img {float:right;}
#container {width:710px; margin:8px; text-align:center;}

#rodape {width: 960px; height:29px; margin-top:8px; background:url(../images/bg-menu-rodape.png) top repeat-x; line-height:29px; border:1px solid #e2e4e5; color: #2e2e2e; }
#rodape ul {float:left; width:960px;}
#rodape li {height:28px; display:inline; margin-left:10px; float:left;}
.copyright { padding-right:410px;}
.nido, .ra3n {height:23px; width:60px; background:url(../images/logo-nido.png) no-repeat; text-indent:-9999px;}
.nido a, .ra3n a{height:23px; width:60px; display:block;}
.ra3n {background:url(../images/logo-ra3n.png) no-repeat;}

#extra{ margin-top:8px; width:960px;}
#extra p{text-align:center; color:#2e2e2e;}
#extra a {color:red;}

span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/checkbox.gif) no-repeat; display: block; clear: left; float: left;}
span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/radio.gif) no-repeat; display: block; clear: left; float: left;}
span.select { position: absolute; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 11px/20px Arial, Helvetica, sans-serif; background: url(../images/select.gif) no-repeat; overflow: hidden; width: 160px; color:red;}
/* fancyform styles */

.checked{background:url(../images/chk_on.png) no-repeat;}
.unchecked{background:url(../images/chk_off.png) no-repeat;}
.selected{background:url(../images/rdo_on.png) no-repeat;}
.unselected{background:url(../images/rdo_off.png) no-repeat;}
label {padding-left:15px; color:#2e2e2e;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; margin-top:50px; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }

#simule ul, #form_simule ul {padding:5px; float:left;}
#simule li, #form_simule li {height:30px; width:300px;}
#simule b {margin-left:80px;}
#simule em, .detalhes em {color:red; font-style:normal;}
#simule .select {border:none;}
#simule label, #form_simule label {width:105px; display:block; float:left; padding-right:5px;}
#simule input, #form_simule input {border:1px solid #efefef; margin-right:5px; float: none; font-size:11px;}
#simule h2, .detalhes h2 {margin:0 0 10px 0; color:red;}
#simule p {line-height:18px;}
#simule .image {position:absolute; margin-left:255px; }
#simule .botao {width:155px}

#form_simule label {width:55px; float:left;}



#divresultado {width:300px; padding-left:15px; border-left:1px solid #efefef; display:block; float:right;}
#divresultado .img {float:right;}
#divresultado .detalhes {width:200px; float:left; text-align:left; }
#divresultado .aprovacao {padding:5px; background:#efefef; width:300px; clear:both; }
#divresultado label {width:55px; display:block; float:left; padding-right:5px;}