/* CSS Document */
/* Isso zera todos os valores padrões dos objetos */
* {
	margin:0;
	padding:0;
	text-decoration:none;
	vertical-align:middle;
}


/*************************** 
  Tags básicas
 ***************************/
body{
	color: #555555;
	font-size:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background:#eeeeee;
	margin:0px;
	padding:0px;
}

h1{
	font-size: 12px;
	font-weight:bold;
	color: #555555;
}

h2{
	color: #ff9900;
	font-size: 12px;
	font-weight:bold;
}

h3{
	color: #555555;
	font-weight:bold;
	font-size: 8px;
}

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


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

/*************************** 
  Disposição do layout 
 ***************************/
#geral {
	width:280px;
	margin:0px auto;
	text-align:left;
	background:#FFFFFF;
}

/* Topo + Menu */
/* O menu apresentado foi criado com imagens, então NÃO será conpatível com handhelds e celulares */
#menu{
	display:none;
}

/* Topo usado para handheld somente.*/
#topoMobile{
	width:280px;
	height: 70px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background:#FFFFFF;
	background:url(../figuras/handheld/topo.gif) no-repeat left top;
}

/* Menu que só deverá aparecer no caso Handheld*/
#menuMobile{
	width:280px;
	height: 15px;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom: 1px solid #eeeeee;
}

#conteudo{
	background:#FFFFFF;
	width:280px;
}

/* configuração das colunas do conteúdo */
#contEsq {
	width:280px;
	text-align:left;
	border:medium;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background:#FFFFFF;
}
/* sempre que aparecer imagem não deverá passar de 280px em handheld*/
#contEsq img {
	max-width:280px;
}

/* Essa caixa lateral não pode aparecer em handhelds*/
#contDir {
	display:none;
}

/* Rodapé */
#rodape{
	width: 280px;
	height:24px;
	text-align:left;
	background-image:url(../figuras/handheld/rodape.gif);
	background-position:center center;
	background-repeat:no-repeat;

}

/* Esse dividor regula a distância entre os 3 DIVs: topo, conteúdo e rodapé*/
/*foram usados 2 divisores para satisfazer o padrão W3C, mas na verdade são iguais*/
#divisor1{
	font-size:1px; /*Hack especial para o IE. Ajusta o erro do tamanho do layout*/
	margin: 0px;
}
#divisor2{
	font-size:1px; /*Hack especial para o IE. Ajusta o erro do tamanho do layout*/
	margin: 0px;
}
/***** LAYOUT - FIM ******/