@import 'base.css';

/********** GERAL **********/
/* Correção de bugs no IE7 */

#content-conceito {height:970px;}

#content-conceito-fascination {height:1120px;}

#content-conceito-granja-julieta {height:920px;}

#content-projeto {height:970px;}

#content-projeto-duo {height:920px;}

#content-projeto-fascination {height:1160px;}

#content-projeto-florida {height:1030px;}

#content-projeto-metropolitan {height:1000px;}

#content-projeto-particolare {height:860px;}

#content-localizacao {height:920px;}

#content-lazer {height:1230px;}

#content-lazer-duo {height:920px;}

#content-lazer-fascination {height:1280px;}

#content-lazer-florida {height:920px;}

#content-lazer-metropolitan {height:970px;}

#content-lazer-particolare {height:750px;}

#content-apartamentos {height:880px;}

#content-apartamentos-duo {height:910px;}

#content-apartamentos-florida {height:1110px;}

#content-apartamentos-fascination {height:1030px;}

#content-apartamentos-granja-julieta {height:760px;}

#content-apartamentos-metropolitan {height:760px;}

/********** / GERAL **********/

#content-interna #destaque-residencial {
	width: 937px;
	border-top: 4px solid #9fb00c;
	margin: 20px 0 0 0;
	float: left;
	height:320px;
}

#content-interna #destaque-residencial h1 {
	font-size: 18px;
	text-decoration:none;
}

#content-interna #destaque-residencial h2 {
	font-size: 16px;
	font-weight: normal;
	margin: -15px 0 -5px 0;
}

#content-interna #destaque-residencial img {
	float: left;
	margin: 0px 20px 0 0;
}

#content-interna #destaque-comercial p.destaque-residencial-texto {
	font-size: 12px;
	line-height: 22px;
}

#content-interna #destaque-residencial a.destaque-saiba-mais {
	display: block;
	width: 100px;
	font-size: 12pt;
	text-decoration: none;
	color: #9FAA00;
	background: url(../img/arrow.gif) right center no-repeat;
	margin: 20px 0;
	padding: 1px 15px 0 0;
	float: left;
}

#content-interna #search-imovel {
	width: 195px;
	background: #f0f0f0;
	border-top: 4px solid #9fb00c;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	margin: 20px 0 0 20px;
	float: left;
}

#content-interna #search-imovel h2 {
	width: 195px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #9fb00c;
	background: #fff;
	padding: 10px 0;
}

#content-interna #search-imovel form {
	display: block;
	width: 185px;
	margin: 10px auto;
}

#content-interna #search-imovel form select {
	display: block;
	width: 185px;
	font-size: 12px;
	border: 1px solid #d5d5d5;
	margin: 0 0 5px 0;
	padding: 3px;
}

#content-interna #search-imovel form p {
	display: block;
	width: 173px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d5d5d5;
	margin: 0 0 5px 0;
	padding: 5px;
}

#content-interna #search-imovel form input.btn {
	width: 90px;
	height: 28px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 0;
	margin: 0;
}

#content-interna #search-imovel form input.btn.enviar {
	width: 91px;
	background: #ccc url(../img/bg_btn_enviar.jpg) 0 0 repeat-x;
}

#content-interna #search-imovel form input.btn.limpar {
	background: #ccc url(../img/bg_btn_limpar.jpg) 0 0 repeat-x;
	margin-left: 0;
}

#content-interna div.outros-destaques {
	width: 943px;
	/*margin: 40px 0 0 0;*/
	/*padding: 15px 20px 0 0;*/
	clear: left;
	margin-left:0px;
}

#content-interna div.outros-destaques h2 {
	width: 941px;
	color:#a6b013;
	font-weight: bold;
	/*margin:0 0 15px 0;*/
	background:url(../img/barras_grandes.jpg) 140px 4px no-repeat;
	margin-top:0px;
	font-size:14px;
}

#content-interna div.outros-destaques div.destaque {
	position: relative;
	width: 446px;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-top: 3px solid #bbcb5e;
	background: #e9e9e9;
	float: left;
	padding: 0;
	margin: 25px 35px 0 0;
	margin-left:5.6px;
}
#content-interna div.outros-destaques div.destaque-right {
	position: relative;
	width: 446px;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-top: 3px solid #bbcb5e;
	background: #e9e9e9;
	float: left;
	padding: 0;
	margin: 25px 0 0 0;
	margin-left:2.6px;
}

#content-interna div.outros-destaques div.destaque p {
	font-size: 12px;
	color: #8a8a8a;
	margin: 10px 10px 20px 17px;
	width:225px;
	float:left;	
}

#content-interna div.outros-destaques div.destaque-right p {
	font-size: 12px;
	color: #8a8a8a;
	margin: 10px 10px 20px 17px;
	width:225px;
	float:left;	
}

#content-interna div.outros-destaques div.destaque .titulo-residencial {
	font-size: 12px;
	color: #8a8a8a;
	margin: 10px 10px 20px 17px;
	font-weight:bold;
}
#content-interna div.outros-destaques div.destaque-right .titulo-residencial {
	font-size: 12px;
	color: #8a8a8a;
	margin: 10px 10px 20px 17px;
	font-weight:bold;
}

#content-interna div.outros-destaques div.destaque a.saiba-mais {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	padding: 3px 3px 0 5px;
}

#content-interna div.outros-destaques div.destaque-right a.saiba-mais {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	padding: 3px 3px 0 5px;
}

#content-interna div.outros-destaques div.destaque img.residencial-img {
	display: block;
	margin: 0 auto;
	float:left;
}

#content-interna div.outros-destaques div.destaque-right img.residencial-img {
	display: block;
	margin: 0 auto;
	float:left;
}
/***** COMERCIAL DIFERENCIAIS *****/

/*****  MAIRARE-MENU *****/

#content-interna #residenciais-menu-mairare {
    height: 105px;
	border-bottom: 1px solid #e6e6e6;
	/*padding: 10px 0 0 0;*/
	padding-bottom:9px;
}

#content-interna #residenciais-menu-mairare h1 {
	float: left;
}

#content-interna #residenciais-menu-mairare ul#menu-residenciais {
	list-style: none;
	display:block;
	width: 696px;
	height: 63px;
	margin: 36px 0 0 10px;
	float: left;
	overflow:hidden;
    /*border: 1px solid red;*/
}

#content-interna #residenciais-menu-mairare ul#menu-residenciais li {
	display: block;
	width:147px;
	height: 31px;
	float: left;
	/*border: 1px solid red;*/
}

#content-interna #residenciais-menu-mairare ul#menu-residenciais li.special {
	display:block;
	width:180px;
}

#content-interna #residenciais-menu-mairare ul#menu-residenciais li a {
	display: block;
	height: 31px;
}

/***** / MAIRARE-MENU *****/

#content-interna #residenciais-menu {
    height: 105px;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0 0 0;
}

#content-interna #residenciais-menu h1 {
	float: left;
}

#content-interna #residenciais-menu ul#menu-residenciais {
	list-style: none;
	display:block;
	width: 696px;
	height: 63px;
	margin: 18px 0 0 10px;
	float: left;
	overflow:hidden;
	/*border: 1px solid red;*/
}

#content-interna #residenciais-menu ul#menu-residenciais li {
	display: block;
	width:147px;
	height: 31px;
	float: left;
	/*border: 1px solid red;*/
}

#content-interna #residenciais-menu ul#menu-residenciais li.special {
	display:block;
	width:180px;
}

#content-interna #residenciais-menu ul#menu-residenciais li a {
	display: block;
	height: 31px;
}


#content-interna #residenciais-chamada {
	clear: left;
	width: 490px;
	font-family: Georgia, "Lucida Grande", "Times New Roman", Arial, sans-serif;
	float: left;
	margin: 30px 20px 0 0;
}

#content-interna #residenciais-chamada h1 {
	clear: left;
	font-size: 24px;
	font-weight: normal;
	color: #9fb00c;
}

#content-interna #residenciais-chamada p {
	clear: left;
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 30px 0;
}

#content-interna #residenciais-chamada p strong {
	font-size: 30px;
	font-weight: normal;
}

#content-interna #residenciais-chamada div.residencial-opcoes {
	width: 240px;
	text-align: center;
	float: left;
}

#content-interna #residenciais-extras {
	width: 415px;
	font-family: Georgia, "Lucida Grande", "Times New Roman", Arial, sans-serif;
	float: left;
	margin: 30px 0 0 0;
	margin-bottom:30px;

}

#content-interna #residenciais-extras h2 {
	font-size: 22px;
	font-weight: normal;
	color: #9fb00c;
	margin: 20px 0 -10px 0;
}

#content-interna #residenciais-extras p {
	line-height: 20px;
	margin-top:30px;
}

#content-interna #residenciais-extras img.residenciais-ilustracao {
	float: right;
	margin: 0 0 25px 10px;
	margin-top:33px;
}

/************** MAIRARÊ ***************/

#content-interna #residenciais-extras-mairare {
	width: 415px;
	height:750px;
	font-family: Georgia, "Lucida Grande", "Times New Roman", Arial, sans-serif;
	float: left;
	margin: 30px 0 0 0;
	margin-bottom:30px;

}

/************** / MAIRARÊ ***************/

#content-interna #localizacao {
	clear: left;
	width: 410px;
	height: 335px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 20px 27px 0 0;
	padding: 15px 20px 0 20px;
	float: left;
}

#content-interna #localizacao h2 {
	font-size: 18px;
	font-weight: normal;
	color: #bccc5f;
	margin: 20px 0 0 0;
}

#content-interna #localizacao p {
	line-height: 24px;
}

#content-interna #localizacao-imagens {
	float: left;
	width: 420px;
	/*height: 315px;*/
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 20px 0 0 0;
	padding: 15px 5px 20px 25px;
}

#content-interna #localizacao-imagens span.local-subfotos {
	display: block;
	width: 195px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #bccc5f;
	margin: 15px 13px 0 0;
	float: left;
}
#content-interna #localizacao-mapa {
	float: left;
	width: 903px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 0 0 0;
	padding: 20px 5px 20px 22px;
}

#content-interna #localizacao-mapa-atual {
	float: left;
	width: 400px;
	/*border-top: 4px solid #bccc5f;*/
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	/*margin: 30px 0 0 0;*/
	padding: 0px 5px 20px 22px;
}
#content-interna #localizacao-mapa img {
	border: 2px solid #bccc5f;
	float: left;
    margin: 20px 30px 10px 0;
}
#content-interna #localizacao-mapa iframe {
	border: 2px solid #bccc5f;
	float: left;
	margin: 30px 30px 10px 0;
}
#content-interna #end_gmap {
    font-color:#000;
    text-align:left;
    text-decoration:none;
}

#content-interna #localizacao-mapa h1 {
	font-size: 18px;
	font-weight: normal;
	color: #bccc5f;
	margin: 45px 0 0 0;
}

#content-interna #localizacao-mapa h2 {
	font-size: 18px;
	font-weight: normal;
	color: #bccc5f;
	margin: 10px 0 0 0;
}

#content-interna #localizacao-mapa p {
	margin: 15px 20px 0 0;
}

#content-interna #apartamentos-decorados {
	clear: left;
	width: 410px;
	display:block;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 20px 0 0;
	padding: 0 10px 10px 25px;
	float: left;
}

#content-interna #apartamentos-decorados h1 {
	/*width: 418px;*/
	color: #989898;
	background: url(../img/barras.gif) 95px 4px no-repeat;
}

#content-interna #apartamentos-decorados div.ap-decorado {
	width: 195px;
	float: left;
	margin: 0 10px 20px 0;
}

#content-interna #apartamentos-decorados div.ap-decorado p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #apartamentos-decorados div.ap-decorado a {
	display: block;
	width: 180px;
	height: 107px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #apartamentos-decorados div.ap-decorado a:hover {
	border: 2px solid #bccc5f;
}

#content-interna #apartamentos-plantas {
	width: 418px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 0 0 0;
	padding: 0 20px 20px 20px;
	float: left;
}

#content-interna #apartamentos-plantas h1 {
	width: 418px;
	color: #989898;
	background: url(../img/barras.gif) 72px 4px no-repeat;
}

#content-interna #apartamentos-plantas div.ap-planta {
	height:190px;
	width: 195px;
	float: left;
	margin: 0 10px 10px 0;
}

#content-interna #apartamentos-plantas div.ap-planta p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #apartamentos-plantas div.ap-planta a {
	display: block;
	width: 185px;
	height: 137px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #apartamentos-plantas div.ap-planta a:hover {
	border: 2px solid #bccc5f;
}

#content-interna #apartamentos-plantas div.ap-planta-interna {
	width: 195px;
	float: left;
	margin: 0 10px 20px 0;
}

#content-interna #apartamentos-plantas div.ap-planta-interna p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #apartamentos-plantas div.ap-planta-interna a {
	display: block;
	width: 180px;
	height: 105px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #apartamentos-plantas div.ap-planta-interna a:hover {
	border: 2px solid #bccc5f;
}

#content-interna #residencial-lazer {
	clear: left;
	width: 220px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 20px 0 0;
	padding: 0 20px 20px 20px;
	float: left;
}

#content-interna #residencial-lazer-mairare {
	clear: left;
	width: 220px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 20px 0 0;
	padding: 0 20px 20px 20px;
	float: left;
}

#content-interna #residencial-lazer h1 {
	margin-bottom:5px;	
}
#content-interna #residencial-lazer-mairare h1 {
	margin-bottom:5px;
}
#content-interna #residencial-lazer-mairare dl {
	color: #bccc5f;
	margin: 0 0 -15px 0;
}

#content-interna #residencial-lazer-mairare dl dt {
	font-weight: bold;
	color: #bccc5f;
	margin: 20px 0 10px 0;
}

#content-interna #residencial-lazer-mairare dl dd {
	background: url(../img/bullet.jpg) 0 6px no-repeat;
	padding: 0 0 0 8px;
	margin: 0 0 5px 0;
}

#content-interna #residencial-lazer-imagens {
	width: 617px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 0 0 0;
	padding: 20px 20px 20px 20px;
	float: left;
}

#content-interna #residencial-lazer-imagens div.lazer-img {
	width: 194px;
	float: left;
	display:block;
	margin: 0 10px 20px 0;
}

#content-interna #residencial-lazer-imagens div.lazer-img p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #residencial-lazer-imagens div.lazer-img a {
	display: block;
	width: 180px;
	height: 107px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #residencial-lazer-imagens div.lazer-img a:hover {
	border: 2px solid #bccc5f;
}

#content-interna #residencial-caracteristicas {
	clear: left;
	width: 180px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 20px 0 0;
	padding: 15px 20px 40px 20px;
	float: left;
}

#content-interna #residencial-caracteristicas h2 {
	color: #bccc5f;
	margin: 0 0 0 0;
}

#content-interna #residencial-caracteristicas dl {
	color: #bccc5f;
	margin: 0 0 -15px 0;
}

#content-interna #residencial-caracteristicas dl dt {
	font-weight: bold;
	color: #bccc5f;
	margin: 20px 0 10px 0;
}

#content-interna #residencial-caracteristicas dl dd {
	background: url(../img/bullet.jpg) 0 6px no-repeat;
	padding: 0 0 0 8px;
	margin: 0 0 5px 0;
}

#content-interna #andamento-obra {
	clear: left;
	width: 455px;
	height: 375px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 20px 0 0;
	padding: 15px 20px 40px 20px;
	float: left;
}

#content-interna #andamento-obra h1 {
	color: #575c84;
	background: url(../img/barras.gif) 195px 4px no-repeat;
}

#content-interna #andamento-obra table th, table td {
	font-size: 12px;
	text-align: left;
	padding: 8px 0;
}

#content-interna #andamento-obra table th {
	font-weight: normal;
	width: 180px;
}

#content-interna #andamento-obra table th.cronograma {
	font-weight: bold;
	color: #575c84;
}

#content-interna #andamento-obra table td.grafico {
	width: 220px;
}

#content-interna #andamento-obra table td.resultado {
	font-size: 18px;
	color: #9ab019;
}

#content-interna #andamento-obra table td span.table-green {
	height: 16px;
	text-align: right;
	background: url(../img/table_green.jpg) 0 0 repeat-x;
}

#content-interna #andamento-obra table td span.table-blue {
	height: 16px;
	text-align: right;
	background: url(../img/table_blue.jpg) 0 0 repeat-x;
}


#content-interna #andamento-obra-mes {
	width: 384px;
	height: 370px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 0 0 0;
	padding: 15px 20px 20px 20px;
	float: left;
}

#content-interna #andamento-obra-mes h1 {
	color: #575c84;
	background: url(../img/barras.gif) 133px 4px no-repeat;
	margin-bottom: 10px;
}

#content-interna #andamento-obra-mes div.obra-detalhes {
	width: 170px;
	float: left;
	margin: 0 21px 10px 0;
}

#content-interna #andamento-obra-mes div.obra-detalhes p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #andamento-obra-mes div.obra-detalhes a {
	display: block;
	width: 166px;
	height: 95px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #andamento-obra-mes div.obra-detalhes a:hover {
	border: 2px solid #bccc5f;
}

#content-interna #andamento-obra-calendario {
	clear: left;
	width: 900px;
	border-top: 4px solid #bccc5f;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	margin: 30px 0 0 0;
	padding: 15px 10px 40px 10px;
	float: left;
}

#content-interna #andamento-obra-calendario dl {
	font-size: 14px;
}

#content-interna #andamento-obra-calendario dl dt {
	display: block;
	float: left;
	font-size: 14px;
	color: #575c84;
	margin-right: 20px;
}

#content-interna #andamento-obra-calendario dl dd {
	display: block;
	float: left;
	font-size: 14px;
	color: #7f7f7f;
}

#content-interna #andamento-obra-calendario dl dd a {
	font-size: 14px;
	text-decoration: none;
	color: #7f7f7f;
	margin-left: 9px;
	padding-right: 5px;
}

#content-interna #andamento-obra-calendario dl dd a:hover {
	color: #bccc5f;
}

#content-interna #andamento-obra-calendario dl dd a.selected {
	color: #bccc5f;
}

#content-interna #andamento-obra-calendario div.obra-calendario-img {
	width: 170px;
	float: left;
	margin: 10px 10px 0 0;
}

#content-interna #andamento-obra-calendario div.obra-calendario-img p {
	font-size: 13px;
	font-weight: bold;
	color: #99a20b;
}

#content-interna #andamento-obra-calendario div.obra-calendario-img a {
	display: block;
	width: 166px;
	height: 95px;
	border: 2px solid #999ca3;
	margin-top: 5px;
}

#content-interna #andamento-obra-calendario div.obra-calendario-img a:hover {
	border: 2px solid #bccc5f;
}