* {
  border: 0px solid black;
  color: #000;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-style: normal;
  font-weight: normal;
  margin: 0 auto;
}

body {
  font-size: 10px;
}

div.areaGlobal {
  clear: both;
  margin-top: 5px;
  width: 780px;
}

div.barraSuperior {
  background-color: #519CD3;
  height: 15px;
}

div.barraInferior {
  clear: both;
  background-color: #79C5C5;
  height: 15px;
  width: 778px;
}

div.areaEsquerda {
  float: left;
  margin-top: 1px;
}

div.logotipo {
  float: left;
  height: 66px;
  width: 138px;
}

div.menuAzul {
  background-color: #519CD3;
  clear: both;
  float: left;
  width: 138px;
}

div.menuVerde {
  background-color: #79C5C5;
  clear: both;
  float: left;
  margin-top: 5px;
  width: 138px;
}

div.menuCinza {
  background-color: #DEDEDC;
  clear: both;
  color: #838383;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  width: 138px;
}

div.botoesZoom {
  clear: both;
  float: left;
  margin-top: 0px;
  margin-bottom: 3px;
  text-align: right;
  width: 138px;
}

div.areaAbas {
/*  float: left;*/
  margin-top: 1px;
}

b {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

p {
  padding: 2px 2px 8px 2px;
}

html { 
  overflow: -moz-scrollbars-vertical;
/*  overflow: auto; */
}

a:link, a:active, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #999;
}

hr {
  background-color: #CCCCCC;
  color: #F0F0F0;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

hr.linhaazul {
  background-color: #519CD3;
  color: #519CD3;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.formulario input, textarea, select {
  border: 1px solid #000;
  font-size: 1em;
}

form {
  margin: 0px;
}

.foto {
  border: 1px solid #000;
  margin: 0px;
}

.icone {
  border: 1px solid #000;
  margin-top: 6px;
}

.infraTeclaAtalho {
  text-decoration: underline;
}

.botao {
  background: url("/portal/imagens/fundo_botao.gif");
}

.tabela {
  border-collapse: collapse;
}

.tabela tr td {
  border: 1px solid #B0B0B0;
  padding: 2px;
  margin: 0px;
}

.tabela th {
  border: 1px solid #B0B0B0;
  padding: 2px;
  margin: 0px;
  text-align: center;
  color: #336699;
  font-weight: bold;
  background-color: #D4D4D4;
}

.formulario input.checkbox {
  border: none;
}

i {
  font-style: italic;
}

blockquote {
  margin-left: 20px;
}

div.areaResultadoAcompanhamento {
  line-height: 140%;
}

/*INÍCIO DA CAPA**********************************/
div.areaDados {
  float: left;
  font-size: 1.1em;
  margin-left: 2px;
  text-align: left;
  width: 640px;
}

div.areaConteudo {
  border: 1px solid #F0F0F0;
  float: left;
  margin-bottom: 4px;
  padding: 4px;
  padding-top: 10px;
  text-align: left;
  width: 478px;
}

div.areaConteudo2 {
  border: 1px solid #CDCDCD;
  float: left;
  margin-bottom: 5px;
  width: 630px;
  color:#000;
}

div.areaConteudo_institucional {
  border: 1px solid #CDCDCD;
  float: left;
  margin-bottom: 4px;
  padding: 10px;
  text-align: left;
}

div.areaConteudo2 ul,
div.areaConteudo2 li {
  list-style: none;
  padding-left: 7px;
}

div.areaConteudo2 a {
  color:#005CB9;
  text-decoration:none;
}

div.areaConteudo2 a:hover {
  color:#005CB9;
  text-decoration:underline;
}

div.areaDuvidas {
  float: right;
  height: 16px;
  margin: 0px;
  padding: 0px;
  width: 16px;
}

div.caixaExtendida {
  background: url("/portal/imagens/fundo_mapa_brasil.gif") 0 100% no-repeat;
  float: left;
  margin: 0px 0px 4px 5px;
}

div.caixaSemAba {
  border: 1px solid #CDCDCD;
  clear: left;
  float: left;
  margin: 0px 0px 5px 5px;
}

div.caixaCentral {
  border: 1px solid #CDCDCD;
  float: left;
  margin: 0px 0px 5px 5px;
}

div.caixaDireita {
  border: 1px solid #CDCDCD;
  float: left;
  margin: 0px 0px 5px 5px;
}

div.caixaExterna {
  float: left;
  margin: 0px 0px 0px 0px;
}

div.cabecalho {
  height: 18px;
  float: left;
  position: relative;
  z-index: 1;
}

div.cabecalho div.tituloCaixa {  
  float: left;
  border-bottom: 2px solid #FFF;
  border-left: 1px solid #CDCDCD;
  border-top: 1px solid #CDCDCD;
  height: 17px;
}

h2.caixa {
  color: orange;
  font-size: 1em;
  font-weight: bold;
  padding: 2px;
  padding-left: 7px;
}

h2.caixa2 {
  color: orange;
  font-size: 1em;
  font-weight: bold;
  padding: 2px;
  padding-left: 2px;
}

span.numpagorange {
  color: darkorange;
  font-size: 11px;
  font-weight: bold;
}

span.numpagblue {
  color: #519CD3;
  font-size: 11px;
  font-weight: bold;
}

div.cabecalho div.curva {
  background: url("/portal/imagens/curva.gif") no-repeat 0 0;
  float: left;
  height: 20px;
  width: 22px;
}

div.conteudo_ie6 {
  border: 1px solid #CDCDCD;
  clear: left;
  margin-top:-2px;
}

div.conteudo {
  border: 1px solid #CDCDCD;
  clear: left;
}

div.conteudo2 {
  border: 1px solid #CDCDCD;
  clear: both;
}

p.caixa {
  padding: 7px;
}

div.caixa {
  padding: 7px;
}

/*FIM DA CAPA**********************************/

/*INÍCIO DOS AVISOS LATERAIS**********************************/
div.colunaAvisos {
  float: right;
  width: 140px;
}
div.caixaAvisoAzul {
  background-color: #7FB3DA;
  float: right;
  margin-bottom: 4px;
  width: 140px;
}

div.caixaAvisoVerde {
  background-color: #B6D8D9;
  float: right;
  margin-bottom: 4px;
  width: 140px;
}

div.textoAvisos {
  color: #000;
  font-size: 1em;
  padding-left: 10px;
  padding-top: 6px;
}

div.textoAvisos a:link, 
div.textoAvisos a:active, 
div.textoAvisos a:visited {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

div.textoAvisos a:hover {
  color: #DEDEDC;
}
/*FIM DOS AVISOS LATERAIS**********************************/

/*MENU**********************************/
div.infraMenu {
  font-weight: bold;
  margin-top: 1em;
  text-align: right;
  width: 138px;
}

div.infraMenu a {
  display: block;
  padding: 1px;
  text-decoration: none;
}

div.infraMenu ul {
  list-style: none;
  padding: 0px;
}

div.infraMenu ul li {
  padding: 1px;
  position: relative;
  width: 136px;
  z-index: 100;
}

div.infraMenu ul ul {
  left: 138px;
  position: absolute;
  top: 0;
  width: 138px;
}

div.infraMenu ul ul,
div.infraMenu ul li:hover ul ul,
div.infraMenu ul ul li:hover ul ul,
div.infraMenu ul ul ul li:hover ul ul,
div.infraMenu ul ul ul ul li:hover ul ul {
  display: none;
}

div.infraMenu ul li:hover ul,
div.infraMenu ul ul li:hover ul,
div.infraMenu ul ul ul li:hover ul,
div.infraMenu ul ul ul ul li:hover ul,
div.infraMenu ul ul ul ul ul li:hover ul{
  background-color: #DEDEDC;
  display: block;
  margin-left: 0px;
  text-align: left;
}

div.infraMenu a:link, 
div.infraMenu a:active, 
div.infraMenu a:visited {
  color: #FFF;
  font-weight: bold;
}

div.infraMenu a:hover {
  color: #DEDEDC;
}

div.infraMenu ul ul li a:link, 
div.infraMenu ul ul li a:active, 
div.infraMenu ul ul li a:visited {
  border: 1px solid #FFF;
  color: #838383;
  font-weight: normal;
  padding: 2px 0px 2px 0px;
}

div.infraMenu ul ul li a:hover {
  color: #000;
}
/*FIM DO MENU**********************************/

/*INÍCIO DOS ESTILOS ORIGINAIS**********************************/
.titulo {
  color: #FF6600;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.subtitulo {
  color: #336699;
  font-weight: bold;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.estilotab td {
  border: 1px solid #B0B0B0;
}
/*FIM DOS ESTILOS ORIGINAIS**********************************/

/*INÍCIO DOS ESTILOS SJSC**********************************/
.divSJSC {
  background-color:#F8F8F8;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
  width:auto;
}

.botaoSJSC {
    border-width:medium;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}

.botaoSetaSJSC {
    border-width:medium;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    font-family:Wingdings 3;
    font-size:20;
    width:35;
    height:30;
}

.textoSJSC {
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}

.selectSJSC {
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}

.msgvermelho b {
  color: #FF0000;
}

.msgazul b {
  color: #0000FF;
}

TABLE.borda_externa 
{ 
  empty-cells: show;  
  border : 1px solid #7681A4;  
}

TR.tr_colorida
{
  color:#CCCCCC;
}

TR.tr_colorida td
{
   border-bottom:1px solid #DDDDDD;
}

TR.titulo 
{
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
  FONT-STYLE: normal; TEXT-DECORATION: none;
  background-color: #DBE0F1
}

a:link, a:active, a:visited {
  color: #005CB9;
  text-decoration: none;
}
/*FIM DOS ESTILOS SJSC**********************************/

/*AVISO POP-UP******************************************/
div#cinza {
  POSITION: fixed;
  TOP: 0px;
  LEFT: 0px;
  WIDTH: 100%;
  HEIGHT: 100%;
  Z-INDEX: 129;
  background: url("/portal/imagens/cinza_transparente.gif") 0 100% repeat;
}
div#mensagem {
  position:relative;
  text-align:left;
  top: 20%;
  width: 60%;
  height: 60%;
  left: 0;
  right: 0;
  /* adding auto-margins left and right will center the element horizontally! */
  margin-left: auto;
  margin-right: auto;
  z-index: 130;
  background-color:#eee;
  border: #000000 1px solid;
  padding:0px;
}
div#aviso1 {
  width: 97%;
  height: 93%;
}
div#aviso2 {
  border-bottom-color:#FFFFFF;
  border-right-color:#FFFFFF;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-width:1px;
  width: 97%;
  height: 93%;
}
div#aviso3 {
  border-bottom-color:#EFEFEF;
  border-right-color:#EFEFEF;
  border-left-color:#000;
  border-top-color:#000;
  border-width:1px;
  background-color:#FFFFFF;
  padding:10px;
  width: 97%;
  height: 95%;
}
/* FIM AVISO POP-UP**************************************/