Untitled

<!DOCTYPE html>
<html>
<head>
<title>Indicadores</title>
<meta charset="utf-8" />
<style type="text/css">
body {
background:url('background.png');
background-repeat:repeat-x;
font-family:Helvetica, Arial, sans-serif;
}
#menu {
background-color:#1A667E;
border-right-width:1px;
border-right-style:solid;
border-right-color:#064862;
font-family: Helvetica, Arial, sans-serif;
position:absolute;
top:0px;
left:0px;
width:215px;
height:100%;
text-shadow:1px 1px 1px black;
}
#menu a {
color:white;
text-decoration:none;
}
.button_i, .button_m {
width:150px;
background: #0e526a; /* Old browsers */
background: -moz-linear-gradient(top, #0e526a 0%, #01394e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e526a), color-stop(100%,#01394e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0e526a 0%,#01394e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0e526a 0%,#01394e 100%); /* Opera11.10+ */
background: linear-gradient(top, #0e526a 0%,#01394e 100%); /* W3C */
border-radius:2px;
border-color:#054866;
border-style:solid;
border-width:2px;
}
.button_i {
padding:10px 52px;
}
.button_m {
padding:10px 10px;
}

#grafico {
margin-left:220px;
margin-top:45px;
}
#tipo {
position:absolute;
top:10px;
left:225px;
}
#anuncio {
float:right;
width:150px;
height:100%;
background-color:gray;
}
</style>
</head>
<body>
<div id="menu">
<div style="font-size:32px; color:white; text-align:center; margin-top:5px;">
Indicador
</div>
<div style="text-align:center; margin-top:50px;">
<a href="#" class="button_i">Início</a><br><br><br>
<a href="#" class="button_m">Mais indicadores</a>
</div>
</div>
<div id="tipo">
<form>
Escolha o tipo de dado:
<select>
<option value="lol">Perfil da indústria, do comércio, e</option>
<option value="fepame1337boy">Fepame :3</option>
</select>
</form>
</div>
<div id="grafico">
<img src="grafico.png">
</div>
</body>
</html>