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


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






#linhatopo {width:100%; height:20px;background-color:#efefef;}
#fundo {width:100%; height:1750px; background-size:cover; background-color:#efefef;}


#mensagemtopo {width:895px; height:140px;  margin:0 auto;margin-top:15px;font-family:arial,calibri, century; font-size:12px;color:#ff6600;}

#linhazul {width:895px; height:1px; margin:0 auto;background-color:#66ccff;margin-top:10px;  }

#separador {width:890px; height:80px;padding-top:10px; margin:0 auto;font-family:arial,calibri, century; font-size:18px;padding-left:5px;font-weight: lighter; }

#corpo {width:895px; height:45px; margin:0 auto;  }

#matematica {width:285px; height:30px; background-color:#efefef; float:right; margin-top:10px;margin-left:5px;margin-right:5px; font-family:arial,calibri, century; font-size:20px; color:#000000;text-align:center;border-radius:15px;box-shadow:2px 2px 10px #666666; -webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;}

#matematicaselecionado {width:285px; height:30px; background-color:#66ccff; float:right; margin-top:10px;margin-left:5px;margin-right:5px; font-family:arial,calibri, century; font-size:20px; color:#ffffff;text-align:center;border-radius:15px;box-shadow:2px 2px 10px #66ccff; -webkit-box-shadow: 2px 2px 10px #66ccff; -moz-box-shadow: 2px 2px 10px #66ccff;}

#caixaa {width:895px; height:1250px; margin:0 auto;background-color:#f6f6f6;box-shadow:2px 2px 10px #666666; -webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;border-radius:15px;margin-top:10px;}
#caixa {width:895px; height:1250px; margin:0 auto;margin-top:10px;}

#periodo {width:285px; height:700px; float:left;margin-top:10px; margin-left:5px;margin-right:5px; font-family:arial,calibri, century; font-size:15px;border-radius:15px;text-align:center;  font-family:arial,calibri, century; font-size:20px;color:#000000;font-weight: bold;}

#aulasperiodo {width:285px; height:45px; float:left;margin-top:5px;  font-family:arial,calibri, century; font-size:15px;border-radius:15px;text-align:center; background-color:#ffffff;box-shadow:2px 2px 10px #66ccff; -webkit-box-shadow: 2px 2px 10px #66ccff; -moz-box-shadow: 2px 2px 10px #66ccff; }

#aulasperiodotema {width:285px; height:20px; float:left;margin-top:15px;  font-family:arial,calibri, century; font-size:15px;border-radius:15px;text-align:center; background-color:#000000;box-shadow:2px 2px 10px #cccccc; -webkit-box-shadow: 2px 2px 10px #cccccc; -moz-box-shadow: 2px 2px 10px #cccccc; font-weight: bold;color:#ffffff;}

#aulasperiodoexercicios {width:285px; height:35px; float:left;margin-top:5px;  font-family:arial,calibri, century; font-size:15px;border-radius:15px;text-align:center; background-color:#ff6600;box-shadow:2px 2px 10px #cccccc; -webkit-box-shadow: 2px 2px 10px #cccccc; -moz-box-shadow: 2px 2px 10px #cccccc;color:#666666; }

#aulanumero {width:50px; height:37px;float:left; font-family:arial,calibri, century; font-size:12px;border-radius:15px;text-align:center; background-color:#66ccff;font-weight: bold; padding-top:8px;color:#ffffff;}

#aulatexto {width:230px; height:43px; float:left; font-family:arial,calibri, century; font-size:12px;border-radius:15px;text-align:center; background-color:#ffffff;text-align:left;padding-left:5px;padding-top:2px;font-weight: bold;color:#cccccc;}

#aulatextoexercicios {width:230px; height:43px; float:left; font-family:arial,calibri, century; font-size:12px;border-radius:15px;text-align:center; background-color:#ff6600;font-weight: bold;text-align:left;padding-left:5px;padding-top:2px;color:#cccccc;}

a:link {color:#000000;}

a:visited {color:#000000;}

a:hover {color:#66ccff;}




#facebook {width:34px; height:30px; background-color:#ffffff; background-image:url(../img/facebook.jpg); margin:0 auto; float:left; font-family:arial; font-size:10px;  position:absolute;left:1020px; top:45px;
}

#youtube {width:34px; height:30px; background-color:#ffffff; background-image:url(../img/youtube.jpg); margin:0 auto; float:left; font-family:arial; font-size:10px;  position:absolute;left:1060px; top:45px;
}


@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;}


	
}











@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;}



}












@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;}



}








@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;}



}