/*-------------------------------------------------------------------------
 * Definição de estilo para tags
 * 
 *--------------------------------------------------------------------------*/

/* Reiniciar todos os elementos */
* { margin:0; padding:0; vertical-align:baseline;}

/* Aplicar configuracoes no corpo */
body { font-family: Verdana, Arial, Helvetica, Sans-Serif; text-align:center; padding-top:5px; }

/* Definir tamanho dos Titulos */
h2 { font-size:1em; text-transform:uppercase; }


/*-------------------------------------------------------------------------
 * Definição para estrutura do layout
 * 
 *--------------------------------------------------------------------------*/
/*div principal que agrupa o conteudo*/
#site { margin:0 auto; width:770px; text-align:left;}
    /*Topo - banner */
    #MainTopo { margin-bottom: 10px;}
        #MainTopo img {border:0px;} /*Retira borda do banner */
    
    /*Conteudo principal*/
    #MainConteudo { border:1px solid #f0f0f0; padding:0 10px;  color: #5a7b9c; font-size:11px;}
        #MainMenu { margin:0 auto; width:750px; background:#FFFFFF url(../imagem/bg_menu.gif) repeat-x; }
            #MainMenuIcons { height:65px; text-align:center; margin:6px 0; padding-top:5px; _padding-top:0px;/*ie6 hack*/ *padding-top:0px;/*ie7 hack*/ }
                /*tags dentro do menu de icones*/
                #MainMenuIcons ul{ list-style: none; }
                #MainMenuIcons ul li { display:inline; margin:0 0px; }
                #MainMenuIcons ul li a img { border:0px; }/*Retira borda das imagens do menu */
        
        /*tags dentro do conteudo principal*/
        #MainConteudo h2 { font-size:12px; padding:2px 10px; background:url(../imagem/tirinha.gif); color:#809AB3; border:1px solid #809AB3; margin-bottom: 20px; }
        #MainConteudo h3 { font-size:12px; margin: 5px 0px; color:#809AB3; }
        #MainConteudo h4 { font-size:12px; padding:2px 10px; background:url(../imagem/tirinha.gif); color:#809AB3; border-left:1px solid #809AB3;border-top:1px solid #809AB3; border-bottom:1px solid #809AB3; border-right:1px solid #809AB3; margin-bottom: 10px; }
        #MainConteudo h5 { font-size:12px; padding:2px 10px; background:url(../imagem/tirinha.gif); color:#809AB3; border-left:1px solid #809AB3;border-top:1px solid #809AB3; border-bottom:1px solid #809AB3; }
        #MainConteudo p { font-size:11px; padding-left:10px; text-align:justify; }
        #MainConteudo .paragrafo:first-letter { padding-left:20px; font-size:12px; } /*Faz um paragrafo*/
        #MainConteudo a { color:rgb(150,180,215); text-decoration: underline; }
        #MainConteudo ol { list-style: decimal inside; }
        #MainConteudo li{ font-size:11px; text-align:justify;     margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
        #MainConteudo ul {list-style-position:inside;}
    
    /*Rodape*/
    #MainRodape { border: solid 1px #809AB3; background:#F3F7F8; font-size:10px; color: #5a7b9c; text-align:center; height:35px; padding-top:10px; margin:6px 0; }
    
    
/*-------------------------------------------------------------------------
 * Definição dos outros elementos em geral
 * 
 *--------------------------------------------------------------------------*/
#link_voltar { margin:10px; font-weight:bold; font-size:12px; text-align:right;}
#link_voltar a { color:#809AB3; }

#pop{display:block;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-100px;padding:5px;width:270px;height:290px;border:1px solid #d0d0d0; background: white;}

#NavBar
{
    float:left;
    position:relative;
    height: 25px;
    width: 770px;
}