Untitled

<?php
	$hostname = "localhost";
	$username = "root";
	$senha = "";
	$banco = "geocalc";
	include('session.php')
?>


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


		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
		<style type="text/css">

		body
		{
			font-family: Verdana;
		}

		.backdrop
		{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:#000;
			opacity: .0;
			filter:alpha(opacity=0);
			z-index:50;
			display:none;
		}


		.box
		{
			position:absolute;
			top:20%;
			left:30%;
			width:500px;
			height:300px;
			background:#ffffff;
			z-index:51;
			padding:10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow:0px 0px 5px #444444;
			-webkit-box-shadow:0px 0px 5px #444444;
			box-shadow:0px 0px 5px #444444;
			display:none;
		}

		.close
		{
			float:right;
			margin-right:6px;
			cursor:pointer;
		}

		</style>

		<script type="text/javascript">

			$(document).ready(function(){

				$('.lightbox').click(function(){
					$('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear');
					$('.box').animate({'opacity':'1.00'}, 300, 'linear');
					$('.backdrop, .box').css('display', 'block');
				});

				$('.close').click(function(){
					close_box();
				});

				$('.backdrop').click(function(){
					close_box();
				});

			});

			function close_box()
			{
				$('.backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){
					$('.backdrop, .box').css('display', 'none');
				});
			}

		</script>


	</head>
	<body style='margin: 0px;'>
		<center>
			<div id='cabeca' style="margin: 0px; background:#0a0a08; margin-bottom: 10px; width: 1237px; height: 36px;">
				<div id='geocalc' style='padding-top: 8px; float: left'>
					<font size="2px"><a href="principal.php">GeoCalc</a></font>
				</div>

				<div id='geocalc' style='padding-top: 8px; float: right'>
					<font size="2px"><a href='terminar.php'>Sair</a></font>
				</div>


				<div  id='geocalc' style='padding-top: 8px; float: right'>
					<a href="#" class="lightbox">Perfil</a>
					<div class="backdrop"></div>
					<div class="box"><div class="close"> <b>x</b> </div>


					</div>
				</div>

				<div id='geocalc' style='padding-top: 8px; float: right'>
					<font size="2px">Bem vindo, <?php echo $_SESSION['username'] ?> &nbsp;&nbsp;&nbsp;</font>
				</div>


				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

			</div>


			</div>

	</body>
</html>