@charset "utf-8";
/*
	Empresa: Webroom Soluções Interativas
	Site: http://www.webroom.com.br
	Endereço: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG 
	Tel.: (34) 3237-1253
	Projeto: Adão Imóveis - Hotsite Beautiful Residence
	Data: Janeiro 2007
	Autor: Diego Franco Miguel
*/

/*..................... BASICS ..................*/
body { font:11px "Arial"; margin:0 auto; color:#185A53; background:#FFF url(../imagens/bg_body.jpg) center top;}
p { line-height:18px;}
a { color:#333333; text-decoration:none; font-weight:bold;}
a:hover { color:#036; text-decoration:underline;}
img { border:0;}
li { list-style-type:none; }
ol, ul, dl { margin:0px; padding:0px; }
hr { display:none;}
/*...................*/

/*..............COMPLET ESTRUCTURE................*/
.extra_div {width:100%; height:100%; background:url(../imagens/bg_extra_div.jpg) top repeat-y; padding:0; margin:0; border-bottom:3px solid #FFF;}
.wrap { width:770px; margin:0 auto;  }
.content { width:100%; padding:5px 5px 100px 5px; overflow:auto; position:relative; z-index:30;}
.column_right { width:126px;  height:330px; float:right; margin:140px 10px 0 0; padding:7px;}
.column { float:left; width:388px; margin:140px 0 0 225px;}
.footer { width:100%; position:absolute; left:0; display:block; height:580px; background:url(../imagens/bg_footer.gif) bottom no-repeat; clear:both; padding:0; margin-top:-580px; z-index:20;}

#projeto .projeto a, #localizacao .localizacao a, #lazer .lazer a, #plantas .plantas a, #realizacao .realizacao a, #saibamais .saibamais a {background:url(../imagens/bg_navigation_hover.gif) no-repeat; color:#FFF;}

#atendimento { position:absolute; top:0; left:480px; z-index:31;}


/*..............COMMONS................*/
h1 {margin:0; font-size:26px;}
h2 { font-size:18px;}

/*..............HEADER................*/
.header .site_name { width:226px; height:116px; position:absolute; top:0; margin:10px 0 0 230px; background:url(../imagens/logo_beautiful.gif) no-repeat; z-index:40;}
.header .site_name a {width:226px; height:116px;  display:block; overflow:hidden; text-indent:-9999px; outline:none; }

/*..............NAVIGATION................*/
.navigation { position:absolute; top:0; margin:100px 0 0 225px; z-index:50;}
.navigation li { float:left; text-align:center;}
.navigation li a { width:88px; padding:4px 0 12px 0; display:block; float:left; background:url(../imagens/bg_navigation.gif) no-repeat; font-family:"Times New Roman", Times, serif; font-size:14px; color:#E7ECEF; text-decoration:none; outline:none;}
.navigation li a:hover { background:url(../imagens/bg_navigation_hover.gif) no-repeat; text-decoration:none; color:#FFF;}

/*..............GALERIA................*/
.column .galeria {}
.column .galeria li { float:left; margin-right:2px;}
.column .galeria li img {border:5px solid #FFF; width:115px; height:80px;}
.column .galeria li img:hover {border:5px solid #185A53;}

.column_right .galeria {}
.column_right .galeria li { margin-bottom:10px;}
.column_right .galeria li img {border:5px solid #FFF; width:115px; height:80px;}
.column_right .galeria li img:hover {border:5px solid #185A53;}

	/*.................... FORMULÁRIOS ....................*/
	.formularios { padding-left:10px; border:none;}
	.formularios label { display:block;}
	.formularios label strong { color:#FF0000;}

	.formularios .bt { border:none; background:#0D524B; color:#FFF; font-size:11px; cursor:pointer;}
	
	* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #CCC;  }
	* .txtfield:hover { border:2px solid #185A53; background:none #FFF; color:#C0C0C0; padding:2px; }
	* .txtfield:focus { border:2px solid #185A53; background:none #FFF; color:#185A53; padding:2px; }
	* .txtarea {font-family:Arial, Helvetica, sans-serif; display:block; }

.success_send_mail { background:#3E4A5A; color:#FFF !important; margin:0 10px; text-align:center;}
.error_send_mail { background:#543238; color:#FFF !important; margin:0 10px; text-align:center; border:2px solid #FF0000;}

/*.................... FOOTER ....................*/
.footer p { padding:20px 0 0 0;}
.footer address { font-style:normal; padding:0;} 
.selo_webroom { position:absolute; bottom:-40px; width:80px; height:19px;  margin:0 0 0 85%;  background: url(../imagens/selo_webroom.gif) left top no-repeat; display:block;}
.selo_webroom a { display:block; width:80px; height:19px; padding-bottom:20px; text-indent:-999999px; text-decoration:none; overflow:hidden;}

/*................................................*/

/*.................... CAPA ....................*/
.animaCapa { position:absolute; top:22px; left:0; z-index:50; }
.animacao { width:980px; height:583px; display:table; margin:0 auto; }

#capa #atendimento { display:none !important;}
#capa .navigation { display:table; position:absolute; z-index:99999; margin:100px 0 0 245px; }
#capa .footer {  background:url(../imagens/bg_footer_capa.gif) bottom no-repeat; z-index:20; }


.header .atendimento { margin:-20px 0 0 500px; display:table; }