@charset "utf-8";


.menu { 
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-align: center;
	
	position: relative;
	/*clear: both;*/
	padding: 0 0 10px 0;
	overflow: visible;
	text-align: center;
	
	z-index: 103;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto !important;
}

.menu ul { 
	padding: 0;
	margin: 0 auto 0 auto;
	list-style: none;
	display: inline-block;
	z-index: 2001;
}
.menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline-block;
	position: relative;
	background: none;
	color: #b9b9b9;
}
.menu ul li.ultim {
	
}


.menu ul li a, .menu ul li a.active {
	font-family: 'Source Sans Pro', sans-serif;
	overflow: hidden;
	display: inline-block;
	margin: 1em 0 0.5em 0;
	padding: 0.9em 0.7em 0.9em 0.7em;
	/*color: #ffffff;*/
	font-weight: 700;
	font-size: 1.35em;
	text-decoration: none;
	line-height: normal;
	text-align: left;
	vertical-align: bottom;
	background: none;
}
.menu ul li a.selec {
	color: #7AAD35;
}
.menu ul li a:hover, .menu ul li a.hover {
	color: #7AAD35;
	background: none;
	/*background-color: #a5b92d;*/
}

/* Segón nivell */
.menu ul li ul { 
	display: none;
	position: absolute;
	top: 4.7em;
	min-width: 200px;
	padding: 0 0 1em 0;
	list-style:	none;
	text-align: left;
	left: 0;
	right: 0;
	background-color: #ffffff;
}
.menu ul li ul li {
	text-align: left;
	padding: 0 0 0 0;
	width: 100%;
	margin: 0;
}
.menu ul>li>ul>li.ultim {
	text-align: left;
	padding: 0 0 0 0;
	width: 100%;
	margin: 0;
}
.menu ul li ul li a {
	position: relative;
	padding: 0.4em 0.4em 0.4em 0.4em;
	margin: 0 4% 0 4%;
	height: auto;
	width: 90%;
	background: none;
	text-align: left;
}
.menu ul li ul li a:hover, .menu ul li ul li a.active, .menu ul li ul li a.hover  {
	
}

/*.menu ul li ul>li.has-submenu>a {
	background: url('../img/fletxa-menu-dreta-fosc.png') right 10px no-repeat;
}
.menu ul li ul>li.has-submenu>a:hover  {
	background: url('../img/fletxa-menu-dreta.png') right 10px no-repeat;
}
*/

.menu ul li ul li a.selec {
	
}
.menu ul li ul li a span.fletxa {
	display: none;
}

/* Tercer nivell */
.menu ul li ul li ul {
	display: none;
}
.menu ul li ul li ul li {
}
.menu ul li ul li ul li.ultim {
}

.menu ul li ul li ul li a {
}
.menu ul>li>ul>li>ul>li.ultim>a {
}