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


/* cores 2EA282 verde, 343498 azul, 4345A0 azul claro */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #343498;
	margin: 0;
}

/* Configuracao de Posicionamento */

/* esta classe determina o espaço a ser utilizado no browser */
#areautil{
	width: 769px;
	margin: 0 0 0 5px;
	padding: 0;
	color: #333;
	/* background-image: url(imagem/lateral.gif);
	background-position: 5 left top;
	background-repeat: no-repeat;
	background-color: yellow; */
}

/* configura regiao do titulo */
#titulo {
	/* height: 251px; */
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
/*	background-image: url(imagem/topo.gif);
	background-position: left top;
	background-repeat: no-repeat; */
	z-index: 51;
}
		
/* configura regiao do lado esquerdo */
/* cria regiao a esquerda */
#navigation {
	float: left; 
	width: 205px;
	background-color: #2EA282;
	border-right: 3px solid white;
	/* left: 0;   retirado e acrescentado o WIDTH (three pixels gaps)
	margin: 0;
	padding: 0; */
}

/* formata regiao do menu */
#menu {
	width: 175px;
	padding: 170px 0 0 0;
	margin: 5px 0 0 10px;
	background-image: url(imagem/logo.gif);
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 81;
	/* background-image: url(imagem/menutop.gif);
	background-position: top;
	background-repeat: no-repeat; */
}

/* formata conteudo principal - no centro */
#conteudo {
	width: 528px;
	margin: 25px 0 20px 208px;
	padding: 5pt 5pt 5pt 10pt;
	background-color: #7683DA;
	/* border-left: 3px solid white; */
	z-index: 101;
}

/* Hide from IE5-mac. Only IE-win sees this.
   evita margem de 3px em area com float
   http://www.positioniseverything.net/explorer/threepxtest.html
   Nova versao (Three Pixel Gaps): http://mxdj.sys-con.com/read/45288.htm \*/
 * html #navigation {
	margin-right: -3px;
  }
 * html #conteudo {
	width: 540px;
	margin-left: 202px;
 }
/* End hide from IE5/mac */


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

/* Area de rodape */
#footer {
	color: yellow;
	margin: 0 0 0 345px;
	padding: 0 0 15px 0;
	text-align: left;
	font-size: 10px;
	/* background-image: url(imagem/rodape.gif);
	background-position: left bottom;
	background-repeat: no-repeat; */
}
/* esconde IE5Mac \*/
* html body #footer {
	padding: 0 0 7px 0;
}
/* fim esconde IE5Mac */


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

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

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

a:hover {
	text-decoration: underline;
	color: lightgray;
}

#titulo img {
	float: right;
	margin: 20px 23px 0 0;
}

#titulo h1 {
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 75px 0 0;
	line-height: 20px;
	align: center;
	text-align: center;
	color: white;
	font-size: 20px;
	/* font-style: italic; */
	font-family: Arial, Helvetica, sans-serif;
	/* font-family: Times New Roman, Times, serif; */
}

#titulo h1 span { display: block; }

#titulo h2 {
	position: relative;
	margin: 3px 0 10px 0;
	padding: 0;
	/* height: 25px;  195px; */
	align: center;
	text-align: center;
	color: yellow;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
/*	background-image: url(imagem/logo.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	*/
}


/* Formatacoes do menu */
ul#menubar {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

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

ul#menubar li.last {
	padding: 0 0 8px 6px;
	margin: 0 0 15px 4px;
}

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

ul#menubar a:hover {
	padding: 5px;
	color: #343498;
	text-decoration: none;
	background-color: #7683DA; /* 343498 4345A0 7683DA */
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}


/* Formatacao do conteudo */
#conteudo h1 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: yellow;
	padding: 0 0 0 20px;
	margin: 0 0 10px -5px;
	border-bottom: 1px solid white;
}

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

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

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

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

#conteudo form p {
	font-size: 12px;
}

#conteudo form legend {
	font-size: 12px;
	font-weight: bold;
}


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

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

/* utilizando para nome de autor de artigo na sessão revista */
#conteudo address {
	text-align: left;
	font-size: 12px; 
	color: black;
	padding: 0 0 0 15px;
	margin: 5px 0 10px 0;
}

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

#conteudo li li {
	margin: 0 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: 11px; 
	color: black;
	list-style: none;
}

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

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

#conteudo #hospedaria {
	margin: 0 0 15px;
}

#conteudo #hospedaria .nome {
	font-size: 14px;
	font-weight: bold;
}

#conteudo #hospedaria p {
	margin: 0 0 3px;
}


/* 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 10px 10px 0;
	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: 70pt;
}