@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #6699FF;
	
}
.titulo_podcast{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	
}

.titulo_menu_drop_down{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #696868;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rodape_endereco{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;

}
.rodape{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #696868;
	font-weight: bold;
	position:relative;
}
#boxdescricao_personagem{
	position:relative;
	width: 755px;
	height: 20px;
	z-index: 1;


}
#descricao_personagem{
	position:absolute;
	height: 256px;
	width: 304px;
	left: 25px;
	top: 72px;
	padding: 10px;
	border: 1px solid #71b8ec;
	background-color: #FFFFC4;

}
#boxgaleria{
	position: absolute;
	width: 485px;
	left: 358px;
	top: -29px;

}
#topo{

	
}
#podcast{
	position: relative;
	width: 760px;

}

#som{
	position: absolute;
	height: 400px;
	width: 308px;
	left: 27px;
	background-color: #FFFFFF;
	border: thin solid #50a3e7;
	padding: 8px;
	top: 11px;
}

#videos{
	height: 400px;
	width: 313px;
	position: absolute;
	top: 11px;
	left: 390px;
	background-color: #FFFFFF;
	border: 1px solid #50A3EF;
	padding: 8px;
}


#fundo{
	height: 100%;
	width: 100%;
	overflow:auto;
	background-image: url(site/imgop/fundo.jpg);
	background-repeat: no-repeat;
	position:fixed;
	
}
#shadow_esquerda{
	position: absolute;
	z-index: 10;
	height: 770px;
	width: 17px;
	left: 776px;
	top: -1px;
	background-image: url(site/imgop/fundo_direita.png);
}

#shadow_direita{
	position: absolute;
	z-index: 10;
	height: 770px;
	width: 17px;
	left: -17px;
	top: -9px;
	background-color: #FF00FF;

}


#corpo{
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 860px;
	width: 777px;
	
	
	
}

#menu{
	height: 210px;
	width: 777px;
	position:relative;
	padding-top: 10px;
	background-color: #FFFFFF;
	
}

#conteudo1{
	height: 184px;
	width: 777px;
	position:relative;
	background-color: #FFFFFF;

}
#itc_news{
	width: 512px;
	height: 193px;
	position: relative;
	padding-top: 10px;
	padding-left: 20px;
	background-color: #FFFFFF;

}
#central_podcast{
	width: 257px;
	height: 195px;
	position: absolute;
	top: 2px;
	left: 520px;
	background-color: #FFFFFF;

}

#menu_javascript{
	height: 350px;
	width: 199px;
	position: absolute;

}

#personagens_rotativos{
	height: 184px;
	width: 563px;
	position: absolute;
	top: 10px;
	left: 209px;

}


#conteudo2{
	height: 190px;
	width: 530px;
	position:relative;
	background-color: #FFFFFF;

}
#areadolicenciado{
	height: 184px;
	width: 520px;
	position: relative;
	z-index: 10;
}

#centralnewsletter{
	height: 192px;
	width: 257px;
	position: absolute;
	top: 9px;
	left: 520px;
	background-color: #FFFFFF;

}

#rodape{
	height: 136px;
	width: 777px;
	background-color: #e0e0e0;
	position: relative;
	z-index: 10;
	background-image: url(images/rodape_bg.png);
}
#imagens_footer{
	width: 777px;
	position: relative;
	height: 130px;
	z-index: 50;
	padding-top: 10px;

}
#allpersonagens{
	position: absolute;
	left: -172px;
	width: 900px;
	height: 112px;
	top: 41px;
	z-index: 50;

}
#hulk_footer{
	height: 175px;
	width: 110px;
	position: absolute;
	left: -83px;
	top: -63px;
	z-index: 40;
	
}
#cabecalho{
	background-image: url(site/imgop/fundo_cabecalho_podcast.jpg);
	border: 2px solid #E9E9E9;
}

#conteudo{
	height: 570px;
	width: 756px;
	position:relative;
	background-color: #FFFFFF;
	padding: 10px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 0;
}

#centralpodcast_videos{
	position: relative;
	width: 750px;
	height: 400px;

}
#centralpodcast_videosIN{
	height: 225px;
	width: 238px;
	position: absolute;
	left: 464px;
	background-color: #FFFFC4;
	border: thin solid #FFCC00;
	z-index: 50;
	padding: 8px;

}

#thumb_wallpaper{
	position:relative;
	width: 750px;

}

#spider_footer{
	height: 124px;
	width: 136px;
	position:absolute;
	left: 660px;
	top: -18px;

}

#gallery {
	padding: 10px;
	width: 418px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #71b8ec;
	/*background-image: url(site/imgop/fundo_sobrenos.jpg);*/
	background-repeat: repeat-x;
	overflow: auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #999;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #71b8ec;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	dl,dd {
	margin: 0;

}
	dt {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	margin: 2px;
	background-image: url(site/imgop/cabecalho.jpg);
	height: 19px;
	padding: 8px;
}
	dt a { color: #999; }
	dd a {
	color: #000;
}
	ul {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	background-repeat: no-repeat;
}
.expreme_texto_javascript{
	padding-left: 8px;
	padding-right: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #696868;
	font-weight: bold;


}
.texto_conteudo3{
	padding-left: 8px;
	padding-right: 6px;
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #696868;
	


}
#boxdescricao_personagem2{
	position: relative;
}
#thumbnails{
	background-image: url(site/imgop/degrade.jpg);
	background-repeat: repeat-x;
	border: 1px solid #0099FF;
	padding: 8px;
}

#preenche{
	background-color: #FFFFFF;
	height: 60px;

}
.texto_conteudo{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: lighter;


}

.titulo_textos{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 16px;
	font-weight: bolder;
	color: #58abe8;

}
.destaque_no_texto{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	}
	
	#gallery {
	padding: 10px;
	width:304px;
	position:absolute;
	left: 416px;
	top: -509px;
	height: 256px;
	z-index: 100;
		}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }