/* Os estilos de cada info vão neste CSS */

#conteudo {
	background-image:url(img/capa.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}

#conteudo.critica {
	background-image:url(img/critica.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.entrevistas {
	background-image:url(img/entrevistas.jpg);
	width:945px;
	height:600px;

}


#conteudo.entrevistas2 {
	background-image:url(img/entrevistas2.jpg);
	width:945px;
	height:600px;

}


#conteudo.entrevistas #texto {
	position:absolute;
	padding:0 20px 20px 20px;
	top:60px;
	left:380px;
	width:500px;
	height:480px;
	background-image:url(img/fundo.png);
	background-repeat:repeat;
	overflow:auto;
}


#conteudo.entrevistas2 #texto {
	position:absolute;
	padding:0 20px 20px 20px;
	top:60px;
	left:380px;
	width:500px;
	height:480px;
	background-image:url(img/fundo.png);
	background-repeat:repeat;
	overflow:auto;
}


#conteudo.entrevistas #texto h3 {
	margin-top:5px;
}

#conteudo.entrevistas2 #texto h3 {
	margin-top:5px;
}


#conteudo.personagens1 {
	background-image:url(img/personagens1.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.maisespeciais {
	background-image:none;
}





#conteudo.personagens1 #texto {
	width:390px;
}


#conteudo.personagens2 {
	background-image:url(img/personagens2.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.personagens2 #texto {
	width:390px;
}



#conteudo.personagens3 {
	background-image:url(img/personagens3.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.personagens3 #texto {
	width:390px;
}


#conteudo.personagens4 {
	background-image:url(img/personagens4.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.fotos {
	background-image:none;
	background-color:#000;
	height:600px;
}

#conteudo.fotos #texto {
	width:395px;
	height:600px;
	margin-left:-36px;
	margin-top:-45px;
}


#conteudo.personagens4 #texto {
	width:390px;
	z-index:1;
}


#imgfotos {
	position:absolute;
	left:382px;
	top:4px;
	border-left:#bbb7b3 solid 2px;
}



#conteudo.personagens5 {
	background-image:url(img/personagens5.jpg);
	width:945px;
	height:600px;
	margin-top:-20px;
}


#conteudo.personagens5 #texto {
	width:390px;
}



#conteudo #texto {
	width:400px;
	background-image:url(img/fundo.png);
	background-repeat:repeat;
	padding:0 20px 20px 20px;
	position:absolute;
	top:40px;
	left:40px;
}


#conteudo #texto h3{
	padding-top:-20px;
	color:#ff9900;
	font-size:24px;
}



#conteudo #texto p {
	color:#FFF;
}

#conteudo.critica #texto{
	position:absolute;
	width:520px;
	height:450px;
	top:70px;
	left:350px;
	line-height:18px;
	overflow:auto;
	padding:20 20 20 20;
		
}


#conteudo.critica #texto p{
	margin-bottom:10px;
	ou
	}

h4 {
	color:#FFF;
	font-size:20px;
	margin-bottom:15px;
	border-bottom:#FFF solid 1px;
	width:380px;
}

#submenu {
	float:left;
	border-top:#FFF solid 1px;
	padding-top:5px;
	width:450px;
}

#submenu h2 {
	font-size:12px;
	display:inline;
	color:#fff;
}

 
#submenu h2 a{
	color:#bbb7b3;
	text-decoration:none;
 }
 
#submenu h2 a.sel{
	color:#ff9900;
	text-decoration:none;
 }

 
 
 #submenu h2 a:hover{
	color:#ff9900;
 }
 
 
 #menufotos {
	float:left;
	width:350px;
	margin-top:-10px;
	margin-bottom:20px;
	z-index:2;
	position:relative;
}

#menufotos h2 {
	font-size:12px;
	display:inline;
	color:#fff;
}

 
#menufotos h2 a{
	color:#bbb7b3;
	text-decoration:none;
 }
 
#menufotos h2 a.sel{
	color:#ff9900;
	text-decoration:none;
 }

 
 
 #menufotos h2 a:hover{
	color:#ff9900;
 }
 
 
 
 #menupersonagens {
	float:left;
	width:400px;
	margin-top:-10px;
	margin-bottom:20px;
	z-index:2;
	position:relative;
}

#menupersonagens h2 {
	font-size:12px;
	display:inline;
	color:#fff;
}

 
#menupersonagens h2 a{
	color:#bbb7b3;
	text-decoration:none;
 }
 
#menupersonagens h2 a.sel{
	color:#ff9900;
	text-decoration:none;
 }

 
 
 #menupersonagens h2 a:hover{
	color:#ff9900;
 }
 
 
 
 #submenuent {
	float:left;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	padding-top:2px;
	padding-bottom:2px;
	width:450px;
	margin-bottom:15px;
}

#submenuent h2 {
	font-size:12px;
	display:inline;
	color:#fff;
}

 
#submenuent h2 a{
	color:#d8d8d8;
	text-decoration:none;
 }
 
#submenuent h2 a.sel{
	color:#ff9900;
	text-decoration:none;
 }

 
 
 #submenuent h2 a:hover{
	color:#ff9900;
 }
 
 
 #prox_ant {
	 margin-left:-10px;
 }
 
 
 

#conteudo.maisespeciais #texto{
	background-image:none;
	width:960px;
	margin-left:-60px;
}


#conteudo.maisespeciais h3{
	margin : 10px 0 10px 26px;
	font-size : 22px;
	color : #5d5850;
}
#conteudo.maisespeciais p{
	margin : 10px 0 10px 10px;
	width : 220px;
	height : 100px;
	float : left;
}
#conteudo.maisespeciais p a{
	font-weight : bold;
	color : #47423a;
}
#conteudo.maisespeciais p a img{
	float : left;
	margin : 3px;
	border : 3px solid #fff;
}
#conteudo.maisespeciais p a:hover{
	color : #ff9900;
}
#conteudo.maisespeciais p a:hover img{
	border : 3px solid #ff9900;
}



#conteudo.videos {
	background-image:none;
	width:945px;
	height:600px;

}


#frame-video {
	position:absolute;
	top:20px;;
	left:0;
} 

#lista-videos {
	left:500px;
	top:20px;
	width:440px;
	position:absolute;
}
#lista-videos p {
	float:left;
	clear:both;
	padding-bottom:10px;
}
#lista-videos p a {
	font-size:14px;
	font-weight:bold;
	color:#a39e98;
}


#lista-videos p a:hover {
	font-size:14px;
	font-weight:bold;
	color:#ff6600;
}

#lista-videos p img {
	float:left;
	margin-right:10px;
}