/* Versão 179 => 180CinemaMenu => 182 => 182LD => 184Conj => 184ConjLD => 184Conj2 + Padrao184Conj2 => 184Conj2Dica */

/* 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 */
div#config {position: relative; padding-right: 3px;}
.direita {float: right; width: 100%; text-align: right;}

#pagina {height: 100%; width: 100%;}
#conteudo {/*border: 1px solid green; */vertical-align: top; width: 100%;  height: 99%;}
#conteudo, nav {display: table-cell; margin: auto; max-width: 570px;}
nav {float: right;}
div fieldset {float: left;}
	#conteudo div, #conteudo header, #conteudo footer, #conteudo section, #conteudo article {margin: auto;}
	header#cabecalho{max-width: 560px;}
		.projeto {background: #e8eefa; padding: 3px; margin: 0; font-size: 0.8em; text-align: left;}
			.projeto a {margin: 0 3px; font-weight: bold;}
		form {display: inline;}
		header form {margin: 3px auto 3px auto; max-width: 560px;}
	#topico {padding: 0; height: 100%; display: table;}
	#topico div {display: table-cell; vertical-align: middle; padding: 0; margin: 0;}
		.exemplo {background-color: rgb(238, 255, 204); color: rgb(51, 51, 51); line-height: 120%; font-size: 1em;}
		ul.exemplo, ol.exemplo {margin-left: 25px;}
		#nome {font-weight: bold; font-size: 1.4em; text-align: center;}
		#topico div#lead, #topico div#nome {padding: 5px;}
	footer {padding: 5px; margin: 0; max-width: 550px;}
#indice, #configuracao, #filtro, #indiceTopico {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;}

/* Áreas */
		#lead {max-width: 350px;}
	article img {max-width: 520px;}
#painel {position: fixed; bottom: 0; right: 0; background-color: #e5e5e5; display: inline; z-index: 100; font-size: 80%; color: #000;}

/* Árvore */	
legend {display:block; padding: 0; margin: -5px -4px 0 -4px; font-weight: bold;}
	#corpo legend {background-color: none; text-align: left}
#corpo fieldset {border: 0; border-top: 1px solid #666;}
fieldset {display: inline-block; float: left; text-align: left;}
#corpo fieldset div {margin: 0; padding: 0;}
.conjunto legend {background-color: #e8eefa;}	
.quadro  {border: 0; display: inline-block; margin: 3px; text-align: left;}
.quadro img {margin	: auto;}
#indiceTopico fieldset {text-align: left;}
div.ajuda {margin: 0; border: 0; display: inline-block;}
div.ajuda fieldset.ajuda, #corpo div.ajuda fieldset.ajuda {margin: 2px; border-top:1px solid red; border-bottom:1px solid red; border-right:1px solid red; border-left:1px solid red; text-align: left;}
div.ajuda fieldset.ajuda legend.ajuda {color: red;}