@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; } /* Zerando as margens e preenchimentos de todas as tags */

body { 
background-color: #FFF;
}


#geral {
	background-color: #FFF; /* Definindo o mesmo verde que o das divs #menu e #lateral para a cor de fundo do geral */
	width: 998px; /* definindo 770px de largura , tornando o layout fixo */
	margin: auto;
}

#topo {
	background-color: #FFF; /* definido cor de background para o topo */
	height: 92px; /* definindo altura de 100px */
}

#topo2 {
	background-color: #FFF; /* definido cor de background para o topo */
	height: 245px; /* definindo altura de 100px */
}

#menu  {
	width: 191px; /* definindo 150px de largura para as divs #menu e #lateral */
	background-color: #FFF; /* definindo cor de background para as divs #menu e #lateral */
	padding: 10px; /* definindo 10px de padding para as divs #menu e #lateral */
}

html>body #menu { width: 171px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */

#menu { float: left; } /* definindo float: left para o menu, para que fique grudado à esquerda do conteúdo */
#lateral { float: right; } /* definindo float: right para a lateral, para que fique grudado à direita do conteúdo */

#conteudo {
	background-color: #FFFFFF; /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
	margin-top: 0px; margin-bottom: 0px; margin-left: 191px; margin-right: 0px;
	padding: 10px; /* definindo 10px de padding */
}

#rodape {
	background-color: #ececec; /* definido cor de background */
	height: 40px; /* definindo altura de 40px */
	clear: both;  /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
}