/* Versão 173LD -> 178 */
/* Documento */
html {height: 100%;}
body {font-family: verdana, arial, helvetica, sans-serif; font-size: 0.9em; padding: 0; margin: 0; height: 100%; text-align: center;}
a {color: #069; text-decoration: none;}
div, section, header, footer, article {margin: 0; padding: 0; display: table; /*border: 1px solid red;*/}
fieldset {border: 0; border-top: 1px solid #000; display: table; float: left;}
img {border: 0px; vertical-align: middle;}
p {max-width: 550px; padding: 0; margin: 0 0 10px 0; /*border: 1px solid blue; */}
h1 {text-align: center; margin: 0;}
h3, h2, h4, h5 {margin: 5px 0 0 0; padding: 0;}
h3 {font-size: 1.1em;}
ul, ol, dl {margin: 0;}

/* Áreas */
a#ExibeConfig {width: 15px; position: absolute; font-size: 0.5em; top: 0; right: 35px;}
a#ExibeInd {width: 15px; position: absolute; font-size: 0.5em; top: 0; right: 5px; color: #fff;}
a#ExibeFiltro {width: 15px; position: absolute; font-size: 0.5em; top: 0; right: 20px; color: #fff;}
#pagina {display: table;  height: 99%; margin: auto;}
#conteudo {/*border: 1px solid green; */vertical-align: top;}
#conteudo, nav {display: table-cell; margin: auto;}
	#conteudo div, #conteudo header, #conteudo footer, #conteudo section, #conteudo article {margin: auto;}
	header#cabecalho{text-align: center; max-width: 560px;}
		.projeto {background: #e8eefa; padding: 3px; margin: 0; font-size: 0.8em;}
			.projeto a {margin: 0 3px; font-weight: bold;}
		header form {margin: 3px auto 3px auto; max-width: 560px; display: inline;}
	#topico {padding: 0; height: 80%; display: table;}
	#topico div {display: table-cell; vertical-align: middle; padding: 0; margin: 0;}
		#nome {font-weight: bold; font-size: 1.4em; text-align: center;}
		#topico div#lead, #topico div#nome {padding: 5px;}
		.exemplo {background-color: rgb(238, 255, 204); color: rgb(51, 51, 51); line-height: 120%; font-size: 1.2em;}
		ul.exemplo, ol.exemplo {margin-left: 25px;}
	footer {padding: 5px; margin: 0; max-width: 550px;}
#indice, #configuracao, #filtro {font-size: 0.9em;}
#corpo, #indice, #configuracao, #filtro, #lead {padding: 5px; text-align: left;}

/* Árvore */	
.conjunto {display: table; border: 0; float: left; margin: 0; text-align: left;}
fieldset {padding: 3px; margin: 6px 3px; border: 1px solid #666; font-size: 1em;}
	fieldset table td {padding: 0; font-size: 90%; vertical-align: top;}
ul {text-align: left;}	
ul, ol, p {max-width: 450px;}
nav ul li {list-style-type: none; margin-left: -30px;}
.thumbnail, .ThumbnailLogo {border: 0; display: inline-block; margin: 3px; text-align: center;}
.thumbnail img {max-height: 130px; max-width: 250px; margin: auto;}
.ThumbnailLogo img {max-height: 30px;  margin: auto;}
.exibe {color: green;}
.esconde {color: red;}
.no {white-space: nowrap;}
.NomeElemento {white-space: nowrap;}
.desenvolvimento {color: orange;}