body { 
text-align:center;
background-color:#FAFAFA;
margin:0;
}

a {
	text-decoration: none;
}

#Layer1 {
	width:164;
	height:164;
	z-index:1;
	background-image: url(imgs/f_index.gif);
	margin:140 auto auto 250;
}
#Layer2 {
	width:112;
	height:17;
	z-index:1;
	padding:20 20 30 20;	
}
#Layer3 {
	width:75px;
	height:20;
	z-index:2;
	padding:0 0 0 0;
}
#Layer4 {
	width:75;
	height:20;
	z-index:3;
	padding:0 0 0 0;
}
#Layer5 {
	width:75;
	height:20;
	z-index:4;
	padding:0 0 0 0;
}
#Layer6 {
	width:684px;
	height:22px;
	z-index:2;
	margin:290 auto 0 auto;
}

#general {
	width:384;
	height:476;
	MARGIN-TOP: -265px;
	LEFT: 50%;
	MARGIN-LEFT: -330px;
	TOP: 50%;
	POSITION: absolute;
}

#fons {
	width:505;
	height:476;
	background-image: url(imgs/f_interior.gif);
	margin: auto auto auto 80;
}
	#cuerpo{
		width:505;
		height:53;
		padding:0 0 0 0;
	}
		#titol {
			width:235;
			height:53;
			text-align:left;
			float:left;
			padding:0 0 0 24;
		}
	
		#navegacion{
			height:53;
			margin: 0 0 0 0;
			padding:0 0 0 0;
		}
			#fletxaesq {
				width:9;
				height:6;
				float:left;
				padding:27 0 0 0;
			}
			#nav {
				margin: 0 0 0 0;
			}
				#numeracio {
					width:210px;
					height:13px;
					float:left;
					padding: 24 0 0 0;
				}
				#fletxadre {
					width:10;
					height:6;
					float:left;
					padding:27 0 0 0;
				}	
		#titolmulti {
			width:305;
			height:53;
			text-align:left;
			float:left;
			padding:0 0 0 24;
		}
				#numeraciomulti {
					width:135px;
					height:13px;
					float:left;
					padding: 24 0 0 0;
				}			
		#titolgraf {
			width:248;
			height:53;
			text-align:left;
			float:left;
			padding:0 0 0 24;
		}
				#numeraciograf {
					width:192px;
					height:13px;
					float:left;
					padding: 24 0 0 0;
				}									
	#cuerpod{
		height:306;
		margin-left:24;
		padding:0 0 0 0;
	}							
		#imatge {
			width:331;
			height:296px;
			background-color: #E0E0E0;
			float:left;
			padding:0 0 0 0;
		}			
		#texte {
			width:115;
			height:306;
			background-color: #E0E0E0;
			float:left;
			padding:0 5 0 5;
		}
	#cuerpot{
		width:505;
		height:117;
		margin: 0 0 0 0;
		padding:0 0 0 0;
	}						
		#logo {
			width:153;
			height:117;
			float:left;
			padding:0 0 0 0;
		}
		#menu{
			margin: 0 0 0 0;
		}
			#tres{
				width:74;
				height:117;
				text-align:left;
				float:left;
				margin: 0 0 0 0;
			}
				#projectes {
					padding:47 0 0 0;
				}
				#contacte {
					padding:5 0 0 0;
				}

				#serveis {
					padding:5 0 0 0;
				}
			#flechas{
				width:40;
				height:117;
				text-align:left;
				float:left;
				margin: 0 0 0 0;
			}
				#fle {
					padding:47 0 0 0;
				}
			#tresdos{
				width:87;
				height:117;
				text-align:left;
				float:left;
				margin: 0 0 0 0;
			}
				#websites {
					padding:47 0 0 0;
				}
				#multimedia {
					padding:5 0 0 0;
				}
				#grafic {
					padding:5 0 0 0;
				}				
	#cuerpoc{
		width:505;
		height:359;
		padding:0 0 0 24;
		float:left;
		text-align:left;
		background-image:url(imgs/mapa.gif);
	}						
		#mapa {
			width:459;
			height:359;
			vertical-align:bottom;
			padding:27 0 0 4;
		}
			#direccion {
				text-align:left;
				width:200;
				height:83;
				float:left;
				background-color:#FFFFFF;
				border: 1px solid #000000;
				padding:5 0 0 10;
			}
	#cuerpos{
		width:505;
		height:359;
		padding:0 0 0 24;
		float:left;
		text-align:left;
	}	
		#caixes {
			width:459;
			height:359;
			vertical-align:bottom;
			padding:22 0 0 0;
		}
			#caja{
				width:459;
				height:166;
				background-color:#FFFFFF;
			}	
				#area	{
					width:227;
					height:166;
					background-color:#E0E0E0;
				}
					#tserv{
						width:227;
						padding:10 0 0 15;
					}								
#peu {
	width:684px;
	height:22px;
	margin:100 auto 0 auto;
}





.verdana9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	text-decoration: none;
}
.verdana9claro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
a.verdana9caja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
}
a.verdana9caja:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	margin: 0px;
	background-position: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
	display:block;
}
.verdana9cajasel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	background-color: #E0E0E0;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	background-position: 0px 0px 0px 0px; 
	display:block;
}
.verdana9sel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	background-color: #E0E0E0;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	background-position: 0px 0px 0px 0px; 
}
a.nume9caja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	text-decoration: none;
	margin: 0px 2px 0px 2px;
}
a.nume9caja:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	background-position: 0px 0px 0px 0px; 
}
.nume9cajasel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	background-color: #E0E0E0;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	background-position: 0px 0px 0px 0px; 
}
.negrita {
	font-weight:bold;
}
.direc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #636363;
	text-decoration: none;
}

.direc h2 {
	font-size:9px;
	margin:0;
	padding:0;
}

.verdana11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}