body  {
	background-image: url(/img/fundo.jpg);
	background: #000 url(/img/bodybg.jpg) repeat-x 50% 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* Helvetica, Arial, sans-serif; */
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
	color: #ffffff;
}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
	

img {
    border: none;
}


#principal { 
	background-image:url("/img/fundo.jpg");
	width: 1000px;  /* Usar 20 pixels a menos que a largura total de 800 pixels permite incluir todo o quadro do navegador e evita uma barra de rolagem horizontal */
	background: ;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	border: 0px solid #000000;
	text-align: left; /* Isso substitui text-align: center do elemento body. */
} 

#topo { 
	float:left;
	background: ;
	margin-top:0px;
	padding: 0px 0px 0px 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header em vez de texto, convém remover o preenchimento. */
} 

#topoBarra { 
	float:left;
	margin-top:0px;
	width:1000px;
	height: 40px;
	padding: 10px 5px 5px 5px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header em vez de texto, convém remover o preenchimento. */
	background: ;
	color: #fff;
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
} 

#topoLogo {
	float:left;
	margin-top:0px;
	width: 250px;
	height: 180px;
	background: ;
}

#topoMenu{
	float:left;
	text-align:left;
	margin-top: 10px;
	margin-left: 10px;
	width: 728px;
	height: 35px;
	background: #fff;
	padding: 5px 0px 5px 0px; /* Usar preenchimento em vez de margem permitirá manter o elemento longe das bordas do div */
	text-align:center;
	color: #000;
	filter:opacity(alpha=100); /* para o IE */
    opacity:1.5; /* para o outros Navegadores */
	-moz-opacity:1.5; /* para o FireFox */
	-moz-border-radius: 15px 15px 15px 15px; /* cria bordas arredondadas funciona fire fox a partir da versao 3.0*/ 
}

#topoMenu ul {
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	width: 100%;
	text-align: center;	
	background-image: url(imagens/gradmenu_hover.jpg); /* ************************************************************************* verificar*/	
	background-repeat: repeat-x}

#topoMenu ul li {
	text-align: center;
	display: inline;
}
#topoMenu ul li a {
	padding: 10px 10px;
	float:left;
	/* visual do link */
	background-color:;
	color: #333;
	text-decoration: none;
	
}
#topoMenu ul li a:hover {
	background-color:;
	color: #6D6D6D;
	border-bottom:3px solid #EA0000;
}

#topoBanner{
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	width:728px;
	height:90px;
	background: #ffcc00;
	padding: 0px 0px 0px 0px; /* Usar preenchimento em vez de margem permitirá manter o elemento longe das bordas do div */
	font-size: 200%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	text-align: center;
	vertical-align: middle; /*alinha ao centro*/
 	display: table-cell; /*alinha ao centro*/
	filter:opacity(alpha=30); /* para o IE */
    -moz-opacity:0.3; /* para o FireFox */
    opacity:0.3; /* para o outros Navegadores */
}

#menu {
	float:left;
	margin-top: 5px;
	margin-left: 0px;
	width: 185px;
	height: auto;
	background: ;	
	color: #fff;
	font-size: 0.8em; /* 80.5% Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
}
#conteudo {
	float:left;
	margin-top: 5px;
	margin-left: 5px;
	width: 670px;
	height: ;
	background: ;
	padding: 0px 0px 0px 0px;
}
#publicidade {
	float:left;
	margin-top: 5px;
	margin-left: 5px;
	
	width: 135px;
	height: auto;
	background: ;
}
#rodape {
	float:left;	
	margin-top: 20px;
	margin-bottom:1cm; /* margem no final do arquivo */
	width: 1000px;
	height:;
	background: ;
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	text-align: center;
	}
	
#rodape table{
	background: ;
	width:90%;
	font-family: Arial, Sans-Serif;
	text-align: center;
	margin-left: 5%; 
	margin-right: 5%;
	}
	
#rodape table td{
	text-align: left;
	width:25%;
	padding:5px;
	vertical-align: top;
	font-size: 85%;
	}
#rodape hr{
	color: ;
    background-color: #f1f1f1;
    height: 2px;
	width: 100%;

	}


/*----------------------------
Coluna Esquerda
----------------------------*/


#menu ul {
	list-style:none;
	width: 185px;
	border-bottom: 5px solid #f7f8e6;
	float: left;
}

#menu ul li {
	float: left;
	width: 185px;
}

#menu ul li a {
	display: block;
	color: #fff;
	padding: 8px 30px;
	border-bottom: 1px dotted #ccc;
	border-width:thin;
	text-decoration: none;

}

#menu ul li a:hover {
	color: #333;
	background: #fff url() repeat-x top left;
}
		

#menu ul li.head {
	color: #ddd;
	padding: 8px 10px 8px 30px;
	font-weight: bold;
	background:#dadcbd url() no-repeat 2px 50%;
	/*background: url(/img/bg_menu_t.gif) repeat-x top left; */
	width: 145px;
}


#menu .linkcat h2 {
	display: none;
}

#menu ul ul {
	border-bottom: none;
}