/***********************************************/
/* Copyright 2004 - http://www.atbt.org.br     */
/* HTML tag styles                             */
/***********************************************/

abbr, acronym {
	border-bottom:1px dashed #039;
	cursor:help;
	}
abbr {
	speak:spell-out;
	}
acronym {
	speak:normal;
	}

body {
	font: 12px/1.166 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: url("../images/design/page_fill.jpg") repeat-y center;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	color: #0F4571;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/************** header tag styles **************/

h1 {
 font: bold 120% Arial, Helvetica, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2 {
 font: bold 114% Arial, Helvetica, sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3 {
 font: bold 100% Arial, Helvetica, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4 {
 font: 100% Arial, Helvetica, sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5 {
 font: 100% Arial, Helvetica, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/
ul {
 list-style-type: square;
}

ul ul {
 list-style-type: disc;
}

ul ul ul {
 list-style-type: none;
}

/********* form and related tag styles *********/
form {
	margin: 0px;
	padding: 0px;
}

label {
 font: bold 1em Arial, Helvetica, sans-serif;
 color: #0F4571;
}
				
/*************** classes isoladas ******************/
.bginput {
    background-color: #f7f7f7;
    border: 1px solid #999999;
    color: #000000;
    font-size: 9px;
}

.btclick {
	cursor: pointer;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	border: none;
}

.highlight {
	text-decoration: none;
	color:black;
	background-color:yellow;
}

.small {
	font: 10px/normal Verdana, Arial, Helvetica, sans-serif;
}

.smallbold {
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
}

.separator {
	margin: 0px 0px 5px;
	background: url("../images/design/separatorh.gif") repeat-x left center;
	z-index: 200;
	width:auto;
	height: 1px;
}

.subtitulo {
	/*font: bold 12px Arial, Helvetica, sans-serif; 'dá conflito com storyleft*/
	font-weight: bold;
	color: #005FA9;
	display: block;
	padding: 10px 0px 3px 0px;
}

table.sortable thead { cursor: pointer; }
table.sortable tbody tr.odd { background-color: #f0f0f0; }
table.sortable tbody tr.even { background-color: #ffffff; }
table.sortable tbody tr.odd:hover { background-color: #c9c9c9; }
table.sortable tbody tr.even:hover { background-color: #c9c9c9; }

/************** Layout Divs *****************/
#container {
  position: relative;
	width: 700px;
	margin: 0px auto;
}

#header {
  position: relative;
	width: 700px;
	height: 130px;
	color : #ffffff;
}

#globalNav {
	position: relative;
	width: 700px;
	padding: 0px;
	margin: 0px;
	height: 32px;
	background-image: url("../images/design/glbnav_background.gif");
	z-index: 90;
}

#pagecell {
	position: relative;
	top: 10px;
	width: 700px;
	background-color: #FFFFFF;
}

html>body #pagecell {height: auto;}

/************** globalNav elements *****************/
#globalNav img {
	margin-bottom: -4px;
}

#gnLeft {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnRight {
	position: absolute;
	top: 0px;
	right: 0px;
}

#globalLink {
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 5px;
	z-index: 100;
}

a.glink, a.glink:visited {
 	font: bold 14px/18px Arial, Helvetica, sans-serif;
 	color: #000000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #cccccc;
}

a.glink:hover {
	background-image: url("../images/design/glblnav_selected.gif");
	text-decoration: none;
}

#frmSearch {
	position: absolute;
	top: 6px;
	right: 10px;
}

/************ pagecell elements ************/
#menuNav {
	float: left;
	width: 172px; /*Largura apenas para o IE4 até 5.5 no Windows */
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;
	border-left: 1px solid #cccccc;
	background-color: #F5f7f7;
	voice-family: "\"}\"";  /*Faz o parser do IE 5.x Windows parar neste ponto */
	voice-family:inherit;
	width: 170px; /* largura final desejada nos browsers novos */
}
html>body #menuNav { width:170px; } /* Opera 5, which has the same problem as IE 5.x, will ignore child selector */

/* Conteudo ao lado do menu; ou seja, contem o texto dos artigos. */
#content {
	width: auto;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 171px;
	border-left: 1px solid #cccccc;
	min-height: 660px;
}
html>body #content { width: auto; }

#siteInfo {
  clear: both;
	border-top: 1px solid #cccccc;
	margin-top: -1px; /* Alinha com borda inferior de relatedLinks de menuNav */
	width: 700px;
	min-height: 22px;
	height: 22px;
	padding: 10px 0px 5px 0px;
	font-size: 10px;
	color: #999999;
	background-color: #FFFFFF;
	text-align: center;
}

#siteInfo img {
	padding: 0px;
	vertical-align: middle;
}

/************* content elements ****************/
#details {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: auto;
}
html>body #details { width: auto; }

#details h3 {
	font: bold 125% Arial, Helvetica, sans-serif;
	color: #000000;
}

#details p {
	padding: 0px 0px 3px 0px;
}

#details ol, #details ul {
	/*padding: 2px 0px 3px 5px;* causou problema no NS 7*/
  margin-top: 2px;
  margin-bottom: 3px;
}

#details th {
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#details th.pequeno {
	font: 10px/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #CCCCCC;
}

#details td {
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
}

#details td.pequeno {
	font: 10px/normal Verdana, Arial, Helvetica, sans-serif;
}

#details td.pequenobold {
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
}

#details table.mod {
  border: 1px solid #ccc;
	background-color: #F5F7F7;
}

#details th.mod {
  font-weight: bold;
  border: 1px solid #ccc;
  margin-bottom: 3px;
}

#details td.mod {
  border: 1px solid #ccc;
  margin-bottom: 3px;
}

#details img {
	float: left;
	padding: 0px 10px 2px 0px;
  border:none;
}

#details img.imgNormal {
	float: none;
	margin: 0px 1px 1px 0px;
	padding: 0 2px 0 0;
  border:none;
}

#details a.linktop:link, #details a.linktop:visited, #details a.linktop:hover, #details a.linktop:active {
	color: #000000;
	text-decoration: underline;
}

#details a:link, #details a:visited, #details a:hover, #details a:active {
  color: #005FA9;
	text-decoration: underline;
}

#details .menutop {
  padding: 0px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #F5F5F5;
	text-align: left;
	height: 18px;
	font-size: 9px;
	line-height: 16px;
}

#details .assuntoDesc {
	padding: 10px 10px 5px 0px;
	font: bold 14px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
	text-align: left;
}

#details .resultado {
	position: relative;
	/* text-align: justify; */
}

#details .rodape {
	position: relative;
	font: 9px/normal Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 2px 5px 0;
	line-height: 20px;
}

#details .rodape td {
	font: 9px/normal Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}

/************** Feature styles da página principal *****************/
.feature {
	padding: 0px 10px 5px 10px;
	margin: 0px;
	text-align: left;
}

.feature h3 {
	font: bold 130% Arial, Helvetica, sans-serif;
	color: #0F4571;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}
.feature p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
}

.feature img {
	float: left;
	padding: 2px 10px 0px 0px;
}

/*************** Story styles página principal ******************/
#story {
	margin: 0px;
	padding: 0px;
}

#story h3 {
	font: bold 125% Arial, Helvetica, sans-serif;
	color: #000000;
}

#story p {
	padding: 0px 0px 3px 0px;
}

#story img {
	float: left;
	padding: 0px 10px 0px 0px;
  border:none;
}

#story a:link, #story a:visited, #story a:hover, #story a:active {
  color: #005FA9;
	text-decoration: underline;
}

#story a.capsule {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #005FA9;
	display: block;
	padding: 5px 0px 2px 0px;
}

#story a.capsule:hover {
	text-decoration: underline;
}

#story td.storyLeft {
	padding-right: 5px;
	border-right: 1px dashed #CCCCCC;
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
}

#story td.storyRight {
	padding-left: 8px;
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
}

/************ sectionLinks styles usados em menuNav **************/
#sectionLinks {
	margin: 0px;
	padding: 0px;
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
}

#sectionLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks .slArrow {
	/* Usado para mostrar arrows.gif no lado direito do link. */
	position: absolute;
	left: 157px;
	margin-top: -16px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	width: 170px;
	padding: 3px 0px 3px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:   url("../images/design/bg_nav.jpg");
	color: #0F4571;
	voice-family: "\"}\"";  /*Faz o parser do IE 5.x Windows parar neste ponto */
  voice-family:inherit;
	width: 160px; /* largura final desejada nos browsers novos */
}
html>body #sectionLinks { width: 160px; } /* Opera 5, which has the same problem as IE 5.x, will ignore child selector */

#sectionLinks a:hover, #sectionLinks a:active {
	border-top: 1px solid #cccccc;
	background-color: #cbd8e9;
	background-image: none;
	text-decoration: none;
}

/************* relatedLinks styles usados em menuNav **************/
.relatedLinks {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}

.relatedLinks h3 {
	padding: 10px 0px 2px 0px;
}

.relatedLinks a {
	display: block; 
}