/* Created with MAX's HTML Beauty++ ME */
/* Desenvolvido por Paulo Roberto S P Santos */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	margin: 5px;
}

/* Configuracao de Posicionamento */

/* esta classe determina o espaço a ser utilizado no browser */
#areautil{
	width: 100%;
	margin: 0;
	padding: 0;
	color: black;
}

/* configura regiao do titulo */
#titulo {
 	height: 58px;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}
		
/* configura regiao do lado esquerdo */
/* cria regiao a esquerda */
#navigation {
	float: none;
	left: 0;
	margin: 0;
	padding: 0; 
}

/* formata regiao do menu */
#menu {
	display: none;
	width: 100%;
	\width: 100%; /* hack para ie5win */
	w\idth: 100%;
	padding: 0 0 0 15px;
	margin: 0;
}

/* formata conteudo principal - no centro */
#conteudo {
	margin: 5px;
	padding: 5px;
/*	background-color: white; */
	border: none; 
}

/* Hide from IE5-mac. Only IE-win sees this.
   evita margem de 3px em area com float
   http://www.positioniseverything.net/explorer/threepxtest.html \*/
/* * html #conteudo {
	height: 1%;
} */
/* End hide from IE5/mac */

/* Area de nota de rodape */
#notes {
	margin: 20px 0 0 0;
	border-top: 1px dotted black;
}



/* =========================================== */

/* Formatacao de fontes */
/* Links */
a {
	font-weight: normal;
}

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

a:hover {
	text-decoration: underline;
}

/* Titulo do site */
#titulo h1 {
	position: relative;
	top: 0;
	margin: 0 0 5px 0;
	padding: 0 0 8px 0;
	height: 0;
	text-align: center;
	font-size: 17px;
	color: black;
}

#titulo h1 span {
	display: block;
	border-bottom: 2px solid black;
}

/* Formatacoes do menu */
ul#menubar {
	list-style: disc;
	padding: 0;
	margin: 0 0 15px 0;
}

ul#menubar ol { 
	list-style-type: circle;
	padding: 0;
	margin: 0;
}

ul#menubar li {
	padding: 0;
	margin: 0 0 5px 0;
	text-indent: 0;
	line-height: 12px;
}

ul#menubar li.last {
	padding: 0;
	margin: 0;
}

ul#menubar a {
	font-weight: bold;
}
ul#menubar a:link,
ul#menubar a:visited {
	padding: 0 7px 0 7px;
	color: #006633;
	font-size: 12px;
/*	text-decoration: none; */
	border: 0;
}

ul#menubar a:hover {
	padding: 0 5px 0 5px;
/*	color: #006633; */
	text-decoration: none;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}


/* formatacao de sub-menus */
ul#menubar ol li {
	display: none;
	padding: 0 5px 0 29px;
	margin: 6px 0 0 -21px;
	text-indent: -7px;
}

ul#menubar ol li a {
	font-size: 10px;
	font-weight: normal;
}


/* configuracao de sumario menu interno a pagina */
#conteudo #sumario {
/*	float: right;
	width: 50px;
	margin: 5px 0px 10px 10px;
	padding: 3px;
	background-color: #ffffcc;
	border: 1px solid orange;
	border-top: 4px double orange;
	border-bottom: 4px double orange; */
	display: none;
}

#conteudo #sumario h2 {
	text-align: right;
	font-size: 12px; 
	font-weight: bold;
	color: red;
	padding: 0;
	margin: 0 0 7px 0;
}

#conteudo #sumario ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 5px 0;
}

#conteudo #sumario ul li {
	margin-bottom: 3px;
}

#conteudo #sumario ul li.title {
	text-align: right;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
	margin: 0;
}

#conteudo #sumario ul li.autor {
	text-align: right;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

#conteudo #sumario a {
	font-weight: bold;
	text-decoration: none;
	color: red;
}

#conteudo #sumario ul a {
	display: block;
	text-decoration: none;
	color: black;
}

#conteudo #sumario ul a:hover {
	background-color: #ffcc99;	
}



/* Formatacao do conteudo */
#conteudo h1 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: black;
	padding: 0;
	margin: 15px 0 15px 0;
	border: none;
}

#conteudo h2 {
	text-align: left;
	font-size: 15px; 
	font-weight: bold;
	color: black;
	padding: 0 0 0 1em;
	margin: 15px 0 10px 0;
}

#conteudo h3 {
	text-align: left;
	font-size: 14px; 
	font-weight: bold;
	color: black;
	padding: 0 0 0 1em;
	margin: 15px 0 10px 0;
}

#conteudo h4 {
	text-align: left;
	font-size: 13px; 
	font-weight: bold;
	color: black;
	padding: 0 0 0 18px;
	margin: 15px 0 10px 0;
}

#conteudo p {
	margin-bottom: 10px;
	text-align: justify;
	font-size: 12px; 
	color: black;
}

#conteudo p.artigo {
	margin: 0 0  10px 6em;
	text-indent: -6em;
	text-align: justify;
	font-size: 12px; 
	color: black;
}

#conteudo p.question {
	margin: 0 0 3px 0;
	font-weight: bold;
}

#conteudo p.answer {
	margin: 0 0 10px 0;
}

#conteudo .center {
	text-align: center;
}

#conteudo li {
	margin: 0 0 5px 0;
	text-align: justify;
	font-size: 12px; 
	color: black;
}

#conteudo li li {
	margin: 5px 0 0 0;
	text-align: justify;
	font-size: 12px; 
	color: black;
}

#conteudo ol.links, ul.links {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px; 
	color: black;
	list-style: none;
}

#conteudo ol.links li, ul.links li {
	margin: 0 0 12px 0;
}

#conteudo table {
	font-size: 12px;
	margin: 0 0 10px 0;
}

#biblio p {
	margin-left: 2em;
	text-indent: -2em;
	text-align: justify;
}

/* criei para eliminar erro no IE que altera a posicao do conteudo */
#biblio i {
	font-style: normal;
	text-decoration: underline;
}

/* Destaques pagina principal e dentro de textos */
#conteudo p.destaquetexto {
	background-color: #cccccc;
	border: 1px solid black;
	padding: 10px;
	margin: 10px;
	text-align: center;
}

/* destaque  */
#conteudo #destaque {
	width: 490px;
	margin: 5px 10px 20px 5px;
	background-color: #ccffcc;
	border: 1px solid #339933;
}

#conteudo #destaque .centralizado {
	text-align: center;
}

#conteudo #destaque h2 {
	padding: 3px 3px 3px 5px;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: white;
	background-color: #339933;
}

#conteudo #destaque p {
	font-size: 13px;
	padding: 3px;
	margin: 0 0 7px 0;
}

#conteudo #destaque a {
	font-weight: normal;
	text-decoration: underline;
}

#conteudo #destaque a:link, #conteudo #destaque2 a:visited {
	color: #336633;
}

#conteudo #destaque a:hover, #conteudo #destaque2 a:active {
	color: #99cc33;
}


/* alinha a classe a direita mantendo o texto em volta - utilizar para imagem */
#imgright {
	float: right;
	margin: 10px 0 10px 10px;
	background-color: #99cc00;
	border: 1px solid #ccff00;
	font-size: 9px;
	text-align: center;
}

/* alinha a classe a esquerda mantendo o texto em volta - utilizar para imagem */
#conteudo.imgleft {
	float: left;
	margin: 10px 0 10px 10px;
	background-color: #99cc00;
	border: 1px solid #ccff00;
	font-size: 9px;
	text-align: center;
}

/* se a caixa do conteudo ficar com pouca altura completar com isto */
p.preenche {
	line-height: 230pt;
}