#capsaleraWrapper {
	width:100%;
	background:url(../fotos_capsalera/cap_1.jpg) no-repeat top center;
}

	#capLogo {
		width:943px;
		height:100px;
		margin:0 auto;
		padding-top:40px;
		overflow:hidden;
	}
	#capLogo img {
		float:left;
		margin-right: 10px;
	}
	#capLogo p {
		float:left;
		margin-top:27px;
		font-family: Arial, sans-serif;
		color:#FFFFFF;
		font-size:25px;
		font-weight:bold;
		text-shadow: 0px 3px 3px #333;
	}
	
#capsalera_dalt{
	width:100%;
	background-color:#005cc7;
	overflow:hidden;
}

	#barra_menu{
		width:943px;
		height:38px;
		margin:0 auto;
		overflow:hidden;
	}
	
		#llista_seccions_generals {
			padding:9px 0 0 0;
			color: #dfe4ed;
			text-transform:uppercase;
			float: left;
		}	
		#llista_seccions_generals ul {
			display:inline-block; /* per centrar la llista, però necessito ocultar el desplegable */
		}
		#llista_seccions_generals li {
			list-style: none;
			font-size:15px;
			text-align:left;
			color:#fff;
			margin:0 4px 0 4px;
			padding:0 4px;
			float:left; /* per alinear la lista cap a l'esquerra */
		}
		#llista_seccions_generals li a {
			color:#fff;
			text-decoration:none;
		}
		#llista_seccions_generals li a:hover {
			border-bottom:2px solid #c2cb39;
		}
	#linia_separador{
		margin-top: -10px;
	}
	
	/* ############ desplegables ################# */
	.submenu{
		display: none;
		position: absolute;
		top: 180px;
		padding:0;
		z-index:500;
	}
	
	.submenu li{
		/*alguns estils estan a dins la mateixa etiqueta perquè sinó alguns d'ells no tenen efecte*/
		width: 150px;
		height: auto;
		background-image:url(../img/fons_desplegable_trans.png);
		background-repeat:repeat;
		border-bottom:1px dotted #c2cb39;
	}
	
	.submenu li#liSeccio, li#liTitol {
		/*alguns estils estan a dins la mateixa etiqueta perquè sinó alguns d'ells no tenen efecte*/
		width: 250px;
	}
		li#liTitol {
			background-image:none;
		}
	 
	.submenu li a{
		color: #fff;
	}
	/* ############### final desplegables ############## */
	
#idiomes{
	float: right;
	margin: 4px 0 0 0;
}

#slideme{
	position:relative;
	width:100%;
	height:373px;
	background-color:#FFFFFF;
}
#slideme div{
	position:absolute;
	width:100%;
	top: 0px;
	height:373px;
}

#cap_foto_fons {
	position:absolute;
	top:41px;
	margin:0 auto;
	width:100%;
	height:373px;
}

	#ombra_cap {
		background:url(../img/ombra_cap.png);
		height:12px;
	}
	
	
#overlayNegre {
	width:100%;
	/*height:144px;
	margin-top:24px;*/
	height:80px;
	margin-top:68px;
	/*margin-top:100px;*/
	background:url(../img/2014_cap_fons_overlay.png);
}
	#contOverlayNegre {
		width:943px;
		margin:0 auto;
		padding-top:18px;
		color:#fff;
		text-align:center;
		font-family: Arial, Verdana, sans-serif;
		line-height:24px;
	}
		p.capsalera1 {
			font-family: Arial, Verdana, sans-serif;
			font-size:20px;
			color:#FFFFFF;
		}
		p.capsalera2 {
			font-family: Arial, Verdana, sans-serif;
			font-size:18px;
			color:#FFFFFF;
		}
		p.capsalera3 {
			font-family: Arial, Verdana, sans-serif;
			font-size:16px;
			color:#FFFFFF;
		}
		p.capsalera4 {
			margin-top:5px;
			border:none;
		}
		
a.link_seccions {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	text-decoration: none;
}
	a:link.link_seccions	{color:#dfe4ed}
	a:visited.link_seccions	{color:#dfe4ed}
	a:hover.link_seccions 	{color:#012554}
	a:active.link_seccions	{color:#012554} 