<!-[if IE]>
*HTML body {
	font-family:verdana, Helvetica, sans-serif;
	background:#eeeeee;
	margin:0; 
	padding:0; 
	text-align:center;
}
*HTML #tudo{
width: 980px; 
margin:0 auto;           
padding: 0px; 
text-align:left;
font-family: verdana;
}
*HTML #conteudo{
	padding: 5px;
}

*HTML .corpo table{
	border-collapse: collapse;
	position:absolute;
	border: 1px solid #9DDDFF;
	top:138px;
	left:60px;
	width: 90%;
}
*HTML .corpo img{
	position:absolute;
	top:0px;
	left:60px;
}
*HTML .fundoTabela {
	background: #9DDDFF;
	border: 1px solid #9DDDFF;
}
*HTML .fundoTabela h1{
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
}

*HTML .fundoTabela h2{
	font-family: verdana;
	font-size: 12px;
}
*HTML #personagem {
	position:absolute;
	top:20px;
	left:80px;
}
*HTML #personagem_velho {
	position:absolute;
	top:20px;
	left:200px;
}
*HTML #personagem_velho2 {
	position:absolute;
	top:20px;
	left:110px;
}
*HTML #personagem2 {
	position:absolute;
	top:160px;
	left:200px;
}
*HTML #personagem_sozinho {
	position:absolute;
	top:20px;
	left:300px;
}
*HTML #personagem_externo {
	position:absolute;
	top:20px;
	left:40px;
}
*HTML #personagem_interessa {
	position:absolute;
	top:20px;
	left:300px;
}
*HTML #entenda_texto {
	position:absolute;
	top:530px;
	left:620px;
	text-align: center;
}
*HTML #didi_mais {
	position:absolute;
	top:160px;
	left:120px;
}
*HTML #personagem_missao {
	position:absolute;
	top:20px;
	left:300px;
}
*HTML #personagem_etapa01 {
	position:absolute;
	top:190px;
	left:200px;
}
*HTML #start {
	position:absolute;
	top:490px;
	left:880px;
}
*HTML #voltar_intro {
	position:absolute;
	top:490px;
	left:60px;
}
*HTML #avancar_etapas {
	position:absolute;
	top:490px;
	left:880px;
}
*HTML #avancar {
	position:absolute;
	top:490px;
	left:880px;
}

*HTML #voltar_etapas {
	position:absolute;
	top:490px;
	left:60px;
}

*HTML #personagem4 {
	position:absolute;
	top:360px;
	left:300px;
}

*HTML #personagem5 {
	position:absolute;
	top:820px;
	left:300px;
}

*HTML #lupa {
	position:absolute;
	top:1130px;
	left:450px;
}

*HTML #grafico {
	position:absolute;
	top:635px;
	left:170px;
}

*HTML #esquerda {
	position:absolute;
	top:55px;
	left:5px;
	background: #9DDDFF;
	width: 175px;
	height: 500px;
}

*HTML #direita {
	position:absolute;
	top:55px;
	left:185px;
	background: #9DDDFF;
	width: 651px;
	height: 500px;
}

*HTML #foto_didi {
	position:absolute;
	top:275px;
	left:25px;
}

*HTML #fotos {
	position:absolute;
	top:5px;
	left:5px;
	font-family: verdana;
	font-weight: bold;
	font-size: 16px;
	background: #9DDDFF;
	width: 831px;
	height: 50px;
}

*HTML a:link, a:visited, a:active {
text-decoration: underline;
font-weight: bold;
color: #000;
font-family:verdana;
}

*HTML a:hover {
text-decoration: underline;
background:#fff;
font-family:verdana;
}

*HTML #tbl_informacoes {
	position:absolute;
	top:160px;
	left:60px;
	width: 90%;
	background: #9DDDFF;
}
*HTML #tabela2009{
	position:absolute;
	width: 90%;
	top:330px;
	left:100px;
}
*HTML #mapa{
position:absolute;
top: 1400px;
left: 60px;
}
<![endif]>



body {
	font-family: verdana;
	background: #eeeeee;
	margin:0; 
	padding:0; 
	text-align:center;
}
#tudo{
width: 870px; 
margin:0 auto;           
padding: 0px; 
text-align:left;
font-family: verdana;
}


.corpo table{
	border-collapse: collapse;
	position:absolute;
	border: 1px solid #9DDDFF;
	top:138px;
	left:9px;
	width: 90%;
}
.corpo img{
	position:absolute;
	top:0px;
	left:60px;
}
.fundoTabela {
	background: #9DDDFF;
	border: 1px solid #9DDDFF;
}
.fundoTabela h1{
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
}

.fundoTabela h2{
	font-family: verdana;
	font-size: 12px;
}
#personagem {
	position:absolute;
	top:160px;
	left:80px;
}
#personagem_velho {
	position:absolute;
	top:160px;
	left:200px;
}
#personagem_velho2 {
	position:absolute;
	top:160px;
	left:110px;
}
#personagem2 {
	position:absolute;
	top:160px;
	left:200px;
}
#personagem_sozinho {
	position:absolute;
	top:160px;
	left:300px;
}
#personagem_externo {
	position:absolute;
	top:160px;
	left:40px;
}
#personagem_interessa {
	position:absolute;
	top:160px;
	left:300px;
}
#entenda_texto {
	position:absolute;
	top:530px;
	left:620px;
	text-align: center;
}
#didi_mais {
	position:absolute;
	top:160px;
	left:120px;
}
#personagem_missao {
	position:absolute;
	top:160px;
	left:300px;
}
#personagem_etapa01 {
	position:absolute;
	top:200px;
	left:200px;
	width:607px;
	height:379px;	
}
#start {
	position:absolute;
	top:470px;
	left:880px;
}
#voltar_intro {
	position:absolute;
	top:470px;
	left:60px;
}
#avancar_etapas {
	position:absolute;
	top:470px;
	left:880px;
}
#avancar {
	position:absolute;
	top:470px;
	left:880px;
}

#voltar_etapas {
	position:absolute;
	top:470px;
	left:60px;
}

#personagem4 {
	position:absolute;
	top:360px;
	left:300px;
}

#personagem5 {
	position:absolute;
	top:820px;
	left:300px;
}

#lupa {
	position:absolute;
	top:1130px;
	left:450px;
}

#grafico {
	position:absolute;
	top:635px;
	left:170px;
}

#esquerda {
	position:absolute;
	top:55px;
	left:5px;
	background: #9DDDFF;
	width: 175px;
	height: 500px;
}

#direita {
	position:absolute;
	top:55px;
	left:185px;
	background: #9DDDFF;
	width: 651px;
	height: 500px;
}

#foto_didi {
	position:absolute;
	top:275px;
	left:25px;
}

#fotos {
	position:absolute;
	top:5px;
	left:5px;
	font-family: verdana;
	font-weight: bold;
	font-size: 16px;
	background: #9DDDFF;
	width: 831px;
	height: 50px;
}

a:link, a:visited, a:active {
text-decoration: underline;
font-weight: bold;
color: #000;
font-family:verdana;
}

a:hover {
text-decoration: underline;
background:#fff;
font-family:verdana;
}

#tbl_informacoes {
	position:absolute;
	top:160px;
	left:60px;
	width: 90%;
	background: #9DDDFF;
}
#tabela2009{
	position:absolute;
	width: 90%;
	top:330px;
	left:100px;
}
#mapa{
position:absolute;
top: 1400px;
left: 60px;
}