@charset "utf-8";
/* CSS Document */

#menu {
	padding:15px 0;
	width:690px;
	}
	
#menu ul{
	display:block;
	float:right;
	width:auto;
	height:20px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	}

#menu ul li {
	float:left;
	}

#menu ul li a{
	background-position:0 0;
	display:block;
	height:20px;
	content:"";
	line-height:0;
	text-indent:-5000px;
	}
	
	/*	Imagens e tamanho dos links do menu	*/
	#menu ul li a.institucional{
		background:url(../imagens/background/institucional-menu.gif) no-repeat;
		width:100px;
		}
	
	#menu ul li a.fundos{
		background:url(../imagens/background/fundos-menu.gif) no-repeat;
		width:75px;
		}
	
	#menu ul li a.como-investir{
		background:url(../imagens/background/como-investir-menu.gif) no-repeat;
		width:119px;
		}
	
	#menu ul li a.sparta-na-midia{
		background:url(../imagens/background/sparta-na-midia-menu.gif) no-repeat;
		width:131px;
		}
	
	#menu ul li a.contato{
		background:url(../imagens/background/contato-menu.gif) no-repeat;
		margin:0 !important;
		width:73px;
		}

#menu ul li a:hover{
	background-position:0 -20px;
	}

/* -----------------------------
	Sub menu
----------------------------- */
#menu ul li ul {
	position:absolute;
	top:20px;
	left:0;
	display:none;
	width:200px;
	height:200px;
	}

#menu ul li ul {
	text-indent:0;
	}

#menu ul li:hover > ul {
	display:block;
	z-index:999;
	border:1px solid red;
	}

#menu ul li:hover > a {
	background-position:0 -20px;
	}