#conteudo {
    border-top: 1px solid #000; 
    border-right: 10px solid #777;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background-color: #fff;
    margin: 0 0 20px 0;
}

#conteudo h1 {
    font-size: 250%;
    text-decoration: none;
    font-weight: bold;
    color: #0aa;
    margin-bottom: 30px;
}

div > #conteudo h1 {
    padding-left: 15px;
    border-left: 20px solid #0aa;
}

#conteudo h2 {
    font-size: 150%;
    font-weight: bold;
    color: #444;
    text-indent: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#conteudo h3 {
    font-size: 120%;
    font-weight: bold;
    color: #444;
    text-indent: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#menu {
    /*border-top: 1px solid #000; -> culpa do IE*/
    font-family: lucida sans unicode, verdana, sans serif;
    font-size: 105%;
    margin-top: 30px;
    margin-left: 15px;
    float: left;
    width: 160px;
    text-indent: 1em;
}

/* hack porque o IE NÃO FUNCIONA direito */
/* ele faz brotar mais 10px na margem esquerda */
div > div#menu {
    margin-left: 30px;
}
/* fim */

#menu ul {
    list-style: none;
}

#menu li {
    position: relative;
}

#menu li a {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #000;
    padding: 5px;
    border-bottom: 1px dotted #000;
    background: transparent; /* sem isso nao aparece no bendito IE */
}
                              \
/* Mais um hack pro maravilhoso IE \*/
#menu ul li { float: left; height: 1%; }
#menu ul li a { height: 1%; }
/* Fim */

#menu ul > li {float: none; height: 100%; }

#menu li a:hover {
    background-color: #fff;
    background-image: url('../imagem/menu_esq.gif');
    background-repeat: no-repeat;
    background-position: left center;
}

#menu li a span {
    display: none;
}

#menu li a:hover span {
    font-size: 10px;
    text-align: left;
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 170px;
    width: 100px;
    padding: 5px;
    color: #300;
    /* background-image: url('../imagem/fundo_diag.gif'); */
    background-color: #fee;
    border: 1px solid #000;
    z-index: 10;
}

.submenu li a {
    text-indent: 2.5em;
}

#agradecimento {
    text-align: center;
}

#agradecimento img {
    margin: 30px;
}

#centro {
    margin-left: 210px;
    padding: 30px 50px 30px 20px;
    z-index: 0;
}



/* página de integrantes */
.integrante {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px outset #999;
    background-color: #dff;
    height: 140px;
    width: 430px;
}

.integrante .nome {
    width: 405px;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 4px 10px 4px 4px;
    color: #fff;
    background-color: #399;
    text-align: right;
    font-weight: bold;
}

.integrante .dados {
    text-align: left;
    margin-left: 10px;
}

.integrante p {
    margin: 5px 0 5px 0;
}

.integrante label {
    font-weight: bold;
}

.integrante .foto {
    float: right;
    padding-right: 20px;
    margin-top: -85px;
}

.integrante .foto img {
    width: 120px;
}




.destaque {
    font-weight: bold;
}

#centro ul {
    list-style: circle;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 35px;
}

div > #centro ul {
    margin-top: 10px;
}

#centro li {
    padding: 2px;
    color: #333;
    width: 36em;
}

#centro ul li ul {
    list-style: square;
    display: table;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 40px;
}

div > #centro ul li ul {
    margin-top: 10px;
}

#centro li ul li{
    padding: 2px;
    width: 32em;
}

#centro .bibitem {
    position: relative;
    text-decoration: underline;
    color: #777;
}

#centro .bibitem span {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 200px;
    padding: 5px;
    font-family: tahoma;
    font-size: 10px;
    text-decoration: none;
    text-indent: 0;
    color: #300;
    background-color: #eee;
    border: 1px dotted #033;
    z-index: 1;
}

/* não funciona no IE. */
#centro .bibitem:hover span, .bibdesc {
    display: block;
}

#centro table.normal { margin: 20px 0 10px 30px; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#centro > table.normal { margin: 10px 0 10px 30px; }
#centro table.normal th { padding: 10px; border-bottom: 1px solid #333; }
#centro table.normal td { padding: 0 10px 5px 10px; }
#centro table.normal .meio { border-right: 1px solid #333; }
#centro table.normal .esq { text-align: left; }
#centro table.normal td .descricao { font-size: 10px; display: block; text-align: left; margin-top: 2px; color: #337; }

.transcricao { margin: 20px 0 10px 30px; text-align: center; border-top: 1px solid #333; border-left: 1px solid #333; }
div > .transcricao { margin: 10px 0 10px 30px; }
.transcricao th, .transcricao td { padding: 10px; border-bottom: 1px solid #333; border-right: 1px solid #333; }
.centro { display: block; text-align: center; }

#centro .legenda {
    margin: 0 10px 1.2em 30px;
    font-family: tahoma;
    font-size: 11px;
    text-indent: 0;
}

#centro .up {
    font-size: 80%;
    position: relative;
    top: -0.4em;
}

#centro p.destaque {
    font-family: tahoma;
    font-weight: bold;
    margin-top: 30px;
}

#centro p.destaque a {
    font-family: tahoma;
    font-weight: bold;
}

#centro ul.faq {
    margin-left: 15px;
}

#centro ul.faq li {
    margin-bottom: 30px;
    font-weight: bold;
    color: #337;
}
 
#centro div.resposta {
    margin: 20px 50px 0 20px;
    font-weight: normal;
    color: #333;
}

#centro div.resposta p {
    width: 35em;
}

#centro div.resposta ul {
    margin-left: 60px;
    margin-bottom: 0;
}

#centro div.resposta li {
    list-style: circle;
    margin-bottom: 2px;
    font-weight: normal;
    color: #333;
}

#centro li label {
    font-weight: bold;
}

#centro img.ipa {
    padding: 0 1px 0 1px;
}

#centro img.ipa_texto {
    padding: 0 1px 0 1px;
    position: relative;
    top: 3px;
}

#publicacao li {
    margin-bottom: 6px;
}


#apoio {
    position: absolute;
    top: 680px;
    left: 30px;
    width: 160px;
}

div#apoio h1 {
    font-size: 105%;
    font-weight: bold;
    color: #333;
    border: 0;
}

#apoio ul {
    list-style-type: none;
    margin: 0;
}

#apoio img {
}

#apoio li {
    padding-bottom: 20px;
}

.aspa {
    color: #33c;
    font-weight: bold;
    font-style: italic;
}

.estatistica { margin: 30px 0 20px 0; padding: 10px 0 0 0; border-top: 1px solid #79a; text-align: right; color: #337; font-weight: bold; }

#conteudo input { border: 1px solid #000; }
#conteudo .semborda { border: none; }
#conteudo .botao { padding: 1px 3px 1px 3px; }
#conteudo form { margin: 30px 0 10px 0; }
#conteudo form div { margin: 0 0 10px 0; position: relative; }
#conteudo form label { display: block; padding: 0 20px 0 0; width: 140px;  text-align: right; }
#conteudo form .campo input, #conteudo form .campo select { position: absolute; left: 150px; top: 0; }

.erro { display: block;  margin: 50px 0 0 0; color: red; font-weight: 
bold; }
.readonly { border: none; font-weight: bold; }
.verificacao { display: block; margin: 3px 0 20px 0; padding: 2px; font-size: 12px; }