/* Tela centrada */
section.principal, section.math, section.expli, section.sites, section.tutorial, section.aprender, section.contactos
	{ position:absolute; left:10%; width:80%; height:700px; }
header { position:absolute; left:0%; width:100%; top:0; height:80px; color:blue; text-align:center; font-size:14px; }
aside { position:absolute; left:0%; width:40%; top:80px; height:400px; border:2px solid gray; text-align:center; }
article { position:absolute; top:80px; text-align:justify; border-left:double gray; border-right:double gray; }
footer { position:absolute; left:0; width:100%; height:20%; top:75%; font-size:12px; }
a.botoes { position:absolute; left:10%; width:80%; height:36px; }
div.texto { position:absolute; left:2%; width:96%; top:1%; height:98%; }
div.voltar { position:absolute; left:0%; width:25%; top:0; color:black; }
div.meio { position:absolute; left:25%; width:50%; top:0; text-align:center; }
div.avancar { position:absolute; left:75%; width:25%; top:0; color:black; text-align:right; }

/* Secção principal */
section.principal { top:20px; }
a.math { background: url('images/menu/mathoff2014.jpg') no-repeat center center; top:5%; }
a.math:hover { background: url('images/menu/mathon2014.jpg') no-repeat center center; top:5%; }
a.expli { background: url('images/menu/explioff2014.jpg') no-repeat center center; top:20%; }
a.expli:hover { background: url('images/menu/explion2014.jpg') no-repeat center center; top:20%; }
a.sites { background: url('images/menu/sitesoff2014.jpg') no-repeat center center; top:35%; }
a.sites:hover { background: url('images/menu/siteson2014.jpg') no-repeat center center; top:35%; }
a.tutorial { background: url('images/menu/tutorialoff2014.jpg') no-repeat center center; top:50%; }
a.tutorial:hover { background: url('images/menu/tutorialon2014.jpg') no-repeat center center; top:50%; }
a.aprender { background: url('images/menu/aprenderoff2014.jpg') no-repeat center center; top:65%; }
a.aprender:hover { background: url('images/menu/aprenderon2014.jpg') no-repeat center center; top:65%; }
a.contactos { background: url('images/menu/contactosoff2014.jpg') no-repeat center center; top:80%; }
a.contactos:hover { background: url('images/menu/contactoson2014.jpg') no-repeat center center; top:80%; }
a.voltar { background: url('images/menu/voltaroff2014.jpg') no-repeat center center; }
a.voltar:hover { background: url('images/menu/voltaron2014.jpg') no-repeat center center; }
a.entrar { background: url('images/menu/entraroff2014.jpg') no-repeat center center; }
a.entrar:hover { background: url('images/menu/entraron2014.jpg') no-repeat center center; }
a.manutencao { background: url('images/menu/manutencao.jpg') no-repeat center center; top:5%; }
article.apresentacao { left:40%; width:60%; top:80px; height:400px; font-size:17px; border:2px solid gray; }

/* Secção Matemática? O que é isso? */
section.math { top:1000px; }
article.math { left:0%; width:100%; height:600px; font-size:15px; }

/* Secção Gabinete de Explicações */
section.expli { top:2000px; }
article.expli { left:0%; width:100%; height:600px; font-size:19px; }

/* Secção Construção de Sites */
section.sites { top:3000px; }
article.sites { left:0%; width:100%; height:600px; font-size:19px; }

/* Secção Cursos Online Gratuitos */
section.tutorial { top:4000px; }
article.tutorial { left:0%; width:100%; height:600px; font-size:19px; }

/* Secção Aprender... porque quero! */
section.aprender { top:5000px; }
article.aprender { left:0%; width:100%; height:600px; font-size:19px; }

/* Secção Contactos */
section.contactos { top:6000px; }
article.contactos { left:0%; width:100%; height:600px; font-size:19px; }