* {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:943px; top:-110px;
}

#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:80px; padding-top:25px; background-color:#ffffff;  background-size: cover;}
#logo {width:1024px; height:80px; background-image:url(../img/logo.png);  margin:0 auto; background-repeat:no-repeat; background-color:#000000;position:relative;}

#donativo {width:100px; height:30px;    position:absolute;  left:700px; top:20px;}
#donativotexto {width:220px; height:30px;  font-family:arial Rounded MT Bold; font-size:11px;  position:absolute;  left:810px; top:20px;color:#ffffff;}

#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-family:arial Rounded MT Bold; font-size:25px;} 
.links {color:#ffffff; font-family:arial Rounded MT Bold; font-size:16px; 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; height:525px; margin:0 auto;position:relative; background-image:url(../img/fundopagina.jpg);}
#boxvideomenu {width:320px; height:525px;  background-image:url(../img/fundopagina.jpg); float:right; overflow:auto; }

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

#boxvideomenuaulaselecionada {width:250px; height:20px; float:right; background-color:#ffffff; color:#ff6600; padding-left:2px; }

#linharodape {width:100%; height:30px; background-color:#ffffff; }
#rodape {width:1024px; height:30px; background-image:url(../img/fundolinharodape.jpg); color:#ffffff; font-family:arial Rounded MT Bold;margin:0 auto; font-size:25px;}

#comandovideo {width:100%; height:300px; background-color:#ffffff;}
#comando {width:1024px; height:150px; font-family:arial; margin:0 auto;}

#comandotexto {width:700px; height:20px; font-family:arial Rounded MT Bold;font-size:13px; color:#cccccc; background-color:#000000;margin-top:1px; margin-bottom:1px;}
#comandolinks {width:600px; height:20px; font-family:arial Rounded MT Bold;font-size:13px;  float:right; color:#666666;background-color:#e8e8e8; }

#fundocomentarios {width:700px; height:20px;  background-color:#ffffff;}

#mensagem {width:322px; height:75px; float:right; }


-------------------------