body{
	background-image:url(imagem/black.jpg);
	margin: 0 auto;
	font-family:verdana, arial, sans-serifq;
}
nav {
	background-color:#666666;
		text-align:center;
		height:64px;
	
}
nav a{
	color:#FFFFFF;
	text-decoration:none;
	padding:20px;
	display:inline-block;
	outline:none;
}
nav a:hover {
	background-color:#333366;
	
}
.fundo{
	width: 100%;
	height: 250%;
	position: absolute;
	top: 9%;	


}
#quadrado{
	width: 96%;
	height: 150%;
	position: absolute;
	top: 59%;
	left: 2%;
}
.fundo_noticias{
	width: 100%;
	height: 320%;
	position: absolute;
	top: 9%;	


}
#quadrado_noticias{
	width: 96%;
	height: 250%;
	position: absolute;
	top: 59%;
	left: 2%;
}
#quadrado_produtos{
	width: 96%;
	height: 150%;
	position: absolute;
	top: 09%;
	left: 2%;
}
/* tela inicial */
.deadpool_logo{
	width: 96%;
	height: 50%;
	position: absolute;
	top: 10%;
	left: 2%;
	border-radius: 5%;
}
.lanterna_verde_inicio{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 82%;
	left: 10%;
}
.formiga_inicio{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 154%;
	left: 10%;
}
.formiga_texto{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 188%;
	left: 10%;
	font-size: 30px;
	color: green;
	
}
/* noticias */
.marvel_noticias{
	width: 96%;
	height: 50%;
	position: absolute;
	top: 10%;
	left: 2%;
	border-radius: 2%;	
}
.homem_aranha{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 82%;
	left: 10%;	
}
.superman{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 154%;
	left: 10%;	
}
.capitao{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 220%;
	left: 10%;

}
/*canais*/
.fanatical{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 30%;
	left: 10%;
}
.nerdsim{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 60%;
	left: 10%;

}
.marcos{
	width: 80%;
	height: 40%;
	position: absolute;
	top: 90%;
	left: 10%;

}