/* CSS - HOTSITE VILA GRIMM */
* {
	padding:0px;
	margin:0px;
}
img {
	border:none;
}
* {
	behavior:url(css/iepngfix.htc);
}
html {
 	overflow: -moz-scrollbars-vertical;
}
body {
	background:url(../img/bg2.jpg) no-repeat center top;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:75%;	
}
#todo {
	margin:0px auto;
	width:1000px;
	height:900px;
	position:relative;
}
#todo .edi_size{
	height:1100px;
}
#hotsite_menu{
	z-index:1;
	position:absolute;
	height: 23px;
	width:1000px;
	margin:0px auto;
	/*_overflow: hidden;*/
}
#corpo {
	z-index:2;
	height:900px;
	position:relative;
	margin:0px auto;
	top:23px;
}
#corpo .edi_size02 {
	height:1100px;
}
#header {
margin:0px 0px 0px 46px;
width:954px;
position:relative;
float:left;
}
h1 {
	position:relative;
	width:202px;
	height:173px;
	float:left;
}
/* NAVEGAÇÃO PRINCIPAL */
#nav{
float:left;
margin:58px 0px 0px 25px;
position:relative;
width:678px;
height:20px;
}
ul#menu {
display:inline;
list-style:none;
}
ul#menu li {
	float:left;
	margin-right:7px;
}
ul#menu li a {
	position:relative;
	height:20px;
	overflow:hidden;
	text-indent:-10000px;
	display:block;
}
ul#menu li.edificios a {
	width:88px;
	background:url(../img/menu_edificios.gif) no-repeat;
	background-position:0px 0px;
}
ul#menu li.lazer a {
	width:114px;
	background:url(../img/menu_lazer.gif) no-repeat;
	background-position:0px 0px;
}
ul#menu li.vilagrimm a {
	width:74px;
	background:url(../img/menu_vilagrimm.gif) no-repeat;
	background-position:0px 0px;
}
ul#menu li.cronograma a {
	width:124px;
	background:url(../img/menu_cronograma.gif) no-repeat;
	background-position:0px 0px;
}
ul#menu li.faleconosco a {
	width:82px;
	background:url(../img/menu_faleconosco.gif) no-repeat;
	background-position:0px 0px;
}
ul#menu li a:hover {
	position: relative;
	background-position:0px -20px;
}
/* ACTIVE */
#edi ul#menu li.edificios a,
#edi ul#menu li.edificios a:hover,
#laz ul#menu li.lazer a,
#laz ul#menu li.lazer a:hover,
#vila ul#menu li.vilagrimm a,
#vila ul#menu li.vilagrimm a:hover,
#crono ul#menu li.cronograma a,
#crono ul#menu li.cronograma a:hover,
#fale ul#menu li.faleconosco a,
#fale ul#menu li.faleconosco a:hover {
	position: relative;
	background-position:0px -20px;
}

/* SIDEMENU */
ul#sideMenu {
display:inline;
list-style:none;
}
ul#sideMenu li {
	margin: 2px 0px 0px 9px;
	float:left;
	margin-right:7px;
}
ul#sideMenu li a {
	position:relative;
	height:15px;
	overflow:hidden;
	text-indent:8000px;
	display:block;
}
ul#sideMenu li.corretor a {
	width:62px;
	background:url(../img/menu_corretor.gif) no-repeat;
	background-position:0px 0px;
}
ul#sideMenu li.corretor a:hover {
	position: relative;
	background-position:0px -15px;
}
ul#sideMenu li.online a {
	width:66px;
	background:url(../img/menu_online.gif) no-repeat;
	background-position:0px 0px;
}
ul#sideMenu li.online {
	margin: 0px 0px 0px 0px;
	float:left;;
}
ul#sideMenu li.online a {
	position:relative;
	height:20px;
	width:80px;
	overflow:hidden;
	text-indent:-8000px;
	display:block;
}
/* HEADER */
#titulos {
	width:700px;
	float:left;
	height:115px;
	position:relative;
}
#titulos img {
	float:right;
	position:absolute;
	bottom:5px;
	right:15px;
}
#titulos.home img {
	float:right;
	position:absolute;
	bottom:0px;
	right:0px;
}
h2 {
	width:450px;
	height:45px;
	float:left;
	position:absolute;
	bottom:0px;
	left:0px;
	text-indent: -10000px;
}
h2.home {
	background:url(../img/tit_home.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
h2.fale01 {
	background:url(../img/tit_fale_conosco.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
h2.vila01 {
	background:url(../img/tit_vila.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
h2.lazer01 {
	background:url(../img/tit_lazer.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
h2.cronograma01 {
	background:url(../img/tit_cronograma.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
h2.edificios01 {
	background:url(../img/tit_edificio.png) bottom left no-repeat;
	left:25px;
	bottom:10px;
}
#cimaDireita {
	width:248px;
	background-color:#0066CC;
	height:115px;
	float:right;
}
/* CORPO */
#content {
float:left;
position:relative;
}
#esquerda {
	float:left;
	position:relative;
	width:330px;
	height:550px;
}
#esquerda.homeEsq {
	background:url(../img/lateral_home_cataventoless.png) no-repeat 120px bottom;
	height:500px;
}
.fale02 {
	background:url(../img/lateral_fale.png) no-repeat 25px bottom;
}
.vila02 {
	background:url(../img/lateral_vila.png) no-repeat 63px bottom;
}
.lazer02 {
	background:url(../img/lateral_lazer.png) no-repeat 50px bottom;
}
.edificios02 {
	height:710px;
	margin-top:360px;
	background: url(../img/lateral_edificio.png) no-repeat 38px bottom;
}
.cronograma02 {
	background:url(../img/lateral_cronograma.png) no-repeat 57px bottom;
	width:315px;
}
#centro {
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
}
h3 {
	text-indent:-8000px;
	margin-bottom:5px;
}
h3.home {
	background:url(../img/sub_home.png) no-repeat;
	/*_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/img/bgPreto.png, sizingMethod=scale);*/
}
h3.edificios {
	height:20px;
	background:url(../img/sub_edificio.png) no-repeat;
}
#centro.homeCentro {
	margin:10px 10px 0px 40px;;
	width:280px;
	text-align:justify;
	text-wrap:normal;
	line-height:150%;
}
.vila03 {
	margin:10px 0px 0px 40px;;
	width:290px;
	text-align:justify;
	text-wrap:normal;
	line-height:150%;
}
.lazer03 {
	margin:0px 0px 0px 40px;
	width:290px;
	background:url(../img/cont_lazer.png) no-repeat 0px 40px;
	height:400px;
}
.cronograma03 {
	margin:0px;
	width:345px;
	/*background:url(../img/cont_cronograma.png) no-repeat 0px 15px;*/
	height:550px;
}
.fale03 {
	margin:0px;
	width:330px;
	height:550px;
}
.edificios03 {
	margin:0px;
	width:330px;
	height:910px;
	margin:0px 0px 0px 0px;;
	text-align:justify;
	text-wrap:normal;
	line-height:150%;
}
#centro.home img {
	margin:35px 0px 0px 10px;
}
.vila03 img {
	margin:45px 0px 0px 0px;
}
ul#cont_edificios {
	list-style:none;
	margin:20px 0px 0px 0px;
}
ul#cont_edificios li {
	vertical-align:top;
}
ul#cont_edificios li.tit1 {
	background:url(../img/edi_117m.png) no-repeat 5px top;
	width:100px;
	height:25px;
	text-indent:-10000px;
}
ul#cont_edificios li.tit2 {
	background:url(../img/edi_153m.png) no-repeat 5px top;
	width:250px;
	height:25px;
	margin-top:20px;
	text-indent:-10000px;
}
ul#cont_edificios li.tit3 {
	margin-top:20px;
	background:url(../img/edi_coberturas.png) no-repeat 5px top;
	width:250px;
	height:25px;
	text-indent:-10000px;
}
ul#cont_edificios li.titLanai {
	background:url(../img/edi_lanai.png) no-repeat 5px top;
	width:250px;
	height:25px;
	margin-top:20px;
	text-indent:-10000px;
}
ul#cont_edificios li.titDir {
	background:url(../img/edi_kitopcional.gif) no-repeat 226px top;
	height:16px;
	width:320px;
	text-indent:-10000px;
}
ul#cont_edificios li.imagem {
	height:135px;
}
ul#cont_edificios li.imagem img {
	float:left;
	position:relative;
	margin:0px 3px 0px 0px;
}
ul#cont_edificios li.separador {
	margin:15px 0px 0px 0px;
	height:12px;
	width:320px;
	clear:both;
	background:url(../img/separa_conte.png) no-repeat center left;
}
/* DIREITA */
#direita {
	float:left;
	position:relative;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/tit_galeria.png) no-repeat 40px 5px;
}
#direita.homeDir {
	background:none;
}
.cronograma04 {
	background:url(../img/tit_fotos_obra.png) no-repeat 40px 5px;
}
h4 {
	margin:5px 0px;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
}
#direita p{
	margin:4px 0px 0px 0px;
	line-height:18px;
}
#direita img {
	margin:98px 0px 0px 30px;
	float:left;
	position:relative;
}
.link_video{
	float:right;
}
#direita .link_video img{
	margin:34px 26px 0 0;
}
.faleDir {
	top:25px;
	float:left;
	position:relative;
	left:40px;
	width:300px;
}
/* FOOTER */
#footer {
 width:100%;
 float:left;
 height:110px;
 position:relative;
}
#footer.home {
	background:url(../img/rodape_home.png) no-repeat top center;
}
.fale04 {
	background:url(../img/separa_rodape_fale.png) no-repeat top center;
}
.vila04 {
	background:url(../img/separa_rodape_vila.png) no-repeat top center;
}
.lazer04 {
	background:url(../img/separa_rodape_lazer.png) no-repeat top center;
}
.edificios04 {
	background:url(../img/separa_rodape_edi.png) no-repeat top center;
}
.cronograma05 {
	background:url(../img/separa_rodape_cronograma.png) no-repeat top center;
}
#footer img.home {
margin:35px 0px 0px 100px;
}
#conheca {
	background:url(../img/copyright.gif) no-repeat 760px 46px;
}
/* GALERIA */
#galeria {
	margin:40px 0px 0px 43px;
	width:255px;
	height:252px;
	overflow:hidden;
	float:left;
	position:relative;
}
	
#galeria.homegal {
	margin:0px 0px 0px 43px;
}
#thumbs {
	position:absolute;
	float:left;
	width:238px;
	top:0px;
}
#thumbs ul {
	list-style:none;
	position:absolute;
}
#thumbs ul li {
	/*margin-bottom:10px;
	*margin-bottom:7px;*/
	width:238px;
	height:84px;
	*height:81px;
}
#thumbs img {
/*imagens 112x74px*/
	margin:0px 7px 0px 0px;
	position:relative;
	float:left;
}
#setas {
	width:10px;
	height:50px;
	float:right;
	position:relative;
	margin-top:97px;
}
#setas img {
	margin:0px;
	margin-bottom:9px;
}
#setas.up {
	float:left;
	position:relative;
	width:10px;
	height:14px;
}
#setas.separador {
	width:10px;
	height:3px;
	float:left;
	position:relative;
}
#setas.down {
	float:left;
	position:relative;
	width:10px;
	height:14px;
}
/* FORM */
#formTable {
	margin:10px 0px 0px 25px;
}
.txt_form {
	/*font-size: 75%;*/
	line-height:150%;
	color: #3b3b39;
}
.fild_form {
	width: 280px;
	border:1px solid #CCCCCC;;
	height:18px;
	background-color:#f6f8f6;
}
.fild_tel_form {
	border:1px solid #CCCCCC;
	width:135px;
	height:18px;
	background-color:#f6f8f6;
}
.box_form {
	width: 280px;
	border:1px solid #CCCCCC;
	height:95px;
	background-color:#f6f8f6;
}
.dropSimNao {
	width:60px;
	font-size:80%;
	background-color:#f6f8f6;
	border:1px solid #CCCCCC;
	height:18px;
}
.dropContatoTipo {
	width:110px;
	font-size:80%;
	background-color:#f6f8f6;
	border:1px solid #CCCCCC;
	height:18px;
}
/* TERMOS DE USO */
#termosRodape{
	float:right;
	position:absolute;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#a79b82;
	left:600px;
	bottom:54px;
	width:165px;
	height:12px;
}
a:link {
color:#a79b82;
}
a:hover, a:visited{
color:#877d69;
}
#termosdeuso {
	width:410px;
	height:900px;
	background:url(../img/bg_termos.jpg) top left fixed;
	margin:0px;
	padding:0px 20px 0px 20px;
	text-align:justify;
}
#termosdeuso h5{
	text-indent:-10000px;
	margin:15px 0px 3px 0px;
	width:100%;
	height:15px;
}
h5.termos01{
	background:url(../img/termos01.png) no-repeat top left;
}
h5.termos02{
	background:url(../img/termos02.png) no-repeat top left;
}
h5.termos03{
	background:url(../img/termos03.png) no-repeat top left;
}
h5.termos04{
	background:url(../img/termos04.png) no-repeat top left;
}
h5.termos05{
	background:url(../img/termos05.png) no-repeat top left;
}
h5.termos06{
	background:url(../img/termos06.png) no-repeat top left;
}
h5.termos07{
	background:url(../img/termos07.png) no-repeat top left;
}
h5.termos08{
	background:url(../img/termos08.png) no-repeat top left;
}
h5.termos09{
	background:url(../img/termos09.png) no-repeat top left;
}
h5.termos10{
	background:url(../img/termos10.png) no-repeat top left;
}
h5.termos11{
	background:url(../img/termos10.png) no-repeat top left;
}
#termosdeuso h6{
	background:url(../img/tit_termosdeuso.png) no-repeat;
	text-indent:-10000px;
	margin:10px 0px 10px 0px;
	height:31px;
	width:202px;
}

/* INFORMAÇÕES GERAIS */
#info {
	width:410px;
	height:520px;
	background:url(../img/bg_termos.jpg) top left fixed;
	margin:0px;
	padding:0px 20px 0px 20px;
	text-align:justify;
}
#info h6{
	background:url(../img/tit_info.png) no-repeat;
	text-indent:-10000px;
	margin:10px 0px 10px 0px;
	height:41px;
	width:288px;
}
#info h5{
	text-indent:-10000px;
	margin:15px 0px 3px 0px;
	width:100%;
	height:15px;
}
h5.info01{
	background:url(../img/info01.png) no-repeat top left;
}
h5.info02{
	background:url(../img/info02.png) no-repeat top left;
}
h5.info03{
	background:url(../img/info03.png) no-repeat top left;
}

/* CATAVENTO */
#catavento {
	position:absolute;
	top:33px;
	left:113px;
	z-index:3;
}