/***** SITE LAYOUT *****/

body { color: #666; font: normal 13px/160% arial, verdana, helvetica, sans-serif; background-color: #fff; margin:0; padding:0;}
#rootcontainer {border-right: 0px solid #eee; border-left: 0px solid #eee; width: 965px; margin: 0 auto; background-color: #fff;}
#header { background: #ebebeb; height: 250px; width: 965px;}
#navtop {color:#ccc; background: url(images/bg_navtop-970-vermelho.png) repeat-y; line-height: 30px; }



#adcontainer {float: right; border-right: 0px solid #eee; border-left: 0px solid #eee; width: 200px; padding: 0; margin: 0 auto; background-color: #fff;}
#adcontainer h1 {background: #fff url(images/exposicao-verde-top.png) no-repeat; width: 200px; height: 80px; margin: 0; padding:0;}
#adcontainer h1 span {visibility: hidden;}
#adcontainer h2 {background: #fff url(images/oferta-verde-top.png) no-repeat; width: 200px; height: 80px; margin: 0; padding:0;}
#adcontainer h2 span {visibility: hidden;}
#adcontainer .exposicao-bottom { clear: left;background: #fff url(images/exposicao-verde-bottom.png) no-repeat; width: 200px; height: 80px; margin: 0; padding:0;}
#adcontainer .exposicao-sep { clear: left;width: 200px; height: 5px; margin:0 padding: 0;  background: #fff url(images/exposicao-verde-sep.png) no-repeat;}

#adcontainer .imovel-exposicao {overflow: hidden;width: 200px; height: auto; margin:0 padding: 0;  background: #fff url(images/exposicao-verde-background.png) repeat-y; float: left;}
#adcontainer .imovel-exposicao  div {width: 200px; height: auto;margin: 10px 0 10px 0; padding: 0; position: relative; text-align: center; border: 0px solid #8B6914;}
#adcontainer .imovel-exposicao  p {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.7em; width: 190px; height: auto; line-height: 14px;margin: 0 5px 0 5px; padding: 0; background-color: transparent; text-align: center;}
#adcontainer .imovel-exposicao  p a {text-decoration: none; color: #000; font-size: 1.2em; line-height: 1.8em;}
#adcontainer .imovel-exposicao  p a:hover {text-decoration: none; color: #666;}
#adcontainer .imovel-exposicao  div, #adcontainer .imovel-exposicao  div a {margin:0; padding:0;}
#adcontainer .imovel-exposicao  div a img {width: 140px; height: 105px; border: 1px solid #666;background-color: #ccc; padding: 3px; margin:0;}
#adcontainer .imovel-exposicao a.botao img {
    padding: 0;
    margin: 5px 10px 5px 0;
    border: 1px solid #fff;
    float: right;
    width: 70px;
    height: 14px;
}

#adcontainer .imovel-exposicao a.botao-verde img {
    padding: 0;
    margin: 5px 10px 5px 0;
    border: 1px solid #1e3d05;
    float: right;
    width: 70px;
    height: 14px;
}


#adcontainer .imovel-exposicao p.titulo {
    height: auto;
    line-height: 20px;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    text-align: center;
    background-color: transparent;
}

#maincontainer {float: left;border-right: 0px solid #eee; border-left: 0px solid #eee; width: 760px; margin: 0 auto; }


#contentwrapper{ background: #fff; float: left; width: 100%; }

#content { background: #fff; margin-left: 200px; }

#contentwrapper #content #publicidade {height: 92px;}
#contentwrapper #content #publicidade span { margin: 5px 0 0 10px; height: 82px; width: 20px; background-color: red; float: left; display: inline; overflow: hidden;}
#contentwrapper #content #publicidade .anuncios {width: 252px; height: 82px; margin: 5px 0 0 10px; background-color: #ccc; float: left; display: inline; overflow: hidden; text-align: center;}
#contentwrapper #content #publicidade .anuncios p {margin-top: 10px; line-height: 10px;}
#contentwrapper #content #publicidade .anuncios a {margin: 0; padding:0;}
#contentwrapper #content #publicidade .anuncios a img {margin: 0; padding:0; border: 1px solid #000;}

#contenttext { padding: 10px 20px 20px 20px; clear: both;}

#leftcolumn { color: #666; float: left; width: 200px; margin-left: -760px; background: #fff; }

#footer { background: #000; clear: left; width: 955px; color: #fff; text-align: right; padding: 10px 10px 10px 0; }


/***** NAVIGATION STYLES *****/



#navlist { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 0; margin: 0; text-align: right; }

#navlist li { display: inline; list-style-type: none; padding: 0 10px 0 0; text-align: right; }

#navlist li a, #navlist li a:visited { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff; outline: none; text-decoration: none; }

#navlist li a:hover { color: #fff; text-decoration: none; border-bottom: 2px dotted #fff; }

#navleft { padding: 0; margin: 0; width: 200px; }

#navleft li { list-style: none; margin: 0; padding: 0; }

#navleft li a, #navleft li a:visited { background-color: #ff0000; border-top: 1px solid #cc0000; border-bottom: 1px solid #000; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 30px; outline: none; text-decoration: none; display: block; text-indent: 10px; width: 100%; }

#navleft li a:hover { background-color:#c00; color: #eee;}

/***** GLOBAL STYLES *****/

#content p { margin: 0 0 18px 0; }

#content h2 { background: url(images/bg_h2.gif) no-repeat 0% 0%; border-bottom: 1px solid #000;font: 25px/20px arial, verdana, helvetica, sans-serif; padding: 0 0 5px 25px; margin-top: 0; }

#content h33 { background: #000; color: #fff; font: bold 15px/25px arial, verdana, helvetica, sans-serif; letter-spacing: 1px; padding: 0 0 0 25px; margin: 0 0 8px 0; }

#content h4 { font: bold 15px/15px arial, verdana, helvetica, sans-serif; letter-spacing: 1px; margin: 0 0 8px 0;}

#content h4 a, #content h4 a:visited { background: url(images/bg_h3_link.gif) no-repeat scroll 0% 0%; color: #cc0000; font: normal 15px/15px arial, verdana, helvetica, sans-serif; letter-spacing: 1px; padding-left: 13px; outline: none; text-decoration: underline; }

#content h4 a:hover { background: url(images/bg_h3_link_hover.gif) no-repeat scroll 0% 0%; color: #005b5b; text-decoration: none; }

#content h5, h6 { font: bold 13px/13px arial, verdana, helvetica, sans-serif; letter-spacing: 1px; margin: 0 0 8px 0; }

a, a:visited { font-weight: bold; color: #005b5b; outline: none; text-decoration: underline; }

a:hover{ color: #007a00; text-decoration:none; }

#footer a, #footer a:visited { color: #fff; font-weight: bold; text-decoration: underline; }

#footer a:hover { color: #ebebeb; text-decoration: none; }

/***** TABLE STYLES LEFT COLUMN *****/

#bancos {
    margin: 10px 0 10px 0;
}

#parceiros {
    margin: 0;
	padding: 0;
	text-align: center;
}

#parceiros h2 {
	font-size: 1.5em;
}

#leftcolumn h33 { font: bold 13px/18px arial, verdana, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 10px 0; }

#leftcolumn h4 { margin: 0; font: bold 13px/18px arial, verdana, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align: right; border-top: 1px solid #336600; padding-top: 0px; }

/***** INFO BOX STYLES *****/

.redline { font-size: 5px; line-height: normal; margin: 18px 0 0 0; padding: 0; background: url(images/red_line.gif) repeat-x 0% 0%; display: block; }

.infobox { background: #fff url(images/bg_infobox.gif) no-repeat scroll 0% 0%; border: 1px solid #ccc; padding: 10px; margin: 2px 0 18px 0; }

/***** IMAGE STYLES *****/

img { border: 0; }
.img-left { float: left; margin: 4px 10px 4px 0; }
.img-right { float:right; margin: 4px 0 4px 10px; }

#detalhe {
    height: 245px;
    background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
    padding: 2px 3px 3px 2px;
    margin: 2px;
}

#detalhe #foto {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 2px;
    width: 320px;
    height: 240px;
    border: 1px solid #333;
    cursor:crosshair;
    background-repeat:no-repeat;
    background-color: #fff;
    background-position: top center;
}

#detalhe #foto img {
    padding: 0;
    margin: 2px;
    border: 1px solid #660000;
}

#detalhe #miniaturas {
    padding: 0;
    margin: 0;
}

#detalhe #miniaturas img {
    padding: 0px;
    margin: 2px 6px 3px 2px;
    border: 1px solid #666;
    float: left;
    width: 45px;
    height: 34px;
}

#detalhe-imovel {
    background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
    padding: 2px 3px 3px 2px;
    margin: 2px;
text-align: left;
}

#detalhe-imovel p {
    padding: 5px;
    margin: 0;
    line-height: 12px;
    font-size: 11px;
}

#detalhe-imovel .anuncio {
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: bold;
    line-height: 16px;
}

.destaque {
    width: 160px;
    height: 190px;
    color: #fff;
    background: #f00;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
    float: left;
    padding: 2px 3px 3px 2px;
    margin: 2px;
    text-align: center;
}

.linha-destaque {

}

.destaque p {
    line-height: 16px;
    font-size: 11px;
}

.destaque .titulo {
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
    display: inline;
}

.destaque a img {
    border: 1px solid #666;
    padding: 3px;
    margin: 0px;
    background: #ccc;
    width: 140px;
    height: 105px;
}

.destaque a.botao img {
    padding: 0;
    margin-top: 5px;
    border: 1px solid #fff;
    float: right;
    width: 70px;
    height: 14px;
}

#busca-direta {
	color: #222;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

#busca-direta h1 {
    font-size: 13px;
    font-weight: bold;
    color: #660000;
    padding-left: 7px;
    border-bottom: 3px solid #333;

}
/***** ACCORDION *****/
.toggler {
	color: #222;
	margin: 2px 0 0 0;
	padding: 0px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element {

}

.element p {
	margin: 0;
	padding: 4px;
}

.float-right {
	padding:10px 20px;
	float:right;
}

blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

fieldset {
	border-color: #0066CC #006699 #006699 #0066CC;
	width: 320px;
	padding: 5px 5px;
	margin: 2px 2px;
    border-style: ridge;
}

/***** FORMS *****/

input {
  font: 10px Verdana, Arial, Geneva, sans-serif;
  padding: 3px;
  color: #000000;
  background: #FFFFFF;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  margin-bottom: 1px;
  border-style: solid;
}

textarea {
  font: 10px Verdana, Arial, Geneva, sans-serif;
  padding: 3px;
  color: #000000;
  background: #FFFFFF;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  margin-bottom: 1px;
}

input:active {
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
}

select {
  font: 12px Verdana, Arial, Geneva, sans-serif;
  padding: 3px;
  color: #000000;
  background: #FFFFFF;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  margin-bottom: 1px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#060;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#formularios input {
  font: 10px Verdana, Arial, Geneva, sans-serif;
  padding: 3px;
  color: #000000;
  background: #eee;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  margin-bottom: 1px;
  border-style: solid;
}

#formularios textarea {
  font: 10px Verdana, Arial, Geneva, sans-serif;
  padding: 3px;
  color: #000000;
  background: #eee;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  margin-bottom: 1px;
}