@CHARSET "UTF-8";


.fons-menu-nivell-2 {
	position: absolute;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50); 
	z-index: 99;
	width: 100%;
	left: 0;
	right: 0;
	height: 300px;
}

.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: left;
	
	position: relative;
	float: right;
	clear: both;
	margin: 0 !important;
	padding: 0 0 0 0 !important;
	overflow: visible;
	
	z-index: 103;
	width: 100%;
	height: auto;
}

.menu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	display: block;	
	z-index: 2001;
}
.menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul li {
	padding: auto 0px auto 0px;
	margin: 0 10px 0 10px;
	display: block;
	float: left;
	background: none;
}
.menu ul li.ultim {
	background: none;
}

.menu ul li ul li {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;	
}

.menu ul li ul li.menu2-imparell {
	float : left;
	clear : left;
	width : 49%;

}



.menu ul li ul li.menu2-parell {
	float : left;
	width : 49%;	
}

.menu ul li ul li a span {
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 20px;
	display: block;
}


.peu-menu ul li a span img {
	padding: 14px 0px 20px 10px;	
}

.menu ul li a {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
	margin: .4em 0 0 0;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.4em;
	text-decoration: none;
	line-height: auto;	
	vertical-align: bottom;	
	background-color:#9b1845;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;	
	width: 200px;
	height: 86px;	
}

.menu ul li a span {
	padding-top: 10px;	
}

.menu ul li a.selec {
	color: #ffffff;
}

.menu ul li div.div-menu {	
	background: transparent url("../img/fons-menu-fletxa.gif") top no-repeat;	
	position: absolute;
	background-position-x: 100px;	 		
}

.menu ul li div.div-menu div {
	overflow: hidden;		
}

.menu ul li div ul { 
	display: none;
	background-color: #cbd4db;
	border-radius: 9px 9px 0 0;	
	padding-top: 10px;
	padding-bottom: 10px;	
	list-style:	none;	
	text-align: left;
	border-bottom: solid 9px #3f5d73;
	margin : 13px;		
	width: 430px;	
		
}

.menu ul li ul li {
	text-align: left;
	width: 100%;	
	padding: 0;
	margin: 0;
	position: relative;
	background:none;			
}
.menu ul li ul li a {
	padding: 0 5px 5px 0;
	margin-top: 0px;
	height: auto;
	width: 100%;
	background: none;
	-webkit-transition: background-color 0.2s ease-out;  
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out; 
	text-align: left;
	color: #3f5d73;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.menu ul li a span.titol_menu {
		color: #ffffff;
		position: absolute;
		padding : 15px 5px 0 10px;		
}

.menu ul li a span img.img_menu {
	margin: 10px;
}


.menu ul li ul li a:hover, .menu ul li ul li a.active, .menu ul li ul li a.hover  {
	text-decoration: none !important;
	background-color: #5b7588;
	color: #ffffff;	
	width : 100% !important;
	
	
}
.menu ul li ul li a.selec {
	text-decoration: none;
}	


.menu ul li.has-submenu > a:after {
	content: url("../img/Fletxa_nivell1.png");
	position: relative;
	top: 10px;
	left: 94px;
	display: block;		
}



/* ---- Menu Peu ---- */
#peu-menu ul {
	list-style: none;	
}
#peu-menu ul li {
	background: none;
	margin: 0;
	padding: 0;	
	border-left: 2px solid #ffffff;
	padding-left: 5px;
}

#peu-menu ul li.submenu-imparell {
	float : left;
	clear : left;
	width : 40%;
}

#peu-menu ul li.submenu-parell {
	float : left;
	width : 40%;
}

#peu-menu ul li a {
	color: #ffffff;	
}



/* ---- Columna esquerra ---- */
#col-esquerra {
	float: left;
	width: 230px;	
	padding: 0;
	margin-bottom: 1em;
	
	position: absolute;
	top: 10px;
    z-index: 100;
}

#columna-adjunt {
	margin-left: 240px;
	overflow: hidden;
}

.columna-adjunt-int-dret  {
	width: 45%;
	float : left;		
}

.columna-adjunt-int-esq  {
	width: 45%;	
	float : left;
	clear : left;
	padding-right: 2.5em;
}


/* Menú esquerra */
#col-esquerra ul#menu-lat {
	margin: 0;
	padding: 0;
	list-style: none inside none;		
	overflow: hidden;	
	background-color: white;		
}

#col-esquerra ul#menu-lat li {
	margin: 2px 0 2px 0;	
	padding: 0;	
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;	
	background: url("../img/fons-menu-segon.png") no-repeat;
	background-position-y: 10px;
	-webkit-border-radius: 9px;
	
}



#col-esquerra ul#menu-lat li > a:after {
	content: url("../img/Fletxa_nivell1.png");
	position: absolute;
	top: 24px;
	left: 94px;
	display: block;		
}

#col-esquerra ul#menu-lat li ul li > a:after {
	content: none;
	top :0px;			
}

#col-esquerra ul#menu-lat li ul {
	margin: 0px 0px 5px 0;
	padding: 0 ;
	list-style: none;	
	overflow: hidden;
	display: block;	
	float: left;	
	width: 100% !important;
}	

#col-esquerra ul#menu-lat li a img.img_menu {
	padding: 0px 5px!important;
	width: 20px;
}



#col-esquerra ul#menu-lat li a {	
	display: block;
	float: left;
	
	margin: 0 0 0 0;
	padding: 10px 10px 2px 10px;
	color: #ffffff;
	
	font-weight: 600;
	font-size: 1.1em;
	
	text-decoration: none;
	line-height: auto;
		
	background-color: #9b1844;
	
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;	
	width: 210px;
	min-height: 28px;	
}


#col-esquerra ul#menu-lat li ul li {
		background : none;
		
}	

#col-esquerra ul#menu-lat li ul li a {
	font-size: 1em;
	color :#48657a;
	background-color: #cbd4db;				
	margin: 0 0 0 15px;		
	font-weight: bold;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 5px 0px 4px 15px;	
	min-height: 20px;
		
}

#col-esquerra ul#menu-lat li ul li a.selec {
	color :#ffffff !important;
	background-color: #5b7588 !important;	
}

#col-esquerra ul#menu-lat li ul.menu-lat1 li {
	border-radius: 0px !important;
}

#col-esquerra ul#menu-lat li ul.menu-lat1 li ul.menu-lat2 li {
}

#col-esquerra ul#menu-lat li ul.menu-lat1 li ul.menu-lat2 li a {
	width: 85% !important;
}

#col-esquerra ul#menu-lat li ul.menu-lat1 li ul.menu-lat2 li a.selec {
	color:  #9b1844 !important;
	background-color: #eef2f5 !important;	
}	

#col-esquerra ul#menu-lat li ul li ul li a {	
	font-size: 0.9em;	
	color: #9b1844;
	background-color: #dde3e8;
	padding: 2px 0 2px 10px;
	margin: 0px 0 0 25px;	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;	
}
#col-esquerra ul#menu-lat li ul li ul.menu-lat2 li a.select {
		color :#9b1844;		
		background-color: #ffffff;
}
	
#ul.idiomes-web {
	
}