/* CSS Document */

/*************************** 
  Tags básicas
 ***************************/
/* Tudo que for definido na BODY poderá ser omitido nas outras tags*/
body{
	color: #555555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
}

h1{
	text-align:left;
	color:#003366;
	font-size: 16px;
	font-weight:bold;
}

h2{
	color: #000000;
	font-size: 14px;
	font-weight:bold;
}

h3{
	color: #555555;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
}

p{
	color: #555555;
	text-align:left;
}

a{
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

a:hover{
	color:#006699;
	font-weight:bold;
	text-decoration: none; 
	text-align:left;
}
table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;

}
li{
	text-align:left;

}

/*************************** 
  Disposição do layout 
 ***************************/
#geral {

}

	#superior {
		width: 800px;
		height: auto;
		background-image:url(../imagens/fundo2.png);
		background-position:top center;
		background-repeat:no-repeat;
		border:#FFFFFF dotted 1px; /* esquema para manter a organização da DIV*/
	}
	
		#menu{
			width:680px;
			height: 32px;
			margin-top: 160px;

		}
		
		#banner{
			width:680px;
			height: 145px;
			margin-top: 25px;
			text-align:center;
			/* border:#00FF00 dotted 2px;*/
		}
		
		#conteudo{
			width:680px;
			margin-left: -20px;
			height:auto;
			/* border:#0000FF dotted 2px;*/
		}


	/* Topo usado para handheld somente. Neste caso deverá estar oculto*/
	#superiorMobile{
		display: none;
	}

		/* Menu que só deverá aparecer no caso Handheld*/
		#menuMobile{
			display: none;
		}
		#conteudoMobile{
			display: none;
		}


	/* Esse dividor regula a distância entre os DIVs: superior e rodapé*/
	#divisor{
		width: 800px;
		font-size:1px; /*Hack especial para o IE. Ajusta o erro do tamanho do layout*/
	}
	
	/* Rodapé */
	#rodape{
		/* Faz com que o layer não possua elementos ao seu lado e o mesmo seja "empurrado" para baixo de todas as outras divs*/
		/*clear: both; */
		width:800px;
		height: 115px;
		background-image:url(../imagens/rodape.png);
		background-position:top;
		background-repeat:no-repeat;
		border:#FFFFFF dotted 2px; /* esquema para manter a organização da DIV*/
	}
	#rodapeMobile{
	display:none;
	}
	
/***** LAYOUT - FIM ******/



/**** ESPECIAIS *****/

/*Configuração do MENU*/
#menuhor {
width: 680px;
vertical-align:bottom;
margin: 1px;
font-size: 15px;
text-align:center;
}
#menuhor p {
list-style: none; 
display: inline;
}
#menuhor p a {
height:1px; /* IE5.0 bug */
padding: 0px 6px; 
text-decoration: none;
}
#menuhor p a:link {
color: #FFF;
}
#menuhor p a:visited {
color: #FFF;
}
#menuhor p a:hover {
color:#FFFF00;
}


/**********/