/***********************************************************************************************
corpo das paginas
/**********************************************************************************************/
body
{
    background-color:#fff;
    padding:0;
    margin:0;                
}
/***********************************************************************************************
div que comportará todo o conteudo do site
/**********************************************************************************************/
#conteudo
{   
    margin:0 15px 0 15px;
    background-color:#D8D8D8;
    border-bottom:solid 1px #ccc;
}
/***********************************************************************************************
topo do site
/**********************************************************************************************/
#top
{
    height:19px;    
    line-height:19px;
    background-color:#00204A;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;    
}
/***********************************************************************************************
itens de navegação fixa no topo do site
/**********************************************************************************************/
#top_nav
{
    width:695px;
    height:19px;
    line-height:19px;
    border-right:solid 1px #fff;    
}
#top_nav a, #top_nav a:hover
{    
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;    
}
#top_direita a
{
       margin-top:-2px;
       margin-right:7px;
       margin-left:7px;
}
#top_nav a:hover
{
    color: #848484;    
}
.top_sep
{   
    position:fixed;
    height:20px;
    border:none;    
}
/***********************************************************************************************
logo do topo do site
/**********************************************************************************************/
#top_logo
{
    height:60px;
    width:695px;
    background-color:#EEEEEE;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;  
}
#top_logo img, a
{
    border:none;
}
/***********************************************************************************************
div que comportará o menu do site
/**********************************************************************************************/
#top_menu
{
    height:27px;    
    width:695px;
    background-color:#C1C1C1;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
    padding-bottom:1px;    
}
/***********************************************************************************************
item de menu marcado (clicado)
/**********************************************************************************************/
.top_menu_marcacao,.top_menu_marcacao2
{
    height:10px;    
    line-height:10px;
    width:695px;
    background-color:#424242;        
}
.top_menu_marcacao2
{
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;    
}
/***********************************************************************************************
nivel 1 dos menus
/**********************************************************************************************/
.menu_item
{   
    height:18px;
    background-position: left top;
    background-image: url(../img/menu_separador.gif);    
    background-repeat: no-repeat;
    background-color:#C1C1C1;
    color:#000;
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    margin-top:1px;
    padding-top:2px;
    padding-bottom:1px;
}
/***********************************************************************************************
menus nivel 1 com mouse hover
/**********************************************************************************************/
.menu_item_sel
{
    height:18px;        
    background-position: left top;
    background-image: url(../img/menu_separador_hover.gif);    
    background-repeat: no-repeat;        
    color:#fff;
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    padding-top:2px;
    padding-bottom:1px;    
    border-bottom:none;
    background-color:#686868;    
}
/***********************************************************************************************
menus nivel 1 clicado
/**********************************************************************************************/
.menu_item_clicado
{
    height:19px;    
    background-position: left top;
    background-image: url(../img/menu_separador_clicado.gif);    
    background-repeat: no-repeat;    
    color:#fff;
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    padding-top:2px;
    padding-bottom:-1px;    
    background-color:#424242;    
}
/***********************************************************************************************
menus nivel 2 e 3
/**********************************************************************************************/
.menu_subitem
{     
    background-color:#424242;        
    border:solid 1px #fff;   
    border-top:none;     
    border-bottom:none;
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color:#fff;
    padding: 2px 15px 2px 4px;    
}
/***********************************************************************************************
menus nivel 2 e 3 com mouse hover
/**********************************************************************************************/
.menu_subitem_sel
{
    background-color:#686868;
}
/***********************************************************************************************
menus da esquerda
/**********************************************************************************************/
.menu_esquerda
{
    background-color:#424242;            
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color:#fff;
    border:none;
    padding-top:4px;
    padding-bottom:4px;    
}
.menu_esquerda_sel
{
    background-color: #686868;    
}
/***********************************************************************************************
titulos das paginas
/**********************************************************************************************/
.titulo
{ 
    font-family: Arial;
    font-weight:bold;
    font-Size: 20px;
    color: #666666;
}
/***********************************************************************************************
subtitulos das paginas
/**********************************************************************************************/
.subtitulo
{
    font-family: Arial;
    font-weight:bold;
    font-size: 18px;
    color: #000000;    
}
/***********************************************************************************************
resumo das paginas
/**********************************************************************************************/
.resumo
{
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 13px;
    color: #000000;    
}
/***********************************************************************************************
subresumo das paginas
/**********************************************************************************************/
.subresumo
{
    font-family:Verdana;
    font-weight:bold;
    font-size: 11px;
    color: #000000;    
}
/***********************************************************************************************
texto das paginas
/**********************************************************************************************/
.texto
{    
    font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; 
    font-size:11px;
    color:#000000; 
    line-height:15px;
}
/***********************************************************************************************
div que comportará as paginas
/**********************************************************************************************/
#pagina
{
    width:695px;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
    background-color:#EEEEEE;
    margin-top:0px;
    _margin-top:-2px;
    border-top:none;
}
.pagina_conteudo, #pagina_conteudo
{
    background-color:#fff;
    padding: 0 10px 30px 10px;        
}
/***********************************************************************************************
linhas separadoras
/**********************************************************************************************/
hr
{
    height: 1px;
    background-color: activeborder;
    margin: 8px 0 7px 0;
    border:none;
}
/***********************************************************************************************
imagens do topo
/**********************************************************************************************/
.pagimg
{
    border-top:solid 1px #fff;
}
.item_esquerda_2, .item_esquerda_2_sel
{   
    background-color:#424242;            
    border:none;
    padding-left:20px;
    height:19px;
    line-height:19px;
}
.item_esquerda_2_sel
{
    margin-left: 25px;
    background-color: #686868;
    background-position: 5% 25%;
    background-image: url(../img/menu_esquerda_sel.gif);
    background-repeat: no-repeat;
}

.item_esquerda_3, .item_esquerda_3_sel
{   
    background-color:#424242;            
    border:none;
    padding-left:30px;
    height:19px;
    line-height:19px;
}
.item_esquerda_3_sel, .item_esquerda_3_clicado
{
    border:none;
    height:19px;
    padding-left:30px;
    background-color: #686868;    
}
.item_esquerda_3_clicado
{    
    background-position: 12% 25%;
    background-image: url(../img/menu_esquerda_clicado.gif);
    background-repeat: no-repeat;
}
.esquerda_link
{
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    color:#fff;    
    font-size: 11px;
    text-decoration:none;
}
iframe
{
    border:none;
    width:100%;    
}
.botao
{
    font-size:12px;
}

#pagina_conteudo a, #pagina_conteudo a:hover, #pagina_conteudo a:visited
{
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-weight: normal;    
    color: #00204A;        
    cursor: hand;            
    text-decoration: underline;
}