/**PARA ZERAR DEFAULTS DO DREAMWEAVER**/
* {
margin:0;
padding:0;
list-style:none;
}

/** FUNDO **/
body {
	text-align:center; /** necessário para fazer o layout centralizar no Internet Explorer **/
	background-color: #3f3f3f;
	margin-top: 0px;
}
p{
	font:70% Verdana, Sans-Serif;
	text-align:left;
	color:#686666;
	line-height:150%;
}
p a {
	font:Verdana, Sans-Serif;
	color:#000000;
	font-weight:700;
	text-decoration:none;
}

p a:hover { /** código para quando o mouse passar em cima **/
	font:Verdana, Sans-Serif;
	font-weight:700;
	color:#686666;
	text-decoration:none;
}
p a:visited {
	font:Verdana, Sans-Serif;
	font-weight:700;
	color:#CCCCCC;
	text-decoration:none;
	}
	
.c{
	font:70% Verdana, Sans-Serif;
	text-align:center;
	color:#999999;
	line-height:150%;
}
.c a { /** código para quando o mouse passar em cima **/
	font:Verdana, Sans-Serif;
	color:#999999;
	text-decoration:none;
}

h1 a {
	display:block;
	width:200px;
	height:32px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-indent:-999px;
	overflow:hidden;	
	text-decoration:none;
	}
	
h2 {
	font:70% Verdana, Sans-Serif;
	font-weight:700;
	color: #686666;
	text-align:left;
	text-transform:uppercase;
	}
	
h4 {
	font:70% Verdana, Sans-Serif;
	font-weight:700;
	color: #000000;
	text-align:left;
	}

h5{
	font:20%Verdana, Sans-Serif;
	text-align:left;
	color:#000000;
	text-align:left;
	overflow:hidden;
}

/* GERAL DIV ONDE ESTAO CABECALHO, RODAPE E CORPO */
#geral {
	width:981px;
	margin:0 auto; /** centraliza o layout em qualquer browser, menos Internet Explorer **/
	margin-top: 0px;
	text-align:left; /** para fazer o texto alinhara esquerda**/
	background-color: #FFFFFF;
}
/* formatação texto rodapé */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636161;
}

/* CABECALHO */
#cabecalho {
	height:30px;
	width:981px;
	background-color: #3f3f3f;
	text-align:center; 
}

/* CORPO */
#meio {
	width:981px; 
	float:left; /* faz o div flutuar a esquerda */
}


/* area do submenu */
#submenu {
	width:981px; 
	height:147px;
	float:left; /* faz o div flutuar a esquerda */	
}

/* area do conteudo */
#conteudo {
	float:left; /* faz o div flutuar a esquerda */
	padding-left:0px;
	padding-top:130px;
	padding-bottom:10px;
	text-align:left; 
}
/* FIO */
#fio {
	width:981px; 
	height:1px;
	background-color: #bbbbbb;
	float:left; /* faz o div flutuar a esquerda */	 
}
/* ESPAÇO ACIMA DO FIO */
#espaco {
	width:981px; 
	height:140px;
	float:left; /* faz o div flutuar a esquerda */	 
}
/* RODAPE */
#rodape {
	clear:both; /** assim ele não sofre influência do float dos divs **/
	width:981px;
	background-color: white;
}