/*
-----------------------------------------------
CSS Documento

Site: Viver Direito - TJDFT
Autor:   SERAGI/SEIN    seragi@tjdft.gov.br
Versao:  2008.01
----------------------------------------------- */

/* CSS principal */

body {
margin: 0;
padding: 0;
font:10px Verdana, Helvetica, sans-serif;
color: #2D3C50;
background: url(img/bg.png) repeat left top;
}

p { 
margin: 0 18px 10px 10px;
padding:0;
text-align:justify;
}

p.tit {
font-size:10px;
margin: 0 18px 5px 10px;
padding:0;
text-align: left;
}


h1 {
font-size:10px;
margin: 10px 0px 5px 10px;
padding: 2px 0 5px 0;
color:#003300;
}

h2 {
margin: 0px 0px 10px 10px;
font-size: 10px;
color: #666666;
}

img {border:0;}

img.top { margin-top:10px;}

ul {
list-style-type:none;
padding:0;
text-align:left;
}

li {
padding-left: 0px;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
font-size:10px;
}


/* Definicoes de classes e ids para uso geral */

.floatDir { float:right;}

.floatIEsq { float:left; margin-right:10px;}

.floatIDir { float:right; margin-left:10px;}

.floatEsq { float:left;}

.indent { margin-left:10px;}

.indent20 { margin-left:20px;}

.indent30 { margin-left:30px;}

.center { text-align:center;}

.alinhaDir { text-align:right;}

#linkVoltar { 
background:url(../img/cont/setaAzul.gif) no-repeat right center;
padding-right:10px;
text-decoration:none;
}

a.opcons, a:link.opcons {
font-size:95%;
background:url(../img/cont/setaAzulEsc.gif) no-repeat right 80%;
padding-right:12px;
padding-top:5px;
}

.voltar {
text-align:right;
margin: -28px 18px 18px 0;
padding:0;
}

a.pdf, a.wmp{ 
background:url(../img/icone/pdf.gif) no-repeat right center;
padding-right:18px;
padding-top: 8px;
display:inline-block;
}

a.wmp{ 
background:url(../img/icone/wmp.gif) no-repeat right center;
}

.clear { clear:both;}

.none { display:none;}

.setaEsq { 
background:url(../img/cont/setaAzul.gif) no-repeat left center;
margin-right:10px;
}

.setaDir { 
background:url(../img/cont/setaAzul.gif) no-repeat right center;
padding-right:10px;
}


/*DIVISOES da template */
 /* id para centralizar a pagina - layout fixo - centralizando com posicionamento e margens negativas - uso na template */


#estrutura3col {
background:#FFFFFF url(../img/tpl/fundo3Col.gif) repeat-y 0 0;
width:750px;
position:relative;
margin-left: -375px;
left:50%;
}

#estrutura2col {
background-color:#FFFFFF;
width:750px;
position:relative;
margin-left: -375px;
left:50%;
}

#cabeca {
width: 750px;
height: 200px;
background:#FFFFFF url(img/cabeca.gif) no-repeat left top;
/*background:#EAECEE url(../img/tpl/cabecaBrasao.png)no-repeat left top;*/
margin:0;
padding:0;
}

#mainNav {
width:370px;
float:left;
}

#conteudo{
width: 373px;
float:right;
}

#contEsq {
float:left;
width:365px;
}

#contDir {
float: right;
width: 185px;
}

#rodape{
clear:both;
background-color: #003300;
height:40px;
}


/* Definicao dos links */ 

a:link, a:visited {
color:#2D3C50;
text-decoration: underline;
}

a:hover {
color:#000000;
text-decoration: underline;
}

a.tdnone { text-decoration:none;}



 /*Definicoes da divisao rodape*/

#rodape p{
color:#FFFFFF;
font:10px Verdana, Helvetica, sans-serif;
padding-top: 10px;
}


/* Definicoes para breadcumb/guia de navegacao */

#crumb {
width:58%;
float:left;
}

.crumb {  /*breadcrumb/guia de navegacao*/
color:#AFAE16;
font-weight:bold;
}