#tudo {
	width: 120px;
	background-color: rgb(0,146,64);
	padding: 5px;
	border: 3px inset #CCCCCC;
}
#tudo ul{
	width: 110px;
	background-color: rgb(255,245,0);
	padding: 6px;
	border: 3px outset #cccccc;
	margin: 0px;
}
#tudo li{
	list-style: none;
	padding: 3px 5px; 
	background: rgb(218,37,29);
	margin-bottom: 2px;
	font: 13px verdana, arial, helvetica sans-serif;
}
#tudo li a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#tudo li a:hover{
	color: #000000;
	background-color: #ffffff;
}
#codigo {
	background-color: #FFFFCC;
	width: 100%;
	font: 12px Verdana, sans-serif;
	color: #003399;
	border: 2px solid #0000FF;
	padding-left: 10px;
	
}
#topo {
	background: url('imagens/cabecTeste.jpg');
	border:1px solid #FFFF;
	width:770px;
	height:240px;
}
#colEsquerda{
	/*posicionamento é feito a partir da esquerda*/
	position: absolute;
	float:left;
	/*width:154px;*/
	/*Quer dizer que o texto do elemento vai ficar a 5px das bordas*/
	padding:10px;
	margin-top:5%;
	margin-bottom:5%;

}

#geral{
	width:770px;
	background-color:#FFF;
	margin: 10px auto 10px auto;
}

#colDireita{
	/*posicionamento é feito a partir da esquerda*/
	position: absolute;
	float:left;
	/* posicionamento considerando aresta esquerda em px */
	left:10px;
	width:550px;
	height:200px;
	
	text-align:center;
	/*Quer dizer que o texto do elemento vai ficar a 20px das bordas*/
	padding:20px;
	/*seta uma distância para o <div> anterior*/
	margin-left:20%;
	margin-top:5%;
	margin-bottom:5%;
	
}
#rodape{
	/*posicionamento é feito a partir da esquerda*/
	/*100% faz com que ele pule para a linha de baixo das outras colunas pois não há espaço pra ele*/
	position: absolute;
	top:700;
	width:100%;
	height:28px;
	/*pega uma imagem de fundo e faz com que ela repita lado a lado*/
	background: url('imagens/rodape.jpg') repeat-x;
	text-align:center;
	/*cor da fonte*/
	color:#000;
}