/* Aggaros */

/* Estils per a les planes interiors */



	/* Capcalera */

		#capcalera {
			background: url("../images/background_capcalera.gif") repeat-x left bottom;
		}

			#capcalera .contingut {
				width: 96.5em;
				margin: 0 auto;
				padding: 1em 1em;
				overflow: hidden;
			}

				#capcalera .contingut h1 {
					float: left;
				}

				#capcalera .contingut ul {
					float: right;
				}

					#capcalera .contingut ul li {
						display: inline;
						padding-left: .5em;
						margin-left: .5em;
						color: #666;
						border-left: 1px solid #666;
					}

						#capcalera .contingut ul li.first {
							padding-left: 0;
							margin-left: 0;
							border-left: none;
						}

						#capcalera .contingut ul li a {
							color: #666;
						}


				#capcalera .contingut p {
					width: 42em;
					text-align: right;
					line-height: 1.5em;
					float: right;
					clear: right;
					color: #999;
					font-size: 1em;
					margin-top: 3em;
				}



	/* Menu principal */

		#menu-principal {
			border-top: 1px solid #fff;
		}
		
		/* Background del menu principal segons l'id de la seccio principal */
			
			/* Imatges en catala */
			
				.menu-seccio-2-ca  { background: #000 url("../images/ca/background_menu/background_menu_2.jpg") no-repeat center top; }
				.menu-seccio-6-ca  { background: #000 url("../images/ca/background_menu/background_menu_6.jpg") no-repeat center top; }
				.menu-seccio-11-ca { background: #000 url("../images/ca/background_menu/background_menu_11.jpg") no-repeat center top; }
				.menu-seccio-16-ca { background: #CF141D url("../images/ca/background_menu/background_menu_16.jpg") no-repeat center top; }
				.menu-seccio-17-ca { background: #000 url("../images/ca/background_menu/background_menu_17.jpg") no-repeat center top; }
				
				.menu-seccio-30-ca,
				.menu-seccio-39-ca { background: #000 url("../images/ca/background_menu/background_menu_17.jpg") no-repeat center top; }
				
				
			/* Imatges en castella */
			
				.menu-seccio-2-es  { background: #000 url("../images/es/background_menu/background_menu_2.jpg") no-repeat center top; }
				.menu-seccio-6-es  { background: #000 url("../images/es/background_menu/background_menu_6.jpg") no-repeat center top; }
				.menu-seccio-11-es { background: #000 url("../images/es/background_menu/background_menu_11.jpg") no-repeat center top; }
				.menu-seccio-16-es { background: #CF141D url("../images/es/background_menu/background_menu_16.jpg") no-repeat center top; }
				.menu-seccio-17-es { background: #000 url("../images/es/background_menu/background_menu_17.jpg") no-repeat center top; }
			
				.menu-seccio-30-es,
				.menu-seccio-39-es { background: #000 url("../images/es/background_menu/background_menu_17.jpg") no-repeat center top; }
			
			
			/* Imatges en angles */
			
				.menu-seccio-2-en  { background: #000 url("../images/en/background_menu/background_menu_2.jpg") no-repeat center top; }
				.menu-seccio-6-en  { background: #000 url("../images/en/background_menu/background_menu_6.jpg") no-repeat center top; }
				.menu-seccio-11-en { background: #000 url("../images/en/background_menu/background_menu_11.jpg") no-repeat center top; }
				.menu-seccio-16-en { background: #CF141D url("../images/en/background_menu/background_menu_16.jpg") no-repeat center top; }
				.menu-seccio-17-en { background: #000 url("../images/en/background_menu/background_menu_17.jpg") no-repeat center top; }
				
				.menu-seccio-30-en,
				.menu-seccio-39-en { background: #000 url("../images/en/background_menu/background_menu_17.jpg") no-repeat center top; }



			#menu-principal ul {
				width: 98.5em;
				overflow: hidden;
				margin: 7.5em auto 0 auto;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				background-color: #D50C1B;
			}
			
				#menu-principal ul li {
					float: left;
				}
				
					#menu-principal ul li img {
						display: block;
						border-right: 1px solid #fff;
					}
			
			
			
	/* Menu local */
	
		#menu-local {
			width: 100%;
		}
		
			#menu-local ul {
				width: 100%;
				overflow: hidden;
				background: url("../images/background_menu_local.jpg") repeat-x left bottom;
			}
			
				#menu-local ul li {
					float: left;
					font-size: 1.1em;
					padding: .6em 1.5em;
					border-right: 1px solid #ccc;					
				}
				
					#menu-local ul li a {
						color: #333;
						text-decoration: none;						
					}
					
						#menu-local ul li a:hover {
							text-decoration: underline;
						}
						
					#menu-local ul li.selected {
						background: #fff;
					}
						
						#menu-local ul li.selected a {
							color: #CB1B1F;
						}
		
		
		



	/* Contenidor general */

		#pagina {
			width: 98.5em;
			overflow: hidden;
			margin: 0 auto;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding-top: 19px;
			background: url("../images/background_pagina.gif") repeat-x left top;
		}



	/* Submenu local */
	
		#submenu-local {
			float: left;
			width: 18.5em;
			margin: 3em 0 3em 3em;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		
			#submenu-local h2 {				
				padding: .5em;
				color: #C0191D;
				font-size: 1.1em;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				background-color: #F3F1F1;
			}
		
			#submenu-local ul {
			}
			
				#submenu-local ul li {
					font-size: 1.1em;
					padding: .5em;
					border-top: 1px solid #ccc;
				}
				
					#submenu-local ul li a {
						color: #333;
						text-decoration: none;
					}						
					
						#submenu-local ul li a:hover {
							text-decoration: underline;
						}
						
						#submenu-local ul li.selected a {
							color: #CB1B1F;
						}
		
		
		
		
	/* Llistat de logos */
	
		#related-logos {
			float: left;
			clear: left;
			width: 18.5em;
			margin: 1em 0 3em 3em;
		}
		
			#related-logos ul {
			}
			
				#related-logos ul li {
					margin-bottom: 1em;				
				}
		
		
		
		
	/* Textos */
	
		#text {
			float: right;
			width: 64em;
			margin: 3em 6em 6em 0;
		}
		
			#text h3 {
				font-size: 2.4em;
				font-weight: normal;
				margin-bottom: .7em;
			}
			
			#text h4 {
				font-size: 1.6em;
				margin-bottom: .7em;
			}
			
				#text h4.marge {
					margin-top: 2.5em;
				}
			
			#text h5 {
				font-size: 1.2em;
				margin-bottom: .7em;
			}
			
			#text p {
				font-size: 1.1em;
				line-height: 1.5em;
				margin: 0 0 1.5em 0;
			}
			
			#text ul {
			}
			
				#text ul li {
					font-size: 1.1em;
					line-height: 1.5em;
					padding-left: 1.6em;
					margin-bottom: 1em;
					background: url("../images/text_ul_li.gif") no-repeat .7em .5em;
				}

			#text img {
				margin: 1em 0;
			}
			
				#text img.dreta {
					float: right;
					margin: 0 0 2em 1em;
				}
				
				#text img.esquerra {
					float: left;
					margin: 0 2em 1em 0;
				}
				
			#text .vermell {
				color: #C0191D;
			}


			
		/* Taula de logos */
			
			#text table.logos {
				padding: 0;
				margin: 0;
				vertical-align: middle;
				font-size: 12px;
			}
			
				#text table.logos tr {
					vertical-align: middle;
				}
			
				#text table.logos th,
				#text table.logos td {
					padding: 0;
					margin: 0;
					text-align: left;
					vertical-align: middle;
					font-size: 11px;
				}
				
				#text table.logos th p,
				#text table.logos td p {
					margin: 0;
					font-size: 11px;
				}
				
				#text table.logos th img,
				#text table.logos td img {
					margin: 0;
				}



	/* Llista de projectes */

		#text ul.llista-projectes {
			padding-top: 1em;
			border-top: 1px solid #ccc;
		}
		
			#text ul.llista-projectes li {
				padding: 0;
				font-size: 1em;
				background: none;
				border-bottom: 1px solid #ccc;
			}
			
				#text ul.llista-projectes li h4 {
					font-size: 1.4em;
					line-height: 1.5em;
					padding-left: .7em;
					background: url("../images/icona_projectes_off.gif") no-repeat left .5em;
				}
				
					#text ul.llista-projectes li h4.vermell {
						background: url("../images/icona_projectes_on.gif") no-repeat left .5em;
					}
				
					#text ul.llista-projectes li .descripcio {
						margin-left: 1em;
					}
				
					#text ul.llista-projectes li ul {
						margin-bottom: 2em;
					}
					
						#text ul.llista-projectes li ul li {
							font-size: 1.1em;
							line-height: 1.5em;
							padding: 0 0 0 1.4em;
							margin: .7em 0 .7em 0;
							border: none;
							background: url("../images/text_ul_li.gif") no-repeat .7em .6em;
						}
						
							#text ul.llista-projectes li ul li ul {
							}
							
								#text ul.llista-projectes li ul li ul li {
									font-size: 1em;
									background: url("../images/text_ul_li_ul_li.gif") no-repeat .7em .8em;
								}



	/* Estils de formulari */
	
		#text form {
			width: 46.8em;
			_width: 47.1em;
			padding: 2em 0 2em 0;
			margin: 0;
			border-top: 1px solid #ccc;			
			font-size: 10px;
		}
		
			#text form legend {
				display: none;
			}
			
			#text form fieldset {
				padding: 0;
				margin: 0;
				border: none;
			}
			
			#text form .field {
				margin-bottom: 2em;
			}
			
				#text form .field label {
					float: left;
					width: 12em;
					color: #333;
					font-size: 1.1em;
					line-height: 2em;
				}
				
				#text form .field input {
					width: 30em;
					font-size: 1.1em;
				}
				
				#text form .field textarea {
					width: 30em;
					height: 7em;
					font-size: 1.1em;					
				}
				
			#text form .buttons {
				padding-top: 1em;
				border-top: 1px solid #ccc;				
			}
			
				#text form .buttons p {
					margin-top: .5em;
				}
			
				#text form .buttons input {
					float: right;
					padding: .3em 1em;
					color: #fff;
					cursor: pointer;
					font-weight: bold;
					background-color: #cb1b1f;
					border: none;
				}
				
				
			/* Llistat d'errors del formulari */
			
				#text .FormBox ul {
					margin-bottom: 3em;
				}
				
					#text .FormBox ul li {
						color: #D50C1B;
						padding: 0;
						margin: 0 0 .5em 0;
						background: none;
					}
			
			
	
	/* Seccio idees */
	
		/* Contenidor general */
		
			#pagina-idees {
				width: 98.5em;
				overflow: hidden;
				margin: 0 auto;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #ccc;
				background: #F7F6F6 url("../images/background_pagina_idees.gif") repeat-x left top;
			}			
			
				#llista-idees {
					width: 35em;
					float: left;
					padding-bottom: 4em;
					margin: 3em 0 0 4.5em;
				}
				
					#llista-idees .paginador {
						padding: .5em;
						height: 1.5em;
						color: #333;
						text-align: right;
					}

						#llista-idees .paginador ul {
							border: none;
						}

							#llista-idees .paginador ul li {
								display: inline;
								padding-left: 1em;
							}

								#llista-idees .paginador ul li a {
									color: #333;
								}						


					#llista-idees ul.llistat {
						padding-top: 1.5em;
						border-top: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
						
					}
					
						#llista-idees ul.llistat li {						
							padding: 0 0 3em 0;
							line-height: 1.5em;
						}
						
							#llista-idees ul.llistat li h3 {
								margin-bottom: .7em;								
								color: #D50C1B;
								font-size: 1.4em;
							}
							
								#llista-idees ul.llistat li h3 a {
									color: #D50C1B;
									text-decoration: none;
								}
								
									#llista-idees ul.llistat li h3 a:hover {										
										text-decoration: underline;
									}
								
							#llista-idees ul.llistat li p {
								font-size: 1.1em;
							}



				#detall-idees {
					padding: 2.5em 4em 5em 4em;
					width: 46.7em;
					min-height: 60em;
					float: right;
					background: #fff url("../images/background_idea_detail.gif") repeat-y left top;
				}
				
					#detall-idees .link-pdf {
						text-align: right;
						height: 3em;
					}
					
						#detall-idees .link-pdf a {
							color: #333;							
							padding: 1em 0 1em 2.2em;
							line-height: 3em;
							background: url("../images/icona_pdf.gif") no-repeat left center;
						}
						
				
					#detall-idees h3 {
						padding-top: .5em;
						margin-bottom: .8em;
						color: #374853;
						font-size: 2.2em;
						font-weight: normal;
						border-top: 1px solid #ccc;
					}
					
					#detall-idees p {
						margin-bottom: 1.5em;
						font-size: 1.1em;
						line-height: 1.5em;
					}
					
					#detall-idees ul li {
						font-size: 1.1em;
						line-height: 1.5em;
						padding-left: 1.6em;
						margin-bottom: 1em;
						background: url("../images/text_ul_li.gif") no-repeat .7em .5em;
					}



	/* Llista d'oficines */
	
		#text .oficines {
			width: 30em;
			float: left;
			margin-top: 1.5em;
		}
		
			#text .oficines h4 img {
				margin: 0;
			}
	
	
	
	/* Planol d'ubicacio - Google Maps */
	
		#text .google-maps {
			margin-top: 2em;
			width: 375px;
			float: left;			
			clear: both;
		}
		
			#text .google-maps iframe {
				padding: 1px;
				border: 1px solid #ddd;
			}






	/* Footer */

		#footer {
			width: 98.7em;
			height: 2em;
			margin: 0 auto;
			background: url("../images/background_footer.gif") repeat-x left top;
		}

			#footer .contingut {
				overflow: hidden;
				padding: 1.5em 1em;
			}

				#footer .contingut address {
					float: left;
					font-size: 1.1em;
					font-style: normal;
				}

					#footer .contingut address strong,
					#footer .contingut address a {
						color: #D50C1B;
					}

				#footer .contingut p {
					float: right;
					font-size: 1.1em;
				}

					#footer .contingut p a {
						color: #333;
					}