* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; color:#fff }
body { background:#fff }
a { color:#6a4586; text-decoration:none; font-weight:bold }
a:hover { text-decoration:underline }

/* fundo */
#info { background:#000 url(img/hannah-montana-fundo.jpg) no-repeat; position:absolute; top:0; left:0; width:950px; height:765px; }
/* fundo */

/* links topo */
#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:205px; width:334px; }
/* links topo */

/* banner */
#banner { position:absolute; width:468px; display:block; top:42px; left:462px; overflow:hidden; border:1px solid #fff; }
/* banner */

/* menu */
#menu { position:absolute; left:0; top:274px; width:100%; height:41px; overflow:hidden; }
#menu ul { float:left; height:100%; display:block; }
#menu li { float:left; height:100%; display:block; margin-right:27px; }
#menu li a { background:url(img/menu.gif) no-repeat; height:100%; display:block; text-indent:-5000px; }

#menu li#filme a { margin-left:18px; background-position:-0px 0; width:58px; }
#menu li#fotos a { background-position:-85px 0; width:49px; }
#menu li#personagens a { background-position:-161px 0; width:104px; }
#menu li#videos a { background-position:-292px 0; width:56px; }
#menu li#serie a { background-position:-375px 0; width:55px; }
#menu li#entrevista a { background-position:-457px 0; width:84px; }
#menu li#game a { background-position:-568px 0; width:49px; }
#menu li#musicas a { background-position:-644px 0; width:129px; }
#menu li#especiais a { background-position:-800px 0; width:112px; }
#menu li#especiais { margin:0; }

.filme #menu li#filme a, #menu li#filme a:hover { background-position:-0px -43px; }
.fotos #menu li#fotos a, #menu li#fotos a:hover { background-position:-85px -43px; }
.personagens #menu li#personagens a, #menu li#personagens a:hover { background-position:-161px -43px; }
.videos #menu li#videos a, #menu li#videos a:hover { background-position:-292px -43px; }
.serie #menu li#serie a, #menu li#serie a:hover { background-position:-375px -43px; }
.entrevista #menu li#entrevista a, #menu li#entrevista a:hover { background-position:-457px -43px; }
.game #menu li#game a, #menu li#game a:hover { background-position:-568px -43px; }
.musicas #menu li#musicas a, #menu li#musicas a:hover { background-position:-644px -43px; }
.especiais #menu li#especiais a, #menu li#especiais a:hover { background-position:-800px -43px; }
/* menu */

/* navegação */
#btn-anterior{position:absolute; left:1px; top:475px; }
.btn-anterior a{background-image: url(img/btn-anterior.gif); display: block; width: 67px; height: 72px; background-position: 0 0; text-indent:-5000px; }
.btn-anterior a:hover{background-position: 0 -72px; }

#btn-proxima{position:absolute; left:882px; top:475px; }
.btn-proxima a{background-image: url(img/btn-proxima.gif); display: block; width: 67px; height: 72px; background-position: 0 0; text-indent:-5000px; }
.btn-proxima a:hover{background-position: 0 -72px; }
/* navegação */

/* miolo */
h1{position:absolute; left:80px; top:336px; }
#janela{position:absolute; left:71px; top:371px; width:789px; height:329px; padding:10px; display:block; float:left; }
#janela p{margin-bottom:10px; font-weight:normal;}
.fotojanela{margin:0 10px 10px 0; float:left; }
.fotojanela img{border:1px solid #fff;}
#janela h2{font-size:18px; font-weight:bold; color:#e9c6f9; margin-bottom:10px; }
#janela h2 span{ font-size:10px; color:#fff;}
#janela h3{font-size:18px; font-weight:bold; color:#e9c6f9;}
#janela h3 span{font-size:18px; font-weight:bold; color:#e9c6f9; font-style:italic;}

#btn-temporada{float:left; width:217px; border:none; margin:5px 0 0 34px;}
.btn-temp1 a{background-image: url(img/btn-temporada-1.gif); display: block; width: 217px; height: 40px; background-position: 0 0; text-indent:-5000px; float:left; margin:0 0 2px 0;}
 a:hover{background-position: 0 -40px; }
.btn-temp2 a{background-image: url(img/btn-temporada-2.gif); display: block; width: 217px; height: 40px; background-position: 0 0; text-indent:-5000px; float:left;}
.btn-temp2 a:hover{background-position: 0 -40px; }
/* miolo */

/* fotos */
#thumbs{ position:absolute; left:663px; top:381px; width:205px; height:322px; overflow:auto; z-index:1;}
#thumbs img{ border:none;}
#thumbs a{display:block; border:1px solid #fff; width:80px; height:60px; margin:0 10px 10px 0; float:left;}
#thumbs a:hover{display:block; border:1px solid #402059;}

#legenda{position:absolute; left:3px; top:281px; z-index:1; border:1px solid #fff; padding:3px; width:548px; height:30px; background-color:#402059; opacity: .8; filter: alpha(opacity=80);}
/* fotos */

/* personagens */
#menu-personagens{position:absolute; left:83px; top:381px; width:800px; height:329px; overflow:hidden; }
#menu-personagens ul { float:left; height:100%; display:block; }
#menu-personagens li { float:left; height:100%; display:block; margin-right:8px; }
#menu-personagens li a { background:url(img/menu-hannah-montana-personagens.gif) no-repeat; height:100%; display:block; text-indent:-5000px; }

#menu-personagens li#miley a { margin-left:0px; background-position:-0px 0; width:150px; }
#menu-personagens li#robby a { background-position:-158px 0; width:150px; }
#menu-personagens li#lily a { background-position:-316px 0; width:150px; }
#menu-personagens li#travis a { background-position:-474px 0; width:150px; }
#menu-personagens li#margo a { background-position:-633px 0; width:150px; }

#menu-personagens li#miley a:hover { background-position:-0px -329px; }
#menu-personagens li#robby a:hover { background-position:-158px -329px; }
#menu-personagens li#lily a:hover { background-position:-316px -329px; }
#menu-personagens li#travis a:hover { background-position:-474px -329px; }
#menu-personagens li#margo a:hover { background-position:-633px -329px; }
/* personagens */

/* vídeos */
#video{position:absolute; left:71px; top:371px; width:789px; height:329px; padding:10px; display:block; text-align:center;}
#video a{border:2px solid #fff; margin: 0 19px 10px 18px; padding:3px 3px 0 3px; float:left; background-color:#402059; text-decoration:none; color:#fff; }
#video a:hover{color:#fff; border: solid 2px #402059; background-color:#613583; }
/* vídeos */

/* especiais */
#maisespeciais_capa{position:absolute; left:71px; top:371px; width:789px; height:329px; padding:10px; display:block; float:left; }
.maisespeciais_tt{height: 20px; margin: 20px 20px; text-indent: -5000px; }
#maisespeciais_capa a{display:block; float:left; margin: 0 15px 15px 15px; width: 120px; height:95px; text-decoration:none;  font-size:15px; line-height: 13px; background-color:#402059; border: solid 2px #fff; text-align:center;}
#maisespeciais_capa a:hover{color:#402059; border: solid 2px #402059; background-color:#613583; }
.nomes_esp{position:relative; top:3px; left:0px; font-weight:bold; }
/* especiais */

/* rolagemhorizontal */
.scrolling .scr-content {overflow:auto; }
.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:#e9c6f9; 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; }

.rolagemvertical, .rolagemhorizontal {margin-bottom:20px; }
.rolagemvertical .scr-content, .rolagemhorizontal .scr-content {/*background: #F2F2F2;*/ }

.rolagemvertical .scrolling,
.rolagemvertical .scr-scrollbar,
.rolagemvertical .scr-track,
.rolagemvertical .scr-content {height:329px; }
.rolagemvertical .content-scroll {width:90%; } /* Classe utilizada no conteudo quando houver rolagem */

.rolagemhorizontal .scrolling,
.rolagemhorizontal .scr-scrollbar,
.rolagemhorizontal .scr-track,
.rolagemhorizontal .scr-content {width:400px; }
.rolagemhorizontal .scr-innercontent {width:900px; }
/* rolagemhorizontal */