* { font-family: 'Segoe UI' , 'Trebuchet MS'; }
body { background: #000000; font-size: 9pt; color: #FFFFFF; }
#tooltip { background-position: #ffffff; position: absolute; border: 1px solid #800000; background: #FFFF99; padding: 3px 6px; color: #CC3300; text-indent: 0px; text-align: center; }
a { color: #ce1808; text-decoration: none; }
a:hover { color: #FFFF99; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 18pt;}
h2 { font-size: 16pt;}
h3 { font-size: 14pt;}

.erro { border: 1px solid #993300; color: white; text-align: center; width: 90%; margin: auto; background-color: #c66653; font-weight: bolder; padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; }
.sucesso { border: 1px solid #003366; color: #FFFFFF; text-align: center; background-color: #5494af; font-weight: bolder; padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; width: 90%; margin: auto; }
.atencao { border: 1px solid #003366; color: #000000; text-align: center; background-color: #FFCC00; font-weight: bolder; padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; width: 90%; margin: auto; }


span.command, span.current, a.command { color: #FF0000; padding: 0px 5px; text-decoration: none; border: none; font-weight: bold; }
a.command:hover { border: 2px solid #CC0000; background-color: #FFFF99; color: #FF0000; padding: 0px 3px; text-decoration: none; }        
span.current { border: none; font-weight: bold; color: #FFFF99; padding: 0px 6px; font-size: 19px; }

#site { width: 890px; height: auto; margin: auto;}
    #site #topo { height: 181px; }
    #site #menu { height: 56px; background-image: url(/_shared/images/_bgMenu.jpg); background-repeat: no-repeat; }
        #menu ul { text-align: center; margin: 0px; padding: 0px;  }        
        #menu ul li { display: inline; padding-right: 15px; }
        #menu ul li a { font-size: 13pt; line-height: 45px; color: #FFFFFF; text-decoration: none; }
        #menu ul li a:hover { color: #FFFF99; }
        
   #site #nav { height: auto; padding-left: 25px; padding-right: 25px;}
    #nav p { text-align: justify; }
    
    #nav #a1 { height: auto; margin-top: 10px; overflow: auto;}
        #a1 .esq { width: 50%; float: left; }
        #a1 .dir { width: 50%; float: right; }
        
    #nav #a2 { height: auto; overflow: auto;}
        #a2 .esq { width: 50%; float: left; }
        #a2 .dir { width: 50%; float: right; }
            .dir .musicas { width: 359px; height: 162px; background-image: url(/images/musicas.png); background-repeat: no-repeat; margin-left: 15px; padding-top: 65px; }
            .dir .musicas div { padding-left: 20px; padding-top: 5px;  }
            .dir .musicas a { color: #ffffff !important  }
        #a2 .comentario { color: #FFFFFF !important; }
        .comentario h3 { margin: 0px; padding: 0px; color: #FFFF00; }
        .comentario h3 span { font-size: 10pt; color: #FFFFFF; }
        .comentario p { color: #FFFFFF !important; text-align: justify; }
        .comentario div { text-align: justify; }
        
    #nav #a3 { height: auto;}
    
   #site #rodape {height: auto; color: #959494; background-image: url(/_shared/images/_rodape.png); background-repeat: no-repeat; }
    #site #rodape .esq { width: 420px; float: left; margin-left: 15px; padding-top: 15px;}
#site #rodape .dir { width: 420px; float: right; text-align: right; padding-top: 10px; padding-right: 20px; }