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




/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#entrada {width:790px; height:40px; margin:0 auto; margin-bottom:10px;text-align:center;font-family:calibri, arial, century;font-size:12px;}
#entrada a{ width:100%; height:40px;margin-bottom:10px;display: block;  float:left;background-color:#f2f2f2;text-decoration: none;color:#000000;text-align:center;box-shadow:2px 2px 10px #666666; -webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;}
#opcaoentrada {width:48%; height:40px;float:left; text-align:center;margin-left:1%;margin-right:1%;box-shadow:2px 2px 10px #666666; -webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;}
#opcaoentrada a{  width:100%; height:40px;padding-top:0px;display: block;  float:left; background-color:#f2f2f2; text-decoration: none;color:#000000;box-shadow:2px 2px 10px #666666; -webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666; }
#fundoazulexamepago  {width:100%; height:850px;  background-color:#55acee;}
#fundoazulexamepagotexto {width:860px;height:750px;  margin:0 auto;  padding-left:10px;padding-right:10px;background-color:#55acee;padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;}
#servico {width:29%; height:50px; float:left; padding-top:5px; padding-bottom:5px; margin-top:15px; margin-bottom:15px; margin-left:2%; margin-right: 2%;font-family:calibri, arial, century;font-size:20px;  font-weight: lighter; color:#ffffff; text-align:center; border: 1px solid #ffffff; box-shadow:2px 2px 5px #666666;-webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666; border-radius: 10px;}
.botaovideoselecionado {width:33.333%; height:90px; float:left; padding-top:10px; margin-top:15px; font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;background-color:#007599;color:#81DAF5; text-align:center;}
.botaovideos {width:33.333%; height:90px; float:left; padding-top:10px; margin-top:15px; font-family:calibri, arial, century;font-size:24px;  font-weight: lighter;color:#ffffff; text-align:center;}
.botaovideos a{ width:100%;  height:90px; display: block; float:left;   text-decoration: none;color:#ffffff;  }
#conteudo {width:98%;  float:left ;padding-left:1%;padding-right:1%;padding-top:1%;padding-bottom:1%;background-color:#007599;}
.informacaopdf {width:20%; height:30px; float:left; margin-left:2.5%;margin-right:2.5%;padding-top:5px; margin-top:5px; font-family:calibri, arial, century;font-size:18px;  font-weight: lighter;color:#ffffff; text-align:center;}
.informacaopdf a{ width:100%;  height:30px; display: block; float:left;   text-decoration: none;color:#ffffff;  }
#formulariomailchimp {width:860px;margin-left:10px;margin-right:10px; float:left; background-color:#ffffff;padding-top:20px;padding-bottom:20px;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;text-align:center;}
#blococomentarios {width:860px;  margin:0 auto;   padding-left:10px;padding-right:10px;margin-bottom:50px;background-color:#f2f2f2;font-family:calibri, arial, century;font-size:20px;font-weight: lighter;text-align:center;}
#blococomentarios a{ text-decoration: none; color:#6ec5dc;}




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

/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#entrada {width:100%; height:40px; margin:0 auto; margin-bottom:10px;font-size:12px;}
#entrada a{ width:100%; height:40px;margin-bottom:10px;}
#opcaoentrada {width:49%; height:40px;margin-left:0.5%;margin-right:0.5%;}
#opcaoentrada a{  width:100%; height:40px;padding-top:0px; }
#fundoazulexamepago  {width:100%; height:780px; }
#fundoazulexamepagotexto {width:76%;height:760px; margin-left:12%;margin-right:12%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#servico {width:29%; height:50px; padding-top:5px; padding-bottom:5px; margin-top:15px; margin-bottom:15px; margin-left:2%; margin-right: 2%; font-size:18px;  border: 1px solid #ffffff;  border-radius: 10px;}
.botaovideoselecionado {width:33.333%; height:55px;  padding-top:2px; margin-top:15px; font-size:16px;  }
.botaovideos {width:33.333%; height:55px; float:left; padding-top:2px; margin-top:15px; font-size:16px; }
.botaovideos a{ width:100%;  height:55px;  }
#conteudo {width:98%; padding-left:1%;padding-right:1%;padding-top:1%;padding-bottom:1%;font-size:10px;}
.informacaopdf {width:20%; height:30px; float:left; margin-left:2.5%;margin-right:2.5%;padding-top:5px; margin-top:5px;font-size:16px; }
.informacaopdf a{ width:100%;  height:30px;  }
#formulariomailchimp {width:76%;padding-left:12%;padding-right:12%;padding-top:20px;padding-bottom:20px;font-size:18px;}
#blococomentarios {width:76%;padding-left:12%;padding-right:12%; margin-bottom:50px;font-size:18px;}
#blococomentarios a{ text-decoration: none; color:#6ec5dc;}






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

/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#fundoazulexamepago  {width:100%; height:750px; }
#fundoazulexamepagotexto {width:90%;height:630px; margin-left:5%;margin-right:5%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#servico {width:28%; height:45px; padding-top:3px; padding-bottom:3px; margin-top:15px; margin-bottom:15px; margin-left:2%; margin-right: 2%; font-size:16px;  border: 1px solid #ffffff;  border-radius: 10px;}
.botaovideoselecionado {width:33.333%; height:50px;  padding-top:2px; margin-top:15px; font-size:14px;  }
.botaovideos {width:33.333%; height:50px; float:left; padding-top:2px; margin-top:15px; font-size:14px; }
.botaovideos a{ width:100%;  height:50px;  }
#conteudo {width:98%; padding-left:1%;padding-right:1%;padding-top:1%;padding-bottom:1%;}
.informacaopdf {width:20%; height:30px; float:left; margin-left:2.5%;margin-right:2.5%;padding-top:5px; margin-top:5px;font-size:14px; }
.informacaopdf a{ width:100%;  height:30px;  }
#formulariomailchimp {width:90%;padding-left:5%;padding-right:5%;padding-top:20px;padding-bottom:20px;font-size:16px;}
#blococomentarios {width:90%;padding-left:5%;padding-right:5%; margin-bottom:50px;font-size:16px;}
#blococomentarios a{ text-decoration: none; color:#6ec5dc;}





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

/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#fundoazulexamepago  {width:100%; height:750px; }
#fundoazulexamepagotexto {width:90%;height:640px; padding-left:0%;padding-right:3%;padding-top:20px;padding-bottom:20px;font-size:20px;}
#servico {width:31%; height:45px; padding-top:3px; padding-bottom:3px; margin-top:15px; margin-bottom:15px; margin-left:0.5%; margin-right: 0.5%; font-size:16px;  border: 1px solid #ffffff;  border-radius: 10px;}
.botaovideoselecionado {width:33.333%; height:40px;  padding-top:2px; margin-top:15px; font-size:12px;  }
.botaovideos {width:33.333%; height:40px; float:left; padding-top:2px; margin-top:15px; font-size:12px; }
.botaovideos a{ width:100%;  height:40px;  }
#conteudo {width:98%;padding-left:1%;padding-right:1%;padding-top:1%;padding-bottom:1%;}
.informacaopdf {width:20%; height:30px; float:left; margin-left:2.5%;margin-right:2.5%;padding-top:5px; margin-top:5px;font-size:12px; }
.informacaopdf a{ width:100%;  height:30px;  }
#formulariomailchimp {width:100%;padding-left:0%;padding-right:0%;padding-top:20px;padding-bottom:20px;font-size:14px;}
#blococomentarios {width:94%;padding-left:3%;padding-right:3%; margin-bottom:50px;font-size:14px;}
#blococomentarios a{ text-decoration: none; color:#6ec5dc;}






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

/*------------------------------ Exame Nacional (serviço pago) --------------------------------------------------------------------*/
#fundoazulexamepago  {width:100%; height:490px; }
#fundoazulexamepagotexto {width:98%;height:350px; margin-left:1%;margin-right:1%;padding-top:5px;padding-bottom:5px;font-size:16px;}
#servico {width:28%; height:45px; padding-top:3px; padding-bottom:3px; margin-top:15px; margin-bottom:15px; margin-left:2%; margin-right: 2%; font-size:12px;  border: 1px solid #ffffff;  border-radius: 10px;}
.botaovideoselecionado {width:33.333%; height:40px;  padding-top:2px; margin-top:15px; font-size:9px;  }
.botaovideos {width:33.333%; height:40px; float:left; padding-top:2px; margin-top:15px; font-size:9px; }
.botaovideos a{ width:100%;  height:40px;  }
#conteudo {width:100%;padding-left:0%;padding-right:0%;padding-top:1%;padding-bottom:1%;}
.informacaopdf {width:20%; height:30px; float:left; margin-left:2.5%;margin-right:2.5%;padding-top:5px; margin-top:5px;font-size:9px; }
.informacaopdf a{ width:100%;  height:30px;  }
#formulariomailchimp {width:98%;padding-left:1%;padding-right:1%;padding-top:20px;padding-bottom:20px;font-size:10px;}
#blococomentarios {width:98%;padding-left:1%;padding-right:1%; margin-bottom:50px;font-size:10px;}
#blococomentarios a{ text-decoration: none; color:#6ec5dc;}





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






}