*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	scrollbar-3d-light-color: #02214a;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #0446a1;
	scrollbar-dark-shadow-color: #7B5329;
	scrollbar-face-color: #02214a;
	scrollbar-highlight-color: #000;
	scrollbar-shadow-color: #0446a1;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	border: 0;
}
body{
	background-image: url(img/bg.jpg);
	background-color: #133352;
}
h1{
	font-size: 17px;
}
h2{
	font-size: 12px;
}
p,
h1,
h2{
	margin: 12px 2px
}
p{
	line-height: 16px;
}
#topo a,
#topo{
	display: block;
	width: 750px;
	height: 31px;	
}
#topo{
	background-image: url(img/topo.gif);
}
#topo h1,
#titulo h2{
	display: none;
}
#titulo,
#titulo a{
	display: block;
	width: 659px;
	height: 43px;
}
#titulo{
	position: absolute;
	left: 38px;
	top: 53px;
	background-image: url(img/titulo.jpg);
}
#menu{
	background-image: url(img/menun.jpg);
	position: absolute;
	left:2px;
	top: 95px;
	width: 749px;
	height: 42px;
	padding: 0 0 0 25px;
}
#menu a,
#menu span{
	display: block;
	height: 30px;
	float: left;
	margin: 3px 0 0 0;
	background-position: 0 0;
}
#menu a:hover,
#menu span{
	background-position: 0 -30px;
}
#menu .mn1{	background-image: url(img/menu1a.gif); width: 65px;}
#menu .mn2{	background-image: url(img/menu2a.gif); width: 70px;}
#menu .mn3{	background-image: url(img/menu3b.gif); width: 74px;}
#menu .mn4{	background-image: url(img/menu4a.gif); width: 138px;}
#menu .mn5{	background-image: url(img/menu5a.gif); width: 108px;}
#menu .mn6{	background-image: url(img/menu6a.gif); width: 126px;}
#menu .mn7{	background-image: url(img/menu7a.gif); width: 121px;}
#info{
	background-image: url(img/info.jpg);
	position: absolute;
	left:23px;
	top: 137px;
	width: 712px;
	height: 342px;
}
#filme{
	background-image: url(img/filme.jpg);
	position: absolute;
	left:4px;
	top: 5px;
	width: 703px;
	height: 333px;
}
#filme #texto{
	position: absolute;
	left: 388px;
	top: 15px;
	width: 305px;
	height: 300px;
	overflow: auto;
}
#galeria{
	background-image: url(img/galeria.jpg);
	width: 698px;
	height: 330px;
	position: absolute;
	left: 8px;
	top: 8px;
}
#galeria #pro,
#galeria #ant{
	position: absolute;
	left: 0;
	bottom: 4px;
	z-index: 5;
}
#galeria #pro{
	left: 420px;
}
#galeria #pro,
#galeria #ant,
#galeria #pro a,
#galeria #ant a{
	display: block;
	width: 89px;
	height: 19px;
}
#galeria #pro a{	background-image: url(img/pro.gif);}
#galeria #ant a{	background-image: url(img/ant.gif);}

#galeria #foto{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 500px;
	height: 300px;
	text-align: center;
}
#galeria #legenda{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	position: absolute;
	left: 93px;
	bottom: 5px;
}
#fantasticar #thumbs,
#galeria #thumbs{
	position: absolute;
	left: 514px;
	width: 183px;
	height: 300px;
	overflow: auto;
	top: 5px;
}
#fantasticar #thumbs{
	left: 357px;
	top: 217px;
	height: 52px;
	width: 335px;
	background-color: #000;
}
#fantasticar #thumbs a,
#galeria #thumbs a{
	display: block;
	float: left;
	width: 80px;
	height: 50px;
	border: 1px solid #000;
	margin: 0;
}
#fantasticar #thumbs a:hover,
#galeria #thumbs a:hover{
	border: 1px solid #fff;
}
#videos{
	background-image: url(img/video.jpg);
	width: 640px;
	height: 324px;
	position: absolute;
	left: 47px;
	top: 14px;
}
#videos a{
	display: block;
	width: 340px;
	height: 324px;
}
#videos #texto{
	position: absolute;
	left: 360px;
	top: 80px;
	width: 280px;
}
#fantasticar,
#filmagens,
#entrevista{
	position: absolute;
	top: 23px;
	left: 9px;
	width: 694px;
	height: 290px;
	background-image: url(img/tx.jpg);
}
#fantasticar #foto,
#filmagens #foto,
#efeitos #foto{
	width: 300px;
	height: 230px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: Black;
	text-align: center;
	padding: 5px;
}
#filmagens #foto{
	position: relative;
	float: right;
	margin: 10px;
	right: 0;
	top: 0;
	height: 440px;
}
#fantasticar #texto,
#filmagens #texto,
#entrevista #texto{
	width: 330px;
	height: 320px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#fantasticar #texto{
	left: 10px;
	width: 340px;
	height: 265px;
	overflow: auto;
}
#filmagens #texto,
#entrevista #texto{
	left: 30px;
	margin-top: 5px;
	width: 660px;
	height: 270px;
	overflow: auto;
}
#filmagens #texto p,
#entrevista #texto p,
#entrevista #texto h3{
	margin: 15px 30px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#filmagens #texto p{
	width: 270px;
}
#entrevista #texto h3{
	color: #ffedc7;
	margin: 25px 10px;
}
#entrevista #texto img{
	margin: 2px;
}
#filme #texto a,
#entrevista a,
#entrevista span{
	background-image: url(img/seta.gif);
	padding: 0 0 0 16px;
	line-height: 18px;
	display: block;
	height: 22px;
	font-weight: bold;
	color: #fce7c6;
	width: 170px;
	float: left;
}
#filme #texto a{
	clear: both;
}
#filme #texto a:hover,
#entrevista span,
#entrevista a:hover{
	color: #fff;
	background-image: url(img/seta2.gif);
}
#filme table{
	clear: both;
}
#filme td{
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #535d9a;
	padding: 4px 1px;
}
#entrevista h2{
	font-size: 17px;
	line-height: 27px;
	clear: both;
	border-bottom: 1px solid #fff;
}
#fantasticar #foto{
	left: 357px;
	height: 200px;
	width: 327px;
	top: 8px;
	vertical-align: middle;
}
#personagens{
	background-image: url(img/personagens.jpg);
	z-index: 1;
	width: 694px;
	height: 228px;
	position: absolute;
	left: 8px;
	top: 4px;
}
#submenu{
	width: 694px;
	height: 228px;
	position: absolute;
	left: 7px;
	top: 4px;
	z-index: 4;
}

#persn1,
#persn2,
#persn3,
#persn4,
#persn5,
#persn6{
	width: 688px;
	height: 225px;
	z-index: 1;
	position: absolute;
	left: 3px;
	top: 0;
	visibility: hidden;
}

#persn1{	background-image: url(img/person1.gif);}
#persn2{	background-image: url(img/person2.gif);}
#persn3{	background-image: url(img/person3.gif);}
#persn4{	background-image: url(img/person4.gif);}
#persn5{	background-image: url(img/person5.gif);}
#persn6{	background-image: url(img/person6.gif);}

#persn1 h1,
#persn2 h1,
#persn3 h1,
#persn4 h1,
#persn5 h1,
#persn6 h1{
	font-size: 10px;
	position: absolute;
	left: 270px;
	top: 72px;
	width: 134px;
	height: 48px;
	line-height: 20px;
	text-align: center;
	background-image: url(img/personh1.gif);
}
#persnficha{
	position: absolute;
	top: 374px;
	left:32px;
	width: 694px;
	height: 96px;
	background-image: url(img/personficha.gif);
}
#persnficha img{
	position: absolute;
	left: 4px;
	top: 4px;
}
#persnficha h1,
#persnficha h2,
#persnficha p{
	margin: 4px 4px 4px 200px;
	font-size: 14px;
	padding: 0;
}
#persnficha h2{
	font-size: 11px;
}
#persnficha p{
	font-size: 11px;
}
