* { 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%;}
/* fim imagem e videos responsivos */

#redessociais {width:100%; height:20px;font-family:calibri, arial, century;font-size:16px;position:fixed;z-index:1;font-weight: lighter;}
#facebook {width:10%; height:20px; float:left;color:#000000;text-align:center;margin-left:39%;margin-right:1%;background-color:#efefef;border-bottom-left-radius:2em;border-bottom-right-radius:2em;}
#facebook a{width:100%; height:20px;display:block;text-decoration: none;color:#000000;}
#youtube {width:10%; height:20px; float:left;color:#000000;text-align:center;margin-right:39%;margin-left:1%;background-color:#efefef;border-bottom-left-radius:2em;border-bottom-right-radius:2em;}
#youtube a{width:100%; height:20px;display:block;text-decoration: none;color:#000000;}


/* topo da home incluindo menu*/
#topo {width:100%; height:100px; background-color:#ffffff;position:fixed;}
#matematica {width:58%; height:60px;  font-family: calibri, arial, century; font-size:24px;padding-left:2%;color:#000000;float:left;}
#explicamat {width:38%; height:60px;   font-family:calibri, arial, century;font-size:44px; padding-right:2%;color:#efefef;float:left;text-align:right; font-weight: lighter;}

#barramenu {width:100%; height:40px;background-color:#ffffff; font-family:calibri, arial, century;font-size:14px; text-align:center; float:left;box-shadow:2px 2px 10px #666666;-webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;  }


.opcaoum {width:20%; height:35px; float:left; border-top:5px solid #000000; }
.opcaoum a{ width:100%; height:31px;display: block;  float:left;  text-decoration: none;color:#999999;padding-top:4px;}
.opcaodois {width:20%; height:35px; float:left;border-top:5px solid #55acee; }
.opcaodois a{ width:100%; height:31px; display: block; float:left;  text-decoration: none;color:#999999;padding-top:4px;}
.opcaotres {width:20%; height:35px; float:left;border-top:5px solid #ff6600;}
.opcaotres a{ width:100%; height:31px; display: block; float:left;  text-decoration: none;color:#999999;padding-top:4px;}
.opcaoquatro {width:20%; height:35px; float:left;border-top:5px solid #ffc008;}
.opcaoquatro a{ width:100%; height:31px; display: block; float:left;  text-decoration: none;color:#999999;padding-top:4px;}
.opcaocinco {width:20%; height:35px; float:left;border-top:5px solid #069901;}
.opcaocinco a{ width:100%; height:31px; display: block; float:left;  text-decoration: none;color:#999999;padding-top:4px;}


#aulas  {width:100%; height:430px; background-color:#000000;}
.conteudoumcoluna {width:12%; height:220px; float:left; background-color:#000000; margin-left:4%;margin-right:4%;padding-top:20px;}
.conteudoumcolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#999999;border-bottom:1px solid #999999;}
.conteudoumcolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.conteudoumcolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#000000;  text-decoration: none;color:#ffffff;  margin-top:10px; margin-bottom:10px;}

.espacoancora {width:100%; height:100px;background-color:#ffffff;}

.linhacores {width:100%; height:3px;background-color:#ffffff;}
.corum {width:20%; height:3px;background-color:#000000; float:left;border-top-left-radius:2em;border-top-right-radius:2em;}
.cordois {width:20%; height:3px;background-color:#55acee; float:left;border-top-left-radius:2em;border-top-right-radius:2em;}
.cortres {width:20%; height:3px;background-color:#ff6600;float:left;border-top-left-radius:2em;border-top-right-radius:2em;}
.corquatro {width:20%; height:3px;background-color:#ffc008;float:left;border-top-left-radius:2em;border-top-right-radius:2em;}
.corcinco {width:20%; height:3px;background-color:#069901;float:left;border-top-left-radius:2em;border-top-right-radius:2em;}
.corneutra {width:20%; height:3px;background-color:#ffffff;float:left;}

.tema {width:96%; height:40px; color:#000000; font-family:calibri, arial, century;font-size:22px; padding-left:4%;  font-weight: lighter;margin-top:10px;float:left;}


#testemunhos {width:100%; height:320px;padding-top:80px;padding-bottom:80px;background-color:#ffffff;}
.testemunho {width:25.3%; height:300px; 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;}


#unidadesexplicamat {width:100%; height:440px;padding-top:60px;padding-bottom:350px;background-color:#ffffff;}
.unidade {width:21%; height:438px; margin-left:2%;margin-right:2%;float:left;background-color:#efefef;font-family:calibri, arial, century;font-size:18px; border-bottom:2px solid #069901;color:#666666; }
.unidadetopoum {width:100%; height:28px; background-color:#ffffff; text-align:center; color:#000000;border-top:2px solid #069901;}
.unidadetopodois {width:100%; height:30px; background-color:#000000; text-align:center; color:#ffffff;}
.unidadelinha {width:90%; height:345px; text-align:left;padding-left:5%;padding-right:5%;padding-top:5px;}



#exercicios  {width:100%; height:430px; background-color:#55acee;}
.conteudodoiscoluna {width:12%; height:220px; float:left; background-color:#55acee; margin-left:4%;margin-right:4%;padding-top:20px;}
.conteudodoiscolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#000000;border-bottom:1px solid #000000;}
.conteudodoiscolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.conteudodoiscolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#55acee;  text-decoration: none;color:#ffffff;  margin-top:10px; margin-bottom:10px;}

#exames  {width:100%; height:430px; background-color:#ff6600;}
.conteudotrescoluna {width:12%; height:220px; float:left; background-color:#ff6600; margin-left:4%;margin-right:4%;padding-top:20px;}
.conteudotrescolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#000000;border-bottom:1px solid #000000;}
.conteudotrescolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.conteudotrescolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#ff6600;  text-decoration: none;color:#ffffff;  margin-top:10px; margin-bottom:10px;}

#programas  {width:100%; height:430px; background-color:#ffc008;}
.conteudoquatrocoluna {width:12%; height:220px; float:left; background-color:#ffc008; margin-left:4%;margin-right:4%;padding-top:20px;}
.conteudoquatrocolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#000000;border-bottom:1px solid #000000;}
.conteudoquatrocolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.conteudoquatrocolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#ffc008;  text-decoration: none;color:#ffffff;  margin-top:10px; margin-bottom:10px;}

#explicacoes  {width:100%; height:430px; background-color:#069901;}
.conteudocincocoluna {width:12%; height:220px; float:left; background-color:#069901; margin-left:4%;margin-right:4%;padding-top:20px;}
.conteudocincocolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#000000;border-bottom:1px solid #000000;}
.conteudocincocolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.conteudocincocolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#069901;  text-decoration: none;color:#ffffff;  margin-top:10px; margin-bottom:10px;}

#explicacoespresenciais  {width:100%; height:430px; background-color:#ffffff;}
.explicacoespresenciaiscoluna {width:17%; height:280px; float:left; background-color:#ffffff; margin-left:4%;margin-right:4%;padding-top:20px;}
.explicacoespresenciaiscolunanome {width:100%; height:31px;  text-align:left; font-family:calibri, arial, century;font-size:24px; color:#000000;border-bottom:1px solid #000000;}
.explicacoespresenciaiscolunatexto {width:100%; height:25px;  font-family:calibri, arial, century;font-size:14px; text-align:left;margin-top:10px;margin-bottom:10px;}
.explicacoespresenciaiscolunatexto a{ width:100%;  height:25px; display: block; float:left; background-color:#ffffff;  text-decoration: none;color:#069901;  margin-top:10px; margin-bottom:10px;}




#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){

#redessociais {font-size:14px;}
#facebook {width:15%; margin-left:34%;margin-right:1%;}
#youtube {width:15%; margin-right:34%;margin-left:1%;}


#topo { height:90px; }
#matematica { height:55px;font-size:22px;}
#explicamat { height:55px; font-size:42px; }
#barramenu {height:35px;font-size:12px;  }

.opcaoum {height:31px; border-top:4px solid #000000;   }
.opcaoum a{ height:28px;padding-top:3px;}
.opcaodois {height:31px; border-top:4px solid #55acee; }
.opcaodois a{ height:28px;padding-top:3px;}
.opcaotres {height:31px; border-top:4px solid #ff6600;  }
.opcaotres a{ height:28px;padding-top:3px;}
.opcaoquatro {height:31px; border-top:4px solid #ffc008; }
.opcaoquatro a{ height:28px;padding-top:3px;}
.opcaocinco {height:31px;  border-top:4px solid #069901; }
.opcaocinco a{ height:28px;padding-top:3px;}

#aulas  {height:420px; }
.conteudoumcoluna {height:220px;padding-top:15px;}
.conteudoumcolunanome { height:31px;font-size:18px;}
.conteudoumcolunatexto {height:25px; font-size:12px;}
.conteudoumcolunatexto a{ height:25px; }

#exercicios  {height:420px; }
.conteudodoiscoluna {height:220px;padding-top:15px;}
.conteudodoiscolunanome { height:31px;font-size:18px;}
.conteudodoiscolunatexto {height:25px; font-size:12px;}
.conteudodoiscolunatexto a{ height:25px; }

#exames  {height:420px; }
.conteudotrescoluna {height:220px;padding-top:15px;}
.conteudotrescolunanome { height:31px;font-size:18px;}
.conteudotrescolunatexto {height:25px; font-size:12px;}
.conteudotrescolunatexto a{ height:25px; }

#programas  {height:420px; }
.conteudoquatrocoluna {height:220px;padding-top:15px;}
.conteudoquatrocolunanome { height:31px;font-size:18px;}
.conteudoquatrocolunatexto {height:25px; font-size:12px;}
.conteudoquatrocolunatexto a{ height:25px; }

#explicacoes  {height:420px; }
.conteudocincocoluna {height:220px;padding-top:15px;}
.conteudocincocolunanome { height:31px;font-size:18px;}
.conteudocincocolunatexto {height:25px; font-size:12px;}
.conteudocincocolunatexto a{ height:25px; }

.espacoancora {height:90px;}



.tema { height:35px; font-size:20px; margin-top:7px;}


#testemunhos {height:500px;padding-top:40px;padding-bottom:40px;}
.testemunho {width:29.3%; height:260px; margin-left:2%;margin-right:2%;}
.testemunhotopo { height:35px; font-size:16px;}
.testemunholinha { height:210px; font-size:16px;}


#unidadesexplicamat {width:100%; height:400px;padding-top:60px;padding-bottom:500px;background-color:#ffffff;}
.unidade {width:46%; height:398px; margin-left:2%;margin-right:2%;float:left;background-color:#efefef;font-family:calibri, arial, century;font-size:18px; border-bottom:2px solid #069901;margin-bottom:50px; }
.unidadetopoum {width:100%; height:28px; background-color:#ffffff; text-align:center; color:#000000;border-top:2px solid #069901;}
.unidadetopodois {width:100%; height:30px; background-color:#000000; text-align:center; color:#ffffff;}
.unidadelinha {width:90%; height:335px; text-align:left;padding-left:5%;padding-right:5%;padding-top:5px;}


.explicacoespresenciaiscoluna {width:42%; height:280px; float:left; background-color:#ffffff; margin-left:4%;margin-right:4%;padding-top:20px;}


	
}











@media only screen and (max-width: 620px){

#redessociais {font-size:14px;}
#facebook {width:19%;height:15px; margin-left:30%;margin-right:1%;}
#facebook a{height:15px; }
#youtube {width:19%; height:15px; margin-right:30%;margin-left:1%;}
#youtube a{height:15px; }

#topo { height:80px; }
#matematica { height:50px;font-size:20px;}
#explicamat { height:50px; font-size:38px; }
#barramenu {height:30px;font-size:10px;  }

.opcaoum {height:28px; border-top:2px solid #000000;   }
.opcaoum a{ height:25px;padding-top:3px;}
.opcaodois {height:28px; border-top:2px solid #55acee; }
.opcaodois a{ height:25px;padding-top:3px;}
.opcaotres {height:28px; border-top:2px solid #ff6600;  }
.opcaotres a{ height:25px;padding-top:3px;}
.opcaoquatro {height:28px; border-top:2px solid #ffc008; }
.opcaoquatro a{ height:25px;padding-top:3px;}
.opcaocinco {height:28px;  border-top:2px solid #069901; }
.opcaocinco a{ height:25px;padding-top:3px;}

#aulas  {height:600px; }
.conteudoumcoluna {width:25.3%;height:220px;padding-top:15px;}
.conteudoumcolunanome { height:31px;font-size:22px;}
.conteudoumcolunatexto {height:25px; font-size:12px;}
.conteudoumcolunatexto a{ height:25px; }

#exercicios  {height:600px; }
.conteudodoiscoluna {width:25.3%;height:220px;padding-top:15px;}
.conteudodoiscolunanome { height:31px;font-size:22px;}
.conteudodoiscolunatexto {height:25px; font-size:12px;}
.conteudodoiscolunatexto a{ height:25px; }

#exames  {height:600px; }
.conteudotrescoluna {width:25.3%;height:220px;padding-top:15px;}
.conteudotrescolunanome { height:31px;font-size:22px;}
.conteudotrescolunatexto {height:25px; font-size:12px;}
.conteudotrescolunatexto a{ height:25px; }

#programas  {height:600px; }
.conteudoquatrocoluna {width:25.3%;height:220px;padding-top:15px;}
.conteudoquatrocolunanome { height:31px;font-size:22px;}
.conteudoquatrocolunatexto {height:25px; font-size:12px;}
.conteudoquatrocolunatexto a{ height:25px; }

#explicacoes  {height:600px; }
.conteudocincocoluna {width:25.3%;height:220px;padding-top:15px;}
.conteudocincocolunanome { height:31px;font-size:22px;}
.conteudocincocolunatexto {height:25px; font-size:12px;}
.conteudocincocolunatexto a{ height:25px; }

.espacoancora {height:80px;}



.tema { height:30px; font-size:18px; margin-top:5px;}


#testemunhos {height:700px;padding-top:100px;padding-bottom:120px;}
.testemunho {width:90%; height:300px; margin-left:5%;margin-right:5%;}
.testemunhotopo { height:35px; font-size:18px;}
.testemunholinha { height:210px; font-size:16px;}

#unidadesexplicamat {width:100%; height:470px;padding-top:60px;padding-bottom:500px;background-color:#ffffff;}
.unidade {width:46%; height:468px; margin-left:2%;margin-right:2%;float:left;background-color:#efefef;font-family:calibri, arial, century;font-size:18px; border-bottom:2px solid #069901;margin-bottom:50px; }
.unidadetopoum {width:100%; height:28px; background-color:#ffffff; text-align:center; color:#000000;border-top:2px solid #069901;}
.unidadetopodois {width:100%; height:30px; background-color:#000000; text-align:center; color:#ffffff;}
.unidadelinha {width:90%; height:385px; text-align:left;padding-left:5%;padding-right:5%;padding-top:5px;}



}












@media only screen and (max-width: 580px){

#redessociais {font-size:11px;}
#facebook {width:20%;height:15px; margin-right:29%;margin-left:1%;}
#facebook a{height:15px; }
#youtube {width:20%;height:15px;  margin-left:29%;margin-right:1%;}
#youtube a{height:15px; }

#topo { height:110px; }
#matematica { width:100%;height:50px;font-size:16px;text-align:center;}
#explicamat { display:none; }
#barramenu {height:20px;font-size:10px; box-shadow:none;-webkit-box-shadow: none; -moz-box-shadow: none; }

.opcaoum {width:100%;height:18px; border-top:2px solid #000000;  }
.opcaoum a{ height:18px;color:#000000;padding-top:0px;}
.opcaodois {width:50%;height:18px; border-top:2px solid #55acee; }
.opcaodois a{ height:18px;color:#55acee;padding-top:0px;}
.opcaotres {width:50%;height:18px; border-top:2px solid #ff6600; }
.opcaotres a{ height:18px;color:#ff6600;padding-top:0px;}
.opcaoquatro {width:50%;height:18px; border-top:2px solid #ffc008; }
.opcaoquatro a{ height:18px;color:#ffc008;padding-top:0px;}
.opcaocinco {width:50%;height:18px;  border-top:2px solid #069901; }
.opcaocinco a{ height:18px;color:#069901;padding-top:0px;}

#aulas  {height:1330px; }
.conteudoumcoluna {width:92%;height:220px;padding-top:15px;}
.conteudoumcolunanome { height:31px;font-size:22px;}
.conteudoumcolunatexto {height:25px; font-size:12px;}
.conteudoumcolunatexto a{ height:25px; }

#exercicios  {height:1330px; }
.conteudodoiscoluna {width:92%;height:220px;padding-top:15px;}
.conteudodoiscolunanome { height:31px;font-size:22px;}
.conteudodoiscolunatexto {height:25px; font-size:12px;}
.conteudodoiscolunatexto a{ height:25px; }

#exames  {height:1330px; }
.conteudotrescoluna {width:92%;height:220px;padding-top:15px;}
.conteudotrescolunanome { height:31px;font-size:22px;}
.conteudotrescolunatexto {height:25px; font-size:12px;}
.conteudotrescolunatexto a{ height:25px; }

#programas  {height:1330px; }
.conteudoquatrocoluna {width:92%;height:220px;padding-top:15px;}
.conteudoquatrocolunanome { height:31px;font-size:22px;}
.conteudoquatrocolunatexto {height:25px; font-size:12px;}
.conteudoquatrocolunatexto a{ height:25px; }

#explicacoes  {height:1330px; }
.conteudocincocoluna {width:92%;height:220px;padding-top:15px;}
.conteudocincocolunanome { height:31px;font-size:22px;}
.conteudocincocolunatexto {height:25px; font-size:12px;}
.conteudocincocolunatexto a{ height:25px; }

.espacoancora {height:110px;}

.linhacores {display:none;}

.tema { height:60px; font-size:12px; margin-top:5px;}


#testemunhos {height:800px;padding-top:150px;padding-bottom:150px;}
.testemunho {width:90%; height:300px; margin-left:5%;margin-right:5%;}
.testemunhotopo { height:35px; font-size:18px;}
.testemunholinha { height:290px; font-size:16px;}


#unidadesexplicamat {width:100%; height:420px;padding-top:60px;padding-bottom:500px;background-color:#ffffff;}
.unidade {width:96%; height:418px; margin-left:2%;margin-right:2%;float:left;background-color:#efefef;font-family:calibri, arial, century;font-size:18px; border-bottom:2px solid #069901;margin-bottom:50px; }
.unidadetopoum {width:100%; height:28px; background-color:#ffffff; text-align:center; color:#000000;border-top:2px solid #069901;}
.unidadetopodois {width:100%; height:30px; background-color:#000000; text-align:center; color:#ffffff;}
.unidadelinha {width:90%; height:355px; text-align:left;padding-left:5%;padding-right:5%;padding-top:5px;}



.explicacoespresenciaiscoluna {width:92%; height:280px; float:left; background-color:#ffffff; margin-left:4%;margin-right:4%;padding-top:20px;}






}