*{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #fff;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	text-decoration : none;
}
p{
	line-height : 16px;
	margin : 10px 0;
}
a{
	color : Yellow;
	font-weight : bold;
}
a:hover{
	color : #ADD8E6;
	text-decoration : underline;
}
body{
	background-image : url(img/startrek.jpg);
	background-color : #000;
}
#topo a,
#topo{
	height : 31px;
	display : block; 
}
#topo a{
	text-indent : -6000px;
	overflow : hidden;
	float : left; 
	overflow : hidden;
}
#topo a.terra{
	width : 120px;
}
#topo a.cinema{
	width : 200px;
	float : left;
}
#topo{
	background-image : url(img/cinema.gif);
	width : 400px;
	position : absolute;
	left : 0;
	top : 0;
}
#startreck{
	position : absolute;
	left : 17px;
	top : 63px;
}
#startreck h2,
#startreck h2 a,
#startreck{
	width : 226px;
	height : 56px;
	display : block;
}
#startreck h2 a{
	background-image : url(img/stratreck.gif);
	text-indent : -6000px;
	overflow : hidden;
}
#menu{
	width : 926px;
	height : 52px;
	background-image : url(img/menu.gif);
	display : block;
	position : absolute;
	left : 0;
	top : 130px;
	background-position : 0 5px;
	z-index : 10;
}
#menu h2{
	float : left;
	height : 52px;
	margin : 0;
}
#menu h2 a{
	overflow : hidden;
	text-indent : -6000px;
	height : 52px;
	display : block;
	margin : 0;
}
#menu h2.mn1{	margin-left : 31px;}
#menu h2.mn1 a{ background-image : url(img/mn1-cinema.gif);}
#menu h2.mn1 a, #menu h2.mn1{width : 96px;}
#menu h2.mn2 a{ background-image : url(img/mn2-aserie.gif);}
#menu h2.mn2 a, #menu h2.mn2{width : 71px;}
#menu h2.mn3 a{ background-image : url(img/mn3-personagens.gif);}
#menu h2.mn3 a, #menu h2.mn3{width : 119px;}
#menu h2.mn4 a{ background-image : url(img/mn4-videos.gif);}
#menu h2.mn4 a, #menu h2.mn4{width : 71px;}
#menu h2.mn5 a{ background-image : url(img/mn5-fotos.gif);}
#menu h2.mn5 a, #menu h2.mn5{width : 58px;}
#menu h2.mn6 a{ background-image : url(img/mn6-curiosidades.gif);}
#menu h2.mn6 a, #menu h2.mn6{width : 120px;}
#menu h2.mn7 a{ background-image : url(img/mn7-especiais.gif);}
#menu h2.mn7 a, #menu h2.mn7{width : 131px;}

#menu h2 a:hover{
	background-position : 0 -52px;
}
#menu h2 a:hover.sel,
#menu h2 a.sel{
	background-position : 0 -104px;
}
.conteudo{
	position : absolute;
	left : 30px;
	top : 171px;
	z-index : 1;
}
#banner{
	width : 468px;
	height : 60px;
	display: block;
	position : absolute;
	left : 430px;
	top : 51px;
	
}
.conteudo h1{
	display : none;
}
#video.conteudo,
#cinema.conteudo{
	background-image : url(img/cinema.jpg);
	width : 906px;
	height : 418px;
}
#video.conteudo{
	background-image : url(img/video.jpg);
}
#cinema.conteudo #texto{
	position : absolute;
	left : 30px;
	top : 130px;
	width : 800px;
}
#cinema.conteudo #submenu{
	width : 880px;
	height : 60px;
	display : block;
	overflow : hidden;
	position : absolute;
	left : 20px;
	top : 28px;
}
#cinema.conteudo #submenu h2{
	float : left;
	margin : 0 4px;
}
#cinema.conteudo #submenu h2,
#cinema.conteudo #submenu h2 a{
	width : 80px;
	height : 60px;
	overflow : hidden;
	display : block; 
}
#cinema.conteudo #submenu h2 a{
	text-indent : -6000px;
	overflow : hidden;
	border : 3px solid #002c3c;
	width : 74px;
	height : 54px;
}
#cinema.conteudo #submenu h2 a:hover{
	border : 3px solid #fff;
}
#cinema.conteudo #submenu h2 a.sel{
	border : 3px solid Yellow;
}
.mn1_sub01 a{		background-image : url(img/cinema-01p.jpg);}
.mn1_sub02 a{		background-image : url(img/cinema-02p.jpg);}
.mn1_sub03 a{		background-image : url(img/cinema-03p.jpg);}
.mn1_sub04 a{		background-image : url(img/cinema-04p.jpg);}
.mn1_sub05 a{		background-image : url(img/cinema-05p.jpg);}
.mn1_sub06 a{		background-image : url(img/cinema-06p.jpg);}
.mn1_sub07 a{		background-image : url(img/cinema-07p.jpg);}
.mn1_sub08 a{		background-image : url(img/cinema-08p.jpg);}
.mn1_sub09 a{		background-image : url(img/cinema-09p.jpg);}
.mn1_sub10 a{		background-image : url(img/cinema-10p.jpg);}

#personagens.conteudo,
#curiosidades.conteudo,
#especiais.conteudo,
#aserie.conteudo{
	background-image : url(img/aserie.jpg);
	width : 906px;
	height : 418px;
	top : 172px;
}
#video.conteudo #texto{
	position : absolute;
	left : 50px;
	top : 50px;
	width : 880px;
	height : 310px;
	overflow : hidden;
}
#personagens.conteudo #texto,
#curiosidades.conteudo #texto,
#especiais.conteudo #texto,
#aserie.conteudo #texto{
	position : absolute;
	left : 280px;
	top : 50px;
	width : 580px;
	height : 310px;
	overflow : hidden;
}
#cinema.conteudo #texto{
	left : 280px;
	width : 580px;
}
#curiosidades.conteudo #texto,
#especiais.conteudo #texto{
	left : 40px;
	top : 40px;
	width : 850px;
}
#curiosidades.conteudo{
	background-image :  url(img/curiosidades.jpg);
}
#especiais.conteudo{
	background-image : url(img/especiais.jpg);
}

#texto h2{
	font-size : 17px;
	color : Yellow;
}
#prox,
#ant{
	position : absolute;
	top : 589px;
	left : 400px;
	background-position : 0 -38px;
}
#prox{
	left : 521px;
}
#prox a,
#prox{
	background-image : url(img/proxima.gif);
	width : 121px;
	display : block;
	height : 19px;
}
#ant a,
#ant{
	background-image : url(img/anterior.gif);
	width : 123px;
	display : block;
	height : 19px;
}
#prox a,
#ant a{
	text-indent : -6000px;
	overflow : hidden;
}
#prox a:hover,
#ant a:hover{ background-position : 0 -19px;}

#paginacao{
	position : absolute;
	top : 550px;
	left : 450px;
	width : 350px;
	height : 24px;
	z-index : 20;
}
#paginacao.curiosidades{
	left : 360px;	
}
#paginacao a,
#paginacao span{
	width : 28px;
	height : 20px;
	line-height : 20px;
	text-align : center;
	border : 1px solid Yellow;
	float : left;
	display : block;
	margin : 0 2px 0 0;
	font-weight : bold;
	text-indent : 0;
	font-size : 11px;	
}
#paginacao a:hover{
	color : #fff;
	background-color : #07131b;
	border : 1px solid #fff;
	text-decoration : none;
}
#paginacao span{
	border : 1px solid #07131b;
	color : #266075;
}
#fotot{
	width : 209px;
	height : 243px;
	position : absolute;
	left : 30px;
	top : 60px;
}
#fotot p{
	padding : 160px 7px 0 7px;
	font-size : 11px;
	line-height : 13px;
}
#fotot.fotot01{	background-image : url(img/serie-01.jpg);}
#fotot.fotot02{	background-image : url(img/serie-02.jpg);}
#fotot.fotot03{	background-image : url(img/serie-03.jpg);}
#fotot.fotot04{	background-image : url(img/serie-04.jpg);}
#fotot.fotot05{	background-image : url(img/serie-05.jpg);}

#cinema.conteudo #fotot{
	top : 120px;
}
#cinema.conteudo #fotot p{
	padding : 150px 8px 0 8px;
}

#cinema.conteudo #fotot.fotot01{	background-image : url(img/cinema-01.jpg);}
#cinema.conteudo #fotot.fotot02{	background-image : url(img/cinema-02.jpg);}
#cinema.conteudo #fotot.fotot03{	background-image : url(img/cinema-03.jpg);}
#cinema.conteudo #fotot.fotot04{	background-image : url(img/cinema-04.jpg);}
#cinema.conteudo #fotot.fotot05{	background-image : url(img/cinema-05.jpg);}
#cinema.conteudo #fotot.fotot06{	background-image : url(img/cinema-06.jpg);}
#cinema.conteudo #fotot.fotot07{	background-image : url(img/cinema-07.jpg);}
#cinema.conteudo #fotot.fotot08{	background-image : url(img/cinema-08.jpg);}
#cinema.conteudo #fotot.fotot09{	background-image : url(img/cinema-09.jpg);}
#cinema.conteudo #fotot.fotot10{	background-image : url(img/cinema-10.jpg);}

#especiais.conteudo h2{
	float : left;
	display : block;
	height : 70px;
	width : 250px;
	margin : 5px; 
	line-height : 60px;
}
#especiais.conteudo h2 a{
	line-height : 60px;
}
#especiais.conteudo h2 a img{
	margin : 0 10px 0 0;
	float : left;
}
#especiais.conteudo h2 a img{
	border : 3px solid #266075;
}
#especiais.conteudo h2 a:hover img{
	border : 3px solid yellow;
}
#curiosidades.conteudo #texto h2{
	margin-left : 30px;
	font-size : 27px;
}
#curiosidades.conteudo #texto p{
	width : 15px;
	font-weight : bold;
	width : 690px;
	float : left;
	margin : 55px 15px 0 0;
	line-height : 20px;
}
#curiosidades.conteudo #texto{
	width : 840px;
}
#curiosidades.conteudo #texto span{
	width : 90px;
	line-height : 90px;
	display : block;
	float : left;
	font-size : 60px;	
	color : #000;
	background-color : Yellow;
	text-align : center;
	margin : 55px 15px 0 30px;
	font-weight : bold;
	height : 90px;
}
#personagens.conteudo{
	background-image : url(img/personagens.jpg);
	left : 32px;
}
#personagens.conteudo #texto{
	left : 2px;
	top : 110px;
	width : 850px;
	height : 280px;
}
#personagens.conteudo #texto p{
	margin-left : 280px;	
}
#personagens.conteudo #texto h2{
	font-size : 25px;
	margin-top : 25px;
	margin-left : 280px;
}
#personagens.conteudo #texto.p1{	background-image : url(img/personagem-01.jpg); background-position : -40px -3px;}
#personagens.conteudo #texto.p2{	background-image : url(img/personagem-02.jpg); background-position : 0 -3px;}
#personagens.conteudo #texto.p3{	background-image : url(img/personagem-03.jpg); background-position : 0 -3px;}
#personagens.conteudo #texto.p4{	background-image : url(img/personagem-04.jpg); background-position : 0 -3px;}
#personagens.conteudo #texto.p5{	background-image : url(img/personagem-05.jpg); background-position : 0 -3px;}
#personagens.conteudo #texto.p6{	background-image : url(img/personagem-06.jpg); background-position : 0 -3px;}
#personagens.conteudo #texto.p7{	background-image : url(img/personagem-07.jpg); background-position : 0 -3px;}

.mn3_sub01 a{		background-image : url(img/personagem-01p.jpg);}
.mn3_sub02 a{		background-image : url(img/personagem-02p.jpg);}
.mn3_sub03 a{		background-image : url(img/personagem-03p.jpg);}
.mn3_sub04 a{		background-image : url(img/personagem-04p.jpg);}
.mn3_sub05 a{		background-image : url(img/personagem-05p.jpg);}
.mn3_sub06 a{		background-image : url(img/personagem-06p.jpg);}
.mn3_sub07 a{		background-image : url(img/personagem-07p.jpg);}
.mn3_sub08 a{		background-image : url(img/personagem-08p.jpg);}
.mn3_sub09 a{		background-image : url(img/personagem-09p.jpg);}
.mn3_sub10 a{		background-image : url(img/personagem-10p.jpg);}


#personagens.conteudo #submenu{
	width : 880px;
	height : 66px;
	display : block;
	overflow : hidden;
	position : absolute;
	left : 30px;
	top : 24px;
}
#personagens.conteudo #submenu h2{
	float : left;
	margin : 0 12px;
}
#personagens.conteudo #submenu h2,
#personagens.conteudo #submenu h2 a{
	width : 86px;
	height : 66px;
	overflow : hidden;
	display : block; 
}
#personagens.conteudo #submenu h2 a{
	text-indent : -6000px;
	overflow : hidden;
	border : 3px solid #002c3c;
	width : 80px;
	height : 60px;
}
#personagens.conteudo #submenu h2 a:hover{
	border : 3px solid #fff;
}
#personagens.conteudo #submenu h2 a.sel{
	border : 3px solid Yellow;
}

h2.lista_videos{
	width : 130px;
	height : 250px;
	margin : 10px 30px;
	float : left;
	display : block;
	font-size : 11px!important;
	color : #fff!important;
}
h2.lista_videos a{
	font-size : 15px!important;
}

h2.lista_videos a img{
	border : 6px solid #002c3c;
	float : none;
	clear : both;
	margin : 5px 0 5px 0;
}
h2.lista_videos a:hover img{
	border : 6px solid #fff;
}
h2.lista_videos a:hover{
	text-decoration : none;
}
