body { background-color:gray; }
header.geral { position:absolute; left:0.5%; width:99%; top:1%; height:4%; background-color:white; border:1px solid black; }
section.principal { 
	position:absolute; left:0.5%; width:68%; top:6%; height:52%; background-color:white; border:1px solid black; 
	overflow-y:auto; padding: 0.5% 0.5% 0.5% 0.5%; vertical-align:text-bottom; }
section.exemplos { position:absolute; left:70%; width:28.5%; top:6%; height:52%; background-color:white; border:1px solid black;
	overflow-y:auto; padding: 0.5% 0.5% 0.5% 0.5%; }
section.asciiAtual { position:absolute; left:0.5%; width:39%; top:61%; height:36%; background-color:white; border:1px solid black;
	overflow-y:auto; padding: 0.5% 0.5% 0.5% 0.5%; }
section.mathAtual { position:absolute; left:41%; width:27.5%; top:61%; height:36%; background-color:white; border:1px solid black;
	overflow-y:auto; padding: 0.5% 0.5% 0.5% 0.5%; }
section.info { position:absolute; left:70%; width:28.5%; top:61%; height:36%; background-color:white; border:1px solid black;
	overflow-y:auto; padding: 0.5% 0.5% 0.5% 0.5%; }
h1 { font-size:10pt; text-align:center; }
h2 { font-size:8pt; text-align:left; }
div.branco { background-color:white; }
div.cinza { background-color:rgb(220,220,220); }
pre { font-size:14pt; font-family:"Times New Roman", Times, serif; }
textarea { position:absolute; left:0; width:98%; top:10%; height:70%; }
textarea.alterar { color:red; }
input.limpar { position:absolute; left:5%; width:20%; top:85%; height:10%; }
input.enviar { position:absolute; left:75%; width:20%; top:85%; height:10%; }
input.atualizar { position:absolute; left:35%; width:30%; top:85%; height:10%; }
input.apagar { position:absolute; left:25%; width:50%; top:85%; height:10%; }
div.txtMath { position:absolute; left:0; width:100%; top:0; height:100%; }
p.mensagem { color:red; }
p.msgErro { position:absolute; left:25%; width:75%; top:1%; height:4%; color:red; font-size:8pt; }
td.acima { vertical-align:top; }