Untitled

<html lang="pt-br"›
<head>
   <title>Listas</title>
 <style type="text/css">

    body{
      background-image:url("img/azule.jpeg");
	  background-size: 150px 150px;
	  background-repeat: no-repeat;
	  background-position: fixed;

	  background-size: 100%;
	  padding: 0;
	  margin: 0;

	}

	#conteudo{
		background-color: white;
		margin:0 10% 0 10%;
		height: 800px;
		padding: 10px;;
		display: block;
		overflow: hidden;

	}
	ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li{
		float: left;
		margin-left: 70px;
	}
	li a{
		text-decoration: none;
		color: #c62828;
		font-family: "Century Gothic";
		padding: 15px;
		font-weight: bold;
		margin-top: 20px;
		text-transform: uppercase;
		display: block;
		font-size: 20px;

	}
	.menu{
	height: 100px;
	float:center;
	display: block;

	-webkit-box-shadow: 0px 21px 43px -20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 21px 43px -20px rgba(0,0,0,0.5);
	box-shadow: 0px 21px 43px -20px rgba(0,0,0,0.5);

	}
  </style>

</head>


	<div id="conteudo">
	<div class="menu">
	<ul>

		<li> <img src="img/megacurioso.png"></li>
		<li> <a href="#novidades"> Novidades</a></li>
		<li> <a href="#maislidas"> Mais Lidas</a></li>
		<li> <a href="#ciencias"> Ciências</a></li>
		<li> <a href="#saude"> Saúde</a></li>

	</ul>
	</div>
	</div>
</body>
</html>