body {		
	padding: 0;
	margin: 0;
	width: 980px; 	
	background: #ffffff;
	}			
#container  {
	width: 980px; 
	margin: 0 auto;
	}	
#header {
	clear:both;	
	height: 36px;	
	background: #ffffff url(../images/topheader.jpg) no-repeat center;
	}					
	#headerTop {
		float:right;
		}
		#headerTop a {
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #000000;
			text-decoration: none;
			margin-right: 30px;
			}
		#headerTop a:hover {
			text-decoration: underline;
			}
#top {
	height: 60px; 		
	background: #ffffff;		
	}

	#topleft {	
	float:left;
	padding-top: 5px;	
	padding-bottom: 3px;
	padding-left: 20px;
	}
	
	#topright {	
	float:right;
	text-align: right;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #868789;
	padding-top: 18px; 
	padding-right: 140px;	
	}
	#topright a {
		font: normal 12px Arial, Helvetica, sans-serif;
		text-decoration: none;
		}
	#topright a.lnk0 {
		color: #868789;
		}
	#topright a.lnk0:hover {
		color: #999999;		
		}	
	#topright a.lnk1 {
		color: #000000;
		}
					
#footer {
	text-align: center;
	height: 20px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #9e9b99;
	line-height: 20px;
	}
	#footer a {
		color: #9e9b99;
		text-decoration: none;
		}		
	#footer a:hover {
		text-decoration: underline;
		}
#content {
	font: normal 12px 'Arial', Helvetica, sans-serif;
	color: #848181;
	line-height: 20px;
	padding-top:0px;
	width: 980px;
	height:494px
	}
	#content .intro h2 {
	color: #dd0a24;	
	font-family: 'Arial', Helvetica, sans-serif;
	text-align:left;
	line-height:35px;
	font-size: 40px;
	font-weight: bold;	
	}	
	#content .intro {	
	background: #ffffff url(../images/fons1taller.jpg) no-repeat center;
	margin: 0;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	#content .introleft {
	text-align: justify;
	width: 240px;
	float:left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	line-height:15px;	
	color: #848181;
		}			
	#content .introtextv {		
		width: 350px;
		float:right;
		padding: 80px 260px 0 0px;
		margin: 0;
		}
	#content .planxa {	
	background: #ffffff url(../images/planxa.jpg) no-repeat center;
	margin: 0;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	#content .planxatop {
	width:100%;	
	}
	#content .planxatop h2 {
	width:650px;
	float:left;
	margin: 0;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	letter-spacing: 3px;
	color: #dd0a24;
	text-align:left;
	line-height:35px;
	font-size: 40px;

	font-family: 'Arial', Helvetica, sans-serif;
	}
	#content .planxaleft {
	float:left;
	text-align: left;
	width: 275px;	
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height:15px;	
	color: #848181;
	}
	#content .electricitat {	
	background: #ffffff url(../images/electrici.jpg) no-repeat center;
	margin: 0;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	
	#content .electricitat h2 {
	width:770px;
	float:left;
	margin: 0;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	letter-spacing: 3px;
	color: #dd0a24;
	text-align:left;
	line-height:35px;
	font-size: 40px;
	font-family: 'Arial', Helvetica, sans-serif;
	}
	#content .electricitatbott {
	float:left;
	text-align: left;
	width: 275px;	
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height:15px;	
	color: #FFFFFF;
	}	
	
	#header_elec {
	height: 36px;	
	background: #ffffff url(../images/topheaderelec.jpg) no-repeat center;
	}					
	#headerTop_elec {
		float:right;
		}
		#headerTop_elec a {
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #000000;
			text-decoration: none;
			margin-right: 30px;
			}
		#headerTop_elec a:hover {
			text-decoration: underline;
			}
	#content .mecanica {	
	background: #ffffff url(../images/mecanica.jpg) no-repeat center;
	margin: 0;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	#content .mecanicatop {
	width:100%;	
	}
	#content .mecanica h2 {
	float:left;
	margin: 0;
	padding-top: 40px;
	padding-right: 400px;
	padding-bottom: 0px;
	padding-left: 20px;
	letter-spacing: 3px;
	color: #dd0a24;
	text-align:left;
	line-height:35px;
	font-size: 40px;
	font-family: 'Arial', Helvetica, sans-serif;
	}
	#content .mecanicaleft {
	float:left;
	text-align: left;
	width: 275px;	
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height:15px;	
	color: #848181;
	}
	#content .situacio {	
	background: #ffffff url(../images/situacio.jpg) no-repeat center;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	#content .ocasio {	
	background: #ffffff url(../images/ocasio.jpg) no-repeat center;
	margin: 0;
	width:100%;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
			
	.situaciodiv {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	}
	.googleMap {
	width: 909px;
	height: 312px;
	padding: 0px;
	border: 2px solid #221c17; /*color recuadre mapa google*/
	padding: 0px 0px 0px 0px;
	}
	
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;   
	}	
	#content .contacte {
	background: #ffffff url(../images/situacio.jpg) no-repeat center;
	margin: 0;
	height:494px;
	padding: 0px 0px 0px 0px;
	}
	#content .contacte p {
		margin: 0;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
.tbl_contact {
	font-size:12px;
	font-family: 'Arial', Verdana,  Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.inputs {
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #221c17;
}
.buttons {
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #221c17;
}
.textgeneralsblancs {
	font-size:12px;
	font-family: 'Arial', Verdana,  Helvetica, sans-serif;
	color: #868789;
}
.peu {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #525760; 
} 
.t12ptnormalnegra {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.t12ptnormalgris {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868789;
}
/* paginació i resultats*/
table.pageResults{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #000000;	
}
a.pageResults:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #000000;	
	text-decoration : none;
}
a.pageResults {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #868789;
	text-decoration : none;	
}

.t10gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #868789;	
}