@charset "utf-8";
/* CSS Document */
/* Estils generics */
* {padding:0em; margin:0em;	border:0em;}
body {margin: 0em; padding:0em; font-size: 62.5%; color: #333; font-family: arial,verdana,sans-serif; line-height: 1.4em; width:100%;}

a {text-decoration: none; color: #c30f0f;}
.neteja {display:block; clear:both;}
.mostra {display:block !important;}
.amaga {display:none !important;}
.floatleft{float:left;}
/* Fons */
#fons {background:#FFF url(../img/bg_gris.gif) repeat-x center bottom; width:100%; padding-bottom:4em;}
	/* Caixa principal */
	#fons #tot {margin:0em auto; width:96em;}
		/* Cap */
		#tot #capcalera{ margin:0.5em 0; border-bottom:2px solid #BF2F14;height:3.5em; width:100%; }
		#tot #capcalera img{ float:left;}
		#tot #capcalera .logogenelink{ display:block; height:3.5em;float:left; display:inline !important;}
		#tot #capcalera p{ float:left; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; width:76em; text-align:right; line-height:3.5em;}
		#tot #capcalera a{ text-decoration:underline; color:#000; display:block; float:right; margin:0 0.5em;}
		#tot #capcalera span{ text-decoration:underline; color:#000; display:none; float:right; margin:0 0.5em;}
		#tot #cap {overflow:hidden; clear:both; display:block;height:17.5em; width:100%; } 
			#cap h1{width:96em; height:17.5em; background:#FFF url(../img/icip_cap01.jpg) no-repeat left top; }
			#cap h1 span{display:none;}
			#cap h1 a{ display:block; width:96em; height:17.5em;}
			#cap .cap11{ background-image:url(../img/icip_cap01.jpg) !important;} 
			#cap .cap12{ background-image:url(../img/icip_cap02.jpg) !important;} 
			#cap .cap13{ background-image:url(../img/icip_cap03.jpg) !important;} 
			#cap .cap14{ background-image:url(../img/icip_cap04.jpg) !important;} 
			#cap .cap15{ background-image:url(../img/icip_cap05.jpg) !important;} 
			#cap .cap16{ background-image:url(../img/icip_cap06.jpg) !important;}
			#cap .cap17{ background-image:url(../img/icip_cap07.jpg) !important;}
			
			#cap .cap21{ background-image:url(../img/icip_cap21.jpg) !important;} 
			#cap .cap22{ background-image:url(../img/icip_cap22.jpg) !important;} 
			#cap .cap23{ background-image:url(../img/icip_cap23.jpg) !important;} 
			#cap .cap24{ background-image:url(../img/icip_cap24.jpg) !important;} 
			#cap .cap25{ background-image:url(../img/icip_cap25.jpg) !important;} 
			#cap .cap26{ background-image:url(../img/icip_cap26.jpg) !important;}
			#cap .cap27{ background-image:url(../img/icip_cap27.jpg) !important;}
			
			#cap .cap31{ background-image:url(../img/icip_cap31.jpg) !important;} 
			#cap .cap32{ background-image:url(../img/icip_cap32.jpg) !important;} 
			#cap .cap33{ background-image:url(../img/icip_cap33.jpg) !important;} 
			#cap .cap34{ background-image:url(../img/icip_cap34.jpg) !important;} 
			#cap .cap35{ background-image:url(../img/icip_cap35.jpg) !important;} 
			#cap .cap36{ background-image:url(../img/icip_cap36.jpg) !important;}
			#cap .cap37{ background-image:url(../img/icip_cap37.jpg) !important;}
			
		/* Peu */
		#peu {  padding-top:0.6em;width:100%; text-align:center; background:url(../img/separador_ligero.gif) repeat-x 1em 0.5em;}
		#peu a{ line-height:2.5em; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
		#peu a:hover{ text-decoration:underline;}
		
		/* Continguts */
		#tot #continguts {display:block; clear:both;}
		#tot #icon {float:right; padding-top:4px;}
		#tot #icon img{margin-left:3px;}
		
			/* Menu */
			#continguts #menu{width:19.2em; float:left; margin-right:2em; padding-top:1em;}
			#menu ul {display:block; font-size:1.6em; font-weight:bold;}
			#menu li {padding: 0.7em 0em; border-bottom:0.2em solid #d8d9d9; list-style:none;}
			#menu li a {color:#333; text-decoration:none !important;}
			#menu li a:hover {background:url(../img/menu_fletxa.gif) no-repeat top right; display:block;}
			#menu li.seleccionat {background:url(../img/menu_fletxa2.gif) no-repeat top right; padding: 0.5em 0em 0em 0em; display:block;}
			#menu .actiu{color:#c30f0f !important;}
			#menu .desactivat{color:#333333 !important;}
			#menu li.seleccionat span {display:block;}
			#menu li.seleccionat span a {color:#c30f0f;}
			#menu ul ul {display:block; font-size:0.78em; font-weight:normal;}
			#menu li li {display:block; border-bottom:0.1em solid #d8d9d9; font-weight:bold; display:block; padding:0em;}
			#menu li li.primer {border-top:0.1em solid #d8d9d9; margin-top:0.7em;}
			#menu li li a {padding:0.7em 0em; display:block;}
			#menu li li a:hover {background:#e5e5e5;}
			#menu li li .seleccionat {background:none; color:#C30F0F;}
			#menu li li a .seleccionat {color:#C30F0F;}
			#menu li li.ultim {border:0em;}
			#banners {padding-left:9px; padding-top:9px;}
			#banners img{border:1px solid #CCCCCC; margin-bottom:6px;}
				
			/* Informacio */
			#continguts #informacio {float:left; width:74.8em; background:transparent url(../img/menu_bg.png) bottom left no-repeat;}
				#continguts .senseFons {background:none !important;}
				
				/* Calendari */
				#informacio .calendari {width:25.7em; padding-bottom:1em; background: transparent url(../img/calendari.png) no-repeat bottom right; float:left;}
					.calendari .bloc {width:19.5em; margin: 0em 2em;}
						.bloc h2 {font-size:1.8em; text-transform:uppercase; color:#AAA; padding:1em 0em !important;}
						.bloc h3 {text-transform:none; color:#c30f0f; font-size:1.2em; padding:1em 0em !important;}
						
						/* height:10em per quan estigui actiu noticies */
						.bloc .scroll {overflow:hidden;}
							.scroll ul {list-style:none;}
							.scroll li {margin-top:1em; font-size:1.2em;}
							.scroll .hora {color:#c30f0f;}
							.scroll h3 {padding:0em !important; margin:0.3em 0em !important; font-size:1em;}
							.scroll h3 a {color:#000; font-weight:bold;}
							.scroll p {display:block;}
						.bloc .interiorDreta {}
							.interiorDreta ul {margin:0em 0em 4em 1.3em; list-style-image:url(../img/linksDreta_fletxa_vermella.gif);}
							.interiorDreta li {margin-top:1em; font-size:1.2em;}
								.interiorDreta a {color:#000; background:none; text-align:left; text-transform:none;}
						.bloc a.boto {text-align:right; padding:0.5em; background-color:#333; color:#FFF; margin: 1em 0em 1em 0em; display:inline-block; text-transform:uppercase; font-size:1.1em;}
						
				/* Recomanem */
				#informacio .recomanem {width:47.1em; float:left; margin-left:2em;}
					.recomanem h2 {font-size:1.8em; text-transform:uppercase; color:#AAA; padding:1em 0em !important;}
					.recomanem ul {list-style:none;}
					.recomanem li {float:left; background-color:#FFF; width:14.9em; margin-right:0.5em; height:27em;}
					.recomanem li.ultim {margin-right:0em;}
					.recomanem .imatge {}
					.recomanem .textos {padding:1em; font-size:1.2em;}
						.textos h3 {color:#c30f0f; font-weight:bold;font-size:1.2em;}
						.textos p {margin:0.5em 0em;}
						
				/* Guia */
				#informacio #guia {display:block; clear:both; border-bottom:0.2em solid #e1e2e2;}
					#guia .posicio {float:left; font-size:1.2em; padding:1em 1.5em;}
						.posicio a {color:#000; text-decoration:underline;}
						.posicio .actual {color:#c30f0f;}
					#guia .opcions {float:right;}
						.opcions .imprimir {background:transparent url(../img/guia_imprimir.png) no-repeat center left; float:left; padding:1em 0em; margin:0em 2em 0em 2em; *margin:0em 1em 0em 2em;}
							.imprimir a {font-size:1.1em; color:#000; text-decoration:underline; margin-left:3em;}
						.opcions .recomanar {background:transparent url(../img/guia_recomanar.png) no-repeat center left; float:left; padding:1em 0em; margin:0em 2em 0em 2em; *margin:0em 1em 0em 2em; display:none;}
							.recomanar a {font-size:1.1em; color:#000; text-decoration:underline; margin-left:3.7em;}
							
				/* Informacio completa */
				* html #informacio .informacioCompleta {width:43em; float:left; margin:0em 1em;}
				#informacio .informacioCompleta {width:47em; float:left; margin:0em 2em;}
					#informacio .sencer {width:100% !important;}
					* html #informacio .sencer {width:89% !important;}
					.informacioCompleta a{color:#000; text-decoration:underline;}
					.informacioCompleta h2 {font-size:2em; color:#AAA; margin-top:1em !important; margin-bottom:1em; line-height:1.2em;}
					.informacioCompleta p {font-size:1.2em; margin: 0.7em 0em;}
					.informacioCompleta ol {margin:1.5em 0em 0em 2em;  font-size:1.2em;}
					.informacioCompleta ol.lletres {list-style-type:lower-latin;}
					.informacioCompleta ol li {margin:0.5em 0em;}
					.informacioCompleta ul {margin:1.5em 0em 0em 2em;  font-size:1.2em;}
					.informacioCompleta li {margin:0.5em 0em;}
					.informacioCompleta li.sensefletxa{*display: inline;list-style-type:none;}
					.informacioCompleta ul ul {margin:0em; font-size:1em; padding:0;}
					.informacioCompleta ul.border {border-bottom:0.1em dotted #757477; padding-bottom:1.4em;}
					.informacioCompleta ul.flextaVermella {list-style-image:url(../img/linksDreta_fletxa_vermella.gif); margin:0em 0em 1.5em 0em; padding-left:1.4em;}
					.informacioCompleta ul.flextaVermella a {text-decoration:underline;}
					.informacioCompleta li.flextaVermella {list-style-image:url(../img/linksDreta_fletxa_vermella.gif); font-weight:bold;}
					.nonegreta {font-weight:normal}
					.informacioCompleta li.flextaGris {list-style-image:url(../img/linksDreta_fletxa_gris.gif); font-weight:normal;}
					.informacioCompleta li a {text-decoration:none;}
					.informacioCompleta h2.enllacos {margin-bottom:1.5em !important;}
					.informacioCompleta h3.enllacos {font-size:1.4em; font-weight:bold; color:#c30f0f; text-transform:uppercase; margin-bottom:0.5em !important;}
					.informacioCompleta .vermell {color:#c30f0f; text-decoration:none;}
					.informacioCompleta h4.enllacos {font-size:1.4em; font-weight:bold; color:#000;}
					.informacioCompleta .txt_vermell{color:#C30F0F;}
					
				/* Continguts relacionats */
				#informacio .cont_relacionats {float:right; overflow:hidden; width:23.6em; background:transparent url(../img/bgpeu_relacionats.png) no-repeat bottom right; padding:0; }
				#informacio .cont_relacionats ul {margin:1em;} 
				#informacio .cont_relacionats h3 {color:#c30f0f; font-size:1.2em;margin:1.0em !important;}
				#informacio .cont_relacionats li {list-style-image:url(../img/linksDreta_fletxa_vermella.gif); margin:0.5em 0em 0.5em 2em;  }
				#informacio .cont_relacionats li a {font-size:1.2em; color:#000; text-decoration:underline;}
				
				/* Llista de gobern */
				#informacio .llista_juntagovern	{list-style:none; margin:0.5em 0em; padding:0em; font-size:1.2em; display:block; clear:both;}
				#informacio .llista_juntagovern	li {width:17.5em; *width:17.0em; +*width:16.0em; +*height:13.0em; line-height:1.2em; min-height:11em;}
					.llista_juntagovern	li.dreta {float:right; margin:0em 0.5em 0em 0em;}
					.llista_juntagovern	li.esquerra {float:left; margin:0em 0em 0em 0.5em;}
				#informacio .llista_juntagovern	img {float:left; margin:0em 1em 1em 0em;}
				#informacio .llista_juntagovern	h3 {color:#c30f0f; margin:0.5em 0em !important;*font-size:1.2em;}
				#informacio .llista_juntagovern	p {font-size:1em; margin:0em; padding:0em;}
				#informacio .llista_juntagovern	a {color:#000; text-decoration:underline;}
				#informacio .contacte_junta {margin:2.5em auto 0!important;}
				
				/* Agenda */
				#informacio .agenda {float:left; margin:0em 2em; width:97%; *margin:0em 0 0 1.5em; *width:95%;}
					.agenda h2 {font-size:2em; color:#AAA; margin:1em 0em 1.5em 0em !important;}
					.agenda .destacada{ overflow:hidden; background-color:#fff; width:100%; min-height:15.5em;}
					.agenda .destacada .imatge{ width:20em; float: left;}
					.agenda .destacada .textos { margin:0; float:left; width:45.9em; *width:44em;}
					.agenda .destacada span{ display:block;}
					.agenda .destacada .textos .titol{ font-size:1.4em; color:#c30f0f; font-weight:bold; margin:0 0 1em 0;}
					.agenda .fecha{  color:#c30f0f; font-size:1.2em;}				
					.agenda  h4{ font-size:1.2em;font-weight:bold; margin:0.5em 0; }
					.agenda  p{ font-size:1.2em; }
					.agenda h3{ clear:both; font-size:1.4em;color:#AAA;text-transform: uppercase; margin:2.0em 0 1.5em;}
					.agenda .properes li{ list-style:none; padding:1.0em 0 2.0em 0; background:url(../img/bg_puntejat.gif) repeat-x bottom left;}
					.agenda .properes .ultima{ background:none !important;}
					
				/* Contacta */
				.informacioCompleta .contacta_txt{padding: 0.5em 0em 0em 1em; overflow: hidden; float: none;}				
				.informacioCompleta .organigrama{ background:url(../img/organigrama_cat.png) no-repeat top center; width:69.2em; height:31.5em;}
				.informacioCompleta .organigrama_cas{ background:url(../img/organigrama_cas.png) no-repeat top center; width:69.2em; height:31.5em;}
				.informacioCompleta .organigrama_eng{ background:url(../img/organigrama_eng.png) no-repeat top center; width:69.2em; height:31.5em;}
				.informacioCompleta .organigrama ul, .informacioCompleta .organigrama_cas ul, .informacioCompleta .organigrama_eng ul{ display:none;}
				/* Beques i ajuts */
				
				.informacioCompleta .taulell_dades{margin-bottom:3em; display:block;}
				.informacioCompleta .taulell_dades h3{font-size:1.2em;}
				.informacioCompleta .taulell_dades ul{margin:0; padding:0; width:60em; _width:58.4em; display:block;}
				.informacioCompleta .taulell_dades ul li{list-style:none;display:block;overflow:hidden;*padding-bottom:0.5em;}
				.informacioCompleta .taulell_dades ul li p{float:left; font-size:1em;margin-left:1.8em;_margin-left:1.2em;} 
				.informacioCompleta .taulell_dades ul li .codi{ width:15em;}
				.informacioCompleta .taulell_dades ul li .nom_beca{ width:16em;}
				.informacioCompleta .taulell_dades ul li .nom_persona{ width:8em;}
				.informacioCompleta .taulell_dades ul li .doc_pdf{ width:13em;}
				.informacioCompleta .taulell_dades ul .dades_general{color:#c30f0f;font-weight:bold;}
				.informacioCompleta .taulell_dades ul .dades_concretes{ background-color:#e7e8e8;margin:0.2em auto;_height:1%;_overflow:hidden;}
				.informacioCompleta .taulell_dades ul .dades_concretes a{ text-decoration:underline;}
				
				/* Mapa Web */
				.informacioCompleta .mapa_web{ margin-top:0.8em; overflow:hidden; width:70em;}
				.informacioCompleta .mapa_web div{ width:16.3em; margin-right:1em; float:left;}
				.informacioCompleta .mapa_web h2{ font-size:1.8em; margin-bottom:1em; font-weight:normal; color:#c30f0f;}
				.informacioCompleta .mapa_web h2 a{ text-decoration:none; color:#c30f0f;}
				.informacioCompleta .mapa_web ul li{list-style-image:url(../img/linksDreta_fletxa_vermella.gif);}
				.informacioCompleta .mapa_web ul li a{ text-decoration:underline;}
				
				/* Sala Premsa */				
				.seccio_premsa h3{ font-size:1.4em; font-weight:bold;}
				.seccio_premsa ul{ margin-bottom:2em;}
				.seccio_premsa ul li{ list-style-image:url(../img/linksDreta_fletxa_vermella.gif);}
				.seccio_premsa ul li a{ text-decoration:underline;}