Untitled

<html>
<head>

<link href="./estilos/div.css" rel="stylesheet" media="screen">
<title>GeoCalc</title>

	<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
	<link rel='stylesheet' type='text/css' href='./menu/styles.css' />

	<script src="//cdn.jsdelivr.net/jquery/1.8.3/jquery-1.8.3.min.js">

	<link type="text/css" rel="stylesheet" href="../estilos/jquery.dropdown.css">
	<script type="text/javascript" src="../estilos/jquery.dropdown.js"></script>

</head>
<body style='margin: 0px;'>
<center>
<div id='cabeca' style="margin: 0px; background:#0a0a08; margin-bottom: 10px; width: 98%; height: 36px;">

	<div style='padding-top: 8px; text-align: left'><font size="2px"> GeoCalc </font>


	<img src="./imagens/reg.png" align="right"> <img src="./imagens/barra.png" align="right">


    <div id="dropdown-1" class="dropdown dropdown-tip">
        <div class="dropdown-panel">
                <!--Coloquei como exemplo um pequeno formulário-->
                <form>
                Utilizador: <input type="text" name="firstname">
                <br>
                Password: <input type="text" name="lastname">
                </form>
              </div>
        </div>

<a href="#" data-dropdown="#dropdown-1"><img src="./imagens/log.png" align="right"></a>

</div>
</div>

<div id='body' style='width: 75%; height: 93%'>
	<div id='logo' style="margin-bottom: 15px; height: 20%;">

	<img src="./imagens/cabeca.png">

	</div>
	<div id='menu' style="margin-bottom: 20px; height: 7%;">

	<div id='cssmenu'>
	<ul>
   <li ><a href='index.html'><span>Home</span></a></li>
   <li ><a href='#'><span>Produto</span></a></li>
   <li><a href='#'><span>Como instalar ?</span></a></li>
   <li><a href='#'><span>Duvidas</span></a></li>
   <li class='last'><a href='#'><span>Contactos</span></a></li>
	</ul>
	</div>

	</div>
	<div id='conteudo' style=" height: 65%; background:blue">

hdfhdfh

	</div>
</div>
</center>
</body>
</html>