/* CSS Geral */

@font-face {
	font-family: Futured;
	src: url(../fontes/futured.eot);
}

@font-face {
	font-family: Futured;
	src: url(../fontes/futured.ttf) format("truetype");
}


body{
	background:url(../img/bg.jpg) top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	margin:0;
}

#pagina{
	width:800px;
	margin:auto;
}

#topo{
	background-color:#FFFFFF;
	/*background:url(../img/backTopo.jpg) no-repeat;*/
	background:url(../img/bg.jpg) repeat-x top;
	height:275px;
	width:800px;
	margin:0;
}

#miolo{
	background-color:#FFFFFF;
	/*background:url(../img/backMiolo.png) no-repeat;*/
	width:800px;
	min-height: 500px;
	height:auto !important;
	height:500px;
	margin:0;
	padding:0;
}

#menu {
	width:200px;
	float:left;
	text-align:center;
}

#menuProdutos {
	background:url(../img/menuProdutosMiolo.jpg) repeat-y;
	text-align:left;
	width:188px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:10px;
	
}

#menuProdutos #secaoCabecalho {
	background:url(../img/menuProdutosCabecalho.jpg) top no-repeat;
	width:188px;
	height:32px;
}

#menuProdutos #secaoRodape {
	width:188px;
	height:11px;
	background:url(../img/menuProdutosRodape.jpg) bottom no-repeat;
}

#menuProdutos ul {
	margin:0;
	padding:0;
	margin-left:20px;
	list-style:none;
	line-height:20px;
	color: #5a9d55;
}

#menuProdutos ul a {
	color: #5a9d55;
}

#miolo2 {
	float:left;
	width:580px;
}


.imgOn { opacity:1; }
.imgOff70 { opacity:.70; }
.imgOff { opacity:.50; }
.clear { clear:both; }

#rodape{
	background:url(../img/rodapeFundo.png)  left no-repeat;
	width:800px;
	height:23px;
	margin:0px;
	padding-top:15px;
}

#txtRodape{
	margin:0;
	margin-left:10px;
	margin-top:-2px;
	width:679px;
	height:30px;
	color:#ffffff;
	font-size:12px;
	text-align:center;
}

#viewnet { 
	float: right;
	margin-top:-38px;
	margin-right:20px;
}

.txt{
	margin:5px;
}

#textos{
	background-color:#FFFFFF;
	width:570px;
	margin:0;
	margin-left:5px;
	margin-top:20px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	display:table;
}

#conteudoTopo, #conteudoRodape{
	width:570px;
	margin:0;
}

#conteudoRodape{
	margin-bottom:10px;
}

#conteudo{
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width:568px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	padding:1px;
	display:table;
	/*border:1px solid #000;*/
}

/* Formatações */

/* usa opacidade pra mudar o texto ou imagem */
/* Modo de usar:
<a href="#" onmouseover="this.className='txtOff imgOff70'" onmouseout="this.className='txtOn imgOn'">texto/imagem</a>
*/
.imgOn {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* Com 70% de opacidade */
.imgOff70 {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
/* Com 50% de opacidade */
.imgOff {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.txtOn {
	color:#777777;
	text-decoration:none;
}

.txtOff {
	color: #CCCCCC;
	text-decoration:none;
}

.titulos{
	font-size:11px;
	color:#5a9d55;
	margin:0;
	margin-bottom:3px;
}

.chamada{
	margin:0;
	margin-top:5px;
}

.links{
	text-decoration:none;	
	color:#777777;
	font-size:11px;
	font-weight:bold;
}

a, .linkNormal{
	text-decoration:none;	
	color:#777777;
}

.linkVerde{
	text-decoration:none;
	color:#438d46;
}

.imgTitulos{
	margin-top:15px;
	margin-left:13px;
	margin-bottom:5px;
}

#navegacao{
	clear:both;
	text-align:center;
	margin:10px;
	color:#5a9d55;
}

.botaoNav{
	background:none;
	border:none;
	padding:0;
	padding-bottom:5px;
	margin:0;
	vertical-align:middle;
	width:62px;
	height:18px;
	background-image:url(../img/btNavegacaoBase.png);
	font-size:10px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.nomeCampo{
	float:left;
	width:70px;
	text-align:left;
	margin:0;
	margin-right:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#5a9d55;
	/*border:1px dashed #f00;*/
}

.txtCampo{
	margin:0;
	margin-left:5px;
	margin-bottom:5px;
}