* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; list-style:none; color:#fff }

body { background:#000 }

a { color:#f44100; text-decoration:none; font-weight:bold }

a:hover { text-decoration:underline }

#info { background:#000 url(img/bg.jpg) no-repeat; position:absolute; top:0; left:0; width:950px; height:750px; }

#link-terra { position:absolute; width:131px; height:31px; display:block; top:0; left:0; }

#link-canal { position:absolute; width:215px; height:31px; display:block; top:0; left:131px; }

#link-capa { position:absolute; display:block; text-indent:-5000px; top:58px; left:20px; height:65px; width:376px; }

#banner { position:absolute; width:468px; display:block; top:42px; left:462px; overflow:hidden; }

#menu { position:absolute; left:0; top:232px; width:100%; height:47px; overflow:hidden; }

#menu ul { float:left; height:100%; display:block; }

#menu li { float:left; height:100%; display:block; margin-right:19px; }

#menu li a { background:url(img/menu-2.gif) no-repeat; height:100%; display:block; text-indent:-5000px; }

#menu li#filme a { margin-left:21px; background-position:-30px 0; width:54px; }
#menu li#origem a { background-position:-101px 0; width:65px; }
#menu li#historia a { background-position:-183px 0; width:162px; }
#menu li#comics a { background-position:-361px 0; width:66px; }
#menu li#personagens a { background-position:-444px 0; width:121px; }
#menu li#fotos a { background-position:-582px 0; width:54px; }
#menu li#videos a { background-position:-652px 0; width:62px; }
#menu li#posters a { background-position:-731px 0; width:77px; }
#menu li#especiais a { background-position:-824px 0; width:96px; }
#menu li#especiais { margin:0; }

#menu li#curiosidades { display:none; } /* Ocultando botão de curiosidades */

.filme #menu li#filme a, #menu li#filme a:hover { margin-left:21px; background-position:-30px -47px; }
.origem #menu li#origem a, #menu li#origem a:hover { background-position:-101px -47px; }
.historia #menu li#historia a, #menu li#historia a:hover { background-position:-183px -47px; }
.comics #menu li#comics a, #menu li#comics a:hover { background-position:-361px -47px; }
.personagens #menu li#personagens a, #menu li#personagens a:hover { background-position:-444px -47px; }
.personagens-ficha #menu li#personagens a { background-position:-444px -47px; }
.fotos #menu li#fotos a, #menu li#fotos a:hover { background-position:-582px -47px; }
.videos #menu li#videos a, #menu li#videos a:hover { background-position:-652px -47px; }
.posters #menu li#posters a, #menu li#posters a:hover { background-position:-731px -47px; }
.especiais #menu li#especiais a, #menu li#especiais a:hover { background-position:-824px -47px; }

/* navegacao */

#navegacao { position:absolute; left:0; bottom:0; width:100%; height:53px; z-index:10000; }

#anterior { width:93px; height:100%; display:block; float:left; background:url(img/anterior.gif) no-repeat 0 0px; margin:0 30px; text-indent:-5000px; cursor:pointer; }
#proxima { width:93px; height:100%; display:block; float:right; background:url(img/proxima.gif) no-repeat 0 0px; margin:0 30px; text-indent:-5000px; cursor:pointer; }

#anterior:hover,
#proxima:hover { background-position:0 -53px; }

#box-1 p { padding-bottom:15px; }

#box-1 h1 { height:34px; width:100%; display:block; text-indent:-50000px; }

#box-1 h2 { color:#ffb602; font-size:150%; }

/* tipos de páginas - box-grande */

.box-grande #box-1 { left:29px; top:295px; position:absolute; width:350px; height:450px; z-index:10 }

.box-grande #box-1 #texto { margin:20px 0 0; line-height:22px; }

.box-grande #box-1 .scrolling,
.box-grande #box-1 .scr-scrollbar,
.box-grande #box-1 .scr-track,
.box-grande #box-1 .scr-content { height:320px; }

.box-grande #imagem { left:388px; top:278px; position:absolute; z-index:0; width:562px; }

.box-grande #imagem img { float:right; border:0; }

.box-grande p { clear:both; }

.box-grande strong { float:left; display:block; font-size:35px; padding-top:8px; padding-right:10px; color:#f44100; }

.box-grande p img { float:left; margin:5px 15px 60px 0; }

.personagens-ficha #proxima,

.origem #proxima,
.filme #proxima{ margin-right:575px; }

.historia #proxima { margin-right:545px; }
.comics #proxima { margin-right:545px; }

.historia .box-grande #box-1, .comics .box-grande #box-1 { width:380px; }

/* tipos de páginas - box-fotos */

.foto-imagem { background:url(img/bg.jpg) no-repeat -150px -343px; text-align:center; }

.foto-imagem #imagem { left:0; top:0; position:absolute; width:670px; height:336px; }

.foto-imagem #texto { margin:10px 20px 0 683px; line-height:22px; height:336px; overflow:hidden; width:190px; }

.fotos #box-1 iframe { width:651px; height:326px; position:absolute; left:122px; top:48px; }

.fotos #navegacao { top:527px; z-index:500 }

.fotos #anterior { background-image:url(img/anterior-2.gif); }
.fotos #proxima { background-image:url(img/proxima-2.gif); }

.box-fotos #box-1 .scrolling,
.box-fotos #box-1 .scr-scrollbar,
.box-fotos #box-1 .scr-track,
.box-fotos #box-1 .scr-content { height:50px; }

.box-fotos #box-1 .scr-scrollbar,
.box-fotos #box-1 .scr-track { height:6px; }

.fotos #box-1 ul { bottom:64px; width:910px; position:absolute; bottom:0; }

.fotos #box-1 ul li { float:left; margin-right:4px; }

.fotos #box-1 ul li a:hover, .fotos #box-1 ul li.s a { border:3px solid #f90; display:block; width:54px; height:39px; overflow:hidden; }

.fotos #box-1 ul li a:hover img, .fotos #box-1 ul li.s a img { margin:-3px; }

.fotos #box-1 ul li img { border:0; }

.box-fotos .scrolling,
.box-fotos .scr-scrollbar,
.box-fotos .scr-track,
.box-fotos .scr-content {width:890px;}
.box-fotos .scr-innercontent ul {width:1050px;}
.box-fotos .scr-innercontent {width:1040px;}

/* tipos de páginas - mais especiais */

.especiais .scr-innercontent { float:left; }

.especiais #texto { width:920px; }

.especiais #texto a { width:126px; display:block; float:left; float:left; display:block; width:126px; margin:20px 27px 20px 0; }

.especiais #texto a span { color:#e5ad1a; clear:both; }

.especiais #texto img { border:2px solid #141414; }

.especiais #texto a:hover img { border-color:#fff; }

.especiais #texto a:hover { color:#fff; text-decoration:none; }

.especiais #texto a:hover span { color:#fff; text-decoration:none; }

/* tipos de páginas - box-personagens */

.personagens #box-1 { left:0; width:950px; }

.personagens #texto { margin:20px 0 0 !important; }

.personagens #texto ol { float:left; width:920px; margin-left:30px; }

.personagens #texto li { margin-right:4px; float:left }

.personagens #texto li a { display:block; float:left; height:300px; width:108px; text-indent:-50000px; background:url(img/personagens-imgs-2.jpg) no-repeat;}

.personagens #texto li#perso-01 a { background-position:-30px 0; }
.personagens #texto li#perso-02 a { background-position:-142px 0; }
.personagens #texto li#perso-03 a { background-position:-253px 0; }
.personagens #texto li#perso-04 a { background-position:-365px 0; }
.personagens #texto li#perso-05 a { background-position:-477px 0; }
.personagens #texto li#perso-06 a { background-position:-589px 0; }
.personagens #texto li#perso-07 a { background-position:-701px 0; }
.personagens #texto li#perso-08 a { background-position:-813px 0; }

.personagens #texto li#perso-01 a:hover { background-position:-30px -300px; }
.personagens #texto li#perso-02 a:hover { background-position:-142px -300px; }
.personagens #texto li#perso-03 a:hover { background-position:-253px -300px; }
.personagens #texto li#perso-04 a:hover { background-position:-365px -300px; }
.personagens #texto li#perso-05 a:hover { background-position:-477px -300px; }
.personagens #texto li#perso-06 a:hover { background-position:-589px -300px; }
.personagens #texto li#perso-07 a:hover { background-position:-701px -300px; }
.personagens #texto li#perso-08 a:hover { background-position:-813px -300px; }

.personagens-ficha #imagem { margin-top:10px; left:378px; }

/* tipos de páginas - posters */

.posters #box-1 { left:0; width:950px; }

.posters #texto { margin:20px 0 0 !important; }

.posters #texto ol { float:left; width:920px; margin-left:30px; margin-top:20px; }

.posters #texto li { margin-right:11px; float:left }

.posters #texto li a { display:block; float:left; height:244px; width:170px; text-indent:-40000px; background:url(img/posters-imgs-2.jpg) no-repeat;}

.posters #texto li#poster-01 a { background-position:-30px 0; }
.posters #texto li#poster-02 a { background-position:-211px 0; }
.posters #texto li#poster-03 a { background-position:-392px 0; }
.posters #texto li#poster-04 a { background-position:-572px 0; }

.posters #texto li#poster-01 a:hover { background-position:-30px -244px; }
.posters #texto li#poster-02 a:hover { background-position:-211px -244px; }
.posters #texto li#poster-03 a:hover { background-position:-392px -244px; }
.posters #texto li#poster-04 a:hover { background-position:-572px -244px; }

/* tipos de páginas - box-videos */

.videos #box-1 { left:0; width:950px; }

.videos #texto { margin:20px 0 0 !important; }

.videos #texto ol { float:left; width:950px; }

.videos #texto li { float:left; margin:5px 31px 20px; background-image:url(img/videos-imgs-5.png); display:inline; }

.videos #texto li a { display:block; float:left; height:131px; width:174px; background:url(img/videos-imgs-6.gif) no-repeat; position:relative }

.videos #texto li a h2 { display:none; }

.videos #texto li#video-01 a { background-position:0 0; }
.videos #texto li#video-02 a { background-position:-180px 0; }
.videos #texto li#video-03 a { background-position:-360px 0; }
.videos #texto li#video-04 a { background-position:-540px 0; }
.videos #texto li#video-05 a { background-position:-719px 0; }
.videos #texto li#video-06 a { background-position:-899px 0; }

.videos #texto li a:hover { text-decoration:none; }
.videos #texto li a:hover h2 { background:#000; color:#fff; display:block; width:140px; height:58px; left:7px; top:7px; position:absolute; font-size:12px; text-align:center; padding:20px 10px 0; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; cursor:pointer; }

/* paginas */

.filme h1 { background:url(img/filme.gif) no-repeat; }

.historia h1 { background:url(img/segunda-geracao.gif) no-repeat; height:45px !important; margin-bottom:-11px !important; }

.origem h1 { background:url(img/origem.gif) no-repeat; }

.comics h1 { background:url(img/comics.gif) no-repeat; }

.fotos h1 { background:url(img/fotos.gif) no-repeat; }

.videos h1 { background:url(img/videos.gif) no-repeat; margin-left:30px; }

.especiais h1 { background:url(img/especiais.gif) no-repeat; }

.personagens h1 { background:url(img/personagens.gif) no-repeat; margin-left:30px; }
.personagens-ficha h1 { background:url(img/personagens.gif) no-repeat; }

.posters h1 { background:url(img/posters.gif) no-repeat; margin-left:30px; }

/* 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:#ffb602;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 */