@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: PaulOOctávio - Hotsite Parque Brasília
	Data: Maio 2008
	Autor: Diego Franco Miguel
*/

/*..................... BASICS ..................*/
body { font:11px "Trebuchet MS"; margin:0 auto; color:#185A53; background:#B11116;}
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:#B11116 url(../imagens/bg_body.jpg) top center no-repeat; padding:0; margin:0;}
.wrap { width:770px; margin:0 auto; padding:0; height:620px;  }
.content { width:499px; height:296px; margin:0 0 0 222px; padding:20px; background: url(../imagens/bg_navigation.png);}
.content2 { width:499px; height:350px; margin:0 0 0 222px; padding:20px; background: url(../imagens/bg_navigation.png);}
.header { width:778px; height:161px;}
.footer { width:770px; margin:0 auto; height:120px; clear:both; padding:0; background:url(../imagens/bg_footer.gif) 205px 29px no-repeat; }

/*.column_right { width:1px;  height:540px; float:right; }
.column { float:left; width:530px; padding-left:15px; color:#FFF; margin:0px !important;}
*/

#page_player { background:#494949;}
#page_player .wrap { background:#494949; }
#player { float:right; margin-top:4px;}

#empreendimento .content { overflow:auto;}

#animacao {  width:550px; height:400px; position:absolute; top:130px; margin-left:192px;}

#empreendimento .empreendimento a, #localizacao .localizacao a, #plantas .plantas a, #servicos .servicos a, #acompanhe .acompanhe a, #faleconosco .faleconosco a {background:url(../imagens/bg_navigation.png); color:#FFF;}

#empreendimento .frases, #localizacao .frases, #plantas .frases, #servicos .frases, #acompanhe .frases, #faleconosco .frases { display:none;}

#empreendimento .extra_div, #faleconosco .extra_div { background:#B11116 url(../imagens/bg_body_empreendimento.jpg) top center no-repeat;}
#localizacao .extra_div { background:#B11116 url(../imagens/bg_body_localizacao.jpg) top center no-repeat;}
#plantas .extra_div { background:#B11116 url(../imagens/bg_body_plantas.jpg) top center no-repeat;}
#servicos .extra_div {background:#B11116 url(../imagens/bg_body_servicos.jpg) top center no-repeat;}
#acompanhe .extra_div {background:#B11116 url(../imagens/bg_body_acompanhe.jpg) top center no-repeat;}

/*..............COMMONS................*/
h1 {margin:0; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#B11116; position:absolute; margin:0 0 0 220px; *margin:0 0 0 0; top:60px; }
h2 { font-size:18px;}

/*..............HEADER................*/
.header .site_name { width:209px; height:129px; border:none; margin:0; padding:0;}
.header .site_name a {position:absolute; top:10px; margin:0 0 0 510px; background:url(../imagens/logo_parquebrasilia.gif) no-repeat; width:209px; height:129px; display:block; overflow:hidden; text-indent:-9999px; z-index:40; }

.header .frases { width:254px; height:47px; position:absolute; top:20px; margin:0 0 0 240px; text-indent:-9999px; background:url(../imagens/frases.gif) no-repeat; z-index:40;}

/*..............NAVIGATION................*/
.navigation { position:absolute; top:0px; z-index:52; width:186px; height:612px; margin:0 0 0 25px; padding:128px 0 0 0; *padding-top:130px; background:url(../imagens/bg_navigation.png); }
.navigation li a { width:205px; display:block; background:url(../imagens/bg_content.png); font-weight:normal; font-family:"Segoe UI"; padding:5px 2px; margin:2px 0 2px -12px; text-transform:uppercase; font-size:14px; color:#E7ECEF; text-decoration:none; text-align:center;}
.navigation li a:hover { background: url(../imagens/bg_navigation.png); color:#FFF; text-decoration:none;}

/*..............LISTA................*/
.list { font-family:"Segoe UI"; color:#CCC; padding:20px 0 0 60px; font-size:12px;}
.list li { list-style-type:disc;}

/*..............GALERIA................*/

#plantas .galeria { clear:both; width:4450px; background: url(../imagens/bg_navigation.png); display:table; padding:0 5px 0 29px; margin:4px 0 0 -5px;}
.galeria { clear:both; width:505px; background: url(../imagens/bg_navigation.png); display:table; padding:0 5px 0 29px; margin:4px 0 0 222px;}
.galeria li { float:left; padding:0;}
.galeria li img {border:3px solid #B11116; margin:13px 25px 7px 0; padding:0; }
.galeria li img:hover {border:3px solid #FFF;}

/*Motion Gallery*/
	#motioncontainer {
	/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
	width:525px; *width:540px; /* Set to gallery width, in px or percentage */
	margin-left:222px;
	height: 100px; /* Set to gallery height */
	z-index:60;
	}
	
	#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: 0px;
	visibility: hidden;
	}
	
	#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
	}
	/* End Gallery Styles */	
	
/*Motion Gallery*/

/*.................... CAPA ....................
#home .column { padding-top:30px;} 
#home .footer {background:url(../imagens/bg_footer_capa.gif) bottom no-repeat;}*/

/*.................... CONTENT ....................*/
.content p { font-family:"Segoe UI"; font-size:14px; color:#CCC; text-align:justify; margin:10px 0; padding:0 50px;  }

.content .lista { margin:5px 0; float:left; width:235px; float:left;}
.content .lista li { list-style-type:square; margin-left:10px; color:#064409;}

.content2 p { font-family:"Segoe UI"; font-size:14px; color:#CCC; text-align:justify; margin:10px 0; padding:0 50px;  }

.content2 .lista { margin:5px 0; float:left; width:235px; float:left;}
.content2 .lista li { list-style-type:square; margin-left:10px; color:#064409;}

#lazer .content .lista { padding:20px 0;}

/*.................... 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:#FEFCBF; 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 #003300; 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 375px; 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 375px; padding: 5px; font-size:12px; background:#543238; color:#FFF !important; text-align:center !important; border:2px solid #FF0000;}

/*.................... FOOTER ....................*/
.footer p { padding:20px 0 0 0;}
.footer address { font-style:normal; padding:0;} 
.selo_webroom { position:absolute; width:80px; height:19px;  margin:50px 0 0 80px ;  background: url(../imagens/selo_webroom.gif) left top no-repeat; display:block; z-index:70;}
.selo_webroom a { display:block; width:80px; height:19px; text-indent:-999999px; text-decoration:none; overflow:hidden;}