@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 DreamLife
	Data: Outubro 2007
	Autor: Diego Franco Miguel
*/

/*..................... BASICS ..................*/
body { font:11px "Arial"; margin:0 auto; color:#FFF; background:#091A2C;}
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;}
.left { float:left; margin-right:10px;}
.clear { clear:both;}
/*...................*/

/*..............COMPLET ESTRUCTURE................*/
.extra_div {width:100%; height:738px; background:url(../imagens/bg_body_home.jpg) top left no-repeat; padding:0; margin:0;}
.wrap { width:980px; margin:0; padding:0;}
.content { width:730px; height:405px; padding:5px; background:none;}
.header { width:778px; height:135px;}

#oprojeto .extra_div, #lazer .extra_div, #plantas .extra_div, #realizacao .extra_div, #saibamais .extra_div {background:#091A2C url(../imagens/bg_body_internas.jpg) top left no-repeat !important;}
#oprojeto .frase, #localizacao .frase, #lazer .frase, #plantas .frase, #realizacao .frase, #saibamais .frase { display:none;}

#localizacao .extra_div {background:#091A2C url(../imagens/bg_body_localizacao.jpg) top left no-repeat !important;}
#localizacao .content p { width:480px; padding-bottom:115px}

#plantas .content { width:480px;}

#localizacao .home {background:#091A2C url(../imagens/bg_body_home.jpg) top left no-repeat !important;}

#plantas .content p { padding:3px;}

#plantas .content a div { text-indent:-999px; overflow:hidden; display:block}

/*
#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;}

..............COMMONS................*/
h1 {margin:0; font-size:3.3em; font-family:"Arial Narrow", Arial; color:#CCCCCC; font-weight:normal; }
h2 { font-size:18px;color:#FFF;}

#realizacao h1 {margin:0; font-size:3.3em; font-family:"Arial Narrow", Arial; color:#CCCCCC; font-weight:normal; padding-bottom:25px }


/*..............HEADER................*/
.header .site_name { width:186px; height:107px; border:none; z-index:40;}
.header .site_name a {width:269px; height:181px; position:absolute;  display:block; overflow:hidden; background:url(../imagens/logo_dreamlife.png) no-repeat; margin:-10px 0 0 200px; text-indent:-9999px !important; outline:none; }

#home .header .site_name a {width:269px; height:181px; position:absolute;  display:block; overflow:hidden; background:url(../imagens/logo_dreamlife.png) no-repeat; margin:170px 0 0 440px; text-indent:-9999px !important; outline:none; }

.header .frase { width:450px; height:66px; position:absolute; left:300px; top:75px; text-indent:-9999px; background:url(../imagens/frase.gif) no-repeat; z-index:40;}

/*..............NAVIGATION................*/
.navigation { position:absolute; top:562px; margin:0 0 0 0; background:; z-index:52;  height:43px;}
.navigation li { float:left;}

.navigation li.projeto a { width:117px; }
.navigation li.localizacao a { width:145px; }
.navigation li.lazer a { width:65px; }
.navigation li.plantas a { width:88px; }
.navigation li.realizacao a { width:125px; }

.navigation li a { float:left; display:block; background:; margin-top:0; padding:6px 0; color:#FFF; font-size:16px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; cursor:pointer; text-indent:-9999px;  margin-top:-10px}
.navigation li a:hover { color:#FFF; text-decoration:none; background:url(../imagens/bg_navigation_hover.gif) center top no-repeat;}
.saibamais {}
.saibamais a { position:absolute; top:0 !important; background:url(../imagens/bg_saibamais2.gif) no-repeat; margin:0 0 0 550px; font-size:40px; color:#FFFFFF; display:block; overflow:hidden; width:154px; height:31px; text-indent:-9999px; }

.content .plantas { font-size:12px; clear:both; }
.content .plantas li { float:left; text-align:center; width:220px; margin:0 0 0 10px;}
.content .plantas li ul li { list-style-type:square; text-align:left;}

/*..............GALERIA................*/
.content .galeria { clear:both; background:url(../imagens/bg_galeria.gif) no-repeat; padding:14px 0 0 30px; width:718px; height:132px;  }
.content .galeria li { margin:4px; font-weight:bold; color:#666; text-align:center; display:inline;}
.content .galeria li img { width:108px; height:95px; border:5px solid #16457E;}
.content .galeria li img:hover { border:5px solid #FFF;}

#plantas .content .galeria li div{ overflow:hidden; text-indent:-999px; float:left}
#plantas .content .galeria { clear:both; background:url(../imagens/bg_galeria.gif) no-repeat; padding:14px 0 0 30px; margin-top:40px; width:718px; height:132px;  }

#plantas .imagens_plantas{width:760px; overflow:hidden; margin:0; padding:0 0 55px 0}
#plantas .imagens_plantas li{ float:left; margin-right:5px;}
#plantas .imagens_plantas li div{text-indent:-999px; overflow:hidden; display:none; margin:0; padding:0;  }

/*.................... CAPA ....................
#home .column { padding-top:30px;} 
#home .footer {background:url(../imagens/bg_footer_capa.gif) bottom no-repeat;}
#home .content { width:479px; height:326px; margin-top:10px; padding:5px; background:none;}*/

/*.................... CONTENT ....................*/
.content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFF; padding:20px 10px 20px 10px; }

#saibamais .content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFF; padding:5px 10px 10px 10px; }

#realizacao .content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFF; padding:18px 10px 20px 10px; width:600px }
#realizacao .content img {margin:0px 15px 0 0; float:left }

.content .lista { margin:10px 0; float:left; width:300px; margin-bottom:10px;}
.content .lista li { list-style-type:square; margin-left:40px; color:#FFF;}

.esconde{ display:none;}

/*.................... FORMULÁRIOS ....................*/
	.formularios { padding-left:10px; border:none;}
	.formularios label { display:block;}
	.formularios label strong { color:#FF0000;}

	.formularios .bt { border:none; background:#0860c4; padding:3px; color:#FFF; font-size:11px; cursor:pointer;}
	
	* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #003366;  }
	* .txtfield:hover { border:2px solid #003300; background:none #FFF; color:#C0C0C0; padding:2px; }
	* .txtfield:focus { border:2px solid #006fe6; background:none #FFF; color:#003300; padding:2px; }
	* .txtarea {font-family:Arial, Helvetica, sans-serif; display:block; }

.success_send_mail { position:absolute; width:120px; height:80px; margin:100px 0 0 175px; padding: 24px 5px 5px 5px; font-size:12px; background:#3E4A5A; color:#FFF !important; text-align:center !important;}
.error_send_mail { position:absolute; width:120px; height:94px; margin:100px 0 0 175px; padding: 5px; font-size:12px; background:#543238; color:#FFF !important; text-align:center !important; border:2px solid #FF0000;}

/*.................... FOOTER ....................*/
.footer { width:980px; margin:0 auto;}
.footer p { padding:20px 0 0 0;}
.footer address { font-style:normal; padding:0;} 
.selo_webroom { width:116px; height:35px; position:absolute;  margin:100px 0 0 0; left:0;  background: url(../imagens/selo_webroom2.gif) left top no-repeat; display:block;}
.selo_webroom a { display:block; width:116px; height:35px; padding-bottom:20px; text-indent:-999999px; text-decoration:none; overflow:hidden;}

/* ---------------------------------------------- PAGINAS PERSONALIZADAS --------------------------------------------*/

/* ...................PAGINA DE ANIMAÇÃO ..............*/
#ani .wrap { margin:0 auto; padding:0;}
#ani .content { width:980px; height:480px;}
#ani .header { display:none;}
#ani .extra_div {width:100%; height:738px; background:url(../imagens/bg_body_inicio.jpg) top center no-repeat; padding:0; margin:0;}
#ani .header .site_name { display:none;}
#ani .atendimento { display:none;}
#ani .selo_webroom { width:116px; height:35px; position:absolute;  margin:205px 0 0 700px;  *margin:191px 0 0 700px; background: url(../imagens/selo_webroom.gif) left top no-repeat; display:block;}
#ani .selo_webroom a { display:block; width:116px; height:35px; padding-bottom:0px; text-indent:-999999px; text-decoration:none; overflow:hidden;}

#ani .navigation { position:absolute; top:515px; margin:0 0 0 127px; background:; z-index:52;  height:43px;}
#ani .navigation li { width:140px; float:left;}
#ani .navigation li a { width:140px; float:left; display:block; background:; margin-top:0; padding:6px 0; color:#FFF; font-size:16px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; cursor:pointer; text-indent:-9999px;}
#ani .navigation li a:hover { color:#FFF; text-decoration:none; background:;}
#ani .saibamais {}
#ani .saibamais a { position:absolute; top:0 !important; margin:0 !important; background:url(../imagens/bg_saibamais.gif) no-repeat; margin-top:-10px !important; font-size:40px; color:#FFFFFF; display:block; overflow:hidden; width:206px; height:57px; text-indent:-9999px; }

#animacao { top:0; position:absolute; margin:6px 0 0 55px; outline:none}

#animacao a{outline:none}

/* ...................animacao ..............*/


.header .atendimento { margin:-2px 0 0 0px; display:table; position:absolute; width:100px; }