@import url("reset.css"); /* css reset */

* html img { /* código para usar PNG com fundo transparente. */

	filter:expression(
		this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" :
		this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
		(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
		String(this.alphaxLoaded=true).substr(0,0)+
		(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));

}

body { background-color:#097496; font-size:small;}

h2 {
font:bold 1.3em arial, tahoma, sans-serif;
color:#666;
}

/************************************************
				   CONTAINER
************************************************/

#container {
position:relative;
width:1003px;
height:503px;
margin:0 auto;
background:url(../pics/bg.jpg) repeat-Y top;
}

p#esferas {
position:absolute;
top:10px;
left:5px;
z-index:2;
}

/************************************************
				   mainContent
************************************************/

#mainContent {
position:absolute;
top:80px;
left:50%;
margin-left:-350px;
right:100px;
width:700px;
height:376px;
z-index:0;
overflow:auto;
}

#mainContent p {
text-align:justify;
padding:6px;
font:0.9em arial, tahoma, sans-serif;
line-height:160%;
color:#5f5e5e;
}

#mainContent h2 { text-align:center; }

div#f-transp { /* fundo transparente */
position:absolute;
top:70px;
left:50%;
margin-left:-370px;
width:750px;
height:400px;
background:#fff;
filter:alpha(opacity=90, finishopacity=90, style=1);
opacity:.90;
-khtml-opacity:.90;
}

#f-transp img.close {
top:2px;
right:2px;
position:absolute;
}

ul#bandeiras { 
position:absolute;
top:-60px;
right:75px;
height:72px;
}

ul#bandeiras li { 
margin-top:0; 
border:1px solid #fff;
}

/************************************************
					 FLASH
************************************************/

#flash {
position:relative;
width:800px;
height:490px;
margin:0 auto;
top:12px;
}
div#nav {
position:absolute;
width:808px;
height:49px;
top:0px;
left:-2px;
z-index:1;
}
div#nav ul {
position:absolute;
top:12px;
left:98px;
z-index:1;
}
div#nav ul li {
float:left;
display:inline;
margin-left:16px;
}
div#nav ul li a {
font:bold 14px Times New Roman, Times, serif;
color:#9E6016;
text-transform:uppercase;
}

/************************************************
				     FOOTER
************************************************/

#footer {
position:relative;
width:1003px;
height:52px;
background:url(../pics/footer.jpg) no-repeat;
}

#footer address {
font:normal 0.88em arial, tahoma, sans-serif;
color:#fff;
padding:30px 0 0 136px;
}

#footer object {
position:absolute;
top:30px;
right:60px;
}

/************************************************
				   CONTATO
************************************************/

#contato { 
text-align:left; 
width:390px; 
margin:30px auto;
}

#contato form { font-size: 10pt; }
       
        
#contato input{
font-size: 13px;
margin-bottom: 10px;
color:#000;
background-color:#FAE5AE;
border:1px solid #fff;
}

#contato select{
font-size: 13px;
margin-bottom: 10px;
color:#000;
background-color:#FAE5AE;
border:1px solid #fff;
}
        

#contato textarea { 
background-color:#FAE5AE; 
border:1px solid #fff; 
color:#000;
}
        
#contato label{
display: block;
width: 80px;
float: left;
color:#9E6016;
font:bold 11px Tahoma, verdana;
}
        
#contato span{
color: #999;
font-size: 12px;
}
        
#contato .botao{
font-size: 13px;
background: #f1f1f1;
margin: 15px 0 0 180px;
border:none;
color:#9E6016;
}

/************************************************
				   pagina
************************************************/
#texto {
width:362px;
float:left;
}

#fotos {
width:317px;
float:right;
}

table.distancia {
border:1px solid #CCCCCC;
font:0.9em arial, tahoma, sans-serif;
line-height:160%;
color:#5f5e5e;
}

table.distancia td {
padding:2px;
border:1px solid #CCCCCC;
}

/************************************************
				   localizacao
************************************************/