* {
			margin:0;
			padding:0;
		}

		#geral {
			width:800px; /** Colocando-a novamente, voltamos a ter um layout fixo! **/
			border:1px solid gray;
			margin:0 auto;
            text-align: center;
		}

		#cabecalho h1 {
	background:#5B38FE;
	padding:10px;
	color:#FFF;
	word-spacing: 1.5em;
		}
		
p.barNav {position:relative;}
  .barNav a {
  font: 16px Arial,Verdana,Helvetica,sans-serif;
  color: #FFFF33;
  text-decoration: none;
  text-align: center;
  padding: 3px 5px;
  margin-right:-1px;
  border: 1px solid #000000;
  background-color: #330066;
}
  .barNav a:hover {
  color: #003399;
  border: 1px solid #666666;
  background-color: #CCCC66;
}
  .barNav a span {
  display:none;
  }
  .barNav a:hover span {
  display: block;
  position: absolute;
  top:35px;
  left:auto;
  width: 200px;
  padding: 5px 0;
  color: #666666;
  font-size: 12px;
  border:2px dotted #000000;
  text-align:center;
  background-color: #CCFF66
}

		#esquerda {
			width:90px;
			background:#FFFFFF;
			padding:3px;
			float:left;
		}

		#direita {
			width:90px;
			background:#FFFFFF;
			padding:3px;
			float:right;
		}

		#conteudo {
	background:#FFFFFF;
	margin:0 105px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
		}

		#rodape {
			background: #5B38FE; /* esse design  vai ficar show! :D */
			padding:10px;
			color:#FFF;
			text-align:center;
		}
		#rodape a {color:#FFF;}