/* 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:tomato;
   
}



.barraVazia{
margin-top:2px;
width:20px;
}
.barra {
background-color:skyblue;
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;
}

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

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

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

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

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


.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: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;
}

a:hover{
font-weight:bold;
}


.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;
}


.barrag0 {
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;
}

.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;
}

.alternar 
{
    color:#0041B5;
    font-size:9px
}