/*
<ul class="nav">
	<li>
		<span>... //titol
		<ul>
			<li>...</li>
			...
		</ul>
	</li>
</ul>
*/

.nav, .nav UL {
	list-style:none;
}

.nav {
	display:block;
	float:left;
}

ul .nav li {
	padding:0px;
	margin:0px;
	border:1px solid red;
}

.nav li ul { /*hidden menu*/
	/*hidden forever by now - change to display block*/
	display:none;
	position:relative;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display:block;
}

.nav li:hover ul, .nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.trabajar {
	top:-150px;
}

.atencion {
	top:-150px;
}

.franquicias {
	top:-150px;
}