body
{
  background: white;
  margin: 0;
  text-align: center; /* Centra a página no IE */ 
  font-family: 'Optima', 'Tahoma', Sans;
  font-size: 130%;
}

/* Main wrapper */
#main-wrapper
{
  position: relative;
  padding: 0;
  width: 768px;
  margin: auto; /* Centra a página em browsers conformantes com os padrões */
  text-align: left; /* Retorna o alinhamento para o normal */
}

#topo
{
  position: relative;
  height: 129px;
  background: #FFF317 url('img/Topo_centro.jpg') center no-repeat;
  color: #2E3092; 
}

#topo-esquerda
{
  position: absolute;
  top: 0;
  left: 0;
  height: 129px;
  width: 257px;
  background: #2E3192 url('img/Topo_esquerda.gif');
}

#topo-direita
{
  position: absolute;
  top: 0;
  right: 0;
  height: 129px;
  width: 257px;
  font-size: 18pt;
  background: url('img/Topo_direita.gif') top right no-repeat;
}

#topo-direita small
{
  margin-left: 25px;
  margin-top: 60px;
  display: block;
  font-size: 80%;
}

#topo-direita big
{
  margin-left: 25px;
  font-size: 120%;
}

#menu
{
  display: block;
  position: relative;
  z-index: 2;
  color: #2E3092;
  text-align: center;
  width: 100%;
}

#menuback
{
  z-index: -1;
  position: absolute;
  left: 0;
  background: #FFF317;
  width: 100%;
  height: 24px;
}

.menu-item-last
{
  text-align: center;
  position: relative;
  float: left;
  display: table-cell;
  width: 125px;
  height: 23px;
  overflow: hidden;
  background: url('img/Menu_bg.gif');
}

.menu-item
{
  text-align: center;
  position: relative;
  float: left;
  display: table-cell;
  width: 128px;
  height: 23px;
  overflow: hidden;
  background: url('img/Menu_bg.gif');
}

.menu-item-last a
{
  color: #2E3092;
}

.menu-item h3, .menu-item-last a
{
  display: block;
  font-size: 12pt;
  font-weight: normal;
  margin: 2px;
  cursor: pointer;
  height: 19px;
  overflow: hidden;
  text-decoration: none;
}

.menu-item ul
{
  list-style-type: none;
  font-size: 11pt;
  text-align: left;
  padding: 0;
  position: absolute;
  top: 23px;
  width: 123px;
  background: red;
  margin: 0;
}

.menu-item a
{
  font-size: 11pt;
  text-align: left; 
  display: block;
  margin: 0;
  padding: 2px 15px 2px 10px;
  border: 1px solid #939598;
  text-decoration: none;  
  right: 0px;
  color: black;
  background: #C6C8CA url('img/Menu_mark_hover.gif') right center no-repeat;

}

.menu-item a:hover
{
  background: black url('img/Menu_mark.gif') right center no-repeat;
  color: white;
}

.menu-hover
{
  overflow: visible;
  display: block;
  width: 128px;
  height: 23px;
  background: url('img/Menu_bg.gif');
}


.hidden
{
  display: none;
}

#conteudo
{
  position: absolute;
  left: 0;
  top: 152px;
  border: none;
  width: 100%;
  height: 440px;
  overflow: hidden;
}

#validXHTML
{
  position: absolute;
  text-align: right;
  top: 0;
  left: 0;
  margin-top: 594px;
  border: none;
  width: 100%;
  height: 11px;
}

a img
{
  border: none;
}