body {font-family: verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;}
 
.topico {margin: 0 auto; padding: 0; height: 100%;}

.CabecalhoSite {vertical-align: top;}

.conteudo {margin: 0; padding: 0;  height: 100%;}

.TopicoCabecalho {text-align: left; margin: 0 auto; padding: 0; }

.TopicoCabecalho td {text-align: left; margin: 0 auto; padding: 0 5px; vertical-align: top;}

.TopicoFloat {padding: 10px; float: left; min-height: 90px; margin: 5px;}

.apresentacao {vertical-align: middle; padding: 0 10px;}

.relacionamento {vertical-align: middle; margin: auto; padding: 0; height: 100%;}

#lead {vertical-align: middle;}

table {margin: 0;}

tr:first-child {height: 1px;} 

td:first-child {padding: 0;} 

table td {padding: 0;}

table.tabela td,  table.tabela th {border: 1px solid black;}

table.mapaimg td {border: 0; padding: 0;}

table.mapaimg td img {border: 0; margin: 0;}

table.conteudo {text-align: left; border: 0;}

table.diagrama {float: left; border-right: 1px solid grey; border-left: 1px solid grey; height: 180px; margin: 0 5px; padding: 10px;}

table.diagrama td {vertical-align: top;}

table.TabelaDiagrama {text-align: left; margin-left: auto; margin-right: auto; border: 0}

table.TabelaDiagrama td {font-family: verdana}

div.descricao {text-align: left; margin-left: auto; margin-right: auto;}

a {color: #069; text-decoration: none;}

a.indice {margin: 10px; white-space: nowrap; text-decoration: none; font-size: 80%; font-weight: normal}

legend {color: #000; font-weight: bold;}

.topo {width: 100%; text-align: center; vertical-align: middle;}

.topo a {margin: 10px; white-space: nowrap; text-decoration: none;}

.TopicoCabecalho td a {text-decoration: none;}

.cabecalho {background: #e8eefa; padding: 0; margin: 0;}

.cabecalho td {padding: 5px; margin: 0;}

.cabecalho img {border: 0;}

.cabecalho a {font-weight: bold; margin-left: 5px;}

.contato {white-space: nowrap; clear: none;}

.contato a {margin: 0;}

.contato img {vertical-align: middle;}

h1 {text-align: center; margin: 0;}

h3, h2, h4, h5 {margin: 0; padding: 0;}

ul, ol, dl {margin: 0; _margin-left: 25px}

li {line-height: 140%; max-width: 450px;}

.elemento {float: left;}

.elemento td {vertical-align: top; padding: 5px;}

pre {
font-size: 1.1em;
}

img {
border: 0;
}

img.thumbnail {
 height: 50px; clear: right;
}

fieldset {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px; padding: 5px; 
}

fieldset.indiceSup {
border: 2px solid #000;; 
}

#topo {text-align: center; vertical-align: top;}



#busca {font-size: 0.9em; margin: 10px 0 0 0;}

#navegacao {max-width: 550px; text-align: center; font-size: 0.9em;}

#nome  {text-align: center;}

#lead {max-width: 400px; font-size: 0.9em;}

#show {padding: 5px;}

#show, #show td {font-size: 0.9em;}

#rodape {vertical-align: bottom}

#rodape div {font-size: 0.9em; width: 100%; text-align: center;}

.checklist {font-size: 0.9em;}

.checklist fieldset {text-align: left;}

.porque {margin: 5px; border: 2px solid #ff0000;}

.quanto  {margin: 5px; border: 2px solid #486600;}

.oque {margin: 5px; border: 2px solid #cccccc;}

.quando {margin: 5px; border: 2px solid #3366ff;}

.onde {margin: 5px; border: 2px solid #0000cc;}

.quem {margin: 5px; border: 2px solid #990000;}

.como {margin: 5px; border: 2px solid #ffcc33;}

#atual {font-size: 1em; font-weight: bold;}

#antes, #depois {font-size: 85%;}

#filtro {max-width: 400px; padding: 5px; font-size: 80%; vertical-align: top;}

#filtro a {margin-right: 10px; font-weight: normal;}

#filtro fieldset {padding: 3px; margin: 2px 0 5px 0;}

p  {margin: 5px 0 0 0; max-width: 450px;}	

#NavSint {margin: 10px 0;}

img.DS {
clear: both;
}

.statement {
display: block;
margin: 0;
}

.google {visibility: hidden;}

.caixa {border: 1px solid #ddd; padding: 5px; font-size: 85%;}

.caixa td {vertical-align: top;}

.caixa a {margin-right: 15px; font-weight: normal;}

.TipoFiltro {vertical-align: bottom;  line-height: 90%; padding: 0}

.juntar{padding: 0 0 3px 0; line-height: 60%; vertical-align: bottom; text-align: center; padding-right: 3px;}

.regra {font-size: 85%; text-align: center;}

.regra  a {margin-right: 0; padding-right: 3px; margin-top: 3px;}

.TituloCaixa a {margin: 0;}

.SemBorda {border: 20px;}



#link a {margin-right: 10px;}

#indice span {margin-right: 15px;}

.exemplo {max-width: 600px; margin: 0 0 0 0; border-style: solid none; border-top: 1px solid rgb(170, 204, 153); border-bottom: 1px solid rgb(170, 204, 153); padding: 5px; background-color: rgb(238, 255, 204); color: rgb(51, 51, 51); line-height: 120%;}

.Ldc {border: 0;}

.TabelaDecisao {border: 0; font-family: courier;}

.simbolo {font-family: courier; margin-right: 5px;}

.codigo {border-collapse: separate; color: rgb(0, 0, 0); font-family: -webkit-sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

.InicioLinha {color: rgb(198, 93, 9); font-weight: bold;}

.ExemploComent {color: rgb(0, 112, 32); font-weight: bold;}

.comando {color: rgb(0, 112, 32); font-weight: bold;}

.operador {color: rgb(102, 102, 102);}

.numero {color: rgb(32, 128, 80);}

.string {color: rgb(64, 112, 160);}

.emphasis {font-style: italic;}

#Visualizar{
    border: 1px outset;
    margin: 0.5em;
    padding: 0.2em;}