@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 Flamboyant Parc
	Data: Junho 2007
	Autor: Diego Franco Miguel
*/

/*..................... BASICS ..................*/
body { font:11px "Trebuchet MS"; margin:0 auto; color:#185A53; background:#80B726;}
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:#477C38 url(../imagens/bg_body.jpg) top center no-repeat; padding:0; margin:0;}
.wrap { width:980px; margin:0 auto; padding:0;}
.content { width:380px; margin-left:500px; height:591px; padding:5px; background:none;}
.header { width:778px; height:45px;}

#oprojeto .extra_div, #localizacao .extra_div, #lazer .extra_div, #plantas .extra_div, #realizacao .extra_div, #saibamais .extra_div {background:#477C38 url(../imagens/bg_body_internas.jpg) top center no-repeat !important;}
#oprojeto .frase, #localizacao .frase, #lazer .frase, #plantas .frase, #realizacao .frase, #saibamais .frase { display:none;}

#ani .extra_div {width:100%; height:738px; background:#477C38 url(../imagens/bg_body_inicio.jpg) top center no-repeat; padding:0; margin:0;}
#ani .header .site_name { display:none;}
#ani .atendimento { display:none;}

#animacao { top:0; position:absolute; margin:0 0 0 55px; *margin:0 0 0 -446px;}

.ilustracao{ width:430px; height:410px; position:absolute; top:238px; margin-left:68px; *margin-left:-430px; color:#173209}

#lazer .ilustracao .lista li{ margin-left:200px;  width:220px; list-style: disc; font-size:11px}

#saibamais .ilustracao{ background:url(../imagens/predio_realizacao.gif) no-repeat bottom right; }

#plantas .ilustracao{ background:url(../imagens/ilustracao_mulher.gif) no-repeat bottom right;}

#realizacao .ilustracao{ background:url(../imagens/predio_realizacao.gif) no-repeat bottom right; }

#oprojeto .ilustracao { width:290px; height:150px; margin-left:210px;  }
#oprojeto .ilustracao li { margin-bottom:10px; color:#173209; height:90px; }
#oprojeto .ilustracao .depo1 { background:url(../imagens/img_depo1.jpg) no-repeat left top; padding-left:90px; }
#oprojeto .ilustracao .depo2 { background:url(../imagens/img_depo2.jpg) no-repeat left top; padding-left:90px; }
#oprojeto .ilustracao .depo3 { background:url(../imagens/img_depo3.jpg) no-repeat left top; padding-left:90px; }
#oprojeto .ilustracao .depo4 { background:url(../imagens/img_depo4.jpg) no-repeat left top; padding-left:90px; }
#oprojeto .ilustracao .txt_normal{ font-weight:normal}



 
/*
#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:4.3em; font-family:"Trebuchet MS", Arial; color:#004224; font-weight:normal; text-align:right; }
h2 { font-size:18px;color:#173209;}



/*..............HEADER................*/
.header .site_name { width:260px; height:156px; border:none; position:absolute; top:10px; margin-left:145px; background:url(../imagens/logo_floraviva.gif) no-repeat; z-index:40;}
.header .site_name a {width:260px; height:156px;  display:block; overflow:hidden; 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:230px; margin-left:30px; z-index:52; width:161px;}
.navigation li { width:161px; display:block;}
.navigation li a { width:121px; display:block; background:url(../imagens/bg_navigation.png); margin-top:3px; padding:3px 0 3px 40px; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.navigation li a:hover { color:#FFF; text-decoration:none; background:url(../imagens/bg_navigation_hover.png);}

.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;  }
.content .galeria li { margin:4px; font-weight:bold; color:#666; text-align:center; display:inline;}
.content .galeria li img { width:101px; height:74px; border:4px solid #74AD12;}
.content .galeria li img:hover { border:4px solid #004224;}



#localizacao .miniaturas1{ border:#000000 solid 0px; height:169px;}
#localizacao .miniaturas2{ border:yellow solid 0px; height:170px; _margin:-9px 0 0 0;}

#oprojeto .content .galeria .predio img { width:180px; height:154px; border:4px solid #74AD12;}
#oprojeto .content .galeria .varanda img { width:180px; height:154px; border:4px solid #74AD12;}
#oprojeto .content .img_projeto { width:400px; height:180px;  margin-top:50px;}
#oprojeto .content .galeria li img:hover { border:4px solid #004224;}

#lazer .content .galeria { clear:both;  width:380px;}
#lazer .content .galeria li img { width:105px; height:78px; margin:0 !important; padding:0 !important;}
#lazer .content h1{ *margin-bottom:-20px; }

#plantas_ .content .galeria  { width:700px;}
#plantas_ .content .galeria strong { display:block;}
#plantas .content .galeria li { float:left; margin-left:8px; font-size:12px; color:#003300;}
#plantas .content .galeria li img { width:170px; height:90px;}

#localizacao .content .galeria{ width:420px; height:350px;  margin:0 0 0 10px; *margin:0; _margin:0; }
#localizacao .content .galeria li img { width:181px; height:154px; border:4px solid #74AD12; }
#localizacao .content .galeria li img:hover { border:4px solid #004224; }

#localizacao .content .carrefour{ width:181px; height:154px; float:left;  padding:0 19px 0 0; _padding:0 13px 0 0; margin:0 !important;}
#localizacao .content .flamboyant{ width:181px; height:154px;  margin:0 !important; padding:0 0 14px 0; *padding:0 0 15px 0; _padding:0 0 9px 0; float:left}
#localizacao .content .parque{ width:181px; height:154px; margin:100px 0 0 0 !important; padding:0; }

#localizacao .ilustracao img { width:181px; height:154px; border:4px solid #74AD12; margin:2px 0 20px 246px; *margin:19px 0 0 218px;  }
#localizacao .ilustracao img:hover { border:4px solid #004224;}

#plantas .galeria li{ float:left; color:#344712;}
/*.................... 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:"Segoe UI", Arial; font-size:12px; text-align:justify; color:#173209; }

.wrap .ilustracao .depo1 p { font-family:"Segoe UI", Arial; font-size:12px; text-align:justify; color:#173209; }
.wrap .ilustracao .depo2 p { font-family:"Segoe UI", Arial; font-size:12px; text-align:justify; color:#173209; }
.wrap .ilustracao .depo3 p { font-family:"Segoe UI", Arial; font-size:12px; text-align:justify; color:#173209; }

.content .lista { margin:10px 0; float:left; width:450px;}
.content .lista li { list-style-type:square; margin-left:40px; color:#064409;}

/*.................... FORMULÁRIOS ....................*/
	.formularios { padding-left:10px; border:none;}
	.formularios label { display:block;}
	.formularios label strong { color:#FF0000;}

	.formularios .bt { border:none; background:#064409; padding:3px; color:#FFF; font-size:11px; cursor:pointer;}
	
	* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #A0C056;  }
	* .txtfield:hover { border:2px solid #003300; background:none #FFF; color:#C0C0C0; padding:2px; }
	* .txtfield:focus { border:2px solid #009340; 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:49px 0 0 700px;  background: url(../imagens/selo_webroom.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;}

.header .atendimento { margin:0px 0 0 370px; display:table; }