/*
---------------------------
Autor: Felipe Lomeu
E-mail: contato@felipelomeu.net
Data: 07/2010
---------------------------
*/


/*
---------------------------
definições gerais
---------------------------
*/

html, body {
	width:100%;
	min-width:990px;
	margin:0;
	padding:0;
	background:#fff url(../img/bg.png) repeat-x;
	font-family:Arial, Verdana;
	font-size:1em;
	color:#000000;
	text-align:center;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div {
	margin:0;
	padding:0;
	border:0;
}

div {
	margin:0;
	padding:0;
}

ul {
	list-style:none;
}

img {
	border:none;
}

a {
	color:#000000;
	text-decoration:none;
}

a img {
	border:none;
}

a:hover {
	color:#9F2925;
	text-decoration:none;
}

input,
textarea {
	background-color:#FBFBFB;
	font-family:Arial, Verdana;
	font-size:0.85em;
	color:#1F1F1F;
}

.center {
	text-align:center;
}

.offscreen {
	display:none;
}

.clearboth {
	clear:both;
}


/*
---------------------------
definições estruturais
---------------------------
*/

#top,
#main,
#footer {
	width:100%;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
}

#top {
	height:230px;
}

#main {
	min-height:200px;
	padding-bottom:2em;
	background-image:url(../img/bg_main.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer {
	height:140px;
	background:#9F2925;
}

#top .align,
#main .align,
#footer .align {
	width:990px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

#top .align {
	background-image:url(../img/bg_top.png);
	background-repeat:no-repeat;
	background-position:right top;	
}

#main .align {
	padding-top:30px;
	background-image:url(../img/bg_main_align.png);
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
	overflow:hidden;
}

#main .nobg {
	padding-top:0px;
	background-image:none;
}

#footer .align {
	padding-top:30px;
}


/*
---------------------------
definições - top - content
---------------------------
*/

/* Logo */

#top .logo {
	width:216px;
	height:124px;
	margin-top:10px;
	margin-left:6px;
	
}

#top .logo a {
	width:216px;
	height:124px;
	display:block;
	background-image:url(../img/habitar.png);
	background-repeat:no-repeat;
}

#top .logo a span {
	display:none;
}

/* Navtop */

#top .navtop {
	width:962px;
	height:50px;
	margin:0 auto;
	margin-top:20px;
	background-image:url(../img/bg_navtop.png);
	background-repeat:repeat-x;
	text-align:center;
}

#top .navtop ul {
	width:938px;
	height:50px;
	margin:0 auto;
	text-align:center;
	background-repeat:repeat-x;
	background-position:top;
	clear:both;
	overflow: hidden;
}

#top .navtop ul li {
	margin:0px;
	float:left;
	padding:0 8px;
	font-weight:bold;
	color:#000000;
	line-height:50px;
	text-transform:uppercase;
}

#top .navtop ul li a {
	height:50px;
	display:block;
	_display:inline-block;
	padding:0 14px;
	background-image:url(../img/bg_navtop_a.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#000000;
}

#top .navtop ul li a:hover {
	background-image:url(../img/bg_navtop_a.png);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#ffffff;
}

/* Contact */

#top .contact {
	width:660px;
	height:50px;
	position:absolute;
	top:60px;
	right:18px;
}

#top .contact ul {
	margin-left:24px;
	clear:both;
	overflow: hidden;
}

#top .contact ul li {
	margin:0 6px;
	float:left;
	line-height:1.2em;
}

#top .contact ul .phone {
	width:154px;
}

#top .contact ul .email {
	width:132px;
}

#top .contact ul .atendimento {
	width:132px;
}

#top .contact ul .stand {
	width:150px;
}

#top .contact ul .phone .text {
	display:block;
}

#top .contact ul .phone .prefix {
	font-size:0.85em;
	color:#9F2825;
}

#top .contact ul .phone .number {
	font-size:1.25em;
	color:#9F2825;
}

#top .contact ul li a {
	display:block;
	padding:6px 0;
	padding-left:40px;
	background-image:url(../img/ico_contacts.png);
	background-repeat:no-repeat;
}

#top .contact ul .phone a {
	background-position:4px 8px;
}

#top .contact ul .email a {
	background-position:4px -42px;
}

#top .contact ul .atendimento a {
	background-position:4px -92px;
}

#top .contact ul .stand a {
	background-position:4px -142px;
}

#top .contact ul .phone a:hover {
	background-position:4px -192px;
}

#top .contact ul .email a:hover {
	background-position:4px -242px;
}

#top .contact ul .atendimento a:hover {
	background-position:4px -292px;
}

#top .contact ul .stand a:hover {
	background-position:4px -342px;
}


/*
---------------------------
definições - main - content
---------------------------
*/

#content {
	margin:0 auto;
	padding-bottom:2em;
}

#main .withSide {
	width:730px;
	position:relative;
	float:left;
}

#main .margin {
	margin:0 auto;
	text-align:center;
}

#main .withSide .margin {
	margin:0 42px;
	text-align:left;
}

#content h2 {
	margin-bottom:1.6em;
	font-size:2em;
	font-weight:normal;
	text-transform:uppercase;
}

#content h3 {
	margin:1.2em 0 0.6em 0;
	font-size:1.25em;
	font-weight:normal;
	color:#9F2925;
}

#content h4 {
	font-size:1em;
	font-weight:bold;
}

#content p {
	margin:1.6em 0;
	font-size:1em;
	line-height:1.6em;
	text-align:justify;
}

#content p a {
	color:#9F2925;	
}

#content p a:hover {
	color:#9F2925;
	text-decoration:underline;
}

#content .strong {
	font-weight:bold;	
}

#content .title {
	text-transform:uppercase;
	margin-bottom:0;
}

#content .smalldate {
	margin:0.4em 0 0.8em 0;
	font-size:0.9em;
	font-style:italic;
	color:#353535;
}

/* linear */

#content .linear {
	padding-bottom:2em;
	background-image:url(../img/bg_box_linear.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* home - offers */

#content .offers {
	width:990px;
	height:440px;
	position:relative;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#content .offers h2,
#content .offers h3,
#content .offers h4,
#content .offers p {
	margin:0 auto;
	padding:0;
	text-align:center;
}

#content .offers h2 {
	margin:2em 0 0.4em 0;
	padding:0;	
	font-size:1.6em;
}

#content .offers h3 {
	padding:8px 0 4px 0;
	font-size:0.95em;
	color:#666666;
	text-transform:uppercase;
	line-height:14px;
}

#content .offers h4 {
	padding:7px 0 4px 0;
	font-size:1em;
	color:#9F2925;
	text-transform:uppercase;
	line-height:14px;
}

#content .offers p {
	padding:1px 0;
	font-size:0.85em;
	color:#000000;
	line-height:14px;
}

#content .offers .bt_more {
	padding-top:0.6em;	
}


#content .offers .info2 {
	font-weight:bold;
}

#content .offers h3 a {
	color:#666666;	
}

#content .offers h4 a {
	color:#9F2925;	
}

#content .offers p a {
	color:#000000;	
}

#content .offers .bt_more a {
	padding-left:12px;
	background-image:url(../img/ico_arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#ffffff;	
}

#content .offers h3 a:hover {
	color:#666666;	
}

#content .offers h4 a:hover {
	color:#9F2925;	
}

#content .offers p a:hover {
	color:#000000;
	text-decoration:none;
}

#content .offers .bt_more a:hover {
	color:#ffffff;
}

/* home - container */

#content .container {
	width:960px;
	position:relative;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:1.2em;
	text-align:center;
	clear:both;
	overflow:hidden;
}

#content .container .box {
	width:450px;
	text-align:left;	
}

#content .container .box div {
	position:relative;
}

#content .container .left {
	float:left;
}

#content .container .right {
	margin-left:506px;
}

#content .container .right .top {
	margin-bottom:3em;	
}

#content .container div h3,
#content .container div h4,
#content .container div p,
#content .container div li {
	margin:0;
	padding:0;
}

#content .container div li {
	margin-bottom:2em;
}

#content .container div h3 {
	margin-bottom:1em;
	border-bottom:1px solid #DDD3BF;
	font-size:1.2em;
	font-weight:bold;
	color:#9F2925;
	text-transform:uppercase;
	line-height:1.6em;
}

#content .container div h4 {
	margin-bottom:0.25em;
}

#content .container div h3 a {
	color:#9F2925;
}

#content .container div h4 a,
#content .container div p a {
	color:#343434;
}

#content .container div * a:hover {
	color:#9F2925;
	text-decoration:none;
}

#content .container .bt_more a {
	width:50px;
	height:20px;
	display:block;
	position:absolute;
	top:4px;
	*top:0px;
	right:0;
	background-image:url(../img/bt_more.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#content .container .bt_more a:hover {
	background-position:bottom;
}

#content .container .bt_more a span {
	display:none;
}

/* group */

#content .group {
	margin:2.4em 0;	
}

#content .group h3 {
	margin-bottom:0.4em;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}

#content .group p {
	margin:0.2em 0;	
}

#content .group p a {
	font-size:0.85em;	
	color:#000;
}

/* news */

#content .news {
	margin:1.6em 0 3.2em 0;
}

#content .news .title {
	font-weight:normal;
}

#content .news h3 {
	margin:0.2em 0 0.4em 0;
}

#content .newslist h3 {
	margin-bottom:0.8em;
	font-size:1.2em;
	font-weight:bold;
}

#content .newslist li {
	margin:0.8em 0;
	font-size:0.9em;
}

/* imovel - box */

#content .imovel .item {
	margin-bottom:3.2em;
}

#content .imovel .box {
	padding-bottom:3em;
	clear:both;
	overflow:hidden;
}

#content .imovel .box .image {
	width:220px;
	float:left;	
}

#content .imovel .box .infos {
	margin-left:224px;
	position:relative;
}

/* imovel - custom */

#content .imovel .item .box h3 {
	margin-top:0;
	margin-bottom:0.25em;
}

#content .imovel .status {
	margin:1em 0 2em 0;
	font-size:0.9em;
	text-transform:uppercase;
	color:#666666;
}

#content .imovel .details {
	margin-top:2em;	
}

#content .imovel .details li {
	font-size:0.9em;
	line-height:1.6em;
}

#content .imovel h3 a,
#content .imovel h3 a:hover {
	color:#9F2925;	
}

#content .imovel h4 a,
#content .imovel h4 a:hover  {
	color:#343434;	
}

#content .imovel .status a,
#content .imovel .status a:hover {
	color:#666666;	
}

#content .imovel .details {
	height:130px;
}

#content .imovel .details li a:hover,
#content .imovel .status a:hover  {
	text-decoration:none;
}

#content .imovel .box .image img,
#content .imovel .box .perspectiva {
	border:1px solid #C1DBCE;	
}

#content .imovel .box .perspectiva {
	margin:0 2em 2em 0;	
	float:left;
}

#content .imovel .box .image a:hover img {
	border:1px solid #B3BFBA;	
}

/* imovel - bt_more */

#content .imovel .bt_more a {
	width:116px;
	height:38px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../img/bt_moreinformation.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#content .imovel .bt_more a:hover {
	background-position:bottom;
}

#content .imovel .bt_more a span {
	display:none;
}

/* hotsite - content_tab */

#content_tabs {
	position: relative;
}

/* hotsite - nav_tabs */

#content .nav_tabs {
	position:relative;
	top:-20px;
	margin-bottom:2em;
	background-image:url(../img/bg_nav_tabs.png);
	background-repeat:repeat-x;
	clear:both;
	overflow:hidden;
}

#content .nav_tabs a {
	height:45px;
	float:left;
	display:block;
	margin:0 1px 0 3px;
	padding:0px 11px 0 9px;
	background-image:url(../img/bg_nav_tabs_left.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:0.9em;
	text-transform:uppercase;
	color:#686F6B;
}

#content .nav_tabs a span {
	position:relative;
	top:20px;
	left:3px;
}

#content .nav_tabs .noborder {
	background:none;	
}

#content .nav_tabs a:hover {
	color:#121212;
}

/* hotsite - gallery */

#content .hotsite .gallery {
	width:636px;
	margin:0em auto;
	text-align:center;
	overflow:hidden;
}

#content .hotsite .gallery li {
	width:200px;
	height:157px;
	float:left;
	margin:10px 6px;
	background-image:url(../img/bg_gallery.png);
	text-align:center;
}

#content .hotsite .gallery li a img {
	position:relative;
	top:7px;
	border:4px solid #E3E3E3;
}

#content .hotsite .gallery li a:hover img {
	border:4px solid #fff;
}

/* hotsite - tabeladeprecos */

#content .hotsite table {
	width:99%;
	margin-bottom:1em;
	font-size:0.9em;
}

#content .hotsite table thead th {
	height:40px;
	border:1px solid #D4D5C2;
	background:#E3F4DF;
}

#content .hotsite table td {
	height:30px;
	border:1px solid #D9D8C6;
	font-size:0.9em;
}

#content .hotsite table .apto {
	width:45px;
	text-align:center;
}

#content .hotsite table td.apto	{
	background:#F0F9EE;
}

#content .hotsite table .valor {
	width:auto;
	padding-left:1em;
	text-align:left;
}

#content .hotsite .seisaptos th {
	padding:0.6em 0;
}

#content .hotsite .seisaptos td {
	padding:0.4em 0;
}

#content .hotsite .seisaptos .apto {
	width:34px;
}

#content .hotsite .seisaptos .valor	{
	padding-left:0.5em;
}

#content .hotsite table tfoot td {
	padding:2em;
	border:1px solid #D9D8C6;
	background:#E3F4DF;
	font-size:0.85em;
	text-transform:uppercase;
}

#content .hotsite table tfoot td p {
	margin:0;
	padding:0em 0.8em;
}

#content .hotsite table tfoot td .info1 {
	font-weight:bold;	
}

/* hotsite - custom */

#content .hotsite .item {
	margin-bottom:0em;
}

#content .hotsite .box {
	padding-bottom:0em;
}

#content .hotsite h3 {
	margin-top:0;
	margin-bottom:0.6em;
	font-weight:bold;
}

#content .hotsite .nomargin {
	margin-bottom:0.25em;	
}

#content .hotsite .nobold {
	font-weight:normal;	
}

#content .map a {
	width:192px;
	height:46px;
	display:block;
	background-image:url(../img/bt_map.png);
	background-position:top;
	background-repeat:no-repeat;
}

#content .map a:hover {
	background-position:bottom;
}

#content .map a span {
	display:none;	
}

/* content - nav */

#content .nav {
	margin:0;
	padding:1em 0;
	clear:both;
	overflow:hidden;
}

#content .nav ul li {
	float:left;
	margin:0 0.6em;
}

#content .nav li a {
	height:24px;
	display:block;
	background-position:top;
	background-repeat:no-repeat;
}

#content .nav li a:hover {
	background-position:bottom;	
}

#content .nav li a span {
	display:none;
}

#content .nav .bt_back a {
	width:86px;
	background-image:url(../img/bt_back.png);
}

/* content - contact */

#content .contact .hours {
	width:150px;
	height:520px;
	float:left;
	background:url(../img/bg_contact.png) right no-repeat;
	font-size:0.9em;
	font-style:italic;
}

#content .contact .hours h3 {
	display:none;	
}

#content .contact .hours h4 {
	width:120px;
	text-align:right;
}

#content .contact .hours ul {
	width:120px;
	font-size:0.95em;
	padding-bottom:2em;
	text-align:right;
}

#content .contact .hours .stand	{
	padding-top:174px;
	*padding-top:188px;
}

#content .contact .hours .office {
	padding-top:106px;
}

#content .contact .infos {
	width:420px;
	margin-left:180px;
	margin-bottom:3em;
}

#content .contact .infos div h3	{
	height:24px;
	margin-bottom:0;
	padding-left:38px;
	background-image:url(../img/ico_contact_info.png);
	background-repeat:no-repeat;
	font-weight:bold;
	line-height:24px;
}

#content .contact .infos .contact h3 {
	background-position:5px 0px;
}

#content .contact .infos .stand h3 {
	background-position:5px -30px;
}

#content .contact .infos .office h3 {
	background-position:5px -60px;
}

#content .contact .infos div ul {
	padding:0.5em 0 1em 3.25em;
}

#content .contact .infos div ul li {
	padding:0.4em 0;
	font-size:0.95em;
	line-height:1.6em;
}

#content .contact .infos .contact ul li {
	padding:0.2em 0;
}

#content .contact .infos div ul li .strong {
	display:block;
}

#content .contact .infos div ul li .small {
	font-size:0.8em;
}

#content .contact .infos div ul li a {
	display:inline-block;
}

#content .contact .infos .stand ul li a,
#content .contact .infos .office ul li a {
	padding-left:20px;
	background:url(../img/ico_map.png) 0px 5px no-repeat;
}

#content .contact .infos div ul li .nobg {
	background-image:none;
}

/* content - contactform */

#content .contactform {
	margin:3em 0 2em 0;
}

#content .contactform h2 {
	margin-bottom:1em;
}

#content .contactform form p {
	margin:1.2em 0;
	padding:0;
	padding-left:20px;
}

#content .contactform form p label {
	width:170px;
	float:left;
	font-size:1em;
	font-weight:bold;
	color:#9F2825;
	text-align:right;
}

#content .contactform form .input input,
#content .contactform form .textarea textarea {
	margin:0;
	margin-left:16px;
	padding:4px 4px;
	border:1px solid #93C1AA;
	font-size:1em;
	font-weight:normal;
}

#content .contactform .input input {
	width:400px;
	height:17px;
}

#content .contactform .input .middle {
	width:280px;
}

#content .contactform .input .small {
	width:160px;
}

#content .contactform .textarea textarea {
	width:400px;
	height:100px;
}

#content .contactform .button {
	margin-top:2em;
	margin-left:184px;
	_margin-left:14px;
	*margin-left:14px;
}

#content .contactform label.error {
	width:410px;
	display:block;
	margin-left:186px;
	*margin-left:208px;
	_margin-left:105px;
	margin-bottom:2.4em;
	font-size:0.85em;
	font-weight:normal;
	font-style:italic;
	color:#900;
	text-align:left;
	line-height:1.4em;
}

#content .contactform .textarea label.error {
	margin-left:186px;
	*margin-left:208px;
	_margin-left:105px;
}


/*
---------------------------
definições - main - side
---------------------------
*/

#side {
	width:250px;
	margin-left:720px;
}

#side .margin {
	text-align:left;	
}

#side .box {
	width:219px;
	display:block;
	margin:0em auto;
	position:relative;
}

/* border */

#side .box .border {
	width:219px;
	height:30px;
	display:block;
	background-image:url(../img/bg_side_box.png);
	background-repeat:no-repeat;
}

#side .box .top {
	background-position:0px 10px;
}

#side .box .bottom {
	background-position:0px -20px;
}

/* margin - h2 - p - a*/

#side .box .margin {
	padding:0em 1.6em;
	background-color:#D8EDDC;
}

#side .box .margin h2 {
	padding-bottom:0.6em;
	font-size:0.95em;
	font-weight:bold;
	
}

#side .box .margin p {
	font-size:0.85em;
}

/* custom - empreendimentos */

#side .empreendimentos .margin h2 {
	padding-bottom:0;
}

/* custom - atendimento */

#side .atendimento .margin {
	height:73px;
}

#side .atendimento .margin h2,
#side .atendimento .margin p {
	padding-right:6em;
}

#side .atendimento .ico {
	width:114px;
	height:123px;
	background-image:url(../img/ico_atendimentoonline.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
}

/* custom - simuladorcaixa */

#side .simuladorcaixa .margin h2 {
	padding-bottom:0;
}

#side .simuladorcaixa .margin h2 span {
	position:relative;
	top:28px;
}

#side .simuladorcaixa .margin h2 a {
	width:180px;
	height:46px;
	display:block;
	background-image:url(../img/bt_simulador.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:1.1em;
	color:#004095;
}

#side .simuladorcaixa .margin h2 a:hover span {
	color:#000000;	
}

/*
---------------------------
definições - footer
---------------------------
*/

/* Navtop */

#footer .navbottom {
	width:320px;
	margin:0;
	clear:both;
	overflow:hidden;
}

#footer .navbottom ul {
	width:140px;
	margin-left:16px;
	_margin-left:10px;
}

#footer .navbottom .left {
	float:left;
}

#footer .navbottom .right {
	margin-left:160px;
}

#footer .navbottom ul li {
	padding:0.3em 0.2em;
	font-size:0.9em;
	font-weight:bold;
	color:#F2FFE4;
}

#footer .navbottom ul li a {
	padding:0.3em 0.2em;
	color:#F2FFE4;
}

#footer .navbottom ul li a:hover {
	color:#9F2925;
	background-color:#F4FFE4;
}

/* Contact */

#footer .contact {
	width:660px;
	height:68px;
	position:absolute;
	top:30px;
	right:18px;
	background-color:#F4FFE4;
}

#footer .contact ul {
	margin-top:12px;
	margin-left:24px;
	clear:both;
	overflow: hidden;
}

#footer .contact ul li {
	margin:0 6px;
	float:left;
	line-height:1.2em;
}

#footer .contact ul .phone {
	width:154px;
}

#footer .contact ul .email {
	width:132px;
}

#footer .contact ul .atendimento {
	width:132px;
}

#footer .contact ul .stand {
	width:150px;
}

#footer .contact ul .phone .text {
	display:block;
}

#footer .contact ul .phone .prefix {
	font-size:0.85em;
	color:#9F2825;
}

#footer .contact ul .phone .number {
	font-size:1.25em;
	color:#9F2825;
}

#footer .contact ul li a {
	display:block;
	padding:6px 0;
	padding-left:40px;
	background-image:url(../img/ico_contacts.png);
	background-repeat:no-repeat;
}

#footer .contact ul .phone a {
	background-position:4px 8px;
}

#footer .contact ul .email a {
	background-position:4px -42px;
}

#footer .contact ul .atendimento a {
	background-position:4px -92px;
}

#footer .contact ul .stand a {
	background-position:4px -142px;
}

#footer .contact ul .phone a:hover {
	background-position:4px -192px;
}

#footer .contact ul .email a:hover {
	background-position:4px -242px;
}

#footer .contact ul .atendimento a:hover {
	background-position:4px -292px;
}

#footer .contact ul .stand a:hover {
	background-position:4px -342px;
}

/* Copyright */

#footer .copyright {
	margin:18px;
	margin-bottom:0;
	padding-right:24px;
}

#footer .copyright p {
	font-size:0.85em;
	text-align:right;
	color:#ffffff;
}

#footer .copyright p span {
	font-weight:bold;	
}

/* Felipe Lomeu */

#footer .felipelomeu {
	width:20px;
	height:19px;
	position:absolute;
	bottom:0;
	right:18px;
}

#footer .felipelomeu a {
	width:20px;
	height:19px;
	display:block;
	background-image:url(../img/ico_felipelomeu.png);
	background-repeat:no-repeat;
}

#footer .felipelomeu a span {
	display:none;
}