@charset "utf-8";
/* CSS Document */
/** html ul li { float: left; }
* html ul li a { height: 1%; }
*/


body{
	margin:0px;
	padding:0px;
	background: #0B100A;
	font-family: verdana;
	font-size:11px;
	color:#020202;
	min-width:760px;

}
#accordion {
	margin:20px 0px;
}

#container{
	background: url(../imagens/bg.jpg) #000000;
	margin:0px auto;
	width:1024px;

/*	background: url(../imagens/fundo.jpg) no-repeat right;
*/	}
#fundo{
	width:100%;
	min-height:712px;
	background: url(../imagens/fundo.jpg) no-repeat right top;
}
#logo{
	width:490px;
	height:140px;
	float:left;
	}
.menu {
	width:150px;
	height:150px;
	float:left;	
	}
#topo{
	width:641px;
	height:150px;
	float:left;
	

}
h1.toggler{
	cursor: pointer;
	color:#FFFFFF;
	font-size:16px;
}
h1{
	color:#00534D;
	font-size:16px;
}
p strong{
	font-size:11px;
	}
p a{
color:#020202;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

p img{
padding:5px;

}

p a:hover{
color:#bfd7b8;
}
p a.cor{
color:#020202;
}

#esquerdo{
/*	padding:0px 400px 30px 20px;
*/	float:left;
	width:641px;

	}

#esquerdo p, h1{
	padding-left:20px;

}

/*#conteudo{
	margin-top:100px;
	}
*/p, h1{
text-align:justify;
margin-right:30px;
}

#direito{
	float:left;
	width:383px;
	}
h3 a:hover{
	color:#BFD7B8;
	text-decoration:none;

}

h3 a{
	color:#336600;
	text-decoration:none;
}



/*#esquerdo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 85px;
	border-bottom: 1px solid #fdf6ee;
	}
#esquerdo .largura {
	width:130px;
}

ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 84px;
	top: 0;
	display: none;
	}
#esquerdo li.arrow{
	background:url(../imagens/arrow.gif) no-repeat scroll right center;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #020302;
	padding: 5px 5px 5px 15px;
	border: 1px solid #fdf6ee;
	border-bottom: 0;
	}
li:hover ul, li.over ul { 
	display: block; 
	}
ul li a:hover, li.over ul{
	color:#FFFFFF;
	background-color:#a2c299;
}
*/


#rodape {
color:#CCCCCC;
text-align:center;
border: 1px solid #FF0000;
height:150px;
font-size:10px;
width:1024px;
margin-top:50px;
float:left;
background-color:#7C9673;
}
td{
	color:#bfd7b8;
	font-size:9px;
	
}
#rodape a {
color:#bfd7b8;
text-decoration:none;
font-size:9px;
}

#rodape a:hover {
color:#ffffff;
}

#rodape #left {
float:left;
text-align:right;
width:35%;
font-size:10px;
}

#rodape #right {
float:left;
text-align:left;
font-size:10px;

}

#rodape #bottom {
clear:both;
text-align:center;
padding-bottom:20px;
}

#rodape p span {
font-weight:bold;
}

#bottom table{
	padding-left:20px;
	padding-right:20px;

}
table{
	width:1024px;

}

.formulario{
}
input{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#555753;
	}
#formulario {
	width:350px;
	margin-top:60px;

}

#formulario div {
	text-align:right;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:3px;
}

#formulario div input {
	width:235px;
	border:#607459 solid 1px;
	background-color:#ffffff;
	height:1.5em;
	*height:1.2em;
	_height:1.2em;
	vertical-align:middle;
	padding: 3px 5px 0px 5px;
}
#formulario div textarea {
	width:240px; 
	height:80px;
	border:#607459 solid 1px;
	background-color:#ffffff;
	color:#555753;
	overflow:auto;
	font-famly: tahoma;
	font-size: 11px;
	color: #020302;
	padding-left:5px;
}
#formulario div label.mensagem {
	vertical-align:top;
}

#formulario div input.botao_enviar {
	width:45px;
	height:20px;
	background-image: url(imagens/btn_enviar.gif);
	background-color:#7f9a77;
	border:none;
}
#formulario div input.botao_limpar {
	width:45px;
	height:20px;
	background-image: url(imagens/btn_limpar.gif);
	border:none;
	background-color:#7f9a77;

}
.menu {
	width:150px;
	height:150px;
	float:left;	
	}
	
.menu ul{ 
	margin-left:-63px;
	}

.menu li{ 
	 position: relative; 
	 line-height: 1.2em;
	 list-style:none;
			 }
.menu .largura {
	width:180px;
}
.menu .largura a{
	text-align:left;
	padding-left:15px;
}
.menu a { 
	 display: block;
	 color: #020302; 
	 zoom: 1; 
	 line-height: 2em; 
	 text-decoration:none;
	 text-align:center;
	 border: 1px solid #7f9a77;	
	 background-color: #FFFFFF;
	 font-weight:bold;
	 font-size:12px;	 
			  }
.menu li ul{ 
	position: absolute; 
	visibility: hidden  
	}
.menu li:hover ul, .menu li.hover ul{ visibility: visible }
.menu li:hover ul ul, .menu li.hover ul ul{ visibility: hidden }
.menu li li:hover ul, .menu li li.hover ul{ visibility: visible }
.menu li li:hover ul ul, .menu li li.hover ul ul{ visibility: hidden }
.menu li li li:hover ul, .menu li li li.hover ul{ visibility: visible }
	/* características horizontal-vertical */
.menu:after, .menu.after { 
	content: "."; 
	line-height: 0px; 
	clear: both; 
	display: block; 
	visibility: hidden
	}
.menu li { float: left; }		
.menu li ul li { float: none; }
.menu li ul li ul { 
	position: absolute; 
	left: 100%;
	top: 0;
	 }
	/* características vertical-vertical */
	/* ****************************************
	  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
	  ou apague as linhas se for definir em outro lugar
	*/
.menu li { 
	width: 80px; 
	}
.menu li a:hover { 
	background-color: #bfd7b8;
	}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
	who.MXPC = '1';
	if(who.nodeName != 'A'){
		who.onmouseenter=function(){ who.className += ' hover'};
		who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }



#grupo{
background:#000000;
margin:0px;
height:24px;
width:100%;
}
#endereco{
background:#333333;
width:1015px;
height:20px;
margin:auto;
font-family:"Trebuchet MS";
font-size:10px;
color:#999999;
text-align:center;
margin-bottom:5px;
margin-top:18px;
padding:5px;

}

#endereco img{
	width:18px;
	height:19px;
	padding-left:6px;

}
#sites{
width:995px;
margin:auto;
margin-bottom:5px;
margin-top:20px;

}

#sites .site{
	width:215px;
	margin-left:30px;
	float:left;
	display:block;

}

.site p{
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:0px;

}
.site img{
	margin-bottom:1px;

}
	
.site a{
	font-size:10px;
	text-decoration:underline;

}
.site a:link {
	color: #333333;
	text-decoration: none;
}
.site a:visited {
	text-decoration: none;
	color: #333333;
}
.site a:hover {
	text-decoration: none;
	color: #666666;
	text-decoration:underline;
}
.site a:active {
	text-decoration: none;

}
.site .frase{
color:#666666;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:89px;
margin-left:9px;
margin-right:0px;
padding-top:22px;
width:79px;

}
#logon{
	margin-bottom:1px;
	width:97px;
	height:130px;
	float:right;
	
}
#parabolas{
	margin-bottom:1px;
	width:97px;
	float:right;
	margin-top:20px;
		
}
#thumbs{
width:150px;
margin:auto;
margin-bottom:5px;
margin-top:68px;
float:left;
display:block;

}

#thumbs .thumb{
	width:25px;
	height:25px;
	margin-right:5px;
	float:left;
	display:block;

}
#thumbs2{
width:150px;
margin:auto;
margin-bottom:5px;
margin-top:20px;
float:left;
display:block;

}

#thumbs2 .thumb2{
	width:25px;
	height:25px;
	margin-right:5px;
	float:left;
	display:block;

}
#thumbs3{
width:150px;
margin:auto;
margin-bottom:30px;
margin-top:58px;
float:left;
display:block;

}

#thumbs3 .thumb3{
	width:25px;
	height:25px;
	margin-right:5px;
	float:left;
	display:block;

}
#slogan{
width:600px;
margin:auto;
font-family:"Trebuchet MS";
font-size:14px;
color:#666666;
text-align:center;
margin-bottom:36px;
margin-top:333px;
padding-left:250px;

}

