* {
	margin: 0;
	padding: 0;
	}

body {
  background-color: #b0a68b;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}

a, a:active, a:focus, a:link, a:visited {
	color : #756e5c;
	}

a:active { /* Aplicat només a active continua siguent visible la selecció amb el tabulador (Firefox) */
  outline: none;
	}

a:hover {
	color: #fdc53a;
	}

	
#container {
	text-align: left;
	background: #fff url(../imatges/fons_layout.gif) repeat-y;
	background-position: 0px 0px;
	font-family: "Trebuchet MS",Tahoma,"Lucida Sans",verdana,helvetica,sans-serif;
	font-size: 13px;
	width: 940px;
	margin: 10px auto;
	color: #544d41;
	}
/********************************************************************************************/
/********************************* CAPÇALERA ************************************************/
/*************************************** ****************************************************/
#head {
	text-align: left;
	background: #f90 url(../imatges/head.gif) no-repeat;
	background-position: 0px 0px;
	width: 940px;
	height: 142px;
	margin: 0px auto;
	}
#head #home {
	width: 570px;
	height: 105px;
	float: left;
	margin: 30px 0 0 60px;
	padding: 0;
	border: 0px solid lightgreen;
	display: inline;
	}
#head #home a {
	display: block;
	width: 570px;
	height: 105px;
	text-decoration: none;
	}
	
#head #home h1{
	display:none;
	}

#head #dades{
	width: 221px;
	float: right;
	margin: 50px 0 0 0;
	font-family: "Trebuchet MS",Tahoma,"Lucida Sans",verdana,helvetica,sans-serif;
	text-align: left;
	font-size: 85%;
	line-height: 1.15em;
	color: #fff;
	}
	
#head #dades a:link, #head #dades a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#head #dades a:hover {
	color: #000;
	}
	
p {
	margin: 0;
	padding: 0;
	}
	
br.saltpetit {	line-height: 0.3em;	}
hr.ratlla {color: #fff; background-color: #fff; border: 1px dotted #eae0c5;  border-style: none none dotted;}/* http://www.thatvoodooyoudo.com/css/styling-horizontal-rules/ */
p.apartat { margin:30px 0 30px 0; padding:30px 0 2px 0; font-weight: bold; color: #f90; border-bottom: 1px dotted #eae0c5;}

ul.llistapetita {
	margin: 0px 0px 30px 2px;
	padding: 0px;
	border-bottom: 0px solid #eae0c5; 
}

ul.llistapetita   li {
	padding: 5px;
	list-style: disc inside none;
	font-size: 90%;
	font-weight: normal;
	border-bottom: 0px solid #eae0c5;
}

/**************************** MENÚ  SUPERIOR ****************************************************/
#menu {
	margin: 0;
	background: #f90 url(../imatges/fons_menu.gif) no-repeat;
	padding: 0;
	}

/* #menu #postit{
	float: right;
	width: 196px;
	height: 234px;
	margin: 1px 5px 0 0;
	padding: 0;
	border: 1px solid red;
	}	 */

ul#menusuperior {
	list-style: none;
	width: 660px;
	height: 32px;
	margin: 0 0 0 61px;
	padding: 0;
	}
ul#menusuperior li {
	margin: 0;
	padding: 0;
	float: left;
	}

ul#menusuperior li a#active {
	background-position: 0px 0px;
	}			
ul#menusuperior a {
	display: block;
	width: 120px;
	height: 31px;
	background-image: url(../imatges/menu_superior.gif);
	text-decoration: none;
	}

ul#menusuperior li a#empresa:link,ul#menusuperior li a#empresa:visited {	background-position: 0px 0px; }
ul#menusuperior li a#empresa:hover { background-position: 0px -32px; }
ul#menusuperior li a#empresa.active:link,ul#menusuperior li a#empresa.active:visited,ul#menusuperior li a#empresa.active:hover { background-position: 0px -32px; }
	
ul#menusuperior li a#activitats:link,ul#menusuperior li a#activitats:visited {	background-position: -120px 0px; }
ul#menusuperior li a#activitats:hover { background-position: -120px -32px; }
ul#menusuperior li a#activitats.active:link,ul#menusuperior li a#activitats.active:visited,ul#menusuperior li a#activitats.active:hover { background-position: -120px -32px; }

ul#menusuperior li a#referencies:link,ul#menusuperior li a#referencies:visited {	background-position: -240px 0px; }
ul#menusuperior li a#referencies:hover { background-position: -240px -32px; }
ul#menusuperior li a#referencies.active:link,ul#menusuperior li a#referencies.active:visited,ul#menusuperior li a#referencies.active:hover { background-position: -240px -32px; }

ul#menusuperior li a#noticies:link,ul#menusuperior li a#noticies:visited {	background-position: -360px 0px; }
ul#menusuperior li a#noticies:hover { background-position: -360px -32px; }
ul#menusuperior li a#noticies.active:link,ul#menusuperior li a#noticies.active:visited,ul#menusuperior li a#noticies.active:hover { background-position: -360px -32px; }

ul#menusuperior li a#anys:link,ul#menusuperior li a#anys:visited {	width: 180px; background-position: -480px 0px; }
ul#menusuperior li a#anys:hover { background-position: -480px -32px; }
ul#menusuperior li a#anys.active:link,ul#menusuperior li a#anys.active:visited,ul#menusuperior li a#anys.active:hover { background-position: -480px -32px; }

ul#menusuperior li a span{ display:none; }


/**************************** SUBMENU 1 ****************************************************/
div#subcontent1 {
	width: 220px;
	position: absolute;
	float: left;
	visibility: hidden;
	-moz-opacity:.9;
	/*filter:alpha(opacity=95);*/ /* No el podem activar perquè entra en conflicte amb la transparencia declarada a * html div#subcontent2 a:hover (només per IE6) */
	border: 1px solid #fdc53a;
	background: #fff url(../imatges/fons_subcontent.gif) repeat;
	margin: 0;
	padding: 29px 0 24px 11px;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	}
/* 	
div#subcontent1 p {
	height: 34px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	}
	
div#subcontent1 p span{ display:none; }
	
div#subcontent1 p#instal{	background: transparent url(../imatges/fons_boto_instal.gif) no-repeat;	}
div#subcontent1 p#enginyeria{	background: transparent url(../imatges/fons_boto_enginyeria.gif) no-repeat;	}
div#subcontent1 p#manteniments{	background: transparent url(../imatges/fons_boto_manteniments.gif) no-repeat;	}
 */
div#subcontent1 ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	}

div#subcontent1 li { margin: 0;}
div#subcontent1 li li{ float: none;}

div#subcontent1 a {
	display: block;
	padding: 2px 2px 5px 26px;
	width: 170px;
	height: 24px;
	color: #756E5C;
	background: transparent url(../imatges/punto.gif) no-repeat;
	}

div#subcontent1 a:link, #navlist a:visited {
	color: #756E5C;
	text-decoration: none;
	}

div#subcontent1 a:hover {
	background: transparent url(../imatges/fons_boto.png);
	color: #fff;
	}
	
* html div#subcontent1 a:hover /* Per poder fer servir els PNG com background-image al IE6. Més informació a http://www.themaninblue.com/writing/perspective/2004/06/18/ */
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imatges/fons_boto.png", sizingMethod="crop");
}


/**************************** SUBMENU 2 ****************************************************/

div#subcontent2 {
	width: 680px;
	position: absolute;
	float: left; 
	visibility: hidden;
	-moz-opacity:.95;
	/*filter:alpha(opacity=95);*/ /* No el podem activar perquè entra en conflicte amb la transparencia declarada a * html div#subcontent2 a:hover (només per IE6) */
	border: 1px solid #fdc53a;
	background: #fff url(../imatges/fons_subcontent.gif) repeat;
	margin: 0;
	padding: 10px 0 17px 10px;
	display: inline;
	}
	
div#subcontent2 p {
	height: 34px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	}
	
div#subcontent2 p span { display: none; }
	
div#subcontent2 p#instal{ background: transparent url(../imatges/fons_boto_instal.gif) no-repeat; }
div#subcontent2 p#enginyeria{ background: transparent url(../imatges/fons_boto_enginyeria.gif) no-repeat; }
div#subcontent2 p#manteniments{ background: transparent url(../imatges/fons_boto_manteniments.gif) no-repeat; }
	
div#subcontent2 ul {
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	}

div#subcontent2 li { margin: 0 20px 0 0; width: 200px; border: 0px solid green; display: inline;}
div#subcontent2 li li{ margin: 0; display: inline; border: 0px solid red;}

div#subcontent2 a {
	display: block;
	padding: 2px 2px 5px 26px;
	width: 170px;
	height: 24px;
	color: #756E5C;
	background: transparent url(../imatges/punto.gif) no-repeat;
	}

div#subcontent2 a:link, #navlist a:visited {
	color: #756E5C;
	text-decoration: none;
	}

div#subcontent2 a:hover {
	background-color: transparent;
	background-image: url(../imatges/fons_boto.png);
	color: #fff;
	}

* html div#subcontent2 a:hover /* Per poder fer servir els PNG com background-image al IE6. Més informació a http://www.themaninblue.com/writing/perspective/2004/06/18/ */
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imatges/fons_boto.png", sizingMethod="crop");
}

/**************************** SUBMENU 3 ****************************************************/
div#subcontent3 {
	width: 220px;
	position: absolute;
	float: left;
	visibility: hidden;
	-moz-opacity:.9;
	/*filter:alpha(opacity=95);*/ /* No el podem activar perquè entra en conflicte amb la transparencia declarada a * html div#subcontent2 a:hover (només per IE6) */
	border: 1px solid #fdc53a;
	background: #fff url(../imatges/fons_subcontent.gif) repeat;
	margin: 0;
	padding: 29px 0 24px 11px;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	}
	
/*div#subcontent3 p {
	height: 34px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	}
	
div#subcontent3 p span{ display:none; }
	
div#subcontent3 p#instal{	background: transparent url(../imatges/fons_boto_instal.gif) no-repeat;	}
div#subcontent3 p#enginyeria{	background: transparent url(../imatges/fons_boto_enginyeria.gif) no-repeat;	}
div#subcontent3 p#manteniments{	background: transparent url(../imatges/fons_boto_manteniments.gif) no-repeat;	}
*/	
div#subcontent3 ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	}

div#subcontent3 li { margin: 0;}
div#subcontent3 li li{ float: none;}

div#subcontent3 a {
	display: block;
	padding: 2px 2px 5px 26px;
	width: 170px;
	height: 24px;
	color: #756E5C;
	background: transparent url(../imatges/punto.gif) no-repeat;
	}

div#subcontent3 a:link, #navlist a:visited {
	color: #756E5C;
	text-decoration: none;
	}

div#subcontent3 a:hover {
	background: transparent url(../imatges/fons_boto.png);
	color: #fff;
	}
	
* html div#subcontent3 a:hover /* Per poder fer servir els PNG com background-image al IE6. Més informació a http://www.themaninblue.com/writing/perspective/2004/06/18/ */
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../imatges/fons_boto.png", sizingMethod="crop");
}


/**************************** CONTINGUT ****************************************************/
div.spacer {
  clear: both;
  }

#contingut {
	background: transparent url(../imatges/fons_contingut.gif) no-repeat;
	background-position: 0px 0px;
	text-align: left;
	margin: 0;
	padding: 50px 0 0 0;
	border: 0px solid green;
	}

#presentacio {
	float: left; 
	width: 420px; 
	margin: 0 0 0 67px;
	padding: 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	text-align: center;
	font-size: 110%;
	line-height: 1.2em;
	color: #9c9789;
	border: 0px solid red;
	}
	
#presentacio span{
	color: #f90;
	}	
	
#serveis {
	float: left;
	background: transparent url(../imatges/fons_serveis.gif) no-repeat;
	text-align: center;
	width: 194px;
	height: 165px;
	margin: 0 0 0 40px;
	border: 0px solid red;
	}
	
#contingut #postit{
	float: right;
	width: 196px;
	height: 234px;
	margin: -80px 5px 0 0;
	padding: 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	border: 0px solid red;
	}	

#banner1 {
	float: left;
	width: 270px;
	height: 390px;
	margin: 0 0 0 50px;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	}

#banner2 {
	float: left;
	width: 270px;
	height: 390px;
	margin: 0;
	}

#banner3 {
	float: left;
	width: 270px;
	height: 390px;
	margin: 0;
	}

#peu {
	clear: both;
	padding: 20px 0 0 0;
	width: 940px;
	font-size: 90%;
	text-align: center;
	color: #cac3b1;
	}
	#peu a:link, #peu a:visited {	color: #cac3b1;	text-decoration: none; }
	#peu a:hover {	color: #f90; text-decoration: underline; }
	

/**************************** CONTINGUT PÀGINES INTERIORS ****************************************************/

#contingut_interior {
	background: transparent url(../imatges/fons_cont_interior.gif) no-repeat;
	background-position: 0px 0px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
#contingut_interior  #postit{
	float: right;
	width: 196px;
	height: 234px;
	margin: -51px 5px 0 0;
	padding: 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	border: 0px solid red;
	}	

#breadcrumb {
	margin: 0 0 0 61px;
	padding: 5px 0 0 0;
	font-size: 85%;
	color: #b0a68b;
	}
	#breadcrumb a:link, #breadcrumb a:visited {	color: #b0a68b;	text-decoration: none; }
	#breadcrumb a:hover { color: #f90; text-decoration: underline; }

div.titol {
	width: 580px;
	height: 222px;
	margin: 36px 0 0 99px;
	}
	div.titol#t_ubicacio { background: #fff url(../imatges/t_ubicacio.jpg) no-repeat; }
	div.titol#t_trajectoria-empresa { background: #fff url(../imatges/t_trajectoria-empresa.jpg) no-repeat; }
	div.titol#t_organitzacio-mitjans { background: #fff url(../imatges/t_organitzacio-mitjans.jpg) no-repeat; }
	div.titol#t_acreditacions { background: #fff url(../imatges/t_acreditacions.jpg) no-repeat; }
	div.titol#t_electricitat { background: #fff url(../imatges/t_electricitat.jpg) no-repeat; }
	div.titol#t_climatitzacio { background: #fff url(../imatges/t_climatitzacio.jpg) no-repeat; }
	div.titol#t_domotica { background: #fff url(../imatges/t_domotica.jpg) no-repeat; }
	div.titol#t_telecomunicacions { background: #fff url(../imatges/t_telecomunicacions.jpg) no-repeat; }
	div.titol#t_solar { background: #fff url(../imatges/t_solar.jpg) no-repeat; }
	div.titol#t_contraincendi { background: #fff url(../imatges/t_contraincendi.jpg) no-repeat; }
	div.titol#t_processos-industrials { background: #fff url(../imatges/t_processos-industrials.jpg) no-repeat; }
	div.titol#t_aigua { background: #fff url(../imatges/t_aigua.jpg) no-repeat; }
	div.titol#t_projectes-activitats { background: #fff url(../imatges/t_projectes-activitats.jpg) no-repeat; }	
	div.titol#t_tramitacio-expedients { background: #fff url(../imatges/t_tramitacio-expedients.jpg) no-repeat; }	
	div.titol#t_projectes-instal { background: #fff url(../imatges/t_projectes-instal.lacions.jpg) no-repeat; }
	div.titol#t_gestio-projectes { background: #fff url(../imatges/t_gestio-projectes.jpg) no-repeat; }	
	div.titol#t_manteniments-industrials { background: #fff url(../imatges/t_manteniments-industrials.jpg) no-repeat; }	
	div.titol#t_manteniments-terciaris { background: #fff url(../imatges/t_manteniments-terciaris.jpg) no-repeat; }	
	div.titol#t_manteniments-domestics { background: #fff url(../imatges/t_manteniments-domestics.jpg) no-repeat; }	
	div.titol#t_clients { background: #fff url(../imatges/t_clients.jpg) no-repeat; }
	div.titol#t_obres-i-projectes { background: #fff url(../imatges/t_obres-i-projectes.jpg) no-repeat; }
	div.titol#t_noticies { background: #fff url(../imatges/t_noticies.jpg) no-repeat; }
	div.titol#t_40-aniversari { background: #fff url(../imatges/t_40-aniversari.jpg) no-repeat; }
	div.titol#t_50-aniversari { background: #fff url(../imatges/t_50-aniversari.jpg) no-repeat; }
	div.titol#t_60-aniversari { background: #fff url(../imatges/t_60-aniversari.jpg) no-repeat; }
	div.titol#t_avis-legal { background: #fff url(../imatges/t_avis-legal.jpg) no-repeat; }
	div.titol#t_mapaweb { background: #fff url(../imatges/t_mapaweb.jpg) no-repeat; }
	
	div.titol h2 {
	display: none;
	}

#col_esquerra {
	float: left;
	width: 210px;
	height: 390px;
	margin: 0 0 0 49px;
	padding: 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	/*background: #fff url(../imatges/menu_esq.gif) no-repeat;*/
	border: 0px solid red;
	}

/*#col_esquerra h3 { display: none; }*/

.box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.box h3 {
	margin: 0px;
	height: 33px;
	background: #fff url(../imatges/menu_activitats.gif) no-repeat;
}
.box h3#esq_instal {	background-position: 0px 0px; }
.box h3#esq_instal.active { background-position: -210px -0px; }
.box h3#esq_enginyeria {	background-position: 0px -190px; }
.box h3#esq_enginyeria.active {	background-position: -210px -190px; }
.box h3#esq_manteniments {	background-position: 0px -305px; }
.box h3#esq_manteniments.active {	background-position: -210px -305px; }

.box h3 span{ display:none; }

.box p, .box ul {
	margin: 0px;
	padding: 10px 0px 8px 0px;
	/*border-left: 1px solid #313131;
	border-right: 1px solid #313131;*/
}
.box ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: italic;
	color: #CCC;
}
.box ul li a:link,.box ul li a:visited {
	color: #666;
	text-decoration: none;
	display: block;
	height: 16px;
	background: #fff url(../imatges/menu_activitats.gif) no-repeat;
}

.box ul li a#electricitat:link,.box ul li a#electricitat:visited {	background-position: 0px -33px; }
.box ul li a#electricitat:hover { background-position: -210px -33px; }
.box ul li a#electricitat.active:link,.box ul li a#electricitat.active:visited,.box ul li a#electricitat.active:hover { background-position: -420px -33px; }

.box ul li a#climatitzacio:link,.box ul li a#climatitzacio:visited {	background-position: 0px -49px; }
.box ul li a#climatitzacio:hover { background-position: -210px -49px; }
.box ul li a#climatitzacio.active:link,.box ul li a#climatitzacio.active:visited,.box ul li a#climatitzacio.active:hover { background-position: -420px -49px; }

.box ul li a#domotica:link,.box ul li a#domotica:visited {	background-position: 0px -65px; }
.box ul li a#domotica:hover { background-position: -210px -65px; }
.box ul li a#domotica.active:link,.box ul li a#domotica.active:visited,.box ul li a#domotica.active:hover { background-position: -420px -65px; }

.box ul li a#solar:link,.box ul li a#solar:visited {	background-position: 0px -81px; }
.box ul li a#solar:hover { background-position: -210px -81px; }
.box ul li a#solar.active:link,.box ul li a#solar.active:visited,.box ul li a#solar.active:hover { background-position: -420px -81px; }

.box ul li a#teleco:link,.box ul li a#teleco:visited {	background-position: 0px -97px; }
.box ul li a#teleco:hover { background-position: -210px -97px; }
.box ul li a#teleco.active:link,.box ul li a#teleco.active:visited,.box ul li a#teleco.active:hover { background-position: -420px -97px; }

.box ul li a#contraincendi:link,.box ul li a#contraincendi:visited {	background-position: 0px -113px; }
.box ul li a#contraincendi:hover { background-position: -210px -113px; }
.box ul li a#contraincendi.active:link,.box ul li a#contraincendi.active:visited,.box ul li a#contraincendi.active:hover { background-position: -420px -113px; }

.box ul li a#processos:link,.box ul li a#processos:visited {	background-position: 0px -129px; }
.box ul li a#processos:hover { background-position: -210px -129px; }
.box ul li a#processos.active:link,.box ul li a#processos.active:visited,.box ul li a#processos.active:hover { background-position: -420px -129px; }

.box ul li a#aigua:link,.box ul li a#aigua:visited {	background-position: 0px -145px; }
.box ul li a#aigua:hover { background-position: -210px -145px; }
.box ul li a#aigua.active:link,.box ul li a#aigua.active:visited,.box ul li a#aigua.active:hover { background-position: -420px -145px; }

.box ul li a#pactivitats:link,.box ul li a#pactivitats:visited {	background-position: 0px -225px; }
.box ul li a#pactivitats:hover { background-position: -210px -225px; }
.box ul li a#pactivitats.active:link,.box ul li a#pactivitats.active:visited,.box ul li a#pactivitats.active:hover { background-position: -420px -225px; }

.box ul li a#texpedients:link,.box ul li a#texpedients:visited {	background-position: 0px -241px; }
.box ul li a#texpedients:hover { background-position: -210px -241px; }
.box ul li a#texpedients.active:link,.box ul li a#texpedients.active:visited,.box ul li a#texpedients.active:hover { background-position: -420px -241px; }

.box ul li a#pinstal:link,.box ul li a#pinstal:visited {	background-position: 0px -257px; }
.box ul li a#pinstal:hover { background-position: -210px -257px; }
.box ul li a#pinstal.active:link,.box ul li a#pinstal.active:visited,.box ul li a#pinstal.active:hover { background-position: -420px -257px; }

.box ul li a#gestioprojectes:link,.box ul li a#gestioprojectes:visited {	background-position: 0px -273px; }
.box ul li a#gestioprojectes:hover { background-position: -210px -273px; }
.box ul li a#gestioprojectes.active:link,.box ul li a#gestioprojectes.active:visited,.box ul li a#gestioprojectes.active:hover { background-position: -420px -273px; }

.box ul li a#mindustrials:link,.box ul li a#mindustrials:visited {	background-position: 0px -339px; }
.box ul li a#mindustrials:hover { background-position: -210px -339px; }
.box ul li a#mindustrials.active:link,.box ul li a#mindustrials.active:visited,.box ul li a#mindustrials.active:hover { background-position: -420px -339px; }

.box ul li a#mterciaris:link,.box ul li a#mterciaris:visited {	background-position: 0px -355px; }
.box ul li a#mterciaris:hover { background-position: -210px -355px; }
.box ul li a#mterciaris.active:link,.box ul li a#mterciaris.active:visited,.box ul li a#mterciaris.active:hover { background-position: -420px -355px; }

.box ul li a#mdomestics:link,.box ul li a#mdomestics:visited {	background-position: 0px -371px; }
.box ul li a#mdomestics:hover { background-position: -210px -371px; }
.box ul li a#mdomestics.active:link,.box ul li a#mdomestics.active:visited,.box ul li a#mdomestics.active:hover { background-position: -420px -371px; }

.box ul li a span{ display:none; }


/**************************** MENÚ ACTIVITATS ****************************************************/
.box_activitats {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.box_activitats h3 {
	margin: 0px;
	height: 33px;
	background: #fff url(../imatges/menu_activitats.gif) no-repeat;
}
.box_activitats h3#esq_instal { background-position: 0px 0px; }
.box_activitats h3#esq_instal.active { background-position: -210px -0px; }
.box_activitats h3#esq_enginyeria { background-position: 0px -190px; }
.box_activitats h3#esq_enginyeria.active {	background-position: -210px -190px; }
.box_activitats h3#esq_manteniments { background-position: 0px -321px; }
.box_activitats h3#esq_manteniments.active {	background-position: -210px -321px; }

.box_activitats h3 span{ display:none; }

.box_activitats p, .box_activitats ul {
	margin: 0px;
	padding: 10px 0px 8px 0px;
	/*border-left: 1px solid #313131;
	border-right: 1px solid #313131;*/
}
.box_activitats ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: italic;
	color: #CCC;
}
.box_activitats ul li a:link,.box_activitats ul li a:visited {
	color: #666;
	text-decoration: none;
	display: block;
	height: 16px;
	background: #fff url(../imatges/menu_activitats.gif) no-repeat;
}

.box_activitats ul li a#electricitat:link,.box_activitats ul li a#electricitat:visited {	background-position: 0px -33px; }
.box_activitats ul li a#electricitat:hover { background-position: -210px -33px; }
.box_activitats ul li a#electricitat.active:link,.box_activitats ul li a#electricitat.active:visited,.box_activitats ul li a#electricitat.active:hover { background-position: -420px -33px; }

.box_activitats ul li a#climatitzacio:link,.box_activitats ul li a#climatitzacio:visited {	background-position: 0px -49px; }
.box_activitats ul li a#climatitzacio:hover { background-position: -210px -49px; }
.box_activitats ul li a#climatitzacio.active:link,.box_activitats ul li a#climatitzacio.active:visited,.box_activitats ul li a#climatitzacio.active:hover { background-position: -420px -49px; }

.box_activitats ul li a#domotica:link,.box_activitats ul li a#domotica:visited {	background-position: 0px -65px; }
.box_activitats ul li a#domotica:hover { background-position: -210px -65px; }
.box_activitats ul li a#domotica.active:link,.box_activitats ul li a#domotica.active:visited,.box_activitats ul li a#domotica.active:hover { background-position: -420px -65px; }

.box_activitats ul li a#solar:link,.box_activitats ul li a#solar:visited {	background-position: 0px -81px; }
.box_activitats ul li a#solar:hover { background-position: -210px -81px; }
.box_activitats ul li a#solar.active:link,.box_activitats ul li a#solar.active:visited,.box_activitats ul li a#solar.active:hover { background-position: -420px -81px; }

.box_activitats ul li a#teleco:link,.box_activitats ul li a#teleco:visited {	background-position: 0px -97px; }
.box_activitats ul li a#teleco:hover { background-position: -210px -97px; }
.box_activitats ul li a#teleco.active:link,.box_activitats ul li a#teleco.active:visited,.box_activitats ul li a#teleco.active:hover { background-position: -420px -97px; }

.box_activitats ul li a#contraincendi:link,.box_activitats ul li a#contraincendi:visited {	background-position: 0px -113px; }
.box_activitats ul li a#contraincendi:hover { background-position: -210px -113px; }
.box_activitats ul li a#contraincendi.active:link,.box_activitats ul li a#contraincendi.active:visited,.box_activitats ul li a#contraincendi.active:hover { background-position: -420px -113px; }

.box_activitats ul li a#processos:link,.box_activitats ul li a#processos:visited {	background-position: 0px -129px; }
.box_activitats ul li a#processos:hover { background-position: -210px -129px; }
.box_activitats ul li a#processos.active:link,.box_activitats ul li a#processos.active:visited,.box_activitats ul li a#processos.active:hover { background-position: -420px -129px; }

.box_activitats ul li a#aigua:link,.box_activitats ul li a#aigua:visited {	background-position: 0px -145px; }
.box_activitats ul li a#aigua:hover { background-position: -210px -145px; }
.box_activitats ul li a#aigua.active:link,.box_activitats ul li a#aigua.active:visited,.box_activitats ul li a#aigua.active:hover { background-position: -420px -145px; }

.box_activitats ul li a#pactivitats:link,.box_activitats ul li a#pactivitats:visited {	background-position: 0px -225px; }
.box_activitats ul li a#pactivitats:hover { background-position: -210px -225px; }
.box_activitats ul li a#pactivitats.active:link,.box_activitats ul li a#pactivitats.active:visited,.box_activitats ul li a#pactivitats.active:hover { background-position: -420px -225px; }

.box_activitats ul li a#texpedients:link,.box_activitats ul li a#texpedients:visited {	background-position: 0px -241px; }
.box_activitats ul li a#texpedients:hover { background-position: -210px -241px; }
.box_activitats ul li a#texpedients.active:link,.box_activitats ul li a#texpedients.active:visited,.box_activitats ul li a#texpedients.active:hover { background-position: -420px -241px; }

.box_activitats ul li a#pinstal:link,.box_activitats ul li a#pinstal:visited {	background-position: 0px -257px; }
.box_activitats ul li a#pinstal:hover { background-position: -210px -257px; }
.box_activitats ul li a#pinstal.active:link,.box_activitats ul li a#pinstal.active:visited,.box_activitats ul li a#pinstal.active:hover { background-position: -420px -257px; }

.box_activitats ul li a#gestioprojectes:link,.box_activitats ul li a#gestioprojectes:visited {	background-position: 0px -273px; }
.box_activitats ul li a#gestioprojectes:hover { background-position: -210px -273px; }
.box_activitats ul li a#gestioprojectes.active:link,.box_activitats ul li a#gestioprojectes.active:visited,.box_activitats ul li a#gestioprojectes.active:hover { background-position: -420px -273px; }

.box_activitats ul li a#mindustrials:link,.box_activitats ul li a#mindustrials:visited {	background-position: 0px -355px; }
.box_activitats ul li a#mindustrials:hover { background-position: -210px -355px; }
.box_activitats ul li a#mindustrials.active:link,.box_activitats ul li a#mindustrials.active:visited,.box_activitats ul li a#mindustrials.active:hover { background-position: -420px -355px; }

.box_activitats ul li a#mterciaris:link,.box_activitats ul li a#mterciaris:visited {	background-position: 0px -371px; }
.box_activitats ul li a#mterciaris:hover { background-position: -210px -371px; }
.box_activitats ul li a#mterciaris.active:link,.box_activitats ul li a#mterciaris.active:visited,.box_activitats ul li a#mterciaris.active:hover { background-position: -420px -371px; }

.box_activitats ul li a#mdomestics:link,.box_activitats ul li a#mdomestics:visited {	background-position: 0px -387px; }
.box_activitats ul li a#mdomestics:hover { background-position: -210px -387px; }
.box_activitats ul li a#mdomestics.active:link,.box_activitats ul li a#mdomestics.active:visited,.box_activitats ul li a#mdomestics.active:hover { background-position: -420px -387px; }

.box_activitats ul li a span{ display:none; }

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FINAL MENÚ ACTIVITATS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* *************************** MENÚ EMPRESA *************************************************************/
.box_empresa {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.box_empresa h3 {
	margin: 0px;
	height: 33px;
	background: #fff url(../imatges/menu_empresa.gif) no-repeat;
}
.box_empresa h3#esq_instal {	background-position: 0px 0px; }
.box_empresa h3#esq_instal.active { background-position: -210px -0px; }

.box_empresa h3 span{ display:none; }

.box_empresa p, .box_empresa ul {
	margin: 0px;
	padding: 10px 0px 8px 0px;
	/*border-left: 1px solid #313131;
	border-right: 1px solid #313131;*/
}
.box_empresa ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: italic;
	color: #CCC;
}
.box_empresa ul li a:link,.box_empresa ul li a:visited {
	color: #666;
	text-decoration: none;
	display: block;
	height: 16px;
	background: #fff url(../imatges/menu_empresa.gif) no-repeat;
}

.box_empresa ul li a#ubicacio:link,.box_empresa ul li a#ubicacio:visited {	background-position: 0px -33px; }
.box_empresa ul li a#ubicacio:hover { background-position: -210px -33px; }
.box_empresa ul li a#ubicacio.active:link,.box_empresa ul li a#ubicacio.active:visited,.box_empresa ul li a#ubicacio.active:hover { background-position: -420px -33px; }

.box_empresa ul li a#trajectoria:link,.box_empresa ul li a#trajectoria:visited {	background-position: 0px -49px; }
.box_empresa ul li a#trajectoria:hover { background-position: -210px -49px; }
.box_empresa ul li a#trajectoria.active:link,.box_empresa ul li a#trajectoria.active:visited,.box_empresa ul li a#trajectoria.active:hover { background-position: -420px -49px; }

.box_empresa ul li a#organitzacio:link,.box_empresa ul li a#organitzacio:visited {	background-position: 0px -65px; }
.box_empresa ul li a#organitzacio:hover { background-position: -210px -65px; }
.box_empresa ul li a#organitzacio.active:link,.box_empresa ul li a#organitzacio.active:visited,.box_empresa ul li a#organitzacio.active:hover { background-position: -420px -65px; }

.box_empresa ul li a#acreditacions:link,.box_empresa ul li a#acreditacions:visited {	background-position: 0px -81px; }
.box_empresa ul li a#acreditacions:hover { background-position: -210px -81px; }
.box_empresa ul li a#acreditacions.active:link,.box_empresa ul li a#acreditacions.active:visited,.box_empresa ul li a#acreditacions.active:hover { background-position: -420px -81px; }

.box_empresa ul li a span{ display:none; }

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FINAL MENÚ EMPRESA <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/**************************** MENÚ REFERÈNCIES *************************************************************/
.box_referencies {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.box_referencies h3 {
	margin: 0px;
	height: 33px;
	background: #fff url(../imatges/menu_referencies.gif) no-repeat;
}
.box_referencies h3#esq_instal {	background-position: 0px 0px; }
.box_referencies h3#esq_instal.active { background-position: -210px -0px; }

.box_referencies h3 span{ display:none; }

.box_referencies p, .box_referencies ul {
	margin: 0px;
	padding: 10px 0px 8px 0px;
	/*border-left: 1px solid #313131;
	border-right: 1px solid #313131;*/
}
.box_referencies ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: italic;
	color: #CCC;
}
.box_referencies ul li a:link,.box_referencies ul li a:visited {
	color: #666;
	text-decoration: none;
	display: block;
	height: 16px;
	background: #fff url(../imatges/menu_referencies.gif) no-repeat;
}

.box_referencies ul li a#clients:link,.box_referencies ul li a#clients:visited {	background-position: 0px -33px; }
.box_referencies ul li a#clients:hover { background-position: -210px -33px; }
.box_referencies ul li a#clients.active:link,.box_referencies ul li a#clients.active:visited,.box_referencies ul li a#clients.active:hover { background-position: -420px -33px; }

.box_referencies ul li a#obres-projectes:link,.box_referencies ul li a#obres-projectes:visited {	background-position: 0px -49px; }
.box_referencies ul li a#obres-projectes:hover { background-position: -210px -49px; }
.box_referencies ul li a#obres-projectes.active:link,.box_referencies ul li a#obres-projectes.active:visited,.box_referencies ul li a#obres-projectes.active:hover { background-position: -420px -49px; }

.box_referencies ul li a span{ display:none; }

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FINAL MENÚ REFERÈNCIES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

#col_dreta {
	float: right;
	width: 200px;
	margin: 20px 20px 0 0;
	padding: 3px 0 0 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	border: 0px solid red;
	}
	#col_dreta img { margin: 0 0px 20px 0;}	

#col_central {
	margin: 20px 260px 80px 269px;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
	color: #756E5C;
	border: 0px solid red;
	}
	#col_central p{
		margin: 0 0px 15px 0;
		}

ul.llista_sense_definicio {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
	color: #9c9789;
	border-top: 1px dotted #eae0c5;
	}
ul.llista_sense_definicio li {
	margin: 0 0 5px 15px;
	font-weight: bold;
	color: #f90;
	}

#col_central dl {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
	color: #9c9789;
	border-top: 1px dotted #eae0c5;
	}
#col_central dt {
	font-weight: bold;
	color: #f90;
	}
#col_central dt.small{
	padding: 0 0 0 17px;
	font-size: 90%;
	color: #756E5C;
	background: #fff url(../imatges/pdf_icon.jpg) no-repeat;
	background-position: 0px 2px;
	}
	
#col_central dt span{
	margin-left: 8px;
	padding-left: 5px;
	list-style: disc inside none;
	font-size: 85%;
	font-weight: normal;
	color: #B0A68B;
	border-left: 1px dotted #B0A68B;
	}
	
#col_central dd{
	margin: 0 0 20px 20px;
	}
#col_central dd.small{
	margin: 0 0 20px 0px;
	font-size: 90%;
	}
	
#col_central dd ul {
	margin:0px 0px 30px 10px ;
	padding:0px;
	/* border-bottom: 1px solid #eae0c5; */
}

#col_central dd ul  li {
	padding: 5px;
	list-style: disc inside none;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #eae0c5;
}

/* ////////////// NOTÍCIES /////////////// */
#col_central_nomenu {
	margin: 20px 260px 80px 153px;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
	color: #756E5C;
	border: 0px solid red;
	}
	#col_central_nomenu p{
		margin: 0 0px 15px 0;
		}
	#col_central_nomenu a:link, #col_central_nomenu a:visited {	color: #f90;	text-decoration: none; }
	#col_central_nomenu a:hover {	color: #000; text-decoration: none; }

#col_central_nomenu dl {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
	color: #9c9789;
	border-top: 1px dotted #eae0c5;
	}
#col_central_nomenu dl.accordion {
	margin: 0 20px 0 20px;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
	color: #9c9789;
	border-top: 1px dotted #eae0c5;
	}
#col_central_nomenu dt {
	font-weight: normal;
	color: #f90;
	}
	
#col_central_nomenu dt span{
	margin-left: 8px;
	padding-left: 5px;
	list-style: disc inside none;
	font-size: 85%;
	font-weight: normal;
	color: #B0A68B;
	border-left: 1px dotted #B0A68B;
	}
	
#col_central_nomenu dd{
	margin: 0 0 20px 20px;
	}
	
/* #col_central_nomenu dd ul {
	margin:0px 0px 30px 10px ;
	padding:0px;
}

#col_central_nomenu dd ul  li {
	padding: 5px;
	list-style: disc inside none;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #eae0c5;
} */
/* //////////////////////////////////// */

/* ////////////// AVÍS LEGAL /////////////// */
#col_ample {
	/* margin: 20px 255px 0px 269px; */
	margin: 20px 175px 80px 153px;
	padding: 0;
	font-size: 90%;
	line-height: 1.4em;
	color: #756E5C;
	text-align: justify;
	border: 0px solid red;
	}
	#col_ample p{
		margin: 0 0px 15px 0;
		}

#col_ample dl {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 1.3em;
	color: #9c9789;
	border-top: 0px dotted #eae0c5;
	}
#col_ample dt {
	font-weight: bold;
	color: #f90;
	border-bottom: 0px dotted #eae0c5;
	}
	
#col_ample dd{
	margin: 4px 0 25px 20px;
	}

/* //////////////////////////////////// */
	
#col_doble {
	/*margin: 0 20px 80px 269px;*/
	margin: 20px 20px 60px 0;
	float: right;
	width: 650px;
	/* height: 450px; */
	padding: 0;
	display: inline; /* això arregla el bug de l'IE que dobla els valors de margin quan es flota un div. Més informació a http://www.positioniseverything.net/explorer/doubled-margin.html */
	font-size: 100%;
	line-height: 1.4em;
	color: #756E5C;
	}
	#col_doble a:link, #col_doble a:visited {	color: #f90;	text-decoration: none; }
	#col_doble a:hover {	color: #000; text-decoration: none; }

	#col_doble iframe{
		border-top: 1px dotted #fdc33c;
		border-bottom: 1px dotted #fdc33c;
		border-left: 1px dotted #fdc33c;
		}
#col_doble2 {
	margin: 20px 118px 0px 269px;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
	color: #756E5C;
	border: 0px solid red;
	}
	#col_doble2 a:link, #col_doble2 a:visited { color: #f07c09;	text-decoration: none; padding: 0 2px;}
	#col_doble2 a:hover { color: #000; text-decoration: none; /* background-color: #f07c09; */}
	#col_doble2 p{
		margin: 0 0px 20px 0;
		}
.electrocamps {
	font-size:		100%;
	font-weight:	bold;
	}
	.electrocamps span{
		color: #f07c09;
		}
	
div.thumbnail {
	float: left;
	width: 142px;
	height: 142px;
	padding: 0;
	}

	div.thumbnail a {
	  display: block;
	  width: 118px;
	  height: 118px;
		border: 1px solid #d2d2bb;
		}
		div.thumbnail a:hover { border: 2px solid #f90; }
		
div.thumbnail40anys {
float: left;
width: 135px;
height: 135px;
padding: 0;
}

div.thumbnail40anys a {
	display: block;
	width: 118px;
	height: 118px;
	border: 1px solid #fff;
	}
	div.thumbnail40anys a:hover { border: 1px solid #f90; }
		
div.altresClients {
	float: left;
	width: 284px;
	/* height: 142px; */
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-size: 90%;
	border-top: 0px solid #d2d2bb;
	border-bottom: 1px dotted #d2d2bb;
	}
	div.altresClients ul {
	margin: 0px 0 35px 14px;
	padding: 0px;
	border: 0px solid #d2d2bb;
	}

	div.altresClients ul li a span, div.altresClients ul li a:active span, div.altresClients ul li a:focus span, div.altresClients ul li a:link span, div.altresClients ul li a:visited span {
		color: #756e5c;
		}
		div.altresClients  ul li a:hover span { color: #f90;}

		
/* Aplicat només a la foto dels 40 Anys */
.peu_foto {
	padding-top: 5px;
	font-size: 90%;
	text-align: center;
	color: #f07c09;
	}

	
/*//////////////////////////// LLISTES DE DEFINICIÓ /////////////////////////////*/
dl.llista_def_imatge {
  margin: 0 80px 30px 0;
  padding: 15px 15px 10px 0px;
  border-top: 1px dotted #eae0c5;
	/* background: #fff url(../imatges/fons_dl2.gif) no-repeat; */
  }
dl.llista_def_imatge:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }	
dl.llista_def_imatge dt {
  margin: 0 0 .5em 0;
  font-size: 120%;
	font-weight: normal;
	font-style: italic;
  color: #f90;
  }
dl.llista_def_imatge dt img {
  float: left;
  margin: 0 15px 0 0;
  padding: 0 2px 20px 0;
  /* background: url(img/photo-frame.gif) no-repeat bottom right; */
	border: 0;
  }
dl.llista_def_imatge dd {
  margin-left: 169px;
  font-size: 90%;
  line-height: 1.5em;
  color: #9c9789;
  }
/* Hide from IE5/Mac \*/
* html #footer {height: 1%; }
/* End hide from IE5/Mac */

dl.llista_def_imatge {display: inline-table; }
/* Hides from IE-mac \*/
* html dl.llista_def_imatge {height: 1%; }
dl.llista_def_imatge {display: block; }
/* End hide from IE-mac */
/*//////////////////////////// LLISTES DE DEFINICIÓ /////////////////////////////*/


/* /////////////////////////// GALERIA DE FOTOS ///////////////////////////////////////// */
div#show {
	width: 400px;
	margin: 0 auto; 
	margin-top: 40px;
	margin-bottom: 0;
	padding-top: 14px;
	text-align: center;
	background: #f4f5e5 url(../imatges/fons-galeria.gif) no-repeat /* bottom left */;
	border-top: 0px solid #fdc33c;
	}	
	div#show table{
		margin:0 auto;
		}

		
/* /////////////////////////// MAPA WEB ///////////////////////////////////////// */
#sitemap {
	/*font-family: georgia,"trebuchet ms",serif;*/
	font-size: 1em;
}

#sitemap li {
	list-style-type: none;
}

ul#sitemap > li {
	margin-top: 25px; 
	margin-bottom: 0px;
}

ul#sitemap ul li {
	list-style-image: url(../imatges/l2_normal.gif);
	margin: -3px 0 0 40px;
}

#sitemap ul ul li {
	list-style-image: url(../imatges/l3_normal.gif);
	font-size: 0.9em;
}

#sitemap ul ul ul li {
	list-style-image: url(../imatges/l4_normal.gif);
	font-size: 1em;
}

#sitemap ul li.firstfollow {
	list-style-image: url(../imatges/l2_first_follow.gif);
}

#sitemap ul li.last {
	list-style-image: url(../imatges/l2_last_item.gif);
}

#sitemap ul li.space {
	list-style-image: url(../imatges/li_space.gif);
}

#sitemap ul ul li.firstfollow {
	list-style-image: url(../imatges/l3_first_follow.gif);
}

#sitemap ul ul li.last {
	list-style-image: url(../imatges/l3_last_item.gif);
}

#sitemap ul ul ul li.firstfollow {
	list-style-image: url(../imatges/l4_first_follow.gif);
}

#sitemap ul ul ul li.last {
	list-style-image: url(../imatges/l4_last_item.gif);
}
#sitemap ul ul ul li.first-last-group {
	list-style-image: url(../imatges/l4_first_last_group.gif);
}
#sitemap ul ul ul li.normal-last-group {
	list-style-image: url(../imatges/l4_normal_last_group.gif);
}
#sitemap ul ul ul li.lastgroup {
	list-style-image: url(../imatges/l4_last_item_group.gif);
}

#sitemap a:link, #sitemap a:visited
{
  /* color: #b0a68b; */
  text-decoration: none;
	border-bottom: 0px solid #b8ad91;
}

#sitemap a:hover
{
  color: #fb7b1f;
	text-decoration: underline;
	/* border-bottom: 1px solid #ccc0a1; */
}

/* FINAL MAPA WEB */

/* /////////////////////////////////// FOOTER //////////////////////////////////////////// */
#footer {
	clear: both;
	width: 940px;
	height: 20px;
	background: #b0a68b url(../imatges/fons_peu.gif) no-repeat;
	padding: 22px 0 0 0;
	font-size: 85%;
	text-align: center;
	color: #fff;
	}
	#footer a:link, #footer a:visited {	color: #fff;	text-decoration: underline; }
	#footer a:hover {	color: #000; text-decoration: none; }
	
.clear {clear: both;} 