/* Fundació AGBAR */

/* Fulla d'estils generals */

	/* Tags generals */

		body {
		  font-family: Arial, Verdana, sans-serif;
		  font-size: 62.5%;
		  color: #333;
			background-color: #fff;
			margin: 0;
			padding: 0;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		p {
			margin: 0;
			padding: 0;
		}
	
		ul,
		li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		img {
			border: 0;
		}
		
		.hidden {
			display: none;
		}
		
	
	/* Layout general */
		
		#idiomes,
		#contingut,
		#footer,
		#barra-titol .contingut-titol,
		#barra-menu .contingut-menu {		
			width: 95em;
			margin: 0 auto;
		}
	
		#contingut {
			clear: both;
			overflow: hidden;
			padding-bottom: 9em;
			background: url("../images/logo.gif") no-repeat right bottom;
		}
	
		
	/* Barra d'idiomes */

		#idiomes {			
			overflow: hidden;
		}

			#idiomes ul {
				float: right;
				padding: .8em;
			}

				#idiomes ul li {
					float: left;
					font-size: 1.1em;					
					padding-left: .5em;
					margin-left: .5em;					
					border-left: 1px solid #666;
				}
				
					#idiomes ul li.first {
						padding-left: 0;
						margin-left: 0;
						border-left: none;
					}
					
					#idiomes ul li,
					#idiomes ul li a {					
						color: #666;					
					}


	/* Barra del titol */
	
		#barra-titol {
			border-bottom: 1px solid #fff;
		}
	
			#barra-titol h1 {
				margin: 0;
			}
			
				#barra-titol h1 img {
					display: block;
				}
				
	
	/* Barra del menu */
	
		#barra-menu {			
			font-size: 1em;			
		}
		
			#barra-menu .contingut-menu {
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				background-color: #EFF0E0;
				height: 3em;
			}
		
			#barra-menu ul {
				float: left;				
				background-color: #fff;
			}
			
				#barra-menu ul li {
					font-size: 1.1em;
					float: left;
					margin-right: 1px;
					border: 1px solid #ddd;
					border-bottom: none;
				}					
					
					#barra-menu ul li.selected a {
						/*
						background-image: url("../images/background_selected.gif") !important;
						background-repeat: repeat-x !important;
						background-position: left bottom !important;
						*/
					}
				
					#barra-menu ul li a {
						color: #333;
						font-weight: bold;
						text-decoration: none;
						display: block;
						padding: .5em 1.5em .9em 1.5em;
					}
					
						/* Control de l'amplada del menu */
						#barra-menu ul.es li a {
							padding: .5em 1.8em .9em 1.7em;
						}
						#barra-menu ul.ca li a {
							padding: .5em 2.4em .9em 2.4em;
						}
						#barra-menu ul.en li a {
							padding: .5em 2.3em .9em 2.3em;
						}
					
						#barra-menu ul li a:hover {
							text-decoration: underline;
						}
			
			#barra-menu form {
				margin: .6em .8em .4em 0;
				padding: 0;
				float: right;
				display: none;
			}
			
				#barra-menu form * {
					vertical-align: middle;
				}
			
				#barra-menu form input.text {
					width: 15.5em;
					font-size: 1em;					
					padding: .1em;
					margin: 0;
					height: 1.4em;
					border: 1px solid #ccc;
				}
				
				#barra-menu form input.boto {
				}
	
	
	/* Eines: breadcrumb + imprimir */
	
		#contingut #tools {
			width: 100%;
			overflow: hidden;
			margin-bottom: 1.5em;
		}
		
			#contingut #tools p {
				margin: 1em;
				line-height: 1.5em;
			}
			
				#contingut #tools a {
					color: #666;
				}
		
				#contingut #tools p.breadcrumb {
					float: left;
				}
				
				#contingut #tools p.imprimir {
					float: right;					
				}
				
					#contingut #tools p.imprimir a {
						padding-right: 1.8em;
						background: url("../images/icones/imprimir.gif") no-repeat right center;
					}


	/* Colors dels elements segons l'id de la seccio
			
		1 = Home
		2 = Qui som
		3 = Compromis social
		4 = Estudis i publicacions
		5 = Museu AGBBAR de les Aigües
		6 = Actualitat		
	
	*/
			
		#seccio-1 #barra-titol,
		#seccio-30 #barra-titol {
			background-color: #4572B6;
		}	
				
		#barra-menu ul li#seccio-menu-1,
		#barra-menu ul li#seccio-menu-30 {
			border-bottom: 4px solid #4572B6;
		}	
		
		#seccio-1 #barra-menu,
		#seccio-1 #menu-local h2,
		#seccio-30 #barra-menu,
		#seccio-30 #menu-local h2 {
			background-color: #8AA5E0;
		}
		
		
		
		#seccio-2 #barra-titol,
		#seccio-2 #barra-menu .selected a {
			background-color: #C2E780;
		}	
		
		#barra-menu ul li#seccio-menu-2 {
			background: #EFF0E0 url("../images/background_qui_som.gif") repeat-x left bottom;			
		}	
		
		#seccio-2 #barra-menu,		
		#seccio-2 #menu-local h2 {
			background-color: #DAF1B3;
		}
		
		
		
		#seccio-3 #barra-titol,
		#seccio-3 #barra-menu .selected a {
			background-color: #94C58E;
		}	
		
		#barra-menu ul li#seccio-menu-3 {
			background: #EFF0E0 url("../images/background_compromis_social.gif") repeat-x left bottom;
		}	
		
		#seccio-3 #barra-menu,
		#seccio-3 #menu-local h2 {
			background-color: #C8E3C2;
		}
		
		
		
		#seccio-4 #barra-titol,
		#seccio-4 #barra-menu .selected a {
			background-color: #D3D4AA;
		}	
		
		#barra-menu ul li#seccio-menu-4 {
			background: #EFF0E0 url("../images/background_estudis_publicacions.gif") repeat-x left bottom;
		}	
		
		#seccio-4 #barra-menu,
		#seccio-4 #menu-local h2 {
			background-color: #E5E5CD;
		}
		
		
		
		#seccio-5 #barra-titol,
		#seccio-5 #barra-menu .selected a {
			background-color: #9CCEDC;
		}
		
		#barra-menu ul li#seccio-menu-5 {
			background: #EFF0E0 url("../images/background_museu_agbar.gif") repeat-x left bottom;
		}	
		
		#seccio-5 #barra-menu,
		#seccio-5 #menu-local h2 {
			background-color: #C4E2EA;
		}
		
		
		
		#seccio-6 #barra-titol {			
			background-color: #E6D583;
		}
		
		#seccio-6 #barra-menu .selected a {
			background-color: #F0E6B5;
		}
		
		#barra-menu ul li#seccio-menu-6 {
			background: #EFF0E0 url("../images/background_actualitat.gif") repeat-x left bottom;
		}	
		
		#seccio-6 #barra-menu,
		#seccio-6 #menu-local h2 {
			background-color: #EFE2AF;
		}
        
        
        
		#seccio-52 #barra-titol {			
			background-color: #CB8332;
		}
		
		#seccio-52 #barra-menu .selected a {
			background-color: #D79D5E;
		}
		
		#barra-menu ul li#seccio-menu-52 {
			background: #EFF0E0 url("../images/background_events.gif") repeat-x left bottom;
		}	
		
		#seccio-52 #barra-menu,
		#seccio-52 #menu-local h2 {
			background-color: #EED5B9;
		}
        


	/* Footer */
	
		#footer {
			clear: both;
			border-top: 1px solid #D9D9D9;
		}
			
			#footer address {
				float: left;
				margin: 1em;
				color: #666;
				font-size: 1.1em;
				font-style: normal;
			}
			
				#footer address strong {
					color: #4570B7;
				}
			
			#footer ul {
				float: right;
				margin: 1em;
			}
			
				#footer ul li {
					float: left;
					display: block;
					margin-right: .7em;
					padding-right: .7em;
					border-right: 1px solid #666;
				}
				
					#footer ul li.last {
						margin-right: 0;
						padding-right: 0;
						border-right: none;
					}
				
					#footer ul li a {					
						color: #666;
					}