* {margin:0; padding:0;}

*{text-decoration:none;}

#explicacoes {width:130px; height:30px; margin:0 auto; float:left; font-family:arial; font-size:10px;  position:absolute;  left:704px; top:-110px;
}

ul, ol {list-style:none;}
.nav li a {background-image:url(../img/fundomenu.jpg); color:#ffffff; text-decoration:none; padding-left:6px; padding-top:6px; padding-bottom:6px; display:block;  }
.nav li a:hover {background-image:url(../img/hover.jpg);}
.nav > li {float:left; }
.nav li ul {display:none; position:absolute; min-width:130px; }
.nav li:hover > ul {display:block;}
.nav li ul li {position:relative;}
.nav li ul li ul {left:130px;top:0px; }
#explicado {width:300px; height:41px; background-image:url(../img/explicador.png);background-repeat:no-repeat; margin-top:40px;}

#explicacoesonline {width:90px; height:30px; margin:0 auto; float:left; font-family:arial; font-size:10px;  position:absolute;  left:843px; top:-110px;
}

ul, ol {list-style:none;}
.navonline li a {background-image:url(../img/fundomenu.jpg); color:#ffffff; text-decoration:none; padding-left:6px; padding-top:6px; padding-bottom:6px; display:block;  }
.navonline li a:hover {background-image:url(../img/hover.jpg);}
.navonline > li {float:left; }
.navonline li ul {display:none; position:absolute; min-width:90px; }
.navonline li:hover > ul {display:block;}
.navonline li ul li {position:relative; }
.navonline li ul li ul {left:90px;top:0px; }

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

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





#topo {width:100%; height:100px; background-color:#ffffff;  background-size: cover;}
#entrarlinha {width:1024px; height:20px;  margin:0 auto;  background-color:#ffffff;font-family:Century Gothic;}
#entrartexto {width:380px; height:20px;    background-color:#ffffff;font-family:Century Gothic;float:right;}
#logo {width:1024px; height:80px; background-image:url(../img/logo.png);  margin:0 auto; background-repeat:no-repeat; background-color:#000000;}







#menu {width:100%; margin:0 auto; height:30px; background-color:#ffffff;}
#opcoesmenu {width:1024px; height:30px; margin:0 auto; background-image:url(../img/fundomenu.jpg);color:#ffffff; font-size:25px;} 
.links {color:#ffffff; font-family:Century Gothic; font-size:13px;  text-decoration:none; padding-left:20px; padding-right:20px; padding-bottom:11px; padding-top:4px; }
.links:hover {background-image:url(../img/hover.jpg);}
.navlinks li a {background-image:url(../img/fundomenu.jpg); text-decoration:none; padding-left:6px; padding-top:6px; padding-bottom:6px; display:block;}
.navlinks li a:hover {background-image:url(../img/hover.jpg);}
.navlinks > li {float:left; }
.navlinks li ul {display:none; position:absolute; min-width:110px; }
.navlinks li:hover > ul {display:block; }
.navlinks li ul li {position:relative;}
.navlinks li ul li ul {left:110px;top:0px; }





#fundo {width:100%; height:525px;  background-color:#ffffff;}
#boxvideo {width:1024px; background-color:#ffffff; height:525px; margin:0 auto;position:relative;overflow:auto;}
#boxvideomenu {width:300px; height:525px;   float:right; overflow:auto;font-family:Century Gothic;font-size:65px; }
#blocovideo {width:704px; background-color:#ffffff; height:525px; }
#blocoum {width:689px; background-color:#ffffff; height:20px;font-family:Century Gothic; font-size:15px;padding-left:5px;padding-right:10px;}
#pagamentoum {width:201px; background-color:#000000; height:160px;font-family:Century Gothic; font-size:12px; float:right; padding-left:20px;padding-right:5px;}
#pagamentodois {width:201px; background-color:#000000; height:160px;font-family:Century Gothic; font-size:12px;float:right;padding-left:20px;padding-right:5px; margin-right:5px;}
#pagamentotres {width:201px; background-color:#000000; height:160px;font-family:Century Gothic; font-size:12px;float:right; padding-left:20px;padding-right:5px;margin-right:5px;}
#blocodois {width:689px; background-color:#ffffff; height:160px;font-family:Century Gothic; font-size:15px;padding-right:15px; }
#blocofino {width:704px; background-color:#ffffff; height:1px;font-family:Century Gothic; font-size:15px; }
#pacoteum {width:455px; background-color:#000000; height:35px;font-family:Century Gothic; font-size:12px;padding-left:5px;}
#pacoteumpagar {width:435px; background-color:#ffffff; height:46px;font-family:Century Gothic; font-size:12px;padding-left:10px;padding-right:10px;}
#pacotedois {width:685px; background-color:#000000; height:35px;font-family:Century Gothic; font-size:12px;padding-left:5px;}
#pacotedoispagar {width:670px; background-color:#ffffff; height:46px;font-family:Century Gothic; font-size:12px;padding-left:10px;padding-right:10px;}


#boxvideomenuaulas {width:300px; height:15px;  font-family:arial; font-size:12px; background-color:#000000; color:#ffffff;}
#boxvideomenutestesintermedios {width:255px; height:15px;  font-family:arial; font-size:12px; float:right; background-color:#666666; color:#ffffff;}
#boxvideomenuexamesnacionais {width:125px; height:15px;  font-family:arial; font-size:12px; float:right;background-color:#999999; color:#ffffff;}
#boxvideomenunumeroaula {width:298px; height:20px; font-family:arial;font-size:13px; color:#ffffff; background-color:#000000;margin-top:1px; margin-bottom:1px;padding-left:2px;}
#boxvideomenunumeroaulatexto {width:250px; height:20px; font-family:arial;font-size:13px;  float:right; color:#000000;background-color:#e8e8e8;padding-left:2px;}
#separadortema {width:298px; height:20px; font-family:arial; font-weight: bold; font-size:13px;   color:#e8e8e8;background-color:#ff6600;padding-left:2px; }
#separadorfino {width:300px; height:1px;background-color:#ffffff;}
#separadorazul {width:300px; height:20px;background-color:#66ccff;color:#000000; text-align:center; font-family:arial Rounded MT Bold;font-size:18px;}

#linharodape {width:100%; margin:0 auto; height:500px; background-color:#ffffff; }
#rodape {width:1024px; height:30px; background-image:url(../img/fundolinharodape.jpg); margin:0 auto;}
#rodapedois {width:1024px; height:30px;  margin:0 auto;font-family:Century Gothic;}