*{
	margin: 0;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #404f8a;
	scrollbar-arrow-color: #fff;
	scrollbar-highlight-color: #404f8a;
	scrollbar-base-color: #6d7aac;
}
img{
	border: 0;
}
h1{
	font-size: 19px;
	margin: 9px;
}
h2,
h1,
h3{
	color: #f0ebd9;
}
h2,
p{
	margin: 12px 5px;
}
body{
	background-image: url(img/bg.jpg);
	background-color: Black;
}
#topo{
	background-image: url(img/topo.gif);
	width: 750px;
	height: 31px;
}
#topo a{
	display: block;
	height: 31px;
	width: 300px;
}
#topo h1,
#topo h2{
	display: none;
}
#titulo,
#titulo a{
	display: block;
	width: 750px;
	height: 41px;
}
#titulo{
	background-image: url(img/tit.gif);
	position: absolute;
	left: 0;
	top: 44px;	
}
#menu{
	position: absolute;
	left: 57px;
	top: 99px;
	width: 680px;
	height: 25px;
	z-index: 2;
}
#menu a,
#menu span{
	background-position: 0 -25px;
	float: left;
	width: 131px;
	height: 25px;
	display: block;
}
#menu a:hover	{	background-position: 0 -50px;}
#menu span		{	background-position: 0 0;}
#menu .mn1		{	background-image: url(img/menu1.gif);}
#menu .mn2		{	background-image: url(img/menu2.gif);}
#menu .mn3		{	background-image: url(img/menu3.gif);}
#menu .mn4		{	background-image: url(img/menu4.gif);}
#menu .mn5		{	background-image: url(img/menu5.gif);}

#info{
	position: absolute;
	left: 26px;
	top: 121px;
	width: 702px;
	height: 360px;
	background-image: url(img/info.gif);
	z-index: 1;
}

#capa{
	margin: 25px 160px 0 25px;
}
#rodape{
	width: 750px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
}
.rt{	background-image: url(img/rodapert.gif);}
.ny{	background-image: url(img/rodapeny.gif);}

#george{
	overflow: auto;
	margin-top: 15px;
	height: 330px;
	width: 696px;
}
#george h1{
	margin: 20px 20px 20px 35px;
}
#george h2,
#george h3,
#george h4{
	margin: 15px 160px 5px 35px;
}
#george p{
	margin: 7px 160px 7px 35px;
}
#george h2{
	font-size: 14px;
}
#george h3{
	border-top: 1px solid #8f96b5;
	padding-top: 8px;
}
#fotos{
	margin-top: 10px;
	height: 330px;
	width: 696px;
}
#fotos .foto{
	background-color: #000;
	border: 1px solid #4d567e;
	width: 540px;
	height: 310px;
	display: block;
	margin: 1px 0 0 6px;
	text-align: center;
	float: left;
}
#fotos .legenda{
	width: 540px;
	height: 16px;
	line-height: 13px;
	text-indent: 10px;
	font-size: 10px;
	margin: 1px 0 0 6px;
	float: left;
}
#fotos .thumbs{
	float: rigth;
	margin: 1px 0 0 2px;
	width: 120px;
	overflow: auto;
	height: 310px;
	border: 1px solid #4d567e;
	background-color: Black;
}
#fotos .thumbs a{
	border: 1px solid #000;
	margin: 1px;
}
#fotos .thumbs a:hover{
	border: 1px solid #fff;
}
#personagens{
	background-image: url(img/person.gif);
	position: absolute;
	left: 6px;
	top: 8px;
	width: 690px;
	height: 340px;
}
#personagens a{
	display: block;
	width: 45px;
	height: 46px;
	margin: 2px 4px;
	float: left;
}
#personagens .forca,
#personagens .principal,
#personagens .negro{
	position: absolute;
	top: 28px;
	height: 210px;
	z-index: 1;
} 
#personagens .forca{	width: 240px; left: 20px;}
#personagens .principal{width: 120px; left: 287px;}
#personagens .negro{	width: 240px; right: 15px;}

#personagens .forca a{
	border: 1px solid #8f96b5;	
}
#personagens .principal a{
	border: 1px solid gray;	
}
#personagens .negro a{
	border: 1px solid red;	
}
#personagens a:hover{
	border: 1px solid #fff;
}
#personagens #ficha{
	z-index: 2;
	position: absolute;
	left: 40px;
	bottom: 1px;
	width: 587px;
	height: 92px;	
}
#personagens #ficha img{
	margin: 27px 7px 0 7px;
	float: left;
}
#personagens #ficha h1{
	margin: 24px 7px 0 12px;
	padding: 2px;
}
#personagens #ficha p{
	margin: 0 0 0 14px;
	padding: 2px;
}
.fforca			{	background-image: url(img/forca.gif);}
.fprincipal	{	background-image: url(img/principal.gif);}
.fladonegro		{	background-image: url(img/ladonegro.gif);}

#planetas{
	position: absolute;
	left: 6px;
	top: 8px;
	width: 690px;
	height: 340px;
	background-image: url(img/galaxia.jpg);
}
#planetas .ficha{
	background-color: Aqua;
}
#planetas a{
	display: block;
	background-position: 0 0;
}
#yavin{	position: absolute;	left: 378px;	top: 23px;}
#yavin,#yavin a{	width: 105px;	height: 24px; background-image: url(img/pla_yavin.jpg);}
#yavin a:hover{	background-position: 0 -24px;}

#coruscant{	position: absolute;	left: 179px;	top: 59px;}
#coruscant, #coruscant a{	width: 136px;	height: 25px; background-image: url(img/pla_coruscant.jpg);}
#coruscant a:hover{	background-position: 0 -25px;}

#alderan{	position: absolute;	left: 321px;	top: 73px;}
#alderan,#alderan a{	width: 137px;	height: 24px; background-image: url(img/pla_alderan.jpg);}
#alderan a:hover{	background-position: 0 -24px;}

#endor{	position: absolute;	left: 37px;	top: 188px;}
#endor,#endor a{	width: 67px;	height: 48px; background-image: url(img/pla_endor.jpg);}
#endor a:hover{	background-position: 0 -48px;}

#bespin{	position: absolute;	left: 46px;	top: 239px;}
#bespin, #bespin a{	width: 101px;	height: 24px; background-image: url(img/pla_bespin.jpg);}
#bespin a:hover{	background-position: 0 -24px;}

#hoth{	position: absolute;	left: 9px;	top: 264px;}
#hoth, #hoth a{	width: 53px;	height: 53px; background-image: url(img/pla_hoth.jpg);}
#hoth a:hover{	background-position: 0 -53px;}

#dagobah{	position: absolute;	left: 110px;	top: 273px;}
#dagobah, #dagobah a{	width: 99px;	height: 49px; background-image: url(img/pla_dagobah.jpg);}
#dagobah a:hover{	background-position: 0 -49px;}

#naboo{	position: absolute;	left: 212px;	top: 217px;}
#naboo, #naboo a{	width: 66px;	height: 48px; background-image: url(img/pla_naboo.jpg);}
#naboo a:hover{	background-position: 0 -48px;}

#geonosis{	position: absolute;	left: 212px;	top: 266px;}
#geonosis, #geonosis a{	width: 89px;	height: 51px; background-image: url(img/pla_geonosis.jpg);}
#geonosis a:hover{	background-position: 0 -51px;}

#kamino{	position: absolute;	left: 334px;	top: 204px;}
#kamino, #kamino a{	width: 75px;	height: 49px; background-image: url(img/pla_kamino.jpg);}
#kamino a:hover{	background-position: 0 -49px;}

#tatooine{	position: absolute;	left: 302px;	top: 261px;}
#tatooine, #tatooine a{	width: 137px;	height: 25px; background-image: url(img/pla_tatooine.jpg);}
#tatooine a:hover{	background-position: 0 -25px;}

#planetas #ficha{
	width: 187px;
	height: 232px;
	position: absolute;
	right: 5px;
	top: 5px;
	background-image: url(img/plan_ficha.gif);
	padding: 10px 5px 0 5px;
}

#planetas #ficha .episodios{
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 97px;
	height: 16px;
}