* {
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
color:#000;
background: #9e281a url(../historia/imagens/fundao.gif) repeat; 
font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:12px;
	}
h1 {
color: #CC0000;
background: #FFF0BB;
width: auto; height: 40px;
Font-size: 15px; font-weight: bolder; font-family:Georgia, "Times New Roman", Times, serif, Impact; font-style:italic;
padding-top: 5px;
}
h5 {
background: #FF9900 url(imagens/direita.gif) repeat;
color: #F5F5F5;
font-size: 11px; font-weight: bold; text-align:center;
height: 25px; width: auto; 
padding: 8px 0 0 0;
}
p {padding-top: 10px; text-align:justify;}
.titulo {padding-top:70px;}
.genero_historia {
font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic;}
.versao_completa {
color: #33CC00;
font-style: italic; font-weight: bold;
}
.versao_simplificada {
color: #FDCA00;
font-style: italic;
}
.link_p_historia {
color: #54A701;
font-weight:bold;
text-decoration: none; 
}
.links2 {color:#FFFEFD}
.botao {
background: url(imagens/botoe.png);
color: #F9F9F9;
display: block;
font-weight:bold;
float:right;
height: 17px; width: 100px;
padding: 10px;
}
.botao2 {
background: url(imagens/botoe2.png);
color: #CC3300;
float:right;
font-weight:bold;
height: 17px; width: 100px;
padding: 10px;
}
a:hover {text-decoration: underline;}
#tudo {
background: url(imagens/faux.gif) repeat-y;
border: 1px solid black;
margin:auto;
position: relative;
text-align:left;
width: 748px;
}
#topo {
background:#990000 url(imagens/logo-historia.jpg);
height: 140px; width: 748px;
}
#propaganda {
background: #990000;
height: 92px; width: 742px; margin-top:7px;
text-align: center;
}
#texto {
background: #9e281a;
color:#FFFBF4;
float: right;
padding:2px;
width: 560px;
}
.texto1 {
color:#FFF8F2;
background: #990000 ;
float: right;
width: 600px;
text-align:left;
padding: 8px 0 0 0;
}
#esquerda {
background: #FFFFFF;
float: left;
width: 145px;
text-align: center; margin-top:8px;
}
#rodape {
background: #6D0C0C url(imagens/rodape.gif) repeat-x;
clear:both;
color: #FFF9F9; 
font-size:9px;
height:170px;
padding-top: 10px;
text-align:center;
width: 750px;
}
.quadrado {
background:url(imagens/quadrado.gif);
color: #970000;
font-family:Georgia, "Times New Roman", Times, serif, Impact;
float:left;
height: 230px; width: 172px;
position:relative;
margin: 10px 1px 1px 1px;
padding: 1px 13px 10px 13px;
z-index: 1;
}
.caixa_texto1 {
background:#FFFFFF;
color: #000000;
float:left;
font-size: 11px;
margin: 5px;
padding: 10px;
width: 287px;
}
.caixa_texto2 {
color: #FFFDFF;
font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif;
float:right;
height: 232px;
margin: 5px;
padding: 15px;
width: 230px;
}
.caixa_texto3 {
color: #FFFFFD;
font-size: 11px; font-family:Geneva, Arial, Helvetica, sans-serif;
float:right;
padding: 15px;
margin: 5px;
width: 240px;
}
#caixa_desenho {
width: 137px; height: 100px;
background:#FFFFFF;
border:#000000 1px solid;
padding: 5px;
float:left;
}
#caixa_video {
background:#FFFFFF;
border:#000000 1px solid;
float:left;
height: 225px; width: 277px; 
padding: 10px;
}
.tabless {margin: 85px 85px 10px 85px;}
#menu6 {
margin: 0;
z-index:2;
width: 145px;
}
ul {
list-style: none;
width: 145px
}
ul li {position: relative; }
li ul {
display: none;
position: absolute;
left: 144px;
top: 0;
}
ul li a{
display: block;
text-decoration: none;
}
li:hover ul { 
display: block; 
z-index:2;
}
#menu6 li a {
height: 30px;
text-decoration: none;
}
#menu6 li a:link,#menu6 li a:visited {
background: url(imagens/menu6.png) #993300;
color:#FDFDFF;
display: block;
font-family: "Trebuchet MS"; font-size: 12px;
padding: 10px 0 0 0;
}
#menu6 li a:hover, #menu6 li #current {
background: url(imagens/menu6.png) 0 -39px #FF9900;
color: #FDFDFD;
padding: 10px 0 0 0;
}
.sub-menu {background: #CC0000;}
#menu {
background: #FFCC00 url(imagens/menu.gif) repeat;
height: 43px; width: 597px;
top: 364px;
} 
#menu ul {
list-style: none;
z-index:2;
}
ul.principal {
height: 30px; width: 590px;
padding: 0 0 0 20px;
}
ul.principal li {
float: left;
position: relative;
height: 40px; width: 130px;
margin: 0 0 0 10px;
}
ul.principal li:first-child, ul.principal li#first {
margin-left: 0;}

ul.principal li a {
color: #FFFEFD;
clip: rect(auto,auto,auto,auto);
display: block;
height: 28px; width: 130px;
background-position: center top;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
margin: 1px;
padding: 12px 0 0 0;
text-align: center;
}
ul.principal li a:hover {
text-decoration: none;
height: 62px;
text-align: center;
}
ul.principal li:hover a, ul.principal li.over a {
background:url(imagens/menu1.gif) repeat 0; 
height: 30px;
text-align: center;
z-index:2px;
}
ul.principal li ul.nivel2 {
position: absolute;
left: 0;
top: 42px;
display: none;
z-index:5;
width: 150px;
}
ul.principal li:hover ul.nivel2, ul.principal li.over ul.nivel2 {display: block;}
ul.principal li ul.nivel2 li {
height: 25px;
margin: 0;
}
ul.principal li ul.nivel2 li a {
background:none top #EAE6D9;
border: 1px solid #000;
color: #000;
font-size: 11px; font-weight: normal;
height: 20px; width: 250px;
margin: 0;
padding: 2px 0 2px 10px;
text-align: left;
}
ul.principal li ul.nivel2 li a.submenu {background: #EEE top url(imagens/fundo_nivel2_sub.png); z-index:2px;}
ul.principal li ul.nivel2 li:hover a, ul.principal li ul.nivel2 li.over a {background:#DDD url(imagens/fundo_nivel2.png) bottom;}
ul.principal li ul.nivel2 li:hover a.submenu, ul.principal li ul.nivel2 li.over a.submenu {background:url(imagens/fundo_nivel2_sub.png) bottom #EEE; z-index:2px;}
ul.principal li ul.nivel2 li ul.nivel3 li {
height: 21px; width: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; z-index: 2px;
}
ul.principal li ul.nivel2 li:hover ul.nivel3, ul.principal li ul.nivel2 li.over ul.nivel3 {
display: block;
font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}
ul.principal li ul.nivel2 li ul.nivel3 {
border: 1px solid #000; border-top: none;
display: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10px;
position: absolute;
left: 260px;
top: 0;
width: 100px;
}
ul.principal li ul.nivel2 li ul.nivel3 li a {
background:#E6CEBD url(imagens/fundo_nivel3.png) top;
font-size: 10pt;
height: 16px; width: 135px;
z-index:2px;
}
ul.principal li ul.nivel2 li ul.nivel3 li:hover a, ul.principal li ul.nivel2 li ul.nivel3 li.over a {background: #FBDED0 url(imagens/fundo_nivel3.png) bottom;}