/* CSS Document */

body {
text-align: center; /*Centralizo no IE*/;
height:100%;
margin:0;
padding:0;
background-color:#000033;
}

#tudo {
width: 779px;

margin: 0 auto; /*Centraliza em navegadores padrão*/
text-align: left; /*retorna o alinhamento de textos para a esquerda*/
background-imagE:url(../imagens/bg.gif);

}

* html #tudo {
	height: 100%; /* hack para IE6 hq trata height como min-height */
	}

#topo {
width:779px;
height: 120px;
background:#003333;
}


#principal {
width:577px;
height:1200px;
float:left;
margin-top:2px;
margin-left:2px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#CCFFFF;
}

#navegacao {
width: 200px;
height:1200px;
float:left;
background:#669999;
margin-top:2px;
margin-left:0;
}



# moldurafigura{
width:250px;
height:150px;
margin-top:10px;
margin-left:10px;
background-color:#003333;
float:left;
 
}


#rodape {
height:15px;
width: 779px;
padding-bottom:8px;
background:#000033;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;

}


ul#menu { 
margin: 0 0 0 0; /* retira o recuo para alguns browsers */ (*)
padding:0 0 0 0; /* retira o recuo para outros browsers */ (*)
list-style-type: none; /* retira o marcador de listas*/ 
background-color: #fade8b; /* cor do fundo */ 
float:left;
margin-left:0;
}

ul#menu li {
border-bottom:1px solid #a4a0f5; 
/* coloca uma 
borda azul entre links */ 
width:200px; /* uma largura para o menu */ 
float: left;
/* uma borda em volta do menu */
list-style:none;
padding:0 0 0 0;
margin-left:0;
}

#menu{
float:left;
margin-left:0;
padding:0 0 0 0;
}

ul#menu li a:link {
text-decoration: none; 
/* retira o sublinhado dos links */ 
font-family:Verdana, Arial, Helvetica, sans-serif; /* define o tipo de fonte */ 
font-size:12px; /* define o tamanho da fonte */ 
color:#5e0f50; /* define a cor da fonte */ 
float:left;
margin-left:0;

}

ul#menu li a:hover {
background-color: #FFE4B5; /* cor do fundo */
color: #DAA520; /* cor da fonte */
display:block; (*) 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 0;
float:left;
margin-left:0;
}

ul#menu li a:link, ul#menu li a:visited {
border-left:20px solid #EEC591; /* uma barrinha a 
esquerda dos links */ 
padding-left:4px; /* espaçamento entre a 
barrinha e o texto do link */ 
float:left;
margin-left:0;
}

ul#menu li a:link, ul#menu li a:visited {
display:block;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin-left:0;
}

ul#menu li a:hover {
border-left:12px solid #FFD39B; 
/* troca a cor da barrinha */ 
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
margin-left:0;
}



#menu2 ul li a {
padding: 2px 60px 2px 0px;
float:left;
/* visual do link */

color:#FFFFFF;
text-decoration: none;
}

#menu2 ul li a:hover {
color:#FFCC66;
font-weight:bold;
}

#menu2 ul {
margin:0px;

width: 779px;
background-color:#003333;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}