/* Formatacao do site Revista Temas da SBP */

/* Configuracao da pagina  ----------------*/
	body {
		background-color: #D9D9D9;
		color: black;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		left: 0;
		margin: 0;
	}

/* Configuracao da Area util ----------------*/
	#areautil {
		width: 765px;
	}


/* Configuracao do Cabecalho Pagina de Textos ----------------*/
	#header {
		/* height: 210px; */
		width: 750px;
		margin: 0;
		padding: 0;
		top: 0;
	}
	
	#header #topheader {
		margin: 0;
		padding: 0;
		width: 100%;
		border-bottom: 0;
	}
	
	#header #lefttopheader {
		margin: 0;
		padding: 0;
		width: 572px;
		float: left;
	}
	* html body #header #lefttopheader { margin-bottom: -3px }
	
	#header #lefttopheader h1 {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		font-size: 14pt;
		text-align: center;
		margin: 15px 0 0;
		padding: 0;
		color: #666666;
		border-bottom: 3px solid #508C8C;
	}

	* html body #header #lefttopheader h1 {
		margin: 23px 0 0;
		border-bottom: 6px solid #508C8C;
	}
	
	#header #righttopheader {
		margin: 0;
		padding: 0;
		width: 20%;
		float: right;
		background-color: #50788C;
	}
	
	#header #bottomheader {
		margin: 0;
		padding: 0;
		width: 540px;
		float: left;
	}
	
	#header #bottomheader p {
		margin: 2px 0 0;
		padding: 0;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		font-size: 12pt;
		text-align: right;
	}
	
	#header a {
		text-decoration: none;
		border-bottom: none;
		background: none;
	}

/* Configuracao do menu ----------------*/
	#navigation {
		margin: -40px 0 0;
		padding: 0;
		float: right;
	}
	/*	correção para o IE/Win que esta deixando 5px de margem
		entre um div e outro */
	* html body #navigation {
		margin: -65px 0 0;
	}
	
	#navigation #menu {
		margin: 0;
		padding: 0;
		width: 193px;
		height: 130px;
		background-color: #cccccc;
	}
	
	#navigation #menu ul.menubar {
		margin: 0;
		padding: 5px 0 0;
		text-align: left;
		list-style-type: none;
		background-color: #cccccc;
	}
	
	#navigation #menu ul.menubar li {
		margin: 0 0 3px 3px;
		padding: 3px 0 8px 0;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #454545;
		line-height: 8px;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background-color: #cccccc;
	}

	#navigation #menu ul.menubar li a {
		color: #454545;
		margin: 0;
		padding: 0 0 0 25px;
		text-decoration: none;
	}

	#navigation #menu ul.menubar li a:link {
		background-image: url(imagem/linkvazado.gif);
		background-position: -2 -40;
		background-repeat: no-repeat
	}

	#navigation #menu ul.menubar li a:visited {
		background-image: url(imagem/linkvazado.gif);
		background-position: -2 0;
		background-repeat: no-repeat
	}

	#navigation #menu ul.menubar li a:hover {
		background-image: url(imagem/linkvazado.gif);
		background-position: -2 -20;
		background-repeat: no-repeat
	}

	#navigation #menu ul.menubar li a:active {
		margin: 0;
		padding: 0 0 0 25px;
	}


/* Configuração da Área de texto ----------------*/
	#conteudo {
		margin: 7px 0 0 0;
		padding: 0 15px 20px 20px;
		background-color: #50788C;
		clear: both;
		z-index: 100;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 9pt;
	}
	* html body #conteudo { margin: 0 }

/* Configuração de texto ----------------*/
/* Configuracoes gerais ------*/

	#conteudo h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		text-align: center;
		margin: 0;
		padding: .3em 0 .4em;
	}

	#conteudo h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		text-align: center;
		margin: 0;
		padding: .8em 0 .4em;
	}

	#conteudo h3 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: left;
		margin: 0;
		padding: .6em 0 .2em;
	}

	#conteudo h4 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-style: italic;
		text-align: left;
		padding: .6em 0 .2em;
	}

	#conteudo h5 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-style: italic;
		font-weight: normal;
		text-align: left;
		margin: 12px 0 3px 0;
	}

	#conteudo address {
		font-family: "Times New Roman", Times, serif;
		font-size: 12pt;
		text-align: center;
		font-style: normal;
		font-weight: bold;
		margin: 12px 0;
	}

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

	#conteudo blockquote {
		font-size: 8pt;
		text-align: justify;
		/* margin: 10px 0; */
	}

	#conteudo ul, ol {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 9pt;
	}

	#conteudo ul.lista, ol.lista {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#conteudo table {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 9pt;
	}

	#conteudo #biblio p {
		margin-bottom: 0.42cm;
		margin-left: 1.2em;
		text-indent: -1.2em;
		line-height: 120%;
		text-align: justify;
	}

	#conteudo #notas {
		font-size: 8pt;
	}
	
	#conteudo sup {
		font-size: .75em;
	}
	
	#conteudo .direita {
		text-align: right;
	}

	/* cria divisao a esquerda e direita dentro do texto -----*/
	#conteudo #areaesquerda {
		width: 328px;
		padding: 0 20px 0 30px;
		float: left;
	}
	*html body #conteudo #areaesquerda {
		width: 49.5%;
	}
	
	#conteudo #areadireita {
		width: 328px;
		padding: 0 30px 0 20px;
		float: right;
	}
	*html body #conteudo #areadireita {
		width: 49.5%;
	}


	
/*
a, a:active {
	text-decoration: none;
}

a:link {
	color: red;
	border-bottom: 1px dotted red;
}

a:visited {
	color: #FF8080;
	border-bottom: 1px dotted #FF8080;
}

a:hover {
	color: #ff6600;
	border-bottom: 1px dotted #ff6600;
	background-color: rgb(93%, 93%, 93%);
}

*/



/* Configuracao de rodape ----------------*/
	#footer {
		margin: 5px 0 0;
		width: 100%;
		background-color: #508C8C;
		clear: both;
	}
	
	
	#footer p {
		padding: 10px;
		font-size: 14pt;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		text-align: center;
		color: #CCCCCC;
	}