/* Fundació AGBAR */

/* Estils planes interiors */


	/* Menu local */

		#menu-local {
			width: 17em;
			float: left;
		}

			#menu-local h2 {
				margin: 0 0 3px 0;
				padding: .5em .6em;
				color: #333;
				font-size: 1.1em;
			}

			/* Titol del menu local per a la seccio del Museu ocultat */

				#seccio-5 #menu-local h2 {
					display: none;
				}


			#menu-local ul {
			}

				#menu-local ul li {
					font-size: 1.1em;
					margin-bottom: 3px;
					border: 1px solid #DEDCDC;
				}

					#menu-local ul li a {
						display: block;
						padding: .3em .6em;
						color: #666;
						text-decoration: none;
					}

					#menu-local ul li a.selected {
						font-weight: bold;
						background-color: #EFF0E0;
					}

						#menu-local ul li a:hover {
							text-decoration: underline;
						}

						#menu-local ul li ul {
							margin-top: .2em;
						}

							#menu-local ul li ul li {
								font-size: 1em;
								margin-bottom: 0;
								margin-left: 1em;
								border: none;
							}

								#menu-local ul li ul li a {
									border: none;
								}

								#menu-local ul li ul li a.selected {
									background: #fff url("../images/li_li_menu_local.gif") no-repeat left center;
								}


	/* Contenidor pagina */

		#pagina {
			width: 74em;
			overflow: hidden;
			float: right;
		}


	/* Estils del bloc de text */

		#text {
			width: 54em;
			float: left;
		}

			#text h2,
			#text h3,
			#text h4,
			#text h5 {
				margin-top: 0;
				color: #847868;
			}

			#text h2 {
				color: #847868;
				font-size: 3em;
				font-weight: normal;
				margin-bottom: .3em;
			}

			#text h3 {
				font-size: 1.6em;
				margin: 1.1em 0 1em 0;
				padding-bottom: .4em;
				border-bottom: 1px dotted #ccc;

			}

			#text h4 {
				font-size: 1.3em;
				margin: 2em 0 1.2em 0;
			}

			#text p {
				color: #666;
				font-size: 1.3em;
				line-height: 1.4em;
				margin: 1.2em 0;
			}

			#text a {
				color: #847868;
			}

			#text ul {
				font-size: 1.2em;
				margin-bottom: 2em;
			}

				#text ul li {
					color: #666;
					font-size: 1em;
					background: url("../images/li_text.gif") no-repeat .6em .4em;
					margin-bottom: 1em;
					padding-left: 1.5em;
				}

			#text div.destacat {
				width: 50em;
				overflow: hidden;
				margin-bottom: 2.5em;
				padding: 2em;
				background-color: #EFF0E0;
			}

				#text div.destacat p {
					color: #333;
					font-size: 1.4em;
					margin: 0;
				}

				#text div.destacat img {
					float: left;
					display: block;
					margin-right: 1em;
				}



		/* Classes editables */

			#text img.imatge-dreta {
				float: right;
				margin: 0 0 .5em 1.5em;
			}

			#text img.imatge-esquerra {
				float: left;
				margin: 0 1.5em .5em 0;
			}


	/* Estils dels elements laterals */

		#lateral {
			margin-top: 4.5em;
			width: 15.6em;
			float: right;
		}

			#lateral ul {
			}

				#lateral ul li {
					margin-bottom: 1.5em;					
				}

					#lateral .relacionats {
						margin-bottom: 1.5em;
						border: 1px solid #DEDCDC;
						background-color: #fff;
					}

						#lateral .relacionats h2 {
							padding: .3em .5em;
							margin-bottom: .5em;
							color: #333;
							font-size: 1.1em;
							font-weight: normal;
							background-color: #EFF0E0;
						}

						#lateral .relacionats ul li li {
							margin-bottom: 1em;
						}

						#lateral .relacionats ul li p {
							font-size: 1.1em;
							padding: 0 .6em;
						}

							#lateral .relacionats ul li p.tipus {
								color: #333;
								font-weight: bold;
							}

							#lateral .relacionats ul li p.titol {
								color: #757641;
								font-weight: bold;
							}

								#lateral .relacionats ul li p.titol a {
									color: #757641;
								}

							#lateral .relacionats ul li p.descripcio {
								color: #666;
							}


					#lateral .banners ul li {
					}

						#lateral .banners ul li img {
							width: 100%;
							display: block;
							border-bottom: 6px solid #EFF0E0;
						}


	/* Guest editors */

		/* Llistat de guest editors */

			#text .llista-guests {
				margin-bottom: 0;
			}

				#text .llista-guests li {
					margin: 0;
					padding: 1em 1em 0 1em;
					background: #fff;
					border-bottom: 1px solid #ddd;
				}

					#text .llista-guests li.principal {
						padding-top: 0;
						background: none;
					}

					#text .llista-guests li .dades {
						margin-left: 7em;
					}

					#text .llista-guests li img {
						float: left;
					}

					#text .llista-guests li h3 {
						font-size: 1.2em;
						margin: 0 0 .6em 0;
						padding: 0;
						border: none;
					}

					#text .llista-guests li p.autor {
						color: #666;
						font-size: .9em;
						font-weight: bold;
						margin: 0;
					}

					#text .llista-guests li p.descripcio {
						font-size: .9em;
						margin: 0;
					}

					#text .llista-guests li p.extracte {
						font-size: 1em;
					}

					#text .llista-guests li p.link {
						text-align: right;
						font-size: .9em;
					}





		/* Fitxa del guest editor */

			#text .block-guest {
				padding: 2em 0;
				background: url("../images/background_guest_interior.gif") repeat-x left 2px;
			}

				#text .block-guest .header {
					width: 51em;
					margin: 0 auto;
					overflow: hidden;
				}

					#text .block-guest .header img {
						float: left;
						margin-right: 1.5em;
					}

					#text .block-guest .header h3 {
						font-size: 1.2em;
						margin: 0;
						border: none;
					}

					#text .block-guest .header p.descripcio {
						color: #666;
						font-size: 1.1em;
						margin: 0;
					}

				#text .block-guest .article {
					width: 51em;
					overflow: hidden;
					margin: 1em auto 0 auto;
				}

					#text .block-guest .article h4 {
						font-size: 1.8em;
						font-weight: normal;
						margin-top: .5em;
						margin-bottom: 0;
					}

					#text p.introduccio {
						font-size: 1.4em;
						margin-bottom: 1.8em;
					}



	/* Llistat de noticies */

		#text .llista-noticies {
			margin-bottom: 1em;
		}

			#text .llista-noticies li {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 1em 0;
				background-image: none;
				border-bottom: 1px solid #ddd;
			}

				#text .llista-noticies li img {
					float: left;
					margin-right: 1em;
					margin-bottom: .5em;
				}

				#text .llista-noticies li h3 {
					font-size: 1.2em;
					padding: 0;
					margin: .2em 0 .2em 0;
					border: none;
				}

				#text .llista-noticies li p {
					font-size: 1em;
					margin: 0;
				}

				#text .llista-noticies li p.data {
					font-size: .9em;
					color: #666;
					margin: 0;
				}

				#text .llista-noticies li p.link {
					font-size: .9em;
					text-align: right;
					margin-top: 1em;
				}


	/* Llistat de publicacions */

		#text .llista-publicacions {
			margin-bottom: 1em;			
		}

			#text .llista-publicacions li {
				margin: 0;
				padding: 1.5em;
				background: none;
				border-bottom: 1px solid #DEDCDC;
			}

				#text .llista-publicacions li.principal {
					padding-top: 2em;
					background: #fff url("../images/background_publicacions.gif") repeat-x left top;
				}

				#text .llista-publicacions li .marge-lateral {
					margin-left: 8em;
				}

				#text .llista-publicacions li img {
					float: left;
					margin-right: 1em;
					margin-bottom: .5em;
				}

				#text .llista-publicacions li h3 {
					font-size: 1.2em;
					padding: 0;
					margin: .2em 0 .2em 0;
					border: none;
				}

				#text .llista-publicacions li p {
					font-size: 1em;
				}

				#text .llista-publicacions li p.descripcio {
					font-size: .8em;
					color: #666;
					margin: 0;
				}

				#text .llista-publicacions li p.pdf {
					font-size: .9em;
					margin-top: 1em;
					padding-left: 1.5em;
					background: url("../images/icones/document.gif") no-repeat left center;
				}
				
				
		/* Link a veure totes les publicacions */
		
			#text .mes-publicacions {
				padding: 0 1em;
				text-align: right;
			}
					
				#text .mes-publicacions a {
					color: #666;
					padding-left: 1em;
					background: url("../images/icones/seguent.gif") no-repeat left center;
				}


	/* Detall de noticia */

		#text p.data-noticia {
			font-size: 1.1em;
			margin: 0;
		}

		#text h3.titol-noticia {
			margin-top: 0;
		}


	/* Enllac de retorn */

		#text p.tornar {
			font-size: 1.1em;
			color: #333;
			margin: 0 0 .3em 0;
			width: 100%;
			overflow: hidden;
		}

			#text p.tornar a {
				float: right;
				color: #333;
				padding-left: .8em;
				background: url("../images/icones/tornar.gif") no-repeat left center;
			}
			
			#text p.tornar-publicacions { /* Al tornar de les publicacions li cal un marge inferior */
				margin-bottom: 1.2em;
			}
            
            
	/* Llistat d'events */

		#text .llista-events {
			margin-bottom: 1em;
		}

			#text .llista-events li {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 1em 0;
				background-image: none;
				border-bottom: 1px solid #ddd;
			}

				#text .llista-events li img {
					float: left;
					margin: 0;
				}
                
                #text .llista-events li .event-text {
                    width: 35em;
                    float: right;
                }

				#text .llista-events li h3 {
					font-size: 1.2em;
					padding: 0;
					margin: .2em 0 .2em 0;
					border: none;
				}

				#text .llista-events li p {
					font-size: 1em;
					margin: 0;
				}

				#text .llista-events li p.data {
					font-size: 1em;
					color: #9B9184;
					margin: 0 0 1.2em 0;
				}

				#text .llista-events li p.link {
					font-size: .9em;
					text-align: right;
					margin-top: 1em;
				}
				
			#text .avis-contacte {
				margin-top: 3em;
				padding: 1.5em 2em;
				border-top: 1px solid #DEDCDC;
				border-left: 1px solid #DEDCDC;
				border-right: 1px solid #DEDCDC;
				border-bottom: 4px solid #847868;
			}
			
				#text .avis-contacte h3 {
					font-size: 1.2em;
					border-bottom: 0;
					padding: 0;
					margin: 0;
				}
				
				#text .avis-contacte p {
					font-size: 1.1em;
					margin: .8em 0 0 0;
				}


	/* Estils generics dels formularis */

		#text .formulari {
			padding: .5em 0;
			margin: 0;
		}
		
			#text .formulari p {
				margin-top: 0;
				margin-bottom: .5em;
			}

			#text .formulari label {
				float: left;
				display: block;
				width: 7.5em;
			}

			#text .formulari input.text {
				width: 20em;
			}

			#text .formulari select {
				width: 20.85em;
				font-family: Arial, Verdana, sans-serif;
			}

			#text .formulari input.button {
				clear: both;
				margin-top: 1.5em;
				*margin-top: 1em;
				margin-left: 7.9em;
				*margin-left: 7.5em;
			}
			
			#text .formulari #newsletter-sector-label {
				color: #666666;
				font-size: 1.2em;
				margin-right: .6em;
			}

			#text .formulari .checklist {
				width: 400px;
				float: left;
			}

			#text .formulari .checklist p {
				width: 100%;
				overflow: hidden;
				font-size: 1em;
				line-height: 1.8em;
				padding: 0;
				margin: 0 0 .7em 0;
				vertical-align: middle;
			}
			
			#text .formulari .checklist p  * {
				vertical-align: middle;
			}
			
			#text .formulari .checklist p label {
				display: block;				
				padding: 0;
				margin: 0;
			}

			#text .formulari .checklist p input {
				float: left;								
				margin: .2em 0;						
				*margin: 0;
				margin-right: .3em;
			}
			
			#text p.avis {
				font-size: 1.1em;
			}



	/* Mapa web */

		#text .mapa-web {
		}

		#text .mapa-web ul {
			margin: 0;
		}

		#text .mapa-web ul li {
			margin: .4em 0 1.8em 0;
		}

		#text .mapa-web ul li ul {
			font-size: 1em;
		}

		#text .mapa-web ul li ul li {
			margin-bottom: 0;
			background: url("../images/li_guio_text.gif") no-repeat .7em .6em;
		}


	/* Llistes de funcionament dels navegadors (accessibilitat) */

		#text .navegadors {
		}

			#text .navegadors dt {
				float: left;
				width: 13em;
				padding-left: 3.5em;
				line-height: 3.5em;
				color: #666;
				font-size: 1.1em;
				font-weight: bold;
			}

				#text .navegadors dt.firefox {
					background: url("../images/icones/firefox.gif") no-repeat left center;
				}

				#text .navegadors dt.explorer {
					background: url("../images/icones/explorer.gif") no-repeat left center;
				}

				#text .navegadors dt.konqueror {
					background: url("../images/icones/konqueror.gif") no-repeat left center;
				}

				#text .navegadors dt.opera {
					background: url("../images/icones/opera.gif") no-repeat left center;
				}

				#text .navegadors dt.safari {
					background: url("../images/icones/safari.gif") no-repeat left center;
				}

			#text .navegadors dd {
				line-height: 3.5em;
				color: #666;
				font-size: 1.1em;
			}


	/* Paginador */

		#text .paginador {
			clear: both;
		}

			#text .paginador ul {
				text-align: right;
				font-size: 1.1em;
			}

			#text .paginador ul li {
				display: inline;
				padding: 0;
				margin: 0;
				background: none;
			}

			#text .paginador ul li.anterior {
				padding-left: .8em;
				margin-right: 1em;
				background: url("../images/icones/anterior.gif") no-repeat left center;
			}

			#text .paginador ul li.seguent {
				padding-right: .8em;
				margin-left: 1em;
				background: url("../images/icones/seguent.gif") no-repeat right center;
			}


	/* PDF per a impressio i llegenda del planol d'ubicacio */

		#text .imprimir-pdf {
			font-size: 1.1em;
			text-align: right;
			margin: -0.8em 5.8em 3em 0;
		}

			#text .imprimir-pdf a {
				padding: .2em 0 .2em 2em;
				background: url("../images/icones/pdf.gif") no-repeat left center;
			}


		#text .llegenda-esquerra {
			width: 48%;
			float: left;
			font-size: 1.1em;
		}

			#text .llegenda-esquerra li {
				padding: .2em 0 .2em 2.8em;
				margin-bottom: .7em;
			}

			#text .llegenda-esquerra li.metro { background: url("../images/icones/metro.gif") no-repeat left center; }
			#text .llegenda-esquerra li.trambaix { background: url("../images/icones/trambaix.gif") no-repeat .5em center; }
			#text .llegenda-esquerra li.ferrocarrils { background: url("../images/icones/ferrocarrils.gif") no-repeat .5em center; }
			#text .llegenda-esquerra li.renfe { background: url("../images/icones/renfe.gif") no-repeat .5em center; }
			#text .llegenda-esquerra li.autobusos { background: url("../images/icones/autobusos.gif") no-repeat .5em center; }
			#text .llegenda-esquerra li.aparcament { background: url("../images/icones/aparcament.gif") no-repeat .5em center; }

		#text .llegenda-dreta {
			width: 48%;
			float: right;
			font-size: 1.1em;
		}

			#text .llegenda-dreta li {
				padding: .2em 0 .2em 2em;
				margin-bottom: .7em;
			}

			#text .llegenda-dreta li.numero-1 { background: url("../images/icones/numero_1.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-2 { background: url("../images/icones/numero_2.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-3 { background: url("../images/icones/numero_3.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-4 { background: url("../images/icones/numero_4.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-5 { background: url("../images/icones/numero_5.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-6 { background: url("../images/icones/numero_6.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-7 { background: url("../images/icones/numero_7.gif") no-repeat left center; }
			#text .llegenda-dreta li.numero-8 { background: url("../images/icones/numero_8.gif") no-repeat left center; }


	/* Llistat de la videoteca */

		#text .llista-videos {
			padding: 0;
			margin: 0;
		}

			#text .llista-videos li {
				float: left;
				width: 20em;
				padding: 0;
				margin: 0 2em 3em 0;
				background: none;
			}

				#text .llista-videos li img {
					border: 8px solid #EFF0E0;
				}

				#text .llista-videos li p.link {
					margin: .3em 0 .3em .8em;
					font-size: .9em;
				}

					#text .llista-videos li p.link a {
						padding-left: 2em;						
						background: url("../images/icones/link_extern.gif") no-repeat left center;
					}

				#text .llista-videos li h3 {
					color: #7D9BD4;
					font-size: 1em;
					margin-bottom: 0;
					border: none;
				}

				#text .llista-videos li p {
					margin: 0;
					font-size: .9em;
				}


	/* Llista d'activitats */
	
		#text h3.mes-activitat {
			color: #666;			
			font-size: 1.1em;
			font-weight: normal;
			padding: .3em 1em;
			margin: 0;			
			border: 1px solid #ccc;
			background-color: #EFF0E0;
		}
	
		#text .llista-activitats {			
			margin: 0 0 -1px 0;
			padding: 0;
		}
		
			#text .llista-activitats li {				
				width: 43em;
				overflow: hidden;
				margin: 0;
				padding: 1em;				
				background: none;
				border-bottom: 1px solid #ccc;
			}
			
				#text .llista-activitats li img {
					float: left;
				}
				
				#text .llista-activitats li h4 {
					color: #847868;
					font-size: 1.3em;
					margin: 0 0 0 95px;
				}
				
				#text .llista-activitats li p.data {
					color: #999;
					font-size: 1em;
					margin: 0 0 0 95px;
				}
				
				#text .llista-activitats li p {
					font-size: 1em;
					margin: 1em 0 0 95px;
				}
				
				#text .llista-activitats li .pdf {
					padding: 0;
					margin: 1em 0 0 100px;
				}
				
					#text .llista-activitats li .pdf li {
						font-size: .75em;
						margin: 0;
						padding: .3em 1.4em;
						background: url("../images/icones/document.gif") no-repeat left center;
						border: none;						
					}
                    
                    
                    
    /* Galeria d'imatges */
    
        #text .gallery-title,
        #text-wuc .gallery-title {
            color: #666666;
            font-size: 1.6em;
            font-weight: bold;
            margin-bottom: .5em;
        }
    
        #text .gallery,
        #text-wuc .gallery {
            margin: 0 0 2em 0;
            padding: 0;
            width: 100%;
            overflow: hidden;
        }
        
            #text .gallery li,
            #text-wuc .gallery li {
                margin: 0;
                padding: 0;
                background: none;                
                display: inline;
                vertical-align: center;
            }
            
            #text .gallery li a,
            #text-wuc .gallery li a {
                width: 180px;
                display: inline-block;
                margin: 1em 7em 2em 0;
                text-align: center;
            }
            
            #text .gallery li.last-in-row a,
            #text-wuc .gallery li.last-in-row a {
                margin-right: 0;
            }
            
                #text .gallery li img,
                #text-wuc .gallery li img {
                    vertical-align: middle;
                }