#conteudo { position:absolute;  width:936px; height:560px; overflow:hidden; top 0; left:0; }
.p01 { background:url(img/infografico-parte01b.jpg) no-repeat; position:absolute;  width:980px; height:560px; overflow:hidden; top:0; left:0; }
.p02 { background:url(img/infografico-parte02b.jpg) no-repeat; position:absolute;  width:980px; height:560px; overflow:hidden; top:0; left:0; }
.p03 { background:url(img/infografico-parte03b.jpg) no-repeat; position:absolute;  width:980px; height:560px; overflow:hidden; top:0; left:0; }

.info_parte01 {position:absolute; top:97px; left: 21px; width:58px; height:20px; text-indent: -5000px;} 
.info_parte02 {position:absolute; top:97px; left: 86px; width:58px; height:20px; text-indent: -5000px;} 
.info_parte03 {position:absolute; top:97px; left: 153px; width:58px; height:20px; text-indent: -5000px;} 

#campo_bt_ant { position:absolute; top:455px; left:450px;}
#campo_bt_prox { position:absolute; top:455px; left:825px;}

#menu li#historia a { background-position:-14px 0; width:54px; overflow:hidden; }
#menu li#linha a { background-position:-85px 0; width:102px; overflow:hidden; }
#menu li#astronautas a { background-position:-204px 0; width:105px; overflow:hidden; }
#menu li#entrevistas a { background-position:-327px 0; width:77px; overflow:hidden; }
#menu li#infograficos a { background-position:-422px 0; width:76px; overflow:hidden; }
#menu li#moonwalkers a { background-position:-516px 0; width:112px; overflow:hidden; }
#menu li#teoria a { background-position:-645px 0; width:150px; overflow:hidden; }
#menu li#galeria a { background-position:-813px 0; width:50px; overflow:hidden; }
#menu li#videos a { background-position:-879px 0; width:42px; overflow:hidden; }
#menu li#quiz a { background-position:-938px 0; width:27px; overflow:hidden; }

.historia #menu li#historia a, #menu li#historia a:hover { background-position:-14px -40px;  }
.linha #menu li#linha a, #menu li#linha a:hover { background-position:-85px -40px;  }
.astronautas #menu li#astronautas a, #menu li#astronautas a:hover { background-position:-204px -40px;  }
.entrevistas #menu li#entrevistas a, #menu li#entrevistas a:hover { background-position:-327px -40px;  }
.infograficos #menu li#infograficos a, #menu li#infograficos a:hover { background-position:-422px -40px;  }
.moonwalkers #menu li#moonwalkers a, #menu li#moonwalkers a:hover { background-position:-516px -40px;  }
.teoria #menu li#teoria a, #menu li#teoria a:hover { background-position:-645px -40px;  }
.galeria #menu li#galeria a, #menu li#galeria a:hover { background-position:-813px -40px;  }
.videos #menu li#videos a, #menu li#videos a:hover { background-position:-879px -40px;  }
.quiz #menu li#quiz a, #menu li#quiz a:hover { background-position:-938px -40px;  }

#texto { font-size:13px; line-height:20px; margin-bottom:20px; }

.bt-saibamais { display:block; width:122px; height:34px; background:url(img/bt-saibamais.gif); float:left; }
.bt-saibamais:hover { background-position:0 -34px; }

.bt-navegue { display:block; width:219px; height:34px; background:url(img/bt-navegue.gif); float:left; }
.bt-navegue:hover { background-position:0 -34px; }

.bt-proxima { display:block; width:102px; height:34px; background:url(img/bt-proxima.gif); float:right; margin-right: 20px; }
.bt-proxima:hover { background-position:0 -34px; }

.bt-anterior { display:block; width:109px; height:34px; background:url(img/bt-anterior.gif); float:left; }
.bt-anterior:hover { background-position:0 -34px; }

* h5 { font-size:18px; line-height:27px; padding-bottom:15px; }
 
/* capa */

.capa #conteudo { background:url(img/capa-bg3.gif); }
.capa.computador #conteudo { background:url(img/computador.gif); }

.capa .scrolling,
.capa .scr-scrollbar,
.capa .scr-track,
.capa .scr-content { height:360px; }

.capa #texto { width:645px; }
.capa.computador #texto { width:430px;}
.capa.computador #texto p{ margin: 25px 0 0 0;}
.capa #infos { width:645px; position:absolute; top:110px; left:20px; }

/* historia */

.historia #conteudo { background:url(img/historia-bg.jpg); }

.historia .scrolling,
.historia .scr-scrollbar,
.historia .scr-track,
.historia .scr-content { height:360px; }

.historia #texto { width:500px; }

.historia #infos { width:498px; position:absolute; top:110px; left:20px; }

/* linha */

.linha #conteudo { background:url(img/linha-bg.jpg); }

.linha .scrolling,
.linha .scr-scrollbar,
.linha .scr-track,
.linha .scr-content { height:165px; }

.linha #texto { width:500px; overflow:hidden; }

.linha #infos { width:940px; position:absolute; top:210px; left:20px; }

.linha #infos h2 { margin-bottom:20px; }

.linha #infos img { position:absolute; right:0; top:0; border:0; }

.linha .bt-proxima, .linha .bt-anterior { margin-top:20px; }
.linha .bt-proxima { margin-right:1px; }


/* entrevistas */

.entrevistas #conteudo { background:url(img/entrevistas-bg.jpg); }

.entrevistas .scrolling,
.entrevistas .scr-scrollbar,
.entrevistas .scr-track,
.entrevistas .scr-content { height:360px; }

.entrevistas #texto { width:547px; }

.entrevistas #texto p { padding-bottom:20px; }
.entrevistas #texto b { color:#f90; }

.entrevistas #infos { width:547px; position:absolute; top:110px; left:20px; }

.entrevistas #infos img { width:340px; height:360px; position:absolute; top:0px; left:580px; }

#kranz,
#pontes { width:547px; height:158px; display:block; background:url(img/entrevistas-01.gif); margin-bottom:20px; }

#pontes { margin-bottom:40px; background:url(img/entrevistas-02.gif) no-repeat; }

#kranz a,
#pontes a { width:100%; height:100%; display:block; text-indent:-5000px; background:url(img/bt-entrevista.gif) no-repeat 219px 124px; }

#kranz a:hover,
#pontes a:hover { background-position:219px -376px; }

/* astronautas */

.astronautas #conteudo { background:url(img/astronautas-bg.jpg); }

.astronautas .scrolling,
.astronautas .scr-scrollbar,
.astronautas .scr-track,
.astronautas .scr-content { height:303px; }
.astronautas #texto { width:598px; float:left; }

.astronautas #infos { width:940px; position:absolute; top:110px; left:10px; overflow:hidden; }

.astronautas ol { width:936px; float:left; margin-bottom:20px; }

.astronautas ol li { float:left; margin-right:2px; }

.astronautas ol li a { display:block; height:303px; width:302px; text-indent:-5000px; }



.astronautas .foto { display:block; height:303px; width:302px; float:left; margin-right:40px; }
.astronautas div#neil { background:url(img/astronautas-neil.jpg); }
.astronautas div#edwin { background:url(img/astronautas-buzz.jpg); }
.astronautas div#collins { background:url(img/astronautas-collins.jpg); }

/* galeria */

.galeria #conteudo { background:url(img/galeria-bg.jpg); }

.galeria #foto { position:absolute; top:107px; left:22px; width:619px; height:407px; text-align:center; overflow:hidden; background:url(img/galeria-foto-bg.jpg); }

.galeria img { border:0; }

.galeria #thumbs { position:absolute; top:107px; left:642px; width:325px; }

.galeria #thumbs li { float:left; height:67px; width:79px; overflow:hidden; margin:0 1px 1px 0; }

.galeria #thumbs li a { border:0; float:left; display:block; height:67px; width:79px; overflow:hidden; }

.g01 #thumbs li#g01 a,
.g02 #thumbs li#g02 a,
.g03 #thumbs li#g03 a,
.g04 #thumbs li#g04 a,
.g05 #thumbs li#g05 a,
.g06 #thumbs li#g06 a,
.g07 #thumbs li#g07 a,
.g08 #thumbs li#g08 a,
.g09 #thumbs li#g09 a,
.g10 #thumbs li#g10 a,
.g11 #thumbs li#g11 a,
.g12 #thumbs li#g12 a,
.g13 #thumbs li#g13 a,
.g14 #thumbs li#g14 a,
.g15 #thumbs li#g15 a,
.g16 #thumbs li#g16 a,
.g17 #thumbs li#g17 a,
.g18 #thumbs li#g18 a,
.g19 #thumbs li#g19 a,
.g20 #thumbs li#g20 a,
.g21 #thumbs li#g21 a,
.g22 #thumbs li#g22 a,
.galeria #thumbs li a:hover { border:3px solid #f90; height:61px; width:73px; }

.g01 #thumbs li#g01 a img,
.g02 #thumbs li#g02 a img,
.g03 #thumbs li#g03 a img,
.g04 #thumbs li#g04 a img,
.g05 #thumbs li#g05 a img,
.g06 #thumbs li#g06 a img,
.g07 #thumbs li#g07 a img,
.g08 #thumbs li#g08 a img,
.g09 #thumbs li#g09 a img,
.g10 #thumbs li#g10 a img,
.g11 #thumbs li#g11 a img,
.g12 #thumbs li#g12 a img,
.g13 #thumbs li#g13 a img,
.g14 #thumbs li#g14 a img,
.g15 #thumbs li#g15 a img,
.g16 #thumbs li#g16 a img,
.g17 #thumbs li#g17 a img,
.g18 #thumbs li#g18 a img,
.g19 #thumbs li#g19 a img,
.g20 #thumbs li#g20 a img,
.g21 #thumbs li#g21 a img,
.g22 #thumbs li#g22 a img,
.galeria #thumbs li a:hover img { margin:-3px; }

.galeria .bt-proxima { width:34px; background:url(img/bt-prox.gif); position:absolute; top:286px; left:607px; }

.galeria .bt-anterior { width:34px; background:url(img/bt-ant.gif); position:absolute; top:286px; left:22px; }

/* quiz */

.quiz #conteudo { background:url(img/quiz-bg.jpg); }

.quiz #infos { width:498px; position:absolute; top:110px; left:20px; }

.quiz iframe { width:619px; height:380px; }

/* videos */

.videos #conteudo { background:url(img/videos-bg.jpg); }

.videos #infos img { border:0; }

.videos #infos {  position:absolute; top:110px; left:20px; width:940px; overflow:hidden;  }

.videos #infos ul { float:left; width:980px; }

.videos #infos li { width:149px; margin:0 46px 20px 0; float:left; font-size:13px; position:relative; height:160px; }

.videos #infos li a { text-decoration:none; font-weight:bold; }

.videos #infos li a span { position:absolute; top:0; left:0; width:149px; height:112px; background:url(img/video-play.gif); -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

.videos #infos li a:hover { color:#f90; }

.videos #infos li a:hover span { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

/* scroll */

.scrolling .scr-content {overflow:auto;}

.scrolling .scr-innercontent {width:100%;}

.scrolling .content-scroll {overflow:hidden;} /* Classe utilizada no conteudo quando houver rolagem */

.scrolling .scr-scrollbar {position:relative;}

.scrolling .scr-bar {position:absolute;left:0;top:0;background:#f90;cursor:pointer;}

.scrolling .scr-track {cursor:pointer;}

.scr-vertical .content-scroll {float:left;} /* Classe utilizada no conteudo quando houver rolagem */

.scr-vertical .scr-scrollbar {float:right;width:6px;}

.scr-vertical .scr-track {width:6px;background:url(img/bgr-scrolltrack-vertical.gif) repeat-y;}

.scr-vertical .scr-bar {width:6px;height:52px;left:0!important;}

.scr-horizontal .scr-scrollbar {height:6px;}

.scr-horizontal .scr-track {height:6px;background:url(img/bgr-scrolltrack-horizontal.gif) repeat-x;}

.scr-horizontal .scr-bar {width:52px;height:6px;top:0 !important;}

.content-scroll { width:90%; } /* Classe utilizada no conteudo quando houver rolagem */

/* teoria */

.teoria #conteudo { background:url(img/teoria-bg.jpg); }

.teoria .scrolling,
.teoria .scr-scrollbar,
.teoria .scr-track,
.teoria .scr-content { height:280px; }

.teoria #texto { width:500px; }

.teoria #infos { width:498px; position:absolute; top:150px; left:20px; }

#menu-teoria { width:500px; height:17px; background:url(img/teoria-menu.gif) no-repeat; display:block; position:absolute; left:19px; top:100px; }

#menu-teoria li { float:left; margin-right:12px; }

#menu-teoria li a { float:left; display:block; height:17px; background:red; }

#menu-teoria #t01 a { width:142px; background:url(img/teoria-menu.gif) no-repeat 0 0; }
#menu-teoria #t02 a { width:70px; background:url(img/teoria-menu.gif) no-repeat -155px 0; }
#menu-teoria #t03 a { width:221px; background:url(img/teoria-menu.gif) no-repeat -236px 0; }

.t01 #menu-teoria #t01 a, #menu-teoria #t01 a:hover { background:url(img/teoria-menu.gif) no-repeat 0 -17px; }
.t02 #menu-teoria #t02 a, #menu-teoria #t02 a:hover { background:url(img/teoria-menu.gif) no-repeat -155px -17px; }
.t03 #menu-teoria #t03 a, #menu-teoria #t03 a:hover { background:url(img/teoria-menu.gif) no-repeat -236px -17px; }

.teoria h6 { font-size:15px; color:#f90; margin-bottom:10px; }

.teoria img { float:left; margin:0 20px 20px 0; }

/* ajustes */

#moonwalkers { display:none !important; }
 
#menu li { margin-left:20px; margin-right:10px; }

.parte2 { display:none; }