/* ------------------------------------------------------- */
/* Fulla d'estils general pel site de Bombers de Barcelona */
/* ------------------------------------------------------  */

body {
  font-family: Verdana, sans-serif;
  font-size: 62.5%;
  color: #333333;
	background-color: #eaeaea;	
}

img {
	border: 0;
}

a, #text a {
  text-decoration: none;
  color: #D3242E;
}

a:hover, #text a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding: 0;		
}

h2 {
	margin: 0 0 .75em 0;
	padding: 0;		
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #D3242E;	
	font-size: 1.8em;
}

h3, h4.submenu {
	margin: 0 0 1em 0;
	padding: 0 0 .5em 0;	
	font-size: 1.3em;
	border-bottom: 1px dotted #999;	
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #D3242E;	
}

	h3.submenu {
		font-size: 1.8em;
		border-bottom: none;
		margin-top: 0;
		margin-bottom: .75em;
		padding-bottom: 0;	
	}
	
	h3.galeria {
		margin-bottom: .3em;
		font-size: 1.5em;
		border: none;		
	}	
	

h4 {
	margin: 0;
	padding: 0;
	margin-top: .5em;
	margin-bottom: .5em;	

	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #D3242E;	
}

h5 {
	margin: 0;
	padding: 0;
	margin-top: .5em;

	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #D3242E;	
}

	h5.marge-top {
		border-top: 1px dotted #999;
		padding-top: 1em;
	}

abbr, acronym { 
	border-bottom: 1px dotted #999;
}

address, dl { margin: 0; padding: 0; font-style:normal; }

form {
	margin: 0;
	padding: 0;
}

p,td,div {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #333333;
}

ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
ol { margin: 0; padding: 0; }

map {
}

map p {
	display: none;
}


.hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
}




/* INICI: Estils dels elements generals del site (capçalera, footer...) */

#marc-web {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;	
}

#capsalera {
	height: 4.6em;
}

	#capsalera h1, #capsalera a {
		font-size: 1em;
	}
	
	#capsalera #logo {
		float: left;
		width: 16.2em;		
	}
	
	#capsalera #telefon-img {	
		float: right;
		width: 8.8em;	
	}

/* FI: Estils dels elements generals del site */




#contenidor {
	clear: both;
	border-top: 1px solid #ccc;	
	padding-top: 1px;
	background: url("../images/pixel_fons.gif") repeat-y 20.2em 0 !important;
	overflow: visible;
}

#zona-menus {	
	width: 20.17em;	
	float: left;
	padding-bottom: 25px;
}

#contingut {
	float: right;
	width: 57.5em;
	padding-bottom: 3em;
	border-left: .1em solid #ccc;	
}


/* INICI: Estils per al menu principal */

#menu-principal {
	display: block;
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
}

	#menu-principal h2 {
		display: none;
	}

	#menu-principal ul {
		margin: 0 1px;
	}
	
	#menu-principal ul li {
		list-style: none;
		line-height: 2em;
	}	
	
	#menu-principal ul li a, #menu-principal ul li strong {
		background-color: #D3242E;
		color: #fff;
		display: block;
		margin-bottom: 1px;
		font-size: 1.1em;
		padding-left: .5em;		
	}
	
		#menu-principal ul li a strong {
			padding: 0;
			font-size: 1em;
		}		
	
	#menu-principal ul li ul {
		margin-bottom: 1em;
	}
	
	#menu-principal ul li ul li a, #menu-principal ul li ul li strong {
		padding-left: 1.5em;
		color: #555;
		background: url("../images/li_quadrat_vermell.gif") no-repeat 1em .9em;
	}
	
		#menu-principal ul li ul li strong {
			color: #D3242E;
		}
		
		#menu-principal ul li ul li a.selected {
			font-weight: bold;
			color: #D3242E;
		}		

/* FI: Estils per al menu principal */
		
		


/* INICI: Estils per al menu secundari */

	#menu-secundari ul {
		margin: 2em .7em 2em .7em;
	}

	#menu-secundari h2 {
		display: none;
	}
	
	#menu-secundari ul li {
		list-style: none;
		background: url('../images/li_fletxa_seguent.gif') no-repeat left .8em;
		padding: .3em 0 .3em 1em;
	}
	
	#menu-secundari ul li a, #menu-secundari ul li strong {
		font-size: 1.1em;
		color: #666;
	}
	
	#menu-secundari ul li a.selected {
		font-weight: bold;	
	}

/* FI: Estils per al menu secundari */




/* INICI: Estils per al llistat de seccions destacades */

	#menu-banners h2 {
		display: none;
	}
	
	#menu-banners ul li {
		margin-left: .7em;
		margin-bottom: 1em;
	}
	
	#menu-banners ul li img {
		width: 18.8em;
	}
	
/* FI: Estils per al llistat de seccions destacades */
	
	

	/* INICI: Serveis destacats */
	
	#zona-banners {
		width: 31.5em;
		float: left;
		margin-top: 1.5em;
		margin-left: 1.5em;
	}

		#zona-banners h2 {
			display: none;
		}
	
		#zona-banners li {
			display: block;
			margin-bottom: 1em;
			padding-bottom: 1em;
			width: 30em;
			background: url("../images/linea_punts.gif") repeat-x bottom;
		}
		
			#zona-banners li img {
				width: 30em;
			}
			
			#zona-banners li.last {
				background: none !important;
			}
		
	/* FI: Serveis destacats */
		
	
	
	#zona-noticies {
		width: 22.5em;
		float: right;
		margin-top: 1.5em;
		margin-right: 1.5em;
	}
	
		#zona-noticies h2 {
			margin: 0;
			font-size: 1.1em;
			padding: .3em;
			background-color: #D3242E;
			color: #fff;
		}
		
		#zona-noticies h3 {
			margin: .5em 0 .5em 0;
			color: #D3242E;
			font-size: 1.1em;
			border-bottom: 0;
		}	
	
		#zona-noticies ul li {
			margin-bottom: 1em;
			padding-bottom: 1em;
			list-style: none;
			background: url("../images/linea_punts.gif") repeat-x bottom;
		}		
	
		#zona-noticies a {
			color: #D3242E;
		}
		
		#zona-noticies p {
			font-size: 1.1em;
			color: #555;			
		}
		
		#zona-noticies p img {
			float: left;
			margin: 0 .5em .5em 0;
		}
		
		#zona-noticies .mes {
			padding: 0 .8em;
			background: url('../images/li_fletxa_seguent.gif') no-repeat left center;
		}
	


	#imatge-presentacio {
		padding: 0 0 1px 0;
		margin: 0 1px;
		border-bottom: 2px solid #D3242E;
	}
	
	#imatge-presentacio img {		
		padding-bottom: 1px;
		display: block;
		width: 100%;
		height: 14.6em;
		border-bottom: 1px solid #ccc;
	}
	
		
	
/* INICI: Footer */
	
#barra-footer {
	clear: both;
	border-top: 1px solid #fff;
	background-color: #000;
	font-size: 1em;	
}

	#barra-footer p {
		margin: 0;
		padding: .8em;
	}

	#barra-footer a {
		color: #fff;
	}

/* FI: Footer */
	
	
	
	
	
	
/* Estils per a les pagines internes */

	/* INICI: Bloc del titol i el submenu */

	#titol {
		margin: 1px;
		padding: 1em 3em;		
		background-color: #f0f0f0;
	}
		
		#titol ul li {		
			display: inline;
			padding-right: 1.5em;
			margin-right: 1.5em;
			border-right: 1px solid #000;
			font-size: 1.1em;
		}
		
		#titol ul li a {		
			color: #000;
		}
		
		#titol ul li strong, #titol ul li strong a {
			color: #D3242E;
		}
		
		#titol ul li.last {
			border-right: none;
		}
	
	/* FI: Bloc del titol i el submenu */
	
	
	
	
	/* INICI: Estils per a la zona de contingut (textos i galeries) */
		
	#text {
		padding: 2em 3em;
	}
	
		#text a, #text a {
		  text-decoration: underline;
		  color: #D3242E;
		}
		
		#text a:hover {
			text-decoration: underline !important;
		}
	
		#text p {
			color: #333;
			font-size: 1.1em;
			margin: 0 0 1.5em 0;
		}
		
			#text p.pdf {
				padding-left: 2em;
				background: url("../images/icona_pdf.gif") no-repeat left top;
			}
		
		#text ul {		
			margin-bottom: 2em;
		}

		
		#text ul li {
			font-size: 1.1em;
			margin: .8em;			
			padding-left: .8em;
			background: url("../images/li_quadrat_vermell.gif") no-repeat left .5em;
		}
		
			#text ul li li {
				font-size: 1em;
			}
		
			#text ul li.emissora {
				padding-left: 1.8em;
				background: url("../images/sound.gif") no-repeat left center;	
			}
			
			#text ul li.memoria {
				padding-left: 1.5em;
				background: url("../images/icona_memoria.gif") no-repeat left center;	
			}
			
				#text ul li.memoria a {
					color: #333;
					text-decoration: none;
				}
		
		#text ul.destacat li {
			font-weight: bold;
			color: #555;
			background: url("../images/li_fletxa_seguent.gif") no-repeat left .5em;
		}
		
			#text ul.destacat li a {
				text-decoration: none;
				color: #555;
			}

		#text ol {
			margin-left: 1.7em;
			margin-bottom: 2em;
		}
		
		#text ol li {
			font-size: 1.1em;
			margin: 1em .4em 1em .4em;
			padding-left: 0;		
		}

			#text ol li *, #text ul li * {
				font-size: 1em; /* Per a evitar l'increment de font en llistes que continguin algun element niuat */
			}
			
			#text ol li p {
				margin-bottom: .8em;
			}


		#text dl {
			margin-bottom: 2em;
		}
		
			#text dl dt {
				font-size: 1.1em;
				font-weight: bold;
			}
			
			#text dl dd {
				margin: .5em 1em 1em 1em;
				font-size: 1.1em;
			}
		

		
			/* INICI: Estils visuals per a paragrafs */
			
				#text p.separador {
					padding-bottom: 1.5em;
					background: url("../images/linea_punts.gif") repeat-x bottom;
				}
				
				#text p.destacat {
					padding: 1em 2em;
					border: 1px solid #D3242E;
				}
			
			/* FI: Estils visuals per a paragrafs */
		
	

	
			/* INICI: Estils per a l'alineacio d'imatges */
			
				#text img.galeria {
					margin-bottom: 1em;
				}
			
				#text img.left {
					float: left;
					clear: left;
					margin: 0 2em 1em 0;
				}
				
				#text img.right {
					float: right;
					clear: right;
					margin: 0 0 1em 2em;
				}
			
			/* FI: Estils per a l'alineacio d'imatges */
	
	
		

		/* INICI: Estils per al menu de retorn */
		
			#text .menu-retorn {
				float: right;
				margin: 0;
			}
			
				#text .menu-retorn li, #text p.menu-retorn {
					margin: .4em;
					font-size: 1em;
					padding-left: 1em;		
					background: url('../images/li_fletxa_anterior_gris.gif') no-repeat left .4em;
					color: #666;
				}
				
				#text .menu-retorn li a, #text p.menu-retorn a {
					text-decoration: none;
					color: #666;
				}
		
		/* FI: Estils per al menu de retorn */



		/* INICI: Estils per a la seccio de recursos humans i tecnics */
		
			#text #equipament-huma {
				width: 100%;
				overflow: hidden;
			}
			
				#text #equipament-huma li {
					text-align: center;
					margin: 0;
					padding: 1em;
					border-top: 1px dotted #999;
					width: 21em;
					float: left;
					height: 39em;
					background: none;
				}
				
					#equipament-huma li p {
						text-align: left;
					}
					
					#equipament-huma li strong {
						color: #D3242E;
					}
					
					#equipament-huma li img {						
						text-align: center;
						margin: 0 auto !important;
					}
					
					#text #equipament-huma .marge-dreta {
						border-right: 1px dotted #999;
					}
					
				#text .imatge-vehicle {
					text-align: center;
					margin-bottom: 2.5em;
				}
					
					#text .imatge-vehicle img {
						width: 12.5em;
						margin: 0 auto;						
					}
					
					#text .imatge-vehicle a {
						text-decoration: none;
					}
					
					
					
				#text .imatge-vehicle-ampliada {
					padding-top: 1em;
					text-align: center;
				}
				
				#text .caracteristiques {
					width: 48em;
					margin: 0 1em;
					padding: .1em;
					overflow: hidden;
					clear: both;
				}
				
					#text .caracteristiques dt {
						white-space: nowrap;
						margin: .75em .5em 0 0;
						padding: 0 0 0 .5em;
						background: url("../images/li_quadrat_vermell.gif") no-repeat left .5em;
						float: left;
						clear: left;
					}
					
					#text .caracteristiques dd {
						margin: .75em 0 0 .5em;
						padding: 0;
					}
				
				
					/* INICI: Estils especials per als titols de la seccio de caracteristiques de vehicles */
					
						h5.border-top-red {
							padding-top: 1em;
							border-top: 2px solid #D3242E;
							margin-top: 2em;
						}
						
						h5.border-top-gray {
							padding-top: 1em;
							border-top: 1px dotted #999;
							margin-top: 2em;
						}
					
					/* FI: Estils especials per als titols de la seccio de caracteristiques de vehicles */					
					

		/* FI: Estils per a la seccio de recursos humans i tecnics */
		
		
		
		
		
		/* INICI: Estils per a la seccio historia (pestanyes) */

		#text .pestanyes {
			margin-bottom: 1px;
			border-bottom: 3px solid #D3242E;
			width: 100%;
			overflow: hidden;
		}
		
			#text .pestanyes li {
				font-size: 1.2em;
				float: left;
				color: #000;
				background: none;
				padding: 0;
				margin: 0;				
			}
		
				#text .pestanyes li a {
					display: block;
					line-height: 2em;
					height: 2em;
					padding: 0px 9px;
					color: #000;
					background-color: #ccc;
					margin-right: 2px;
					text-decoration: none;
				}
				
				#text .pestanyes li .selected {
					color: #fff;
					font-weight: bold;
					background-color: #D3242E;
				}
				
		
		#text .contingut-pestanya {
			padding: 20px;
			background-color: #F0F0F0;
			margin: 0;
		}
		
		
			#text .contingut-pestanya dl.anys dt {
				color: #D3242E;
				font-size: 1.7em;
				font-weight: bold;
				border-bottom: 1px dotted #999;
				padding: 5px 0;
			}
		
			#text .contingut-pestanya dl.anys dd {
				padding: 5px 5px 5px 55px;
				margin: 0 0 20px 0;
			}			
		
		/* FI: Estils per a la seccio historia (pestanyes) */
		
		

		
		
		/* INICI: Estils galeria d'imatges */
		
			#text #galeria li {
				padding: 0;
				margin: 0em 1.25em 1.5em 1.25em;
				list-style: none;
		
				width: 10em;
				font-size: 1em;
				height: 12em;
						
				float: left;
			}
				
			#text #galeria li img {
				width: 100%;
			}
			
			#text #galeria li a {
				text-decoration: none;
				color: #333;
			}
			
			#text #imatge {
				margin: 0 auto 2.5em auto;
				width: 40em;
			}
			
			#text #menu-imatge ul {
			}

			#text #menu-imatge li {
				margin: 0;
				padding: 0;
				font-size: 1em;
				display: inline;
			}
			
			#text #menu-imatge #tornar {
				float: left;
			
				padding-left: 1em;
				background: url("../images/li_fletxa_anterior_gris.gif") no-repeat left center;
				text-align: left;
			}
				
				#tornar a {
					color: #333;
				}
				
			
			#text #menu-imatge #anterior {
				float: right;			
				background: url("../images/li_fletxa_anterior.gif") no-repeat left center;
				padding-left: 1em;								
			}
			
				#text #menu-imatge .separador {
					margin-right: .5em;
					padding-right: .5em;
					border-right: 1px solid #c00;
				}
			
			#text #menu-imatge #seguent {
				float: right;
			
				background: url("../images/li_fletxa_seguent.gif") no-repeat right center;
				padding-right: 1em;
			}
		
		/* FI: Estils galeria d'imatges */
	
	

		/* INICI: Estils galeria de publicacions */
		
			#text #publicacions li {
				padding: 0;
				margin: 0em 1.25em 1.5em 1.25em;
				list-style: none;
		
				width: 10em;
				font-size: 1em;
				height: 18em;
						
				float: left;
			}
				
				#text #publicacions li img {
					width: 100%;
				}
				
				#text #publicacions li a {
					text-decoration: none;
					color: #333;
				}			
			
			
			
			#text .portada {
				float: left;
				width: 10em;
				margin-right: 15px;
			}
			
			#text .contingut-publicacio {
				margin-left: 11em;
				width: 39.5em;
			}
			
				#text .contingut-publicacio dd {
					color: #666;
					background: url("../images/li_fletxa_seguent.gif") no-repeat left .4em;
					padding-left: 1em;
					margin-top: .3em;
					margin-bottom: 1em;
				}
			
				#text .contingut-publicacio a {
					text-decoration: none;
					color: #666;
				}
			
		/* FI: Estils galeria de publicacions */



		/* INICI: Llistat numerat (gifs) */
		
		#text ol.numerat {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			#text ol.numerat li {
				padding: 0 0 0 80px;
				min-height: 80px;
				margin-bottom: 2.5em;
			}
			
				#text ol.numerat li.num-01 { background: url("../images/seccions/li_num_01.gif") no-repeat left top; }
				#text ol.numerat li.num-02 { background: url("../images/seccions/li_num_02.gif") no-repeat left top; }
				#text ol.numerat li.num-03 { background: url("../images/seccions/li_num_03.gif") no-repeat left top; }
				#text ol.numerat li.num-04 { background: url("../images/seccions/li_num_04.gif") no-repeat left top; }
				#text ol.numerat li.num-05 { background: url("../images/seccions/li_num_05.gif") no-repeat left top; }
				#text ol.numerat li.num-06 { background: url("../images/seccions/li_num_06.gif") no-repeat left top; }
				#text ol.numerat li.num-07 { background: url("../images/seccions/li_num_07.gif") no-repeat left top; }
				#text ol.numerat li.num-08 { background: url("../images/seccions/li_num_08.gif") no-repeat left top; }
				#text ol.numerat li.num-09 { background: url("../images/seccions/li_num_09.gif") no-repeat left top; }
				#text ol.numerat li.num-10 { background: url("../images/seccions/li_num_10.gif") no-repeat left top; }
				
		
		/* FI: Llistat numerat (gifs) */		




		/* INICI: Llista d'enllacos */
		
		#text .enllacos {
			margin-bottom: 3em;
		}
		
			#text .enllacos li {
				background: url("../images/li_fletxa_seguent.gif") no-repeat left .4em !important;
			}
			
			#text .enllacos li li { /* Llista niuada */
				font-size: 1em;
				padding-left: .5em;
				margin: .5em .8em;
				background: url("../images/li_quadrat_vermell.gif") no-repeat left .5em !important;
			}			
			
			#text .enllacos a {
				text-decoration: none;
				color: #333 !important;
			}
		
		/* FI: Llista d'enllacos */
		
		
		
		/* INICI: Modul per a la informacio addicional */
		
		#text div.destacat {
			padding: 1.8em 1.8em .5em 1.8em;
			background-color: #f0f0f0;
		}
		
			#text div.destacat h3, div.destacat h4, div.destacat h5 {
				font-size: 1.1em;
				margin: 0 0 1.5em 0;
				padding: 0;
				border: none;
			}
			
			#text div.destacat ul {
				margin: 0;
			}
			
				#text div.destacat ul li {
					margin-top: 0;
				}
				

		#text div.estret {
			width: 30em;
		}				
		
		/* FI: Modul per a la informacio addicional */
		
		
		
		/* Estils per a la taula de dades */

		.dades {
			width: 51.5em;
			border-collapse: collapse;
			margin-bottom: 3em;
		}
		
			.dades th, .dades td {
				padding: .6em;
			}
			
			.dades caption {		
				padding: .5em .5em 1em .5em;
				font-size: 1.1em;
				font-weight: bold;		
				text-align: left;
			}
			
			.dades .last {
				border-bottom: 1px solid #aaa;
			}
			
			.dades th {
				background-color: #eee;
				border-top: 2px solid #D3242E;
				border-bottom: 1px solid #aaa;
				text-align: left;
			}
						
				.dades .tipus { text-align: left; }
				.dades .nombre { text-align: right; }
			
			.dades td {
				border-bottom: 1px solid #e5e5e5;
			}
		
		/* ------------------------------ */	
		
		
		/* Estils per a la seccio 'on estem' */
		
			iframe.iframe-parcs {
				overflow: hidden;
				width: 51.5em;
				height: 52em;
			}
				
		/* --------------------------------- */


	/* FI: Estils per a la zona de contingut */