
* { margin: 0; padding: 0; outline: 0;}

h1 {font-weight: lighter; }
h2 {font-weight: lighter; }

a{ text-decoration: none;}


body{  widht: 100%;height:100%;margin:0 auto; overflow-x: hidden; overflow: -moz-scrollbars-vertical;overflow-y: scroll;}



/* ------------------------  imagem e videos responsivos ------------------------------------------ */
img {max-width:100%;}
.boxVideo {position: relative; padding-bottom: 56.25%;height: 0;margin:0 auto;}
.boxVideo iframe {position:absolute;width: 100%;height: 100%;}



/*------------------------ menu superior ----------------------------------------------*/
#topo {width:100%; height:43px; background-color:#ffffff;position:fixed;z-index:100;}
#barramenu {width:100%; height:46px;background-color:#ffffff; font-family:calibri, arial, century;font-size:14px; text-align:center; float:left;box-shadow:2px 2px 5px #666666;-webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666;  }
.opcaoum {width:20%; height:41px; float:left; border-top:2px solid #000000;  }
.opcaoum a{ width:100%; height:42px;display: block;  float:left;  text-decoration: none;color:#000000;padding-top:8px;}
.opcaodois {width:20%; height:41px; float:left;border-top:2px solid #55acee; }
.opcaodois a{ width:100%; height:42px; display: block; float:left;  text-decoration: none;color:#000000;padding-top:8px;}
.opcaotres {width:20%; height:41px; float:left;border-top:2px solid #ff6600;}
.opcaotres a{ width:100%; height:42px; display: block; float:left;  text-decoration: none;color:#000000;padding-top:8px;}
.opcaoquatro {width:20%; height:41px; float:left;border-top:2px solid #ffc008;}
.opcaoquatro a{ width:100%; height:42px; display: block; float:left;  text-decoration: none;color:#000000;padding-top:8px;}
.opcaocinco {width:20%; height:41px; float:left;border-top:2px solid #069901;}
.opcaocinco a{ width:100%; height:42px; display: block; float:left;  text-decoration: none;color:#000000;padding-top:8px;}
.espacoancora {width:100%; height:46px;background-color:#ffffff;}
.linhacores {width:100%; height:3px;}
.corum {width:20%; height:3px;background-color:#000000; float:left;}
.cordois {width:20%; height:3px;background-color:#55acee; float:left;border-radius:1em;}
.cortres {width:20%; height:3px;background-color:#ff6600;float:left;}
.corquatro {width:20%; height:3px;background-color:#ffc008;float:left;}
.corcinco {width:20%; height:3px;background-color:#069901;float:left;}
.corneutra {width:20%; height:3px;float:left;}



/*------------------------ botões de navegacao niveis de ensino, ----------------------------------------------*/
#fundopretohome  {width:100%; height:350px; background-color:#000000;}
.botaohome {width:27.33333%; height:50px; float:left; padding-top:15px; margin-top:50px; margin-left:2.5%;margin-right:2.5%;font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#999999; border:1px solid #666666;text-align:center;border-radius:0.5em;}
.botaohome a{ width:100%;  height:58px; display: block; float:left;   text-decoration: none;color:#999999;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:540px;background-color:#efefef;}
#umalinhahome {width:100%; height:70px;padding-top:10px;color:#999999;margin: 0 auto;font-family: calibri, arial, century; font-size:32px;font-weight: lighter;text-align:center;}
#comunicacaosocial {width:25%; height:100px;margin-bottom:100px;float: left; }
#comunicacaosocialimagem {width:100px; height:100px;border: 3px solid #ffffff; overflow: hidden;  margin: 0 auto; border-radius: 105px ;}
#comunicacaosocialtexto {width:99%; height:250px;  margin: 0 auto;font-family: calibri, arial, century; font-size:10px;font-weight: lighter;padding-right:1%;}



/*------------------------------ testemunhos --------------------------------------------------------------------*/
#testemunhos {width:100%; height:1600px;padding-bottom:120px;background-color:#ffffff;}
.testemunho {width:25.3%; height:450px; margin-left:4%;margin-right:4%;float:left;background-color:#ffffff; color:#999999; }
.testemunhotopo {width:100%; height:40px; background-color:#ffffff; text-align:center; color:#666666;font-weight: bold;font-family:calibri, arial, century;font-size:24px;}
.testemunholinha {width:100%; height:210px; text-align:left;line-height: 1.5;font-family:calibri, arial, century;font-size:18px;}


/*------------------------------ página dos níveis de ensino --------------------------------------------------------------------*/
#fundocinzaniveisensino  {width:100%; height:800px; background-color:#efefef;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:10px;color:#000000;margin: 0 auto;font-family: calibri, arial, century; font-size:32px;font-weight: lighter;text-align:center;}
#informacaoaprendizagensessenciais {width:95%; padding-left:2.5%;padding-right:2.5%;height:250px;padding-top:10px;color:#000000;margin: 0 auto;font-family: calibri, arial, century; font-size:14px;font-weight: lighter;}
.botaoniveisensino {width:27.33333%; height:60px; float:left; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#999999; border:1px solid #666666;text-align:center;border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px; display: block; float:left;   text-decoration: none;color:#999999;  }
#fundobrancomateria {width:100%; height:1000px;background-color:#ffffff;}
#topomateria {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; color:#000000;margin: 0 auto;font-family: calibri, arial, century; font-size:32px;font-weight: lighter;}
#setatopo {width:5%;height:40px;float:right;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; float:left;background-color:#000000; color:#efefef;font-family: calibri, arial, century; font-size:32px;font-weight: lighter; text-align:center;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; float:left; background-color:#efefef; color:#000000;font-family: calibri, arial, century; font-size:32px;font-weight: lighter; text-align:center;}
#teoria {width:96%; height:30px; float:left; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; background-color:#ffffff; font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#999999; }
#imprimirpdf {width:96%; height:50px; float:left; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; background-color:#ffffff; font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#999999;text-align:center; }
#pdf {width: 150px;height:50px;margin: 0 auto;}
#fundoexercicios {width:96%;  float:left;margin-left:2%; margin-right:2%;  margin-bottom:20px;}
#blocoexercicios {width:23%; height:80px;  float:left;margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #efefef; font-family:calibri, arial, century;font-size:16px;  font-weight: lighter;background-color:#fafafa;color:#999999; text-align:center; }


/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#fundoazulexamepago  {width:100%; height:550px; background-color:#55acee;}
#formulariomailchimp {width:92%;margin-left:4%;margin-right:4%;float:left; background-color:#55acee;padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;}


/*------------------------------ Exames Nacionais (https://www.examesnacioanis.pt) --------------------------------------------------------------------*/
#fundoexamesnacionais  {width:100%; height:100px; background-color:#ff6600;}
#fundoexamesnacionaistexto {width:92%;margin-left:4%;margin-right:4%;float:left; background-color:#ff6600;color:#ffffff; padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;}

/*------------------------------ Professor Explicador (https://www.professorexplicador.pt) --------------------------------------------------------------------*/
#fundoprofessorexplicador  {width:100%; height:550px; background-color:#069901;text-align:center;}
#professorexplicadortextotopo {width:98%;margin-left:1%;margin-right:1%;float:left; color:#ffffff; padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:28px;font-weight: lighter;}
#professorexplicadorresponsabilidade {width:98%;margin-left:1%;margin-right:1%;float:left; color:#9FF781; padding-top:40px;padding-bottom:20px;font-family:calibri, arial, century;font-size:16px;font-weight: lighter;}
#distrito {width:18%;margin-left:1%;margin-right:1%;margin-top:20px; float:left; padding-top:10px; padding-bottom:10px; background-color:#D8F6CE;color:#069901;font-family:calibri, arial, century;font-size:28px;font-weight: lighter;border-radius:0.5em;}
#distrito a{ width:100%;  display: block; float:left;   text-decoration: none;color:#069901;  }
#Acores {width:100%;height: 5000px; background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Aveiro {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Beja {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Braga {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Braganca {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#CasteloBranco {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Coimbra {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Evora {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Faro {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Guarda {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Leiria {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Lisboa {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Madeira {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Portalegre {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Porto {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Santarem {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Setubal {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#VianaCastelo {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#VilaReal {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Viseu {width:100%; height: 5000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#Formulariofim {width:100%; height: 1000px;background-color:#ffffff;padding-top:60px;margin-bottom:100px;}
#setatopoexplicacoes {width:5%;height:40px;float:right;}
#textotopoexplicacoes {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%; color:#000000;margin: 0 auto;font-family: calibri, arial, century; font-size:32px;font-weight: lighter; }
#fundoexplicacoes {width:96%;  float:left;margin-top:10px; margin-left:2%; margin-right:2%;  padding-bottom:20px;background-color:#efefef;}

#professorexplicador {width:100%; height:170px;  float:left;margin-top:5px;  font-family:calibri, arial, century;font-size:18px;  font-weight: lighter;background-color:#ffffff;color:#000000; text-align:center; }


#autor {width:29.33333%; height:620px;margin-top: 30px;margin-bottom: 20px;margin-left:2%;margin-right:2%;padding-top:0px;float: left;background-color:#ffffff;border-radius:0.9em; }
#autordisciplina {width:99%; height:50px;  margin: 0 auto;font-family: calibri, arial, century; font-size:16px;font-weight: lighter;padding-right:1%;color:#ffffff; background-color:#069901;text-align: center;border-radius: 0.9em 0.9em 0em 0em; }
#autornome {width:99%; height:50px;  margin: 0 auto;font-family: calibri, arial, century; font-size:16px;font-weight: lighter;padding-right:1%;text-align: center;}
#autorimagem {width:200px; height:200px; border: 3px solid #fafafa; overflow: hidden;  margin: 0 auto; border-radius: 105px ;box-shadow:2px 2px 5px #666666;-webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666;}
#autortexto {width:99%; height:180px;  margin: 0 auto;font-family: calibri, arial, century; font-size:16px;font-weight: lighter;padding-right:1%;}

#contactos {width:90%; height:30px; padding-left:5%; padding-right:5%; margin-bottom:10px;  border-top: 2px solid #efefef; float:left;margin-top:10px;  font-family:calibri, arial, century;font-size:18px;  font-weight: lighter;background-color:#ffffff;color:#000000; }

#botaoinscreverexplicador {width:92%;padding-left: 2%; padding-right: 2%; margin-left:2%;margin-right:2%;margin-top:70px; margin-bottom:70px;  float:left; background-color:#9FF781;color:#000000; padding-top:10px;padding-bottom:10px;font-family:calibri, arial, century;font-size:28px;font-weight: lighter;border-radius:0.5em;text-align:center;box-shadow:2px 2px 5px #666666;-webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666;}
#botaoinscreverexplicador a{ width:100%;  display: block; float:left;   text-decoration: none;color:#000000;  }

#inscrevermailchimp {width:56%;padding-left: 2%; padding-right: 2%; margin-left:20%;margin-right:20%;margin-top:70px; margin-bottom:70px;  float:left; background-color:#9FF781;color:#000000; padding-top:10px;padding-bottom:10px;font-family:calibri, arial, century;font-size:28px;font-weight: lighter;border-radius:0.5em;box-shadow:2px 2px 5px #666666;-webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666;}




/*------------------------------ Rodapé e Cookies --------------------------------------------------------------------*/
#rodape {width:100%; height:50px;background: #000000; text-align:center; font-family:calibri, arial, century;font-size:45px; color:#000000; padding-top:5px;float:left;}
#cookies {width:100%; height:30px;background: #000000; text-align:center; font-family:calibri, arial, century;font-size:14px; color:#999999; padding-top:5px;float:left;position:fixed;bottom:0;}







@media only screen and (max-width: 1100px){

/*------------------------ menu superior ----------------------------------------------*/
#topo {width:100%; height:43px; }
#barramenu {width:100%; height:46px;font-size:11px; }
.opcaoum {width:20%; height:41px;border-top:2px solid #000000;  }
.opcaoum a{ width:100%; height:42px;padding-top:10px;}
.opcaodois {width:20%; height:41px; border-top:2px solid #55acee; }
.opcaodois a{ width:100%; height:42px;padding-top:10px;}
.opcaotres {width:20%; height:41px;border-top:2px solid #ff6600;}
.opcaotres a{ width:100%; height:42px; padding-top:10px;}
.opcaoquatro {width:20%; height:41px;border-top:2px solid #ffc008;}
.opcaoquatro a{ width:100%; height:42px;padding-top:10px;}
.opcaocinco {width:20%; height:41px; border-top:2px solid #069901;}
.opcaocinco a{ width:100%; height:42px; color:#999999;padding-top:10px;}
.espacoancora {width:100%; height:46px;}
.linhacores {width:100%; height:3px;}
.corum {width:20%; height:3px;}
.cordois {width:20%; height:3px;}
.cortres {width:20%; height:3px;}
.corquatro {width:20%; height:3px;}
.corcinco {width:20%; height:3px;}
.corneutra {width:20%; height:3px;}



/*------------------------ botões de navegacao niveis de ensino, ----------------------------------------------*/
#fundopretohome  {width:100%; height:300px;}
.botaohome {width:27.33333%; height:50px;  padding-top:15px; margin-top:50px; margin-left:2.5%;margin-right:2.5%;font-size:22px; border:1px solid #666666;border-radius:0.5em;}
.botaohome a{ width:100%;  height:58px;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:450px;}
#umalinhahome {width:100%; height:70px;padding-top:10px; font-size:30px;}
#comunicacaosocial {width:25%; height:100px;margin-bottom:100px; }
#comunicacaosocialimagem {width:90px; height:90px;border: 3px solid #ffffff;  border-radius: 105px ;}
#comunicacaosocialtexto {width:99%; height:250px; font-size:10px;padding-right:1%;}



/*------------------------------ testemunhos --------------------------------------------------------------------*/
#testemunhos {width:100%; height:1500px;padding-bottom:120px;}
.testemunho {width:25.3%; height:450px; margin-left:4%;margin-right:4%; }
.testemunhotopo {width:100%; height:40px;font-size:18px;}
.testemunholinha {width:100%; height:210px;line-height: 1.5;font-size:14px;}


/*------------------------------ página dos níveis de ensino --------------------------------------------------------------------*/
#fundocinzaniveisensino  {width:100%; height:800px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:10px; font-size:32px;}
#informacaoaprendizagensessenciais {width:95%; padding-left:2.5%;padding-right:2.5%;height:250px;padding-top:10px; font-size:14px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:24px;   border:1px solid #666666;border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#fundobrancomateria {width:100%; height:1000px;}
#topomateria {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; border-bottom: 2px solid #000000;font-size:32px;}
#setatopo {width:5%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:32px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%;font-size:32px;}
#teoria {width:96%; height:30px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px; }
#imprimirpdf {width:96%; height:50px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px;  }
#pdf {width: 150px;height:50px;}
#fundoexercicios {width:96%; height:400px;margin-left:2%; margin-right:2%; }
#blocoexercicios {width:23%; height:80px; margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #efefef; font-size:16px;  }

/*------------------------------ Professor Explicador (https://www.professorexplicador.pt) --------------------------------------------------------------------*/
#fundoprofessorexplicador  {width:100%; height:550px; background-color:#069901;text-align:center;}
#professorexplicadortextotopo {width:98%;margin-left:1%;margin-right:1%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#professorexplicadorresponsabilidade {width:98%;margin-left:1%;margin-right:1%;padding-top:40px;padding-bottom:20px;font-size:18px;}
#distrito {width:18%;margin-left:1%;margin-right:1%;margin-top:20px;  padding-top:10px; padding-bottom:10px;font-size:18px;}
#distrito a{ width:100%;   }
#Acores {width:100%;height: 5000px; padding-top:60px;margin-bottom:100px;}
#Aveiro {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Beja {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Braga {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Braganca {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#CasteloBranco {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Coimbra {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Evora {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Faro {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Guarda {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Leiria {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Lisboa {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Madeira {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Portalegre {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Porto {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Santarem {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Setubal {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#VianaCastelo {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#VilaReal {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Viseu {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Formulariofim {width:100%; height: 1600px;padding-top:60px;margin-bottom:100px;}
#setatopoexplicacoes {width:7%;height:40px;float:right;}
#textotopoexplicacoes {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%; font-size:28px;}
#fundoexplicacoes {width:96%; float:left;margin-top:10px; margin-left:2%; margin-right:2%;  padding-bottom:20px;}

#professorexplicador {width:100%; height:185px;  float:left;margin-top:5px;  font-size:16px;   }


#autor {width:29.3333%; height:620px;  margin-top: 30px;margin-bottom: 20px;margin-left:2%;margin-right:2%;padding-top:0px;border-radius:0.9em; }
#autordisciplina {width:99%; height:50px;   font-size:14px;padding-right:1%;}
#autornome {width:99%; height:50px;  font-size:12px;padding-right:1%;}
#autorimagem {width:200px; height:200px; border: 3px solid #fafafa; border-radius: 105px ;}
#autortexto {width:99%; height:150px;  font-size:14px;padding-right:1%;}

#contactos {width:90%; height:25px; padding-left:5%; padding-right:5%; margin-bottom:10px;  border-top: 2px solid #efefef; margin-top:10px;  font-size:14px;  }

#botaoinscreverexplicador {width:92%;padding-left: 2%; padding-right: 2%; margin-left:2%;margin-right:2%;margin-top:30px; margin-bottom:30px;   padding-top:10px;padding-bottom:10px;font-size:20px;border-radius:0.5em;}
#botaoinscreverexplicador a{ width:100%;  display: block; float:left;   text-decoration: none;color:#000000;  }

#inscrevermailchimp {width:88%;padding-left: 4%; padding-right: 4%; margin-left:2%;margin-right:2%;margin-top:20px; margin-bottom:70px;   padding-top:10px;padding-bottom:10px;font-size:22px;border-radius:0.5em;}




/*------------------------------ Rodapé e Cookies --------------------------------------------------------------------*/
#rodape {width:100%; height:50px;font-size:45px;  padding-top:5px;}
#cookies {width:100%; height:30px;font-size:14px;  padding-top:5px;}


	
}











@media only screen and (max-width: 820px){

/*------------------------ menu superior ----------------------------------------------*/
#topo {width:100%; height:43px; }
#barramenu {width:100%; height:46px;font-size:10px; }
.opcaoum {width:20%; height:41px;border-top:2px solid #000000;  }
.opcaoum a{ width:100%; height:36px;padding-top:7px;}
.opcaodois {width:20%; height:41px; border-top:2px solid #55acee; }
.opcaodois a{ width:100%; height:36px;padding-top:7px;}
.opcaotres {width:20%; height:41px;border-top:2px solid #ff6600;}
.opcaotres a{ width:100%; height:36px; padding-top:7px;}
.opcaoquatro {width:20%; height:41px;border-top:2px solid #ffc008;}
.opcaoquatro a{ width:100%; height:36px;padding-top:7px;}
.opcaocinco {width:20%; height:41px; border-top:2px solid #069901;}
.opcaocinco a{ width:100%; height:36px; color:#999999;padding-top:7px;}
.espacoancora {width:100%; height:43px;}
.linhacores {width:100%; height:3px;}
.corum {width:20%; height:3px;}
.cordois {width:20%; height:3px;}
.cortres {width:20%; height:3px;}
.corquatro {width:20%; height:3px;}
.corcinco {width:20%; height:3px;}
.corneutra {width:20%; height:3px;}



/*------------------------ botões de navegacao niveis de ensino, ----------------------------------------------*/
#fundopretohome  {width:100%; height:300px;}
.botaohome {width:27.33333%; height:55px;  padding-top:10px; margin-top:50px; margin-left:2.5%;margin-right:2.5%;font-size:20px; border:1px solid #666666;border-radius:0.5em;}
.botaohome a{ width:100%;  height:58px;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:440px;}
#umalinhahome {width:100%; height:70px;padding-top:10px; font-size:28px;}
#comunicacaosocial {width:25%; height:100px;margin-bottom:100px; }
#comunicacaosocialimagem {width:80px; height:80px;border: 3px solid #ffffff;  border-radius: 105px ;}
#comunicacaosocialtexto {width:99%; height:250px; font-size:8px;padding-right:1%;}



/*------------------------------ testemunhos --------------------------------------------------------------------*/
#testemunhos {width:100%; height:1500px;padding-bottom:120px;}
.testemunho {width:42%; height:600px; margin-left:4%;margin-right:4%; }
.testemunhotopo {width:100%; height:40px;font-size:20px;}
.testemunholinha {width:100%; height:210px;line-height: 1.5;font-size:18px;}


/*------------------------------ página dos níveis de ensino --------------------------------------------------------------------*/
#fundocinzaniveisensino  {width:100%; height:800px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:10px; font-size:32px;}
#informacaoaprendizagensessenciais {width:95%; padding-left:2.5%;padding-right:2.5%;height:250px;padding-top:10px; font-size:14px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:24px;   border:1px solid #666666;border-radius:1em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#fundobrancomateria {width:100%; height:1000px;}
#topomateria {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; border-bottom: 2px solid #000000;font-size:32px;}
#setatopo {width:5%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:32px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%;font-size:32px;}
#teoria {width:96%; height:30px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px; }
#imprimirpdf {width:96%; height:50px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px;  }
#pdf {width: 150px;height:50px;}
#fundoexercicios {width:96%; height:400px;margin-left:2%; margin-right:2%; }
#blocoexercicios {width:23%; height:80px; margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #efefef; font-size:16px;  }

/*------------------------------ Professor Explicador (https://www.professorexplicador.pt) --------------------------------------------------------------------*/
#fundoprofessorexplicador  {width:100%; height:700px; background-color:#069901;text-align:center;}
#professorexplicadortextotopo {width:98%;margin-left:1%;margin-right:1%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#professorexplicadorresponsabilidade {width:98%;margin-left:1%;margin-right:1%;padding-top:40px;padding-bottom:20px;font-size:18px;}
#distrito {width:23%;margin-left:1%;margin-right:1%;margin-top:20px;  padding-top:10px; padding-bottom:10px;font-size:18px;}
#distrito a{ width:100%;   }
#Acores {width:100%;height: 5000px; padding-top:60px;margin-bottom:100px;}
#Aveiro {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Beja {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Braga {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Braganca {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#CasteloBranco {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Coimbra {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Evora {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Faro {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Guarda {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Leiria {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Lisboa {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Madeira {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Portalegre {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Porto {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Santarem {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Setubal {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#VianaCastelo {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#VilaReal {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Viseu {width:100%; height: 5000px;padding-top:60px;margin-bottom:100px;}
#Formulariofim {width:100%; height: 1800px;padding-top:60px;margin-bottom:100px;}
#setatopoexplicacoes {width:10%;height:40px;float:right;}
#textotopoexplicacoes {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%; font-size:24px;}
#fundoexplicacoes {width:96%;  float:left;margin-top:10px; margin-left:2%; margin-right:2%;  padding-bottom:20px;}

#professorexplicador {width:100%; height:180px;  float:left;margin-top:5px;  font-size:16px;   }


#autor {width:48%; height:640px;  margin-top: 30px;margin-bottom: 20px;margin-left:1%;margin-right:1%;padding-top:0px;border-radius:0.9em; }
#autordisciplina {width:99%; height:50px;   font-size:14px;padding-right:1%;}
#autornome {width:99%; height:50px;  font-size:14px;padding-right:1%;}
#autorimagem {width:200px; height:200px; border: 3px solid #fafafa; border-radius: 105px ;}
#autortexto {width:99%; height:150px;  font-size:14px;padding-right:1%;}

#contactos {width:90%; height:50px; padding-left:5%; padding-right:5%; margin-bottom:10px;  border-top: 2px solid #efefef; margin-top:10px;  font-size:16px;  }

#botaoinscreverexplicador {width:92%;padding-left: 2%; padding-right: 2%; margin-left:2%;margin-right:2%;margin-top:30px; margin-bottom:30px;   padding-top:10px;padding-bottom:10px;font-size:20px;border-radius:0.5em;}
#botaoinscreverexplicador a{ width:100%;  display: block; float:left;   text-decoration: none;color:#000000;  }

#inscrevermailchimp {width:88%;padding-left: 4%; padding-right: 4%; margin-left:2%;margin-right:2%;margin-top:20px; margin-bottom:70px;   padding-top:10px;padding-bottom:10px;font-size:22px;border-radius:0.5em;}




/*------------------------------ Rodapé e Cookies --------------------------------------------------------------------*/
#rodape {width:100%; height:50px;font-size:45px;  padding-top:5px;}
#cookies {width:100%; height:30px;font-size:14px;  padding-top:5px;}



}












@media only screen and (max-width: 560px){

/*------------------------ menu superior ----------------------------------------------*/
#topo {width:100%; height:43px; }
#barramenu {width:100%; height:46px;font-size:10px; }
.opcaoum {width:20%; height:41px;border-top:2px solid #000000;  }
.opcaoum a{ width:100%; height:38px;padding-top:5px;}
.opcaodois {width:20%; height:41px; border-top:2px solid #55acee; }
.opcaodois a{ width:100%; height:38px;padding-top:5px;}
.opcaotres {width:20%; height:41px;border-top:2px solid #ff6600;}
.opcaotres a{ width:100%; height:38px; padding-top:5px;}
.opcaoquatro {width:20%; height:41px;border-top:2px solid #ffc008;}
.opcaoquatro a{ width:100%; height:38px;padding-top:5px;}
.opcaocinco {width:20%; height:41px; border-top:2px solid #069901;}
.opcaocinco a{ width:100%; height:38px; color:#999999;padding-top:5px;}
.espacoancora {width:100%; height:43px;}
.linhacores {width:100%; height:3px;}
.corum {width:20%; height:3px;}
.cordois {width:20%; height:3px;}
.cortres {width:20%; height:3px;}
.corquatro {width:20%; height:3px;}
.corcinco {width:20%; height:3px;}
.corneutra {width:20%; height:3px;}



/*------------------------ botões de navegacao niveis de ensino, ----------------------------------------------*/
#fundopretohome  {width:100%; height:300px;}
.botaohome {width:28.33333%; height:55px;  padding-top:10px; margin-top:50px; margin-left:2%;margin-right:2%;font-size:20px; border:1px solid #666666;border-radius:0.5em;}
.botaohome a{ width:100%;  height:58px;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:400px;}
#umalinhahome {width:100%; height:70px;padding-top:10px; font-size:22px;}
#comunicacaosocial {width:25%; height:50px;margin-bottom:100px; }
#comunicacaosocialimagem {width:60px; height:60px;border: 1px solid #ffffff;  border-radius: 105px ;}
#comunicacaosocialtexto {width:99%; height:150px; font-size:6px;padding-right:1%;}



/*------------------------------ testemunhos --------------------------------------------------------------------*/
#testemunhos {width:100%; height:1600px;padding-bottom:120px;}
.testemunho {width:42%; height:650px; margin-left:4%;margin-right:4%; }
.testemunhotopo {width:100%; height:40px;font-size:18px;}
.testemunholinha {width:100%; height:210px;line-height: 1.5;font-size:16px;}


/*------------------------------ página dos níveis de ensino --------------------------------------------------------------------*/
#fundocinzaniveisensino  {width:100%; height:800px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:10px; font-size:32px;}
#informacaoaprendizagensessenciais {width:95%; padding-left:2.5%;padding-right:2.5%;height:250px;padding-top:10px; font-size:14px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:24px;   border:1px solid #666666;border-radius:1em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#fundobrancomateria {width:100%; height:1000px;}
#topomateria {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; border-bottom: 2px solid #000000;font-size:32px;}
#setatopo {width:5%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:32px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%;font-size:32px;}
#teoria {width:96%; height:30px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px; }
#imprimirpdf {width:96%; height:50px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px;  }
#pdf {width: 150px;height:50px;}
#fundoexercicios {width:96%; height:400px;margin-left:2%; margin-right:2%; }
#blocoexercicios {width:23%; height:80px; margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #efefef; font-size:16px;  }

/*------------------------------ Professor Explicador (https://www.professorexplicador.pt) --------------------------------------------------------------------*/
#fundoprofessorexplicador  {width:100%; height:1000px; background-color:#069901;text-align:center;}
#professorexplicadortextotopo {width:98%;margin-left:1%;margin-right:1%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#professorexplicadorresponsabilidade {width:98%;margin-left:1%;margin-right:1%;padding-top:40px;padding-bottom:20px;font-size:18px;}
#distrito {width:46%;margin-left:2%;margin-right:2%;margin-top:20px;  padding-top:10px; padding-bottom:10px;font-size:18px;}
#distrito a{ width:100%;   }
#Acores {width:100%;height: 15000px; padding-top:60px;margin-bottom:100px;}
#Aveiro {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Beja {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Braga {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Braganca {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#CasteloBranco {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Coimbra {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Evora {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Faro {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Guarda {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Leiria {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Lisboa {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Madeira {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Portalegre {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Porto {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Santarem {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Setubal {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#VianaCastelo {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#VilaReal {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Viseu {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Formulariofim {width:100%; height: 2100px;padding-top:60px;margin-bottom:100px;}
#setatopoexplicacoes {width:10%;height:40px;float:right;}
#textotopoexplicacoes {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%; font-size:24px;}
#fundoexplicacoes {width:96%;  float:left;margin-top:10px; margin-left:2%; margin-right:2%;  padding-bottom:20px;}

#professorexplicador {width:100%; height:160px;  float:left;margin-top:5px;  font-size:18px;   }


#autor {width:96%; height:600px;  margin-top: 40px;margin-bottom: 30px;margin-left:2%;margin-right:2%;padding-top:0px;border-radius:0.9em; }
#autordisciplina {width:99%; height:50px;   font-size:14px;padding-right:1%;}
#autornome {width:99%; height:50px;  font-size:14px;padding-right:1%;}
#autorimagem {width:200px; height:200px; border: 3px solid #fafafa; border-radius: 105px ;}
#autortexto {width:99%; height:150px;  font-size:14px;padding-right:1%;}

#contactos {width:90%; height:50px; padding-left:5%; padding-right:5%; margin-bottom:10px;  border-top: 2px solid #efefef; margin-top:10px;  font-size:18px;  }

#botaoinscreverexplicador {width:92%;padding-left: 2%; padding-right: 2%; margin-left:2%;margin-right:2%;margin-top:30px; margin-bottom:30px;   padding-top:10px;padding-bottom:10px;font-size:20px;border-radius:0.5em;}
#botaoinscreverexplicador a{ width:100%;  display: block; float:left;   text-decoration: none;color:#000000;  }

#inscrevermailchimp {width:88%;padding-left: 4%; padding-right: 4%; margin-left:2%;margin-right:2%;margin-top:20px; margin-bottom:70px;   padding-top:10px;padding-bottom:10px;font-size:22px;border-radius:0.5em;}




/*------------------------------ Rodapé e Cookies --------------------------------------------------------------------*/
#rodape {width:100%; height:50px;font-size:45px;  padding-top:5px;}
#cookies {width:100%; height:30px;font-size:14px;  padding-top:5px;}






}








@media only screen and (max-width: 420px){

/*------------------------ menu superior ----------------------------------------------*/
#topo {width:100%; height:43px; }
#barramenu {width:100%; height:46px;font-size:8px; }
.opcaoum {width:20%; height:41px;border-top:2px solid #000000;  }
.opcaoum a{ width:100%; height:35px;padding-top:8px;}
.opcaodois {width:20%; height:41px; border-top:2px solid #55acee; }
.opcaodois a{ width:100%; height:35px;padding-top:8px;}
.opcaotres {width:20%; height:41px;border-top:2px solid #ff6600;}
.opcaotres a{ width:100%; height:35px; padding-top:8px;}
.opcaoquatro {width:20%; height:41px;border-top:2px solid #ffc008;}
.opcaoquatro a{ width:100%; height:35px;padding-top:8px;}
.opcaocinco {width:20%; height:41px; border-top:2px solid #069901;}
.opcaocinco a{ width:100%; height:35px; color:#999999;padding-top:8px;}
.espacoancora {width:100%; height:43px;}
.linhacores {width:100%; height:3px;}
.corum {width:20%; height:3px;}
.cordois {width:20%; height:3px;}
.cortres {width:20%; height:3px;}
.corquatro {width:20%; height:3px;}
.corcinco {width:20%; height:3px;}
.corneutra {width:20%; height:3px;}



/*------------------------ botões de navegacao niveis de ensino, ----------------------------------------------*/
#fundopretohome  {width:100%; height:350px;}
.botaohome {width:45%; height:50px;  padding-top:10px; margin-top:40px; margin-left:1.5%;margin-right:1.5%;font-size:18px; border:1px solid #666666;border-radius:0.5em;}
.botaohome a{ width:100%;  height:60px;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:900px;}
#umalinhahome {width:100%; height:70px;padding-top:10px; font-size:20px;}
#comunicacaosocial {width:50%; height:100px;margin-bottom:100px; }
#comunicacaosocialimagem {width:100px; height:100px;border: 3px solid #ffffff;  border-radius: 105px ;}
#comunicacaosocialtexto {width:99%; height:250px; font-size:8px;padding-right:1%;}



/*------------------------------ testemunhos --------------------------------------------------------------------*/
#testemunhos {width:100%; height:1000px;padding-bottom:120px;}
.testemunho {width:42%; height:500px; margin-left:4%;margin-right:4%; }
.testemunhotopo {width:100%; height:40px;font-size:18px;}
.testemunholinha {width:100%; height:210px;line-height: 1.5;font-size:14px;}


/*------------------------------ página dos níveis de ensino --------------------------------------------------------------------*/
#fundocinzaniveisensino  {width:100%; height:800px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:10px; font-size:32px;}
#informacaoaprendizagensessenciais {width:95%; padding-left:2.5%;padding-right:2.5%;height:250px;padding-top:10px; font-size:14px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:24px;   border:1px solid #666666;border-radius:1em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#fundobrancomateria {width:100%; height:1000px;}
#topomateria {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; border-bottom: 2px solid #000000;font-size:32px;}
#setatopo {width:5%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:32px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%;font-size:32px;}
#teoria {width:96%; height:30px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px; }
#imprimirpdf {width:96%; height:50px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:24px;  }
#pdf {width: 150px;height:50px;}
#fundoexercicios {width:96%; height:400px;margin-left:2%; margin-right:2%; }
#blocoexercicios {width:23%; height:80px; margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #efefef; font-size:16px;  }

/*------------------------------ Professor Explicador (https://www.professorexplicador.pt) --------------------------------------------------------------------*/
#fundoprofessorexplicador  {width:100%; height:1200px; background-color:#069901;text-align:center;}
#professorexplicadortextotopo {width:98%;margin-left:1%;margin-right:1%;padding-top:20px;padding-bottom:20px;font-size:18px;}
#professorexplicadorresponsabilidade {width:98%;margin-left:1%;margin-right:1%;padding-top:40px;padding-bottom:20px;font-size:16px;}
#distrito {width:46%;margin-left:2%;margin-right:2%;margin-top:20px;  padding-top:10px; padding-bottom:10px;font-size:16px;}
#distrito a{ width:100%;   }
#Acores {width:100%;height: 15000px; padding-top:60px;margin-bottom:100px;}
#Aveiro {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Beja {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Braga {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Braganca {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#CasteloBranco {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Coimbra {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Evora {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Faro {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Guarda {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Leiria {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Lisboa {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Madeira {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Portalegre {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Porto {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Santarem {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Setubal {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#VianaCastelo {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#VilaReal {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Viseu {width:100%; height: 15000px;padding-top:60px;margin-bottom:100px;}
#Formulariofim {width:100%; height: 2200px;padding-top:60px;margin-bottom:100px;}
#setatopoexplicacoes {width:10%;height:40px;float:right;}
#textotopoexplicacoes {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%; font-size:22px;}
#fundoexplicacoes {width:96%;  float:left;margin-top:10px; margin-left:2%; margin-right:2%;  padding-bottom:20px;}

#professorexplicador {width:100%; height:180px;  float:left;margin-top:5px;  font-size:16px;   }


#autor {width:96%; height:620px;  margin-top: 40px;margin-bottom: 30px;margin-left:2%;margin-right:2%;padding-top:0px;border-radius:0.9em; }
#autordisciplina {width:99%; height:50px;   font-size:12px;padding-right:1%;}
#autornome {width:99%; height:50px;  font-size:12px;padding-right:1%;}
#autorimagem {width:200px; height:200px; border: 3px solid #fafafa; border-radius: 105px ;}
#autortexto {width:99%; height:150px;  font-size:12px;padding-right:1%;}

#contactos {width:90%; height:50px; padding-left:5%; padding-right:5%; margin-bottom:10px;  border-top: 2px solid #efefef; margin-top:10px;  font-size:16px;  }

#botaoinscreverexplicador {width:92%;padding-left: 2%; padding-right: 2%; margin-left:2%;margin-right:2%;margin-top:30px; margin-bottom:30px;   padding-top:10px;padding-bottom:10px;font-size:18px;border-radius:0.5em;}
#botaoinscreverexplicador a{ width:100%;  display: block; float:left;   text-decoration: none;color:#000000;  }

#inscrevermailchimp {width:88%;padding-left: 4%; padding-right: 4%; margin-left:2%;margin-right:2%;margin-top:20px; margin-bottom:70px;   padding-top:10px;padding-bottom:10px;font-size:20px;border-radius:0.5em;}




/*------------------------------ Rodapé e Cookies --------------------------------------------------------------------*/
#rodape {width:100%; height:50px;font-size:45px;  padding-top:5px;}
#cookies {width:100%; height:30px;font-size:14px;  padding-top:5px;}






}



























