/*
area reservada para o menu da pagina.
seu conteudo � definido em trt4-home-menu.css
*/
div#menu { float:left; width:157px; height:100%; background-color: #f4f4f4; }

/*Definicao da area de navegacao */
/* regiao que abrange a area dinamica do site, ou seja, toda a regiao que eh alterada no decorrer da navegacao */
div#areanavegacao { padding:0px; margin:0px; border:0px; float:left; width: 623px; background-color:#fff; }                           

/* Borda do menu, interna a area navegacao */
div#menuborderbottom { padding:0px; margin:0px; border:0px; float:left; background-color:#fff; }

/*Div utilizado para paginas de 2 colunas, abrange quase que toda a area navegacao, com exececao da borda do menu */
div#areafull { float:left; width:609px; background-color: #fff; }
/*
Div da regiao central, quando utilizando layouts de 3 colunas, devendo ser utilizado em conjunto com o div areadireita
*/
div#areacentral { float:left; width:479px; background-color: #fff;
}
/* Abrange a regiao lateral direita, em paginas de 3 colunas */
div#areadireita { float:left; height: auto; width: 130px; background-color: #fff; }

/* contem o rodape do conteudo da pagina, correspondendo hj a imagem azul com o endereco do trt */
div#areainferior { float:left; width:780px; background-color: #f4f4f4; }

/* Contem o rodape do conteudo da pagina, correspondendo hj a imagem azul com o endereco do trt, especifico para quando se utiliza o layout de apenas 1 coluna */
div#areainferior1coluna { float:left; width:780px; background-color: #fff; }

/* Definicoes internas a area inferior */
/* Definicao de posicionamento do div que contem a imagem com o endereco do TRT */
div#areainferior div { float:right; }

/*
definicao de posicionamento do div que contem a imagem com o endereco do trt, especifico para quando se utiliza o layout de apenas 1 coluna
*/
div#areainferior1coluna div { float:right; }

/*Definicoes internas a area direita */
/*
Divs que possuem as imagens e sistema de busca da area direita
*/
div#areadireita div { background-color:#fff; float:left; margin-top:20px; }

/*Definicoes internas a area central/area full */
/*
Area para texto em destaque na pagina, delimitada por um retangulo cinza
*/
div.infodestaque
    {
    background-color:#e8e8e8;
    float:left;
    border-bottom:#d1d1d1 1px solid;
    border-left:#d1d1d1 1px solid;
    border-right:#d1d1d1 1px solid;
    border-top:#d1d1d1 1px solid;
    width:98.0%;
    margin-bottom: 3px;
    }
/*
conteudo textual da infodestaque
*/
div.infodestaque p
    {
    font-family:Verdana;
    font-size: 11px;
    text-align: justify;
    text-decoration: none;
    color: #060637;
    margin-bottom: 0px;
    }
    
div.infodestaque ul li
    {
    font-family:Verdana;
    font-size: 11px;
    text-align: justify;
    text-decoration: none;
    color: #060637;
    padding-bottom: 0px;
    padding-top:2px;
    padding-left:0%;
    padding-right:1%;
    list-style-image: url(../images/bullets_msg.gif);
    margin-left: 0%;
    }
    

/*
definicao dos titulos de cada bloco que compoe o texto de pagina, sendo equivalente ao h1 utilizado comumente.
Este div mais externo � essencial para a correta renderizacao do titulo, devido a problemas no tratamento de imagens de fundo no firefox
*/
div.Titulo
    {
    width: 99%;
    margin:5px 0px 5px 0px;
    }
/*
Div que armazena a imagem de background que compoe o titulo e o span que armazena o texto utilizdo no mesmo
*/
div.Titulo div
    {
    background-image: url(../images/titulo_bar.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    _background-position:center right; /*esse item � usado para corrigir um bug existente no firefox,*/
    }                                  /* e manter um layout correto no ie                           */

/*
span que possui a definicao do texto utilizado no titulo
*/
div.Titulo div span
    {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #c42034;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 3px 1px 18px;
    _padding-bottom: 0px;    /*esse item � usado para corrigir um bug existente no firefox, e manter um layout correto no ie*/
    margin: 0px 0px 0px 0px; 
    background-color: #ffffff;
    background-image: url(../images/titulo_bullet.gif);
    background-repeat: no-repeat;
    background-position: center left;
    }

/*
div que encapsula a maior parte de elementos que compoe o conteudo da pagina, armazenando os elementos que precisam ficar lado a lado no conteudo da pagina
*/
div.conteudoDefault
    {
    float:left;
    margin-bottom:30px;
    width:100%;
    }

/*
delimita a regiao a esquerda no interior de conteudoDefault.
� utilizado para exibicao da busca de processos na pagina index
*/
div.blocoBordaEsquerdo
    {
    float:left;
    width:218px;
    }

/*
delimita a regiao a direita no interior de conteudoDefault.
� utilizado para exibicao da busca de processos na pagina index
*/
div.blocoBordaDireito
    {
    float:right;
    width:240px;
    }

/*
define um bloco que possui uma borda a sua direita, sendo usado tanto no blocoBordaDireito quanto no blocoBordaEsquerdo
*/
div.blocoBorda
    {
    width:100%;
    float: left;
    }

/*
define o texto utilizado nos titulos dos blocos com borda lateral direita
*/
div.blocoBorda span
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4A602B;
    text-decoration: none;
    width:100%;
    float:left;
    margin:3px 0px 3px 0px;
    }

/*
div com o conteudo do blocoBorda, forms, links e textos correspondentes, excetuando ai o titulo do mesmo.
*/
div#conteudoBlocoBorda
    {
    float:left;
    width:100%;
    padding:5px 5px 5px 0px;
    background-image: url(../images/linha_vert2.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    }

/*
Definicao do div que armazena os links do blocoBorda
*/
div #linksBlocoBorda
    {
    padding-top:20px;
    }

/*
Bloco caracterizado por possuir uma borda inferior, utilizado na secao noticias
*/
div.blocoBordaInferior
    {
    width:100%;
    float:left;
    padding:20px 0px 10px 0px;
    background-image: url(../images/linha_horiz.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    }

/*
usado para corrigir a margem para os itens que compoe a secao noticias
*/
div.blocoBordaInferior ul
    {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 6px;
    }

/*
formata cada uma das entradas presente na secao noticias
*/
div.blocoBordaInferior ul li
    {
    list-style: none;
    list-style-image: none;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 5px 0px;
    }

/*
define a posicao onde � renderizado o link + Noticias
*/
div.blocoBordaInferior span 
    {
    float:none;
    position:relative;
    margin-top: 10px;
    width:100%;
    left:200px;
    }


/*
Bloco correspondente a 50% da area ao qual ele esta alocado, utilizado na secao Destaques
*/
div.bloco05
    {
    float:left;
    width:210px;
    margin:10px 4% 10px 0px;
    } 

/*
Div que armazena as imagens utilizadas no bloco destaque
*/
div.bloco05 div 
    {
    float:left;
    width:65px;
    padding-left:6px;
    } 
/*
Div que armazena os textos pertencentes a cada um dos blocos de destaque da pagina
*/
div.bloco05 span
    {
    float:left;
    width:130px;
    margin-bottom:12px;
    }

/*
Div que armazena as informacoes referentes a anotacoes de rodape
*/
div.rodape
    {
    font-family : verdana, helvetica, sans-serif;
    font-size: 11px;
    line-height : 17px;
    color: #444444;
    text-decoration: none;
    text-align: right;
    }
/*
Div responsavel para o retangulo do modo admin
*/
div.admin
    {
    border: 1px solid #000;
    background-color: #EFEFEF;
    margin-left: 5px;
    padding:4px;
    display:block;
    width:95%;
    text-align:right;
    }

/*
Div responsavel por colocar a linha em degrad� ao final das tabelas. O div vai ter em largura a mesma dimens�o do item em que ele est� contido.
...
</table>
<div class="LineHoriz">&nbsp;</div>
...
*/
div.LineHoriz
    {
    background-image: url(../images/linha_horizontal2.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    _background-position:center right; /*esse item � usado para corrigir um bug existente no firefox,*/
    }                                  /* e manter um layout correto no ie                           */