/* -*- C -*- */

/* --- Basic Layout --- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	margin: 5px;
	padding: 0;
	background: white;
}

div#wrap {
	width: 755px;
	/* para centralizar, mas não ficou bom... margin-left: auto; margin-right: auto; */
}

div#wrap div#header {
	position: relative;
}

div#wrap div#midsec {
	clear: both;
	position: relative;
}

div#wrap div#midsec div#navcol {
	position: absolute;
	top: 0;
	margin-left: 0;
	width: 185px;
	float: left;
	z-index: 1;
}

div#wrap div#midsec div#main {
	position: relative;
	width: 570px;
	top: 0;
	margin-left: 185px;
	min-height: 475px;  /* sobra no mozilla, mas tem que ser grande por causa do erro do ie5 */
        padding-bottom: 1.5ex;
}

div#wrap div#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
}


/* Correção do erro de margem do IE5.  Primeiro informa a margem errada de maneira que o IE5
entenda, depois dá um comando que aos olhos do IE5 encerra o seletor, depois corrige a margem para
que todos os demais browsers corrijam. */

div#wrap div#midsec div#navcol {
	margin-left: -185px;
/*      voice-family: "\"}\"";
        voice-family: inherit;
	margin-left: 0; */
}
html>body div#wrap div#midsec div#navcol {
	margin-left: 0;
}


/* --- Header --- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#header {
	margin-bottom: 5px;
	background: white;
}

div#header img#logo {
	float: left;
}

div#header p#chapeu {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 81px 0px 0px 0px;
	text-indent: 8px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

div#header p#path {
	display: block;
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 9px;
	font-family: monospace;
	font-size: 11pt;
	color: gray;
}

A.fig, A.fig:link ,A.fig:visited {
    text-decoration: none;
    color: white;
    background: white;
    margin: 0;
    padding: 0;
    border: 0;
}


/* --- Menu --- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#midsec {
	background: #ddd;
}

div#navcol {
	width: 10em;
	padding: 0;
	margin: 0;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
}

div#navcol ul {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	/* background: black; */ /* este background não aparece em nada */
	list-style: none;
	margin: 5px 20px 5px 12px;
	padding: 0;
}

div#navcol li {
	border-bottom: 1px solid white;
	margin: 0;
}

/* Dá pau no ie6 */
/* /\* Correção do erro de margem do IE5.  Primeiro informa a margem errada de maneira que o IE5 */
/* entenda, depois dá um comando que aos olhos do IE5 encerra o seletor, depois corrige a margem para */
/* que todos os demais browsers corrijam. *\/ */
/* div#navcol li { */
/* 	margin-bottom: -12px; */
/* /\*      voice-family: "\"}\""; */
/*         voice-family: inherit; */
/* 	margin-bottom: 0; *\/ */
/* } */
/* html>body div#navcol li { */
/* 	margin-bottom: 0; */
/* } */


div#navcol li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	font-weight:bold;
	border-left: 10px solid #b01010;
	background-color: #c82828;
	border-right: 15px solid #e04040;
	color: #ccc;
	text-decoration: none;
}

div#navcol li a:hover {
	border-left: 10px solid #900808;
	background-color: #ac1c1c;
	border-right: 15px solid #d43434;
	color: #fff;
}


/* Fix IE. Hide from IE Mac, não sei se é necessário, estraga o menu no mozilla */
/* html div#navcol ul li { float: left; height: 1%; } */
/* html div#navcol ul li a { height: 1%; } */



/* --- Main section --- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#main {
	background: white;
}

div#main * {
	 margin-left: 10px;
	 font-family: verdana, arial, helvetica, sans-serif;
	 text-align: left;
}

H1, H2, H3, H4, H5, H6 {
	font-family: Palatino, Times, serif;
	font-weight: bold;
	margin-top: 2ex;
	margin-bottom: 1ex;
}

div#main p {
/* 	margin-left: 2em; */
}

div#main H1 {
	color: #c33;
	font-size: 158%;
}

div#main H2 {
	color: #a33;
	font-size: 120%;
}

div#main H3 {
	color: #833;
	font-size: 110%;
}

div#main strong {
	color: #600;
}

div#main li, div#main p {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

div#main ul, div#main ol {
	margin-top: 0;
	margin-bottom: 0;
}

div#main dt {
	font-weight: bold;
	display: inline;
}

div#main dt:after {
	content: ":";
}

div#main dd {
	display: inline;
}

div#main dd:after {
	content: ";";
}

div#main code {
	font-family: monospace;
	font-weight: bold;
}

div#main table {
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	margin-bottom: 1ex;
}

div#main thead {
	display: block
	border-bottom: 1px solid #999;
	background: #fee;
}

div#main th, div#main td {
	margin: 0;
	border: 0;
	padding-left: 5px;
	padding-right: 8px;
	text-align: left;
}

div#main thead th {
	font-weight: bold;
	color: #300;
	border-bottom: 1px solid #999;
}

div#main a {
	font-weight:bold;
	color: #336;
	text-decoration: none;
}

div#main a:hover {
	color: #33f;
	background: #ff9;
}

/* Não sei porque estava dando um desvio aqui... */
div#main strong, div#main a, div#main em, div#main font, div#main span, div#main u {
	margin-left: 0;
}

/* Diminuindo margem de lista do Mozilla. Correção do erro de margem do IE5.  Primeiro informa a
margem errada de maneira que o IE5 entenda, depois dá um comando que aos olhos do IE5 encerra o
seletor, depois corrige a margem para que todos os demais browsers corrijam. */

div#main li {
	margin-left: 1em;
/*      voice-family: "\"}\"";
        voice-family: inherit;
	margin-left: -0.5em; */
}
html>body div#main li {
	margin-left: -0.5em;
}

div#main ul li {
	list-style-image: url("../img/grnball.gif");
}

div#main li ul li {
	list-style-image: url("../img/grnarrow.gif");
}

div#main img.promotores {
	 float: right;
	 height: 6ex;
/*	 margin: 0 1em 0.25ex 0; */
	 margin: 0 0 0.25ex 1em;
	 border: 1px solid #ddd;
	 padding: 0;
}

div.big {
	font-size: larger;
	color: #111;
	margin: 0;
	padding: 0 10% 0 0;
}

div#main span.sep {
	color: green;
        text-weight: bolder;
}

q { quotes: '"' '"' "'" "'"; }
blockquote p { quotes: "« " "»"; }
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }
/* blockquote p:after { content: no-close-quote } */
/* blockquote p.last:after { content: close-quote } */


/* --- Footer --- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#footer {
	border-top: 2px solid gray;
}

div#footer * {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: sans-serif;
	font-size: small;
}


/* . */
