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

Site: TJDFT
Autor:   SERAGI/SEIN    informatica@tjdft.gov.br
Versao:  2007.01
----------------------------------------------- */

/* CSS principal para a Internet do TJDFT */

body {
margin: 0;
padding: 0;
font:10px Verdana, Helvetica, sans-serif;
color: #2D3C50;
background-color:#FFFFFF;
}

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

h1 {
font-size:10px;
margin: 10px 0 10px 2px;
padding: 2px;
font-variant:small-caps;
}

h2.col3 {
margin: 10px;
padding: 2px 0 5px 0;
font-size: 11px;
color:#33779B;
background: #FFFFFF url(../img/cont/hr_branco.gif) no-repeat left bottom;
}

h2 {
font-variant:small-caps;
margin: 10px;
padding: 2px 0 5px 0;
font-size: 11px;
color:#33779B;
background:url(../img/cont/hr.gif) no-repeat left bottom;
}

h3{
font-size:10px;
margin: 0 0 10px 10px;
padding: 2px;
}

h3.ltemp{background:url(../img/cont/ltemp.png) no-repeat left bottom;}

h4 {
margin: 10px;
padding: 2px 0 5px 0;
font-size: 11px;
color: #2D3C50;
font-weight:normal;
font-size:9px;
text-transform:uppercase;
}

h5 {
font-variant:small-caps;
margin: 10px;
padding: 2px 0 5px 0;
font-size: 10px;
color:#33779B;
background:url(../img/cont/hr.gif) no-repeat left bottom;
}

acronym {
cursor:help;
background: url(../img/cont/tracejado.gif) repeat-x left bottom;}

img {border:0;}


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

.floatDir { float:right;}

.floatEsq { float:left;}

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

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

.indent { margin-left:10px;}

.indent20 { margin-left:20px;}

.indent30 { margin-left:30px;}

.center { text-align:center;}

.alinhaDir { text-align:right;}

.scaps {font-variant: small-caps;}

.taxado {text-decoration: line-through}

.destaque { color: #800000;}

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

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

.clear { clear:both;}

.novo{ color:#33779B;}

.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:#FFFFFF url(../img/tpl/fundo2Col.gif) repeat-y 0 0;
width:750px;
position:relative;
margin-left: -375px;
left:50%;
}

#cabeca {
width: 750px;
height: 152px;
background:#FFFFFF url(../img/tpl/cabeca.jpg) no-repeat left top;
margin:0;
padding:0;
}

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

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

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

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

#rodape{
clear:both;
background-color:#003960;
height:22px;
}


/* Definicao dos links */ 

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

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

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

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

/*Definicoes para as listas não ordenadas para a div conteúdo*/

#conteudo ul {
margin: 10px 10px 10px 10px;
padding:0;
text-align:justify;
}

#conteudo ul li{ 
margin-bottom: 5px;
margin-right:10px;
margin-left:20px;
list-style: square;
}

/*Definicoes para as listas ordenadas para a div conteúdo*/

#conteudo ol {
margin: 10px 10px 10px 10px;
padding:0 0 0 5px;
text-align:justify;
}

#conteudo ol li{ 
margin-bottom: 5px;
margin-right:10px;
margin-left:20px;
}

 /*Definicoes do menu de navegacao principal*/

#mainNav ul{
list-style-type:none;
margin:0;
padding:0;
}

#mainNav ul a, #mainNav ul a:link, #mainNav ul a:visited{
display:block;
padding: 2px 0px 1px 10px;
text-decoration:none;
color: #2D3C50;
border-bottom:1px solid #EFEEEE;
}

#mainNav ul a:hover, #mainNav ul .selected a{
text-decoration: none;
color: #FFFFFF;
background-color:#AFAE16;
border-bottom:1px solid #EFEEEE;
}

#mainNav ul li{ 
margin-bottom:0px;}

#mainNav h1 {
margin: 10px 10px 4px 10px;
padding: 2px;
font-size: 11px;
color:#33779B;
font-weight:bold;
}


 /*Definicoes do menu de navegacao secundario - cabeca*/

#menuSec {
position:relative;
width: 750px;
margin-left: -352px;
left:50%;
 }


#menuSec ul{
margin:0;
padding:0;
list-style:none;
}

#menuSec li{
float:left;
}

#menuSec ul a  {
display:block;
padding-right: 21px;
padding-top:10px;
text-decoration:none;
color:#2D3C50;
}

#menuSec ul a:hover, #menuSec ul .selected a { 
text-decoration:none;
color:#AFAE16;
}

 /*Definicoes da divisao rodape*/

#rodape p{
color:#FFFFFF;
font:10px Arial, Helvetica, sans-serif;
text-align:center;
padding-top: 5px;
padding-left:0;
padding-right:0;
margin:0;
}

/*Definicoes para Calendario na Primeira Pagina*/

#calendario {
position:relative;
width:610px;
top:112px;
margin-left: -530px;
left:90%;
 }

#calendario ul{
margin:0;
padding:0;
list-style:none;
}

#calendario li{
float:left;
}

#calendario .hoje {
border: solid 1px #2D3C50;
color:#FFFFFF;
}

#calendario ul a{
display:block;
padding-right: 3px;
padding-left: 3px;
text-decoration:none;
color:#2D3C50;
}

#calendario ul a:hover{
	text-decoration: none;
}

#calendario .evento {
	color: #AFAE16;
}

#calendario .mes {
	color: #909090;
	font-size: 9px;
	font-weight:bold;
}

.tool-tip {
	margin-top: -34px;
	color: #000;
	z-index: 13000;
}
 
.tool-title {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	margin: 0;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	background: #AFAE16;
}
 
/*Definicoes para Formularios na Primeira Pagina - acesso restrito e busca*/

#acessorestrito form{
font:9px Verdana, Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
}

#acessorestrito h1{
margin: 10px 10px 4px 10px;
padding: 2px;
font-size: 11px;
color:#33779B;
}

#acessorestrito label{
display:block;
color: #2D3C50;
margin: 0 0 3px 10px;
padding:0;
}

#acessorestrito input{
margin:2px 0 2px 10px;
width: 140px;
color:#969594;
font:9px Verdana, Helvetica, sans-serif;
font-weight:bold;
border:1px solid #AAA9A9;
padding-left:3px;
}

#acessorestrito .botao, #busca .botao {
background-image:url(../img/tpl/setaVerde.gif);
width:18px;
height: 16px;
border:0 solid transparent;
padding:0;
margin:2px 0 2px 0;
cursor:pointer;
}

#acessorestrito .senha {width:120px;}

/* Definicoes para o busca do site */

#busca{
width:40%;
float:right;
}

#busca form{
margin:0;
padding:10px 0 0 9px;
}

#busca input{
margin:2px 3px 2px 10px;
width: 140px;
color:#969594;
font:9px Verdana, Helvetica, sans-serif;
font-weight:bold;
border:1px solid #AAA9A9;
padding-left:3px;
}

#busca label{
margin:0;
padding:0;
display:inline;
color:#DEDEDD;
}

/* Definicoes para breadcumb/guia de navegacao */

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

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

/*estilos exclusivos para obras */
#conteudoobras{
width: 561px;
float:left;
padding-top:30px;
padding-bottom: 10px;
}

#obrasEsq{
width:154px;
float: left;
}

#obrasEsq p{
text-align:left;
}

#obrasEsq h3{
font-variant:small-caps;
margin: 10px;
padding: 2px 0 5px 0;
font-size: 10px;
color:#33779B;
}

#conteudoobrasDir{
width: 385px;
float:left;
background-color:#FFFFFF;
padding-top:26px;
padding-bottom: 10px;
padding-left: 10px;
}

#conteudoobrasEsq{
width: 390px;
float:left;
background-color:#FFFFFF;
padding-top:26px;
padding-bottom: 10px;
padding-left: 5px;
}

#menuObras{
  padding-top:50px;
  text-align:right;  
}

#menuObras p{
	text-align:right;
	margin: 0 10px 5px 2px;
}

/*estilos exclusivos para impressao */

@media print {
#cabeca, #crumb, #busca, #cabCont, #mCont, #contDir, #destBanner, #mainNav, #rodape, .voltar, .hrdet{
  display:none !important;
}

.resposta{
  height:auto !important;
}

#conteudo{
  width:auto !important;
  float:left; 
}


#contEsq{
  width:auto !important;
}

table {
   border:0;
}

th, td {
   border:1px solid #000000;
}

}