/* CSS DO MENU */
/* common styling */
.menu {width:728px; height:39px; position:relative; margin:0 auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:154px; height:39px; text-align:center; overflow:hidden;}
.menu ul {list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu a#home {
	width:104px;
	height: 39px;
	background-image: url(imgs/menu/menu_home_1.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#home {
		width:104px;
		height: 39px;
		background-image: url(imgs/menu/menu_home_1.gif);
		background-repeat: no-repeat;
		background-position: 1px -47px;
		text-indent:-5000px;
	}


.menu a#auto {
	width:103px;
	height: 39px;
	background-image: url(imgs/menu/menu_auto_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#auto {
		width:103px;
		height: 39px;
		background-image: url(imgs/menu/menu_auto_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}

.menu a#automulher {
	width:103px;
	height: 39px;
	background-image: url(imgs/menu/menu_automulher_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#automulher {
		width:103px;
		height: 39px;
		background-image: url(imgs/menu/menu_automulher_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}	

.menu a#residencial {
	width:103px;
	height: 39px;
	background-image: url(imgs/menu/menu_residencial_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#residencial {
		width:103px;
		height: 39px;
		background-image: url(imgs/menu/menu_residencial_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}	

.menu a#escritorios {
	width:103px;
	height: 39px;
	background-image: url(imgs/menu/menu_escritorios_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#escritorios {
		width:103px;
		height: 39px;
		background-image: url(imgs/menu/menu_escritorios_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}	
	
.menu a#educaprevi {
	width:103px;
	height: 39px;
	background-image: url(imgs/menu/menu_educaprevi_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#educaprevi {
		width:103px;
		height: 39px;
		background-image: url(imgs/menu/menu_educaprevi_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}
	
.menu a#segmentados {
	width:109px;
	height: 39px;
	background-image: url(imgs/menu/menu_segmentados_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#segmentados {
		width:109px;
		height: 39px;
		background-image: url(imgs/menu/menu_segmentados_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}
	
.menu a#contato {
	width:109px;
	height: 39px;
	background-image: url(imgs/menu/menu_contato_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
}
	/* HOVER */
	.menu a:hover#contato {
		width:109px;
		height: 39px;
		background-image: url(imgs/menu/menu_contato_1.gif);
		background-repeat: no-repeat;
		background-position: 0px -47px;
		text-indent:-5000px;
	}	

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:39px; left:0; width:115px;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  color:#000;}
.menu ul li:hover ul li a:hover {color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:154px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
