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



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




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

#topo {
	background-color: #334094; /* definido cor de background para o topo */
	height: 163px; /* definindo altura de 20px */

}

#topop {
	background-color: #1ea2df; /* definido cor de background para o topo */
	height: 11px; /* definindo altura de 20px */

}

#topo1 {
	background-color: #b8cad0; /* definido cor de background para o topo */
	height: 280px; /* definindo altura de 150px */
	width: 950px;
}



#topo2 {
	padding-top: 5px;
	padding-left: 10px;
	background-color: #cfdfe5; /* definido cor de background para o topo */
	height: 30px; /* definindo altura de 40px */
}

#topo4 {
width: 950px;
height: 7px;
background: #305db1;
}

#lateral  {
	width: 150px; /* definindo 170px de largura para as divs #menu e #lateral */
	background-color: #ffffff; /* definindo cor de background para as divs #menu e #lateral */

}


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



html>body #lateral { width: 135px; } /* 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 */

html>body #menu { width: 130px; } /* 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 */



#lateral { float: right;}
#menu { float: left; } /* definindo float: left para o menu, para que fique grudado à esquerda 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-bottom: 0px;
	margin-left: 140px;
	margin-right: 150px;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 3px; /* definindo 10px de padding */
	padding-right: 3px;
	padding-bottom: 3px;
	}

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




	
.topo1direito
	{
		width: 775px;
		height: 150px;
		background-color:#b8cad0;
		left: 400px;
		top: 20px;
		position: absolute;
		
	}



.letra {
color: #334094;
font: 12px Verdana, Arial, Helvetica, sans-serif;

}