* { 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;}
#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:#ffffff;  }


/*------------------------------ comunicacao social --------------------------------------------------------------------*/
#fundocomunicacaosocial {width:100%; height:540px;background-color:#efefef;}
#umalinhahome {width:100%; height:70px;padding-top:10px;color:#000000;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:600px; background-color:#efefef;margin-bottom:100px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:20px;color:#000000;margin: 0 auto;font-family: calibri, arial, century; font-size:32px;font-weight: lighter;text-align:center;}
#informacaoaprendizagensessenciais {width:95%; height:50px;padding-left:2.5%;padding-right:2.5%;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;  }
#combinatoria {width:100%; height:1000px;background-color:#ffffff;padding-top:60px;}
#topomateria {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; }
#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:#efefef; font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#999999;text-align:center; }
#pdf {width: 150px;height:50px;margin: 0 auto;}
#fundoaula {width:96%;  float:left;margin-left:2%; margin-right:2%;  padding-bottom:20px;background-color:#efefef;}
#blocoaula {width:23%; height:80px;  float:left;margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #999999; font-family:calibri, arial, century;font-size:16px;  font-weight: lighter;background-color:#fafafa;color:#999999; text-align:center; }
#blocoaula a{ width:100%;  height:80px; display: block; float:left;   text-decoration: none;color:#999999;  }



/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#fundoazulexamepago  {width:100%; height:750px; 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:100px; background-color:#069901;}
#fundoprofessorexplicadortexto {width:92%;margin-left:4%;margin-right:4%;float:left; background-color:#069901;color:#ffffff; padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;}

/*------------------------------ Turmas Online --------------------------------------------------------------------*/
#fundoturmasonline  {width:100%; height:100px; background-color:#ffc008;}
#fundoturmasonlinetexto {width:92%;margin-left:4%;margin-right:4%;float:left; background-color:#ffc008;color:#ffffff; padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;}




/*------------------------------ 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:600px; margin-bottom:100px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:20px; font-size:28px;}
#informacaoaprendizagensessenciais {width:95%; height:50px;padding-left:2.5%;padding-right:2.5%;padding-top:10px; font-size:12px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:20px;  border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#combinatoria {width:100%; height:1000px;padding-top:60px;}
#topomateria {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%;font-size:28px; }
#setatopo {width:7%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:28px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:28px;}
#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: 130px;height:50px;margin: 0 auto;}
#fundoaula {width:96%;  float:left;margin-left:2%; margin-right:2%;  padding-bottom:20px;}
#blocoaula {width:23%; height:90px;  float:left;margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #999999; font-size:14px; }
#blocoaula a{ width:100%;  height:90px; display: block; float:left;    }




/*------------------------------ 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:600px; margin-bottom:100px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:20px; font-size:24px;}
#informacaoaprendizagensessenciais {width:95%; height:50px;padding-left:2.5%;padding-right:2.5%;padding-top:10px; font-size:12px;}
.botaoniveisensino {width:27.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:16px;  border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#combinatoria {width:100%; height:1000px;padding-top:60px;}
#topomateria {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%;font-size:22px; }
#setatopo {width:10%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:22px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:22px;}
#teoria {width:96%; height:30px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;   }
#imprimirpdf {width:96%; height:50px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;  }
#pdf {width: 100px;height:50px;margin: 0 auto;}
#fundoaula {width:96%;  float:left;margin-left:2%; margin-right:2%;  padding-bottom:20px;}
#blocoaula {width:23%; height:90px;  float:left;margin-left:1%; margin-right:1%;margin-top:20px; border-bottom: 2px solid #999999; font-size:12px; }
#blocoaula a{ width:100%;  height:90px; display: block; float:left;    }




/*------------------------------ 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; margin-bottom:100px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:20px; font-size:22px;}
#informacaoaprendizagensessenciais {width:95%; height:50px;padding-left:2.5%;padding-right:2.5%;padding-top:10px; font-size:10px;}
.botaoniveisensino {width:44.33333%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:18px;  border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#combinatoria {width:100%; height:1000px;padding-top:60px;}
#topomateria {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%;font-size:22px; }
#setatopo {width:10%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:18px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:22px;}
#teoria {width:96%; height:30px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;   }
#imprimirpdf {width:96%; height:50px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;  }
#pdf {width: 100px;height:50px;margin: 0 auto;}
#fundoaula {width:96%;  float:left;margin-left:2%; margin-right:2%;  padding-bottom:20px;}
#blocoaula {width:46%; height:90px;  float:left;margin-left:2%; margin-right:2%;margin-top:20px; border-bottom: 2px solid #999999; font-size:12px; }
#blocoaula a{ width:100%;  height:90px; display: block; float:left;    }




/*------------------------------ 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:1400px; margin-bottom:100px;}
#umalinhaniveisensino {width:100%; height:50px;padding-top:20px; font-size:22px;}
#informacaoaprendizagensessenciais {width:95%; height:50px;padding-left:2.5%;padding-right:2.5%;padding-top:10px; font-size:10px;}
.botaoniveisensino {width:93%; height:60px; padding-top:10px; margin-top:30px; margin-left:2.5%;margin-right:2.5%;font-size:18px;  border-radius:0.5em;}
.botaoniveisensino a{ width:100%;  height:58px;   }
#combinatoria {width:100%; height:1000px;padding-top:60px;}
#topomateria {width:94%; height:40px;padding-top:10px; padding-left:1%;padding-right:1%; margin-left:2%; margin-right:2%;font-size:22px; }
#setatopo {width:10%;height:40px;}
#topomateriatema {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:16px;}
#topomateriateoriapratica {width:96%; height:40px;padding-top:10px; margin-left:2%; margin-right:2%; font-size:22px;}
#teoria {width:96%; height:30px;  padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;   }
#imprimirpdf {width:96%; height:50px; padding-top:10px;margin-left:2%; margin-right:2%; border-bottom:1px solid #efefef; font-size:22px;  }
#pdf {width: 100px;height:50px;margin: 0 auto;}
#fundoaula {width:96%;  float:left;margin-left:2%; margin-right:2%;  padding-bottom:20px;}
#blocoaula {width:46%; height:90px;  float:left;margin-left:2%; margin-right:2%;margin-top:20px; border-bottom: 2px solid #999999; font-size:12px; }
#blocoaula a{ width:100%;  height:90px; display: block; float:left;    }




/*------------------------------ 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;}






}