body { 
margin : 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
background : #7fffd4;
text-align : center;
} 
#tudo { 
width : 760px;
background : #ccc;
text-align : left;
margin : 0 auto;
} 
#topo { 
height : 80px;
background-color : #b5daa2;
} 

#principal * {
padding : 0 20px;
} 
#navegacao * {
position : relative;
left : 290px;
top : 5px;  
margin-bottom : 1px;
padding : 0 10px;
} 
#rodape { 
clear : both;
height : 20px;
background-color : #b5daa2;
text-align : center;
} 
ul#menutt { 
width : 135px;
list-style : none;
font : bold 14px Arial, Verdana, Serif;
position : relative;
left : -55px;
top : -135px;
} 
ul#menutt li { 
position : relative;
} 
ul#menutt a { 
width : 135px;
display : block;
text-align : left;
padding : 5px 10px;
margin-bottom : 2px;
text-decoration : underline;
color : #000;
background : #ffff00;
border-left : 10px solid #05a22e;
border-right : 5px solid #05a22e;
border-bottom : 1px solid #17c71c;
voice-family : "\"}\"";
voice-family : inherit;
width : 135px;
} 
* html ul#menutt li { 
float : left;
height : 1%;
} 
* html ul#menutt li a { 
height : 1%;
} 
ul#menutt a:hover { 
color : #fff;
background : #000;
border-right : 5px solid #17c71c;
border-left : 10px solid #17c71c;
border-bottom : 1px solid #17c71c;
} 
ul#menutt a span { 
display : none;
} 
ul#menutt a:hover span { 
display : block;
position : absolute;
top : 0;
left : -160px;
width : 130px;
padding : 5px;
margin-left : 2px;
color : #000;
background : #e0ffff;
font-size : 10px;
font-weight : bold;
text-align : left;
border : 2px solid #ff0000;
} 
h2 { 
font-family : Verdana, Arial, sans;
text-align : center;
text-transform : uppercase;
font-size : 40px;
font-weight : bold;
position : relative;
top : -50px;
} 
h1 { 
font-family : Verdana, Arial, sans;
text-align : center;
font-size : 18px;
font-weight : bold;
background-color : #e6e6ff;

} 

#logotipo {
position : relative;
left : 105px;
top : 8px;
} 
p.navimagem { 
text-transform : uppercase;
font-size : 16px;
font-weight : bold;
} 
p.benvindo { 
text-align : center;
text-transform : uppercase;
font-weight : bold;
font-size : 28px;
color : #f00;
} 


p.titmudacor { 
text-align : center;
position : relative;
top : 10px;
font-size : 16px;
font-weight : bold;
} 
#mudacor { 
text-align : center;
} 
A:visited { 
color : #ff0080;
} 
A:hover { 
color : #fa8f00;
background-color : #2aec09;
} 
A:link img { 
border-top-style : none;
border-right-style : none;
border-left-style : none;
border-bottom-style : none;
} 
A:visited img { 
border-top-style : none;
border-right-style : none;
border-left-style : none;
border-bottom-style : none;
} 
p.titexplanacao { 
font-size: 24px; 
text-align: center; 
font-weight: bold;
position : relative;
top : -120px;
}
p.explanacao { 
font-size: 14px; 
text-indent: 1cm; 
font-weight: bold;position : relative;
top : -100px; 
}
span.explanacao { 
font-weight: bold; 
background-color: #ffffd4; 
}
p.agradecimento { 
font-size: 16px; 
font-weight: bold; 
text-align: center;
color:  #f0c;
}
p.pense { 
font-size:22px;
font-weight:bold;
}
span.pense {
color:#ff0000; 
font-weight: bold;
}
p.frases { 
text-indent:0.5cm; 
font-size:18px; 
}