/* CSS Document */

    div#conteudoSub {
        padding-left:8px;
        padding-top:12px;
    }

    .tabelaGrafico 
    {
        background-image:url(../img/grade2.gif);
        background-repeat:repeat-y;
        border:1px dotted #DDDD00;
     }
    .indicador {
    font-weight:bold;
    padding:4px 0px 4px 4px;
    cursor:pointer;

    }

    .italico {
    font-style:italic;
    display:block;
    padding-top:4px;
    }

    .imgComentario {padding-right:8px;clear:both;}
    .centro {text-align:center;}
    .valor {text-align:center; background-color:#EAEAEA; border-top: 1px solid silver;font-size:9px}
    .ano {text-align:center; font-weight:bold;font-size:9px}
    .ano a 
    {
        text-decoration:none;
        color:black;
    }

    .ano a:hover
    {
       color:#FF6347;
       
    }



    .barraVazia{
    margin-top:2px;
    width:20px;
    }
    .barra {
    background-color:#87CEEB;
    border-right:2px outset #5B2E00;
    margin-top:2px;
    width:20px;
    }

    .barrab {
    background-color:lime;
    border-right:2px outset #5B2E00;
    width:20px;
    }

    .itemMenu {
    background-color:#EC0000;
    }


    #navcontainer{
    margin-top:0px;
    margin-bottom:12px;
    width:166px;

    }

    #navcontainer a {padding-bottom:4px}

    .grafico {

    padding:0px;
    text-align:center;

    }


    .divTitulo {
    height:16px;
    padding-top:4px;
    }

    .spanTitulo{
    padding-left:6px;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    }

    #menuIndicadores {
    padding-top:4px;
    margin-top:2px;
    height:18px;
    }

    #menuEquipamentos {
    margin-top:2px;
    padding-top:4px;
    height:18px;
    }
    #menuIndicadores span{
    font-weight:bold;
    font-size:10px;
    color:#FFFF00;
    padding-left:8px;

    }

    #menuEquipamentos span{
    font-weight:bold;
    font-size:10px;
    color:#FFFF00;
    padding-left:8px;
    padding-top:12px;
    }

    #divCadastro{
    background-color:#000000;
    height:12px;
    }

    #cadastroSubprefeitura 
    {
    margin-top:0px;
    margin-bottom:4px;
    background-color:White;
    line-height:14px;
    }

    #cadastro {
     /* width:600px; */
    }

    #conteudo {
    text-align:left;
    }

    #nomeArea1 {
    font-size:14px;
    font-weight:bold;
    color:#FF8000;
    display:block;
    padding:8px 0px 8px 0px;
    }

    #loader {
    text-align:left;
    }
    #info {
    padding-bottom:4px;
    }

    .barra-1 {
    background-color:#FFFF99;
    border-width:2px 2px 0px 0px;
    border-color:Gray;
    margin-top:2px;
    width:20px;
    height:17px;
    }

    .barra0 {
        background-color:#00FF00;
        border-width:2px 2px 2px 2px;
        border-color:black;
        margin-top:2px;
        width:20px;
        height:97px
    }

    .barra1 {
        background-color:#20007b;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        width:20px;
        height:17px
    }

    .barra2 {
        background-color:#0041b5;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        width:20px;
        height:37px
    }

    .barra3 {
        background-color:#5a9ce8;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        width:20px;
        height:57px
    }

    .barra4 {
        background-color:#a5dff7;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        width:20px;
        height:77px
    }
    .barra5 {
        background-color:#d7e7ff;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        width:20px;
        height:97px
    }

    .Hbarra0 {
        background-color:#00FF00;
        border-width:2px 2px 2px 2px;
        border-color:black;
        margin-top:2px;
        height:20px;
        width:388px
    }

    .Hbarra1 {
        background-color:#20007b;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        height:20px;
        width:68px
    }

    .Hbarra2 {
        background-color:#0041b5;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        height:20px;
        width:148px
    }

    .Hbarra3 {
        background-color:#5a9ce8;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        height:20px;
        width:228px
    }

    .Hbarra4 {
        background-color:#a5dff7;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        height:20px;
        width:308px
    }
    .Hbarra5 {
        background-color:#d7e7ff;
        border-width:2px 2px 0px 0px;
        border-color:Gray;
        margin-top:2px;
        height:20px;
        width:388px
    }
    
    
    
    .classe0 {
        background-color:#20007b;
        width:60px;
    }
    
    .classe1 {
        background-color:#20007b;
        width:60px;
    }

    .classe2 {
        
        background-color:#0041b5;
        width:120px;
    }

    .classe3 {
        
        background-color:#5a9ce8;
        width:180px;
    }

    .classe4 {
       
        background-color:#a5dff7;
        width:240px;
    }

    .classe5 {
        
        background-color:#d7e7ff;
        width:300px;
    }
     
    .barraClasse {
        
        border-width:0px;
        height:3px;
        border: 1px solid white;
    }

    .cbarra0 {
        
        background-color:#5a9ce8;
        border-right:2px outset #5B2E00;
        margin-top:2px;
        width:20px;
    }

    .cbarra1 {
       
        background-color:#20007b;
        border:2px solid #FFFFFF;
        margin-top:2px;
        width:20px;
        height:29px;
    }

    .cbarra2 {
       
        background-color:#0041b5;
        border:2px solid #FFFFFF;
        margin-top:2px;
        width:20px;
        height:64px;
        
    }

    .cbarra3 {
       
        background-color:#5a9ce8;
        border:2px solid #FFFFFF;
        margin-top:2px;
        width:20px;
        height:99px;
    }

    .cbarra4 {
        
        background-color:#a5dff7;
        border:2px solid #FFFFFF;
        margin-top:2px;
        width:20px;
        height:134px;
    }
   
    .cbarra5 {
       
        background-color:#d7e7ff;
        border:2px solid #FFFFFF;
        margin-top:2px;
        width:20px;
        height:171px;
    }

    .escala {
        
        background-image:url(../img/escala.gif);
        background-position:bottom;
        background-repeat:repeat-x;
    }

    .areaClasse {
        
        font-size:9px;
        
    }

    .linha {
        
        width:250px;
        background-color:#E8E8E8;
        font-size:9px;
    }
   
    .fundoLinha{
        
        background-color:#FFFFB7;
    }



    .linkClasse {
        
        font-weight:bold;
        text-decoration:none;
        color:#5B0000;
        display:block;
        padding-left:6px;
    }


    .importancia{
       
        margin-top: 18px;
        display:none;
        background-color:#FFFFAA;
        z-index:1000;
    }

    #overLib {
        
        text-align:left;
    }

    .linkEquipamento {
        
        text-decoration:none;
    }


    .trGrafico {
     
        font-size:0.8em; 
        padding:2px;
        border-bottom:1px solid;
        background-color:Lime;
    } 

    .ordem {
        
        font-size:8px;
        font-weight:bold;
    }

    .temaA {
       
        background-color:#FFFFDF;
        font-weight:bold;
        
    }

    .temaB {
        
        background-color:#C6FFC6;
        font-weight:bold;
    }

    .bordac {
        
        border: 2px solid Silver;
    }


    .barrag-1 {
       
        background-color:#20007b;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:29px;
    }


    .barrag1 {
        
        background-color:#20007b;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:29px;
    }

    .barrag2 {
        
        background-color:#0041b5;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:64px;
    }

    .barrag3 {
       
        background-color:#5a9ce8;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:99px;
    }

    .barrag4 {
        
        background-color:#a5dff7;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:134px;
    }
   
    .barrag5 {
       
        background-color:#d7e7ff;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:171px;
    }

    .barrag0 {
       
        background-color:#d7e7ff;
        border:1px solid #FFFFFF;
        margin-top:2px;
        width:4px;
        height:171px;
    }

    .cor{
        
        background-color:white;
    }

    /* ------ SÉRIES HISTÓRICAS -------*/

    .indConteiner /* conteiner do indicador */
    {
        float:left;
        width:284px;
        min-height:370px;
        padding:1px;
        margin-right:-1px;
        margin-bottom:8px;
        border:1px solid silver;
    }

    .comentarios /* textos do indicador */
    {
        font-size:10px;
        padding-left:2px;
        margin:8px;
        text-align:left;
    }


    .nomeindicador /* contém o nome do indicador dentro do gráfico da série histórica */
    {
        font-family:Arial;
        font-size:14px;
        color:Black;
        font-weight:bold;
        padding-top:1px;
        padding-bottom:4px;
        padding-left:2px;
    }

    .tabelaSerie /* tabela que contém a série histórica */
    {
        border-collapse:collapse; 
        border-color:Silver;
        background-color:white;
    }

    .percentual
    {
        font-family:Verdana,Arial;
        font-size:9px;
        text-decoration:none;
        color:black;
        padding-bottom:4px;
     }
     
     
    /*  grafico comparativo ----- */
    .escalacomparativa 
    {
        background-image:url(../img/escalacomparativa.gif);
        background-position:bottom;
        background-repeat:repeat-x;
    }

    .eixocomparativa 
    {
        background-image:url(../img/eixocomparativa.png);
        background-position:bottom;
        background-repeat:repeat-x;
    }

    .bordaesquerda
    {
        border-left:1px solid silver;
    }

    .linkIndicador
    {
        text-decoration:none;
        color:#3A3A3A;
    }

    .escalaclasse
    {
      background-image: url(../img/assets/escalaclasse.gif);
      background-repeat: repeat-x;
      background-position:left bottom;
    }

    .escalaclassehorizontal
    {
      background-image: url(../img/assets/escalaclasse_horizontal.gif);
      background-repeat: repeat-y;
      background-position:left bottom;
    }

    .alternar 
    {
        color:#0041B5;
        font-size:9px
    }
     
    ul#regioes_menu_temas
    {
        margin:18px;
        padding:0;
        list-style-type:disc;

    }

    ul#regioes_menu_temas li
    {
        padding:0;
        padding-bottom:2px; 
    }

    ul#regioes_menu_regioes
    {
       list-style-type:disc;
       padding:0;
       
    }

    ul#regioes_menu_temas li a:hover
    {
     color:#FF6347;
     
    }
     
    ul#regioes_menu_regioes li a:hover
    {
        color:#87CEEB;
    }

    ul#regioes_opcoes_series li
    {
        padding:0;
        padding-bottom:2px; 
    }

    ul#regioes_opcoes_series li a:hover
    {
        color:#87CEEB;
    }

    .linkAgrupar a 
    {
        text-decoration:underline;
        color:#87CEEB;
    }
     
    .linkAgrupar a:hover
    {
        font-weight:bold;
    }

    .regioesindicadores 
    {
        border-top:2px dotted silver;
        border-right:2px dotted silver;
        background-image:url(../img/assets/divisao.gif);
        background-position:left top;
        background-repeat: repeat-y;
    }