/* Adsis */

/* Fulla d'estils per a les pągines internes */


	/* Continguts */
	/*

			01 - Pintat del menu esquerre de navegació
			02 - Pintat dels banners destacats
			03 - Pintat del contingut
			04 - Pintat Agenda
			05 - Pintat Publicacions
			06 - Pintat Sala Prensa
			07 - Pintat de Donde estamos
			08 - Pintat de la home de seccions
			09 - Estils per l'editor de contingut del cms
			10 - Pintat de les ofertes de voluntariado
			11 - Pintat de formularis
			12 - Pintat del mapa web
			13 - Pintat de la llista de colaboradors i detall
			14 - Pintat dels projectes de col·laboracio
			15 - Pintat resultats cercador
			16 - Estils per al newsletter 

	*/
	/* ---------- */
		
	/* 01 - Pintat del menu esquerre de navegació */
	
		#menu-navegador {
			float: left;
			margin: .7em .3em .4em 0;
			padding-bottom: 4em;
			width: 14em;
			overflow: hidden;
		}
		
			#menu-navegador h2 {
				padding: 0;
				margin: 0 0 0.6em 0;
				font-size: 1.1em;
				color: #96a200;
			}
			
			#menu-navegador ul{
				margin: 0;
				padding: 0;
			}
		
				#menu-navegador ul li{
					margin: .2em 0 .2em 0;
					padding: .4em 0 .3em 0;
					border-top: 1px dotted #999;
				}
				
					#menu-navegador ul li.last {
						border-bottom: 1px dotted #999;
					}

					#menu-navegador ul li a{
						font-size: 1.1em;
						color: #333;
					}
					
					#menu-navegador ul li a.selected{
						font-weight: bold;
						color: #939300;
					}
					
						#menu-navegador ul li ul {
							
						}
					
						#menu-navegador ul li ul li {
							border: none;
							margin-top: .1em;
							margin-left: .7em;
							line-height: 1em;
							padding: .4em 0 0 0;
						}							
						
							#menu-navegador ul li ul li a{
								font-size: 1.1em;
								color: #333;
								background:transparent url(../images/dot_menu-navegador.gif) no-repeat scroll 0 .3em !important;
								padding-left: .7em;
								display: block;
							}
							
							#menu-navegador ul li ul li a.selected{
								color: #939300;
								background:transparent url(../images/dot_menu-navegador.gif) no-repeat scroll 0 .3em !important;
								padding-left: .7em;
								font-weight: normal;
								display: block;
							}
	
							
	/* 02 - Pintat dels banners destacats */
	
		.banners-destacats {
			margin-top: 4em;
		}
		
			.banners-destacats ul {
				margin: 0;
				padding: 0;
			}
				
				.banners-destacats ul li {
					border-top: 1px solid #ccc;
					padding: 0 0;
				}
					.banners-destacats ul li.last {
						border-bottom: 1px solid #ccc;
					}
					
						.banners-destacats ul li a {
							display: block;
							padding: .1em 0;
						}
	
	/* 03 - Pintat del contingut */
	
		#contingut {
			float: left;
			margin: 0 0 .5em 4.2em;
			padding-top: 0;
			width: 58.4em;	
			/*border: 1px solid red;*/
		}
		
			#contingut img {
				/*border-color: #959500;*/
				border-color: #ccc;
			}
		
			#contingut h2 {
				font-size: 2.8em;
				padding: 0;
				margin: 0 0 .6em 0;
				font-weight: normal;
			}
			
			#contingut a {
				text-decoration: underline;
			}
			
			#contingut a:hover {
				color: #959500;
				text-decoration: underline;
			}
			
			#contingut p.tornar {
				width: 100%;
				clear: both;
				text-align: right;
				border-top: 1px dotted #ccc;
				padding-top: .3em;
			}
			
				#contingut p.tornar a {
					margin-right: .3em;
					text-decoration: underline;
					background: url('/site/images/icons/volver.jpg') no-repeat 0 .3em;
					padding: 0 0 0 1.2em;
				}
				
					#contingut p.tornar a:hover {
						color: #959500;
					}
			
			#contingut div.destacat {
				line-height: 1.5em;
				font-size: 1.2em;
				font-weight: bold;
				color: #959500;
				margin: 0;
				padding: .4em .2em;
			}

			#contingut div.destacat p {
				margin: 0;
				padding: 0 .1em;
				line-height: 1.5em !important;
				font-size: 1em !important;
				font-weight: bold;
				color: #959500;
			}
			
			#contingut div.foto_article {
				float: left;
				text-align: left;
			}
				
				#contingut div.foto_article img {
					margin-top: 1.7em;
					margin-right: 1em;
					margin-left: .3em;
				}
				
					#contingut div.foto_article div.peu_foto {
						clear: both;
						float: left;
					}
						#contingut div.foto_article div.peu_foto, div.peu_foto p, div.peu_foto span {
							margin-left: .2em;
							padding: 0;
							font-size: 1em;
							color: #959500;
						}
			
			.articles p {
				margin: 0;
				padding: 0;
			}
				
			#contingut #articles-relacionats {
				float: right;
				margin-bottom: .6em;
				margin-left: 1em;
				width: 12em;
				padding-bottom: 2em;
				border-left: 0px dotted #999;
				background-color: #f8f8f8;
			}
			
			#contingut .no-top-margin {
				margin-top: .3em;
			}
			
			#contingut .top-margin {
				margin-top: 1.6em;
			}
			
				#contingut #articles-relacionats ul {
					font-size: .9em;
					padding: 0;
					margin: 0;
				}
				
				    #contingut #articles-relacionats h3.titol-articles {
				        color: #fff;
				        font-size: 1.1em;
				        font-weight: normal;
						background: none;
						padding: .2em 0 .2em .5em;
						margin: 0;
						background-color: #B5B500;						
					}
					
					#contingut #articles-relacionats ul li {
						background:transparent url(../images/dot_articles-relacionats.jpg) no-repeat scroll 0 .4em;
						padding-left: .8em;
						padding-right: .4em;
						margin: .7em 0 0 .4em;
						width: auto;
					}
						
						#contingut #articles-relacionats ul li.last {
							border: none;
						}
						
						#contingut #articles-relacionats ul li a {
							text-decoration: underline;
							color: #959500;
						}
												
							#contingut #articles-relacionats ul li a:hover {
								text-decoration: none;
								color: #000;
							}
			
	/* 04 - Pintat Agenda */
		
		#contingut h2 span {
			color: #959500;
		}
	
		#contingut .llistat-agenda {
			border-top: 1px solid #959500;
			margin: 0;
			padding: 1.5em 0;
		}
			#contingut .llistat-agenda.last {
				border-bottom: 1px solid #959500;
			}
			
            #contingut .llistat-agenda .subtitol-agenda,
            #contingut .llistat-agenda .subtitol-agenda p {
				font-size: 12px;
				font-weight: bold;
				margin: 0 0 1em 0;
				padding: 0;
			}
			
			#contingut .llistat-agenda ul {
				margin: 0;
				padding: 0;
			}
				
				#contingut .llistat-agenda ul li {
					font-size: 1em;
					margin: 0;
					padding: 0;
					background: none;
					border-top: 1px dotted #959500;
					border-left: none;
				}
					#contingut .llistat-agenda ul li.titol-seccio-agenda {
						border-top: none;
					}
									
					#contingut .llistat-agenda ul li a.mes-informacio {
						background:transparent url(../images/icons/enlace_informacion.jpg) no-repeat scroll 0 -.1em;
						padding-left: 1.8em;
						line-height: 1.6em;
						color: #333;
						text-decoration: underline;
					}
					
					#contingut .llistat-agenda ul li p.titol-activitat-agenda {
						margin: 0;
						padding: 0;
						line-height: 1.4em;
						font-weight: bold;
						color: #939300;
					}
					
					#contingut .llistat-agenda ul li a {
						color: #959500;
						border: none;
					}
					
					#contingut .llistat-agenda ul li a:hover {
						text-decoration: none;
					}
					
					
		#contingut #agenda-anys {	
			margin: .8em 0 .2em 0;
			padding: 4px 0;
			width: 58.4em;
			overflow: hidden;
			border-top: 1px dotted #959500;
			border-bottom: 1px dotted #959500;
			background-color: #F8F8F8;
		}
		
			#contingut #agenda-anys ul {
				float: right;
				margin: 0 .8em 0 0;
				padding: 0;
			}
				
				#contingut #agenda-anys ul li {
					font-size: 1.1em;
					display: inline;
					line-height: 1em;
					margin: 0 0 0 4px;
					padding: 0 2px 0 6px;
					color: #333;
					background: none;
					border-left: 1px solid #333;
				}
				
					#contingut #agenda-anys ul li a {
						margin: 0;
						padding: 0;
						color: #959500;
						text-decoration: underline;
					}
					
						#contingut #agenda-anys ul li.first {
							border-left: 0;
						}
						
						#contingut #agenda-anys ul li.selected a {
							font-weight: bold;
							text-decoration: none;
						}
						
						#contingut #agenda-anys ul li.first a:hover {
							border-left: 0;
						}
						
						#contingut #agenda-anys ul li a:hover {
							text-decoration: none;
						}
				
		#contingut #agenda-mesos {
			font-size: 1em;
			width: 58.4em;
			overflow: hidden;
			margin: 0 0 2em 0;
			padding: 2px 0 4px 0;
			background: none;
			border-bottom: 1px dotted #959500;
			background-color: #F8F8F8;
		}
			#contingut #agenda-mesos ul {
				float: right;
				margin: 0 .8em 0 0;
				padding: 0;
			}
				
				#contingut #agenda-mesos ul li {
					font-size: 1.1em;
					display: inline;
					line-height: 1em;
					margin: 0 0 0 4px;
					padding: 0 2px 0 6px;
					color: #333;
					background: none;
					border-left: 1px solid #333;
				}
				
					#contingut #agenda-mesos ul li a {
						
						padding: 0;
						margin: 0;
						color: #959500;
						display: inline;
						text-decoration: underline;
					}
					
						#contingut #agenda-mesos ul li.first {
							border-left: none;
							padding-left: 0;
							margin-left: 0;
						}
						
						#contingut #agenda-mesos ul li.selected a {
							font-weight: bold;
							text-decoration: none;
						}
						
						#contingut #agenda-mesos ul li.first a:hover {
							border-left: none;
						}
						
						#contingut #agenda-mesos ul li a:hover {
							text-decoration: none;
						}
		
		#contingut #detall-agenda {
			width: 100%;
			overflow: hidden;
		}
		
			#contingut #detall-agenda p.periode {
				color: #959500;
				margin: .5em 0 .3em .1em;
				padding: 0;
				font-weight: bold;
			}
			
			#contingut #detall-agenda p.cicle {
				margin: 0 0 .3em 0;
				padding: 0;
				font-size: 1.6em;
			}	
			
			#contingut #detall-agenda p.titol {
				color: #959500;
				margin: 0 0 0 0;
				padding: 0;
				font-size: 2.8em;
			}	
			
			#contingut #detall-agenda p.subtitol {
				margin: 0 0 .1em 0;
				padding: 0;
				font-size: 1.6em;
			}
			
			#contingut #detall-agenda p.autor {
				margin: 0 0 .3em .1em;
				padding: 0;
				font-size: 1.2em;
				font-weight: bold;
			}
			
			#contingut #detall-agenda p.dades-agenda {
				clear: both;
			}
			
			#contingut #detall-agenda p a.link-pdf {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				/*display: block;*/
				padding: .3em 0 .3em 1.9em;
				background: transparent url("../images/icons/pdf-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut #detall-agenda p a.link-doc {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				/*display: block;*/
				padding: .4em 0 .3em 2em;
				background: transparent url("../images/icons/doc-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut #detall-agenda p span {
				font-size: .9em;
				color: #666;
			}
				
								
	/* 05 - Pintat Publicacions */
	
		.llista-publicacions {
			width: 57.2em;
			overflow: hidden;
			border-top: 1px dotted #939300;
			padding: .6em .5em .9em .5em;
		}
			.llista-publicacions.last {
				border-bottom: 1px dotted #959501;
			}
		
			.llista-publicacions p.titol-publicacio {
				padding: .4em 0 0 8.5em;
				margin: .5em 0 0 0;
			}
			
				.llista-publicacions p.titol-publicacio a {
					color: #939300;
				}
			
			.llista-publicacions div.paragraf-publicacio p {
				padding: 0 0 0 8.5em;
				margin: 0 0 0 0;
			}
		
		
		#contingut .llista-butlletins-adsis {
		    padding: 0;
		    margin: 0;
		}		
					
		#contingut .llista-butlletins-adsis li {		    
		    width: 57.2em;
			overflow: hidden;
			font-size: 1em;
			border-top: 1px dotted #939300;
			padding: .9em .5em .9em .5em;
			background: none;
		}
		
			#contingut .llista-butlletins-adsis li.last {
				border-bottom: 1px dotted #959501;
			}
			
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti {
					padding-left: 12.2em;
				}
				
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti ul,
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti ul li {
    				margin: 0;
                    padding: 0;
                }
				
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti ul li {
                    width: auto;
                    overflow: hidden;
                    font-size: 1.2em;
                    line-height: 1.4em;
                    padding-left: .8em !important;
                    margin-bottom: 0.4em;
                    background: url(../images/dot_articles-relacionats.jpg) no-repeat scroll 0 0.4em !important;
                    border: none;
				}
				
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti p {
					padding: .3em 0 0 1em;
					margin: 0 0 0 0;
				}
			
				#contingut .llista-butlletins-adsis li p.numero {
					font-weight: bold;
					float:left;
					clear:left;
					font-size: 1.1em;
					margin: 0 0 0 .2em;
					padding: 0;
					width: 11em;
				}
				
				#contingut .llista-butlletins-adsis li p.data {
					font-weight: normal;
					float:left;
					clear:left;
					font-size: 1.1em;
					margin: 0 0 0 .2em;
					padding: 0;
				}
				
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti p.adjunts {
					padding-top: .4em;
					padding-left: 2.2em;
				}
				
				#contingut .llista-butlletins-adsis li div.paragraf-butlleti p.extras {
					padding-top: 0;
					padding-bottom: .3em;
					padding-left: 2.2em;
				}
				
	
	/* 06 - Pintat Sala prensa */
	
		#contingut h2.news-paper-notes {
			margin-top: 1em;
		}
		
		#contingut #news-paper-notes {}
		
			#contingut #news-paper-notes ul {
				border-top: 1px solid #959500;
				margin: 0;
				padding: .2em 0 0 0;
				overflow: hidden;
				width: 58.4em;
			}
			
				#contingut #news-paper-notes ul li {
					width: 100%;
					overflow: hidden;
					border-bottom: 1px dotted #959500;
					background: none;
					margin: 0 0 0 0;
					padding: .7em 0 .7em 0;
					font-size: 1em;
					float: left;
				}
							
					#contingut #news-paper-notes ul li img {
						float: right;
						margin-left: .7em;
					}
				
					#contingut #news-paper-notes ul li a {
						color: #959500;
					}
					
						#contingut #news-paper-notes ul li a:hover {
							color: #959500;
						}
						
		#contingut #areas {	
			margin: .8em 0 3.7em 0;
			padding: 4px 0;
			width: 58.4em;
			overflow: hidden;
			border-top: 1px dotted #959500;
			border-bottom: 1px dotted #959500;
			background-color: #F8F8F8;
		}
		
			#contingut #areas ul {
				float: left;
				margin: 0 .8em 0 0;
				padding: 0;
				width: 100%;
			}
				
				#contingut #areas ul li {
					font-size: 1.1em;
					float: left;
					line-height: 1.6em;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					color: #333;
					background: none;
					width: auto;					
				}
				
					#contingut #areas ul li a {
						margin: 0;
						padding: 0 .7em 0 .7em;
						color: #959500;
						border-right: 1px solid #333;
						text-decoration: underline;
					}
					
						#contingut #areas ul li.first a {
							border-left: 0;
							margin-left: 0;
							padding-left: 0;
						}
						
						#contingut #areas ul li.selected a {
							font-weight: bold;
							text-decoration: none;
						}
						
						#contingut #areas ul li a.last {
							border: none;
							padding-right: 0;
						}
						
						#contingut #areas ul li a.selected {
							text-decoration: none;
							font-weight: bold;
						}
						
						#contingut #areas ul li.first a:hover {
							border-left: 0;
						}
						
						#contingut #areas ul li a:hover {
							text-decoration: none;
						}
						
		#contingut .adsis-in-papers-list {
			width: 100%;
			overflow: hidden;
		}
		
		#contingut .area-name {
			border-top: 1px dotted #959500;
		}
		
			#contingut .adsis-in-papers-list ul {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
				
				#contingut .adsis-in-papers-list ul.last {
					border-bottom: 1px dotted #959500;
					padding: 0 0 .3em 0
				}
		
				#contingut .adsis-in-papers-list ul li {
					margin-left: 0;
					margin-bottom: 1em;
					width: 100%;
					overflow: hidden;
					background: none;
				}
				
					#contingut .adsis-in-papers-list ul li div.newspaper-name {
						float: left;font-size: 1.1em;
						width: 9em;
						overflow: hidden;
					}
					
					#contingut .adsis-in-papers-list ul li ul.titular {
						font-size: .9em;
						font-weight: bold;
						padding: 0;
						margin: 0 0 0 1.4em;
						width: 40em;
						overflow: hidden;
						float: left;
					}
					#contingut .adsis-in-papers-list ul li ul.titular li {
						background: none !important;
						font-weight: bold;
						padding: 0;
						margin: 0 0 .3em 0;
						width: 100%;
						overflow: hidden;
						float: left;
						line-height: 1.4em;
					}
						#contingut .adsis-in-papers-list ul li ul.titular li span {
							font-weight: normal;
							padding: 0;
							margin: 0;
							display: block;
						}
						
		#contingut #detall-noticia {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
							
			#contingut #detall-noticia p.data {
				margin: .5em 0 0 0;
				padding: 0;
			}
			
			#contingut #detall-noticia p.titol {
				font-size: 2.8em;
				color: #959500;
				line-height: 1.2em;
				padding: 0;
				margin: 0;
			}
			
			#contingut #detall-noticia p.subtitol {
				font-size: 1.6em;
				color: #333;
				margin: 0;
				padding: 0;
			}
			
			#contingut #detall-noticia img.img-esquerra-news {
				margin: .6em 0 0 .2em;
				padding: .9em 1em 0 0;
				float:left;
			}
			
			#contingut #detall-noticia p.resum {
				color: #959500;
			}
			
			#contingut #detall-noticia p.link-img {
				clear: both;
			}
			
			#contingut #detall-noticia p a.link-pdf {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				padding: .3em 0 .3em 1.9em;
				background: transparent url("../images/icons/pdf-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut #detall-noticia p a.link-doc {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				padding: .4em 0 .3em 2em;
				background: transparent url("../images/icons/doc-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut #detall-noticia p a.link-mp3 {
				border: 0px solid red;
				margin-left: .3em;
				text-decoration: none;
				padding: .3em 0 .3em 1.8em;
				background: transparent url("../images/icons/mp3-icon-small.jpg") no-repeat 0 0;
			}
            
			#contingut #detall-noticia p a.link-video {
				border: 0px solid red;
				margin-left: .3em;
				text-decoration: none;
				padding: 0 0 .3em 1.8em;
				background: transparent url("../images/icons/icovideo.gif") no-repeat 0 0;
			}
			
			#contingut #detall-noticia p span {
				font-size: .9em;
				color: #666;
			}
				
	/* 07 - Pintat de Donde estamos */
	
		#contingut .center-list li {}
		
			#contingut .center-list li a {
				font-weight: bold;
				font-size: 1.1em;
			}
		
			#contingut .center-list li p {
				margin: 0;
				padding: 0;
				font-size: 1em;
			}
		
		#detall-centre {
			font-family: Tahoma, Arial, Verdana;
			width: 61em;
			padding: 1em;
			border: 0px solid #ccc;
			overflow: hidden;
		}
			#detall-centre p.center-name {
				color: #939300;
				font-size: 1.8em;
				float: left;
				margin: .6em 0 0 0;
				padding: 0;
			}
				
			#detall-centre a img.close-popup {
				padding: 0;
				margin: 0;
				float: right;
			}
			
			#detall-centre div.description {
				clear: both;
			}
				
			#detall-centre img.img-dreta {
				margin: .3em .2em .6em 0;
				padding: 0 0 .2em 1em;
				float: right;
			}
			
			#detall-centre ul {
				color: #333;
				margin-left: 1.7em;
			}
			
				#detall-centre ul li {
					background:transparent url(../images/dot_articles-relacionats.jpg) no-repeat scroll 0 .4em;
					padding-left: .8em;
					font-size: 1.2em;
					margin-bottom: .4em;
					line-height: 1.4em;
				}
			
			#detall-centre p.details {
clear: both;
				margin: 0;
				padding-top: .5em;
			}
			
				#detall-centre p.details span {
					font-size: 1.1em;
					color: #939300;
				}
				
				#detall-centre p.details strong a {
					color: #939300;
				}
				
			#detall-centre p a.link-pdf {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				/*display: block;*/
				padding: .3em 0 .3em 1.9em;
				background: transparent url("../images/icons/pdf-icon-small.jpg") no-repeat 0 0;
			}
			
			#detall-centre p a.link-doc {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				/*display: block;*/
				padding: .4em 0 .3em 2em;
				background: transparent url("../images/icons/doc-icon-small.jpg") no-repeat 0 0;
			}
			
			
			#detall-centre p span {
				font-size: .9em;
				color: #666;
			}
				
				
	/* 08 - Pintat de la home de seccions */
	
		#contingut .sections-list {
			width: 100%;
			margin: 2em 0 0 0;
			padding: 0;
		}
				
				#contingut .sections-list li {
					float: left;
					width: 15.5em;
					overflow: hidden;
					padding: 0;
					margin: 0 1em 2.5em 0;
					background: none;
				}
				
					#contingut .sections-list li.last {
						margin-right: 0;
						border: none;
				    }
				
					#contingut .sections-list li img {
						float: left;
						margin-right: .6em;
						padding-bottom: 2em;
					}
				
					#contingut .sections-list li p {
						clear: right;
						font-size: .9em;
						line-height: 1.4em;
						margin: 0;
						
					}
				
					#contingut .sections-list li a {
						text-decoration: none;
					}
					
						#contingut .sections-list li a:hover {
							text-decoration: none;
						}
				
						
	/* 09 - Estils per l'editor de contingut del cms */
	
		#contingut .negreta-verda, p.negreta-verda, span.negreta-verda {
			color: #959500;
			font-weight: bold;
		}
		
		#contingut .negreta-negre, p.negreta-negre, span.negreta-negre {
			color: #000;
			font-weight: bold;
		}
		
		#contingut .text-enquadrat, p.text-enquadrat, span.text-enquadrat {
			border: 1px solid #959501;
			padding: .6em .8em;
			display: block;
			clear: both;
		}
		
		#contingut .text-fons-gris, p.text-fons-gris, span.text-fons-gris {
			background-color: #EEE;
			padding: .6em .8em;
			display: block;
			clear: both;
		}
		
		#contingut .text-enquadrat-fons-gris, p.text-enquadrat-fons-gris, span.text-enquadrat-fons-gris {
			border: 0px solid #959501;
			background-color: #EEE;
			padding: .6em .8em;
			display: block;
			clear: both;
		}
		
		#contingut .separacio-paragrafs, p.separacio-paragrafs, span.separacio-paragrafs {
			border-top: 1px dotted #959501;
			border-bottom: 1px solid #959501;
			padding: .7em 0;
			display: block;
			clear: both;
		}
		
		#contingut .text-fons-taronja, p.text-fons-taronja, span.text-fons-taronja {
			background-color: #FF6600;
			padding: .7em .8em;
			display: block;
			color: #fff;
		}
		
		#contingut .titol-paragraf, p.titol-paragraf, span.titol-paragraf {
			color: #939300;
			clear: left;
			font-size: 1.9em;
			font-weight: bold;
			padding: .5em 0 .5em 0;
			margin: 0;
		}
		
		#contingut .titol-paragraf-negre, p.titol-paragraf-negre, span.titol-paragraf-negre {
			color: #333;
			clear: left;
			font-size: 1.9em;
			font-weight: normal;
			padding: .5em 0 .5em 0;
			margin: 0;
		}
		
		#contingut .subtitol-paragraf, p.subtitol-paragraf, span.subtitol-paragraf {
			color: #939300;
			clear: left;
			font-size: 1.4em;
			font-weight: bold;
			margin: 0;
			padding-left: .1em;
			padding-top: 1.5em;
			padding-bottom: .4em;
		}
		
		#contingut ol {
			color: #333;
		}
			#contingut ol li {
				list-style-type: decimal;
				font-size: 1.2em;
				margin-bottom: .1em;
				line-height: 1.4em;
			}
			
		#contingut ul {
			width: auto;
			overflow: hidden;
			color: #333;
			margin-left: 1.7em;
		}
			#contingut ul li {
				width: auto;
				overflow: hidden;
				background:transparent url(../images/dot_articles-relacionats.jpg) no-repeat scroll 0 .4em;
				padding-left: .8em;
				font-size: 1.2em;
				margin-bottom: .4em;
				line-height: 1.4em;
			}
				
				#contingut ul li ul {
					width: auto;
					overflow: hidden;
					color: #333;
					margin-left: .9em;
				}
					#contingut ul li ul li {
						width: auto;
						overflow: hidden;
						background:transparent url(../images/dot_menu-navegador.gif) no-repeat scroll 0 .6em !important;
						padding-left: .7em !important;
						font-size: 1.2em;
						margin-bottom: .4em;
						line-height: 1.4em;
					}
		
		#contingut .any-llista-newsletter, p.any-llista-newsletter, span.any-llista-newsletter {
			font-size: 1.8em;
			font-weight: bold;
			float: left;
			display: block;
			margin: 0;
			color: #96A200;
			
		}
		
		#contingut .llista-newsletter, p.llista-newsletter, span.llista-newsletter{
			font-size: 1.2em;
			float: left;
			display: block;
			width: 85%;
			margin: 2px 0 0 15px;
			line-height: 2em;
		}

		
		#contingut .separador-newsletter, p.separador-newsletter, span.separador-newsletter{
			border-top: 1px dotted #96A200;
			float: left;
			display: block;
			width: 100%;
			margin-top: 1.3em;
			margin-bottom: 1.3em;
			padding: 0;
			line-height: 0;
		}


#contingut ul ul {
			color: #333;
			margin-left: 1em;
		}
			#contingut ul li ul li {
				background:transparent url(../images/dot_articles-relacionats.jpg) no-repeat scroll 0 .4em;
				padding-left: .8em;
				font-size: 1.1em;
				margin-bottom: .4em;
				line-height: 1.4em;
			}
		
		#contingut img.img-esquerra, #contingut span.img-esquerra img {
			margin: .3em 0 0 0;
			padding: 0 1em 1em 0;
			float:left;
			border: none;
		}
		
		#contingut img.img-dreta, #contingut span.img-dreta img {
			margin: .3em 0 .6em 0;
			padding: 0 0 .2em 1em;
			float:right;
			border: none;
		}
		
		#contingut img.img-esquerra-peu {
			margin: .3em 1em 0 .2em;
			padding: .2em 0 0 0;
			float:left;
		}
		
		#contingut img.img-dreta-peu {
			margin: .3em .2em 0 1em;
			padding: 0 0 .2em 0;
			float:right;
		}
		
		#contingut span.peu-foto {
			padding: 0;
			font-size: .9em;
			color: #959500;
			display: block;
			overflow: hidden;
			clear: both;
		}
		
		#contingut span.data {
			font-size: .8em;
			color: #666;
			font-weight: normal;
			padding: 0;
			margin: 0;
		}
		
	/* 10 - Pintat de les ofertes de voluntariado */
	
		#contingut #llistat-ofertes {
			padding: 0;
			margin: 0 0 0 .5em;
			width: 100%;
			overflow: hidden;
		}
		
			#contingut #llistat-ofertes li {
				font-size: 1.2em;
				line-height: 1.4em;
				width: 100%;
				margin: .7em 0;
				overflow: hidden;
			}
			
				#contingut #llistat-ofertes li span.fecha {
					font-size: 1em;
					color: #666;
				}
				
				#contingut #llistat-ofertes li a {
					font-size: .8em;
					margin-left: 1em;
				}
				
			#contingut p a.link-pdf {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				padding: .3em 0 .3em 1.9em;
				background: transparent url("../images/icons/pdf-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut p a.link-doc {
				border: 0px solid red;
				margin-left: .1em;
				text-decoration: none;
				padding: .4em 0 .3em 2em;
				background: transparent url("../images/icons/doc-icon-small.jpg") no-repeat 0 0;
			}
			
			#contingut p span.descriptio-adjunt {
				font-size: .9em;
				color: #666;
			}
	
	/* 11 - Pintat de formularis */
	
	#contingut form {
		width: 100%;
		margin: 1.7em 0;
		padding: 0;
		overflow: hidden;
	}
	
	#contingut fieldset {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#contingut .field-estret,
	#contingut .field-ample {
		float: left;
		margin: 0 2em 1em 0;
	}

	#contingut .field-estret {
		width: 26em;
	}

	#contingut .field-ample {
		width: 54em;
	}
	
	#contingut fieldset label {
		font-size: 1.2em;
	}
	
	#contingut fieldset input {
		width: 100%;
		margin-top: .3em;
	}
    
	#contingut fieldset input.checkbox {
		width: 1em;
		float: left;
		margin-top: .1em;
		margin-right: .2em;
	}
	
	#contingut fieldset .borde-radio-inputs {
		float: left;
		width: 36em;
		overflow: hidden;
		border: 0px solid #A4B97F;
		padding: .3em 0;
		margin: 0 0 2.5em 0;
	}
	
	#contingut fieldset .radio {
		float: left;
		width: 12em;
		padding: 0;
		margin: 0;
	}
    
	#contingut fieldset .radioIdeas {
		float: left;
		width: 40em;
		padding-bottom: 0.5em;
		margin: 0;
	}
    
	#contingut fieldset .ideas {
		font-size: 11px;
	}
	
	#contingut fieldset input.radio-input {
		width: 1.3em;
		padding-top: 0;
		margin-top: .1em;
		margin-left: 1.5em;
		float: left;
	}

	#contingut fieldset span.text-radio {
		padding-top: 0;
		display: block;
		float: left;
		margin: 0 0 0 0;
		font-size: 1.2em;
	}

	#contingut fieldset select{
		width: 100%;
		padding: 0;
		margin: .3em 0 0 0;
	}

	#contingut fieldset textarea {
		width: 100%;
		height: 7em;
	}

	#contingut fieldset .submit-boto {
		clear: both;
		width: auto;
		float: left;
		margin-left: 18em;
		margin-top: 1em;
	}
	
	/* 12 - Pintat del mapa web */
	
		#contingut #site-map {
			width: 100%;
			overflow: hidden;
		}
		
			#contingut #site-map ul.site-map-ul {
				width: 100%;
				overflow: hidden;
			}
			
				#contingut #site-map ul.site-map-ul li {
					width: 100%;
					overflow: hidden;
					font-size: 1.4em;
				}
				
					#contingut #site-map ul.site-map-ul li ul li {
						width: 100%;
						overflow: hidden;
						font-size: .9em;
						background:transparent url(../images/dot_menu-navegador.gif) no-repeat scroll 0 .5em !important;
						margin-bottom: .4em;
					}
					
						#contingut #site-map ul.site-map-ul li ul li ul li {
							width: 100%;
							overflow: hidden;
							font-size: .9em;
							margin-top: .2em;
							background:transparent url(../images/minus_site_map.gif) no-repeat scroll 0 .4em !important;
						}
						
	/* 13 - Pintat de la llista de colaboradors i detall */
	
		#contingut #llistat-colaboradors-logo-gran {
			width: 95%;
			overflow: hidden;
			padding: 0 0 0 2em;
			margin: 0 0 0 .5em;
		}
				
			#contingut #llistat-colaboradors-logo-gran li {
				display: inline;
				padding: 0;
				margin: 1em 3em 1em 3.5em;
				border: 0px solid red;
			}
		
    			#contingut #llistat-colaboradors-logo-gran li a {
					padding: 0;
					margin: 0;
				}
				
					#contingut #llistat-colaboradors-logo-gran li a img {
						vertical-align: middle;
						padding: 0;
						margin: 0;
						margin-bottom: 3em;
					}
					
		#contingut #llistat-colaboradors {
			width: 95%;
			overflow: hidden;
			padding: 0 0 0 2em;
			margin: 0 0 0 .5em;
		}
		
			#contingut #llistat-colaboradors li {
				width: 100%;
				padding: 0;
				margin: 0;
				background: none;
				overflow: hidden;
			}
			
				#contingut #llistat-colaboradors li {
					width: 12em;
					height: 8em;
					float: left;
					padding: 0;
					margin: 1em .5em 1em 2.4em;
					border: 0px solid red;
				}
			
				#contingut #llistat-colaboradors li a {
					padding: 0;
					margin: 0;
				}
				
					#contingut #llistat-colaboradors li a img {
						display: block;
						padding: 0;
						margin: 0;
					}
					
		#contingut #llistat-colaboradors-text {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
			#contingut #llistat-colaboradors-text li {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding:0;
				background: none !important;
			}
							
				#contingut #llistat-colaboradors-text li a {
					display: block;
					margin: .2em .3em .2em 0;
					padding: 0 0 0 .9em;
					float: left;
					background: transparent url('/site/images/dot_articles-relacionats.jpg') no-repeat 0 .4em;
				}
				
					#contingut #llistat-colaboradors-text li a.first {
						background: none;
					}
					
		#detall-colaborador {
			font-family: Tahoma, Arial, Verdana;
			width: 46em;
			padding: 1em;
			overflow: hidden;
		}
		
			#detall-colaborador p.nom-colaborador {
				color: #939300;
				font-size: 1.5em;
				float: left;
				clear: both;
				margin: .6em 0 0 0;
				padding: 0;
			}
			
				#detall-colaborador img {
					float: left;
					display: block;
				}
				
				#detall-colaborador img.dreta {
					float: right;
					display: block;
					margin: 1.2em 0 0 0;
				}
				
				#detall-colaborador .contingut-colaborador {
					clear: both;
					width: 100%;
					overflow: hidden;
				}
				
	
	/* 14 - Pintat dels projectes de col·laboració */
	
		#contingut h2.projects {
			margin-top: 1em;
		}
		
		#contingut #projects {}
		
			#contingut #projects ul {
				border-top: 1px solid #959500;
				margin: 0;
				padding: .2em 0 0 0;
				overflow: hidden;
				width: 58.4em;
			}
			
				#contingut #projects ul li {
					width: 100%;
					overflow: hidden;
					border-bottom: 1px dotted #959500;
					background: none;
					margin: 0 0 0 0;
					padding: .7em 0 .7em 0;
					font-size: 1em;
					float: left;
				}
									
					#contingut #projects ul li span.titol {
						font-weight: bold;
					}
					#contingut #projects ul li span.titol-projecte {
						font-size: 1.1em;
					}
							
					#contingut #projects ul li img {
						float: left;
						margin-right: 1em;
						margin-top: 1.5em;
						margin-bottom: .3em;
					}
				
					#contingut #projects ul li a {
						color: #959500;
					}
					
						#contingut #projects ul li a:hover {
							color: #959500;
						}
						
	/* 15 - Pintat resultats cercador */
	
		#contingut a.sp2_title {
			font-weight: bold;
		}
		
	/* 16 - Estils per al newsletter */

		#text .content-newsletter {
			overflow: hidden;
			margin-bottom: 1.5em;
		}

			#text .content-newsletter .data {
				text-align: right;
				padding: .5em;
				margin: 0;
				background-color: #F8F8F8;
			}

			#text .content-newsletter ul.emmarcat {
				padding: 0;
				margin: 0;
			}

				#text .content-newsletter ul.emmarcat li {
					/*width: 57em;*/
					overflow: hidden;
					font-size: 1em;
					margin-bottom: 1em;
					margin-left: 0;
					/*padding: .4em .4em .4em 0;*/
					/*padding-bottom: .3em;*/
					border: 1px solid #CCCCCC;
					background: none;
					position: relative;
				}

				#text .content-newsletter ul.emmarcat li p {
					font-size: 12px;
					/*margin-bottom: 1.5em;*/
					margin-top: .2em;
					padding-left: 1.4em;
					/*padding-bottom: .3em;*/
					width: 30.6em;
					color: #666666;
				}

				#text .content-newsletter ul.emmarcat li h3 {
					font-size: 16px;
					margin-top: 0.3em;
					margin-bottom: 0em;
					padding-left: 1em;
					width: 23.1em;
					line-height: 1.2em;
				}

					#text .content-newsletter ul.emmarcat li h3 a {
						color: #A3AF07;
						text-decoration: none;
					}
					
					#text .content-newsletter ul.emmarcat li h3 a:hover {
						text-decoration: underline;
					}

				#text .content-newsletter ul.emmarcat li img {
					float: right;
					margin: 4px;
				}

				#text .content-newsletter ul.emmarcat li.principal {
					background-color:#ffffff;
					border:10px solid #F1F1F1;
					padding: 1.2em;
				}

				#text .content-newsletter ul.emmarcat li.principal h3 {
					font-size: 20px;
					font-weight: bold;
					line-height: 20px;
					margin-bottom:0;
					margin-top: 0;
					padding: 0;
					width:auto;
				}

					#text .content-newsletter ul.emmarcat li.principal h3 a {
					}

					#text .content-newsletter ul.emmarcat li.principal p {
						font-size:13px;
						margin-bottom:1em;
						width:auto;
						color: #666666;
					}

					#text .content-newsletter ul.emmarcat li.principal img {
						float: left;
						margin-right: 1em;
					}
				
					#text .content-newsletter .emmarcat .principal .imgGallery{			
						float:left;
						height:174px;
						margin-right:17px;
						margin-top:5px;
						overflow:hidden;
						position:relative;
						width:260px;
					}

				#text .imgGallery{
					width: 158px;
					height: 105px;		
					overflow: hidden;
					float: right;
					margin: .4em;
				}
				
				#text .label{
					position: relative;
					margin-bottom: .7em;
					margin-right: 27em;
					top: 0;
					left: -10px;
					background-color: #96A200;
					color: #ffffff;
					padding-left: 7px;
					width: 127px;
					float: left;
				}
				
				#text .content-newsletter ul.emmarcat li.campanya_destacada {
					background-color: #CAD07F;
					border: none;
				}

				#text .content-newsletter ul.emmarcat li.campanya_destacada h3 {
					font-size:16px;
					font-weight:bold;
					line-height:20px;
					margin-bottom:0;
					padding-bottom:0;
					padding-left:0.4em;
					width:24em;
				}

					#text .content-newsletter ul.emmarcat li.campanya_destacada h3 a {
						color: #000000;
					}

					#text .content-newsletter ul.emmarcat li.campanya_destacada p {
						color:#000000;
						font-size:11px;
						margin-bottom:1em;
						padding-left:0.6em !important;
						width:35em;
					}

					#text .content-newsletter ul.emmarcat li.campanya_destacada img {
						float: right;
						margin: 0;
					}
				
					#text .content-newsletter .emmarcat .campanya_destacada .imgGallery{			
						height:116px;
						overflow:hidden;
						position:relative;
						width:163px;
						padding: 0!important;
						margin: 0!important;
					}
					
			#text .content-newsletter ul.titulars {
				padding: 0;
				margin-top: 2em;
				margin-left: 2.5em;
			}

				#text .content-newsletter ul.titulars li {
					border: none!important;
					
				}
				
				#text .content-newsletter ul.titulars li h3 {
					font-size: 12px;
					margin: 0;
					padding-left: .3em;
					width: auto;
					line-height: 1.5em;
				}

					#text .content-newsletter ul.titulars li h3 a {
						color: #6F7700;
						text-decoration: none;
					}
					
					#text .content-newsletter ul.titulars li h3 a:hover {
						text-decoration: underline;
					}
		
	/* Pintat dels banners destacats  Newsletter*/
	
		#text .banners-destacats {
			margin-top: 4em;
		}
		
			#text .banners-destacats ul {
				margin: 0;
				padding: 0;
			}
				
				#text .banners-destacats ul li {
					border-top: none !important;
					padding: 0 0;
					float: left;
				}
					#text .banners-destacats ul li.last {
						border-bottom: none !important;
					}
					
						#text .banners-destacats ul li a {
							display: block;
							padding: .1em 0;
						}