#topo
  {
    position:relative;
    right:0%;
    top:0%;
    width:1000px;
    font-size:10;
    color:#778899;
  }

#area
  {
    position:relative;
    top:3%;
	left:1%;
    width:1000px;
    height:270px;
	position:absolute;
    margin:5px;
  }


 #area > titulo
{
	text-align:center; 
}  

 #area > escola
  {
    position:relative;
    left:1%;
    top:5%;
    color: blue; 
    font-size: 20;
	

  }
  
 #area > turma
 {
    position:relative;
    left:3%;
	top:5%;
    color: green; 
    font-size: 16;
	margin:5px;

  }
  
  #area > grade
   {
    position:relative;
    left:5%;
	top:5%;
    width:500px;
    height:270px;
	margin:20px;

  }
  legend
  {
    font-style:bold;
    font-family: "Segoe UI";
  }
  #formulario label
  {
    position:absolute;
    left:19px;
    margin-right:5px;
  }
  

  #formulario input.longo
  {
     width:325px;
  }
  #formulario input.curto
  {
    
    width:125px;
  }