body {margin:0; background:url("../img/fons-top-total.jpg") repeat-x; font-family:Helvetica, sans-serif; color:#2e2f34; font-size:.8em;}
img{border:none;}


a:link , a:visited {color: #2e2f34; text-decoration:none;}
a:hover , a:active {color: #0c52b0; text-decoration:none;}

h1{font-size:1.4em; color:#FFF; margin:0; padding: 15px 0 0 40px; float:left; display:inline; width:650px;}
h2{font-size:1.3em; color:#0c52b0; margin: 33px 0 0 40px; padding: 0 0 8px 0; float:left; display:inline; width:650px; background:url("../img/quadret.png") repeat-x 0 22px;}
h3{font-size:1.1em; color:#81838e; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:300px;}
h4{font-size:1.1em; color:#81838e; margin:0 0 0 40px; padding: 19px 0 10px 0; float:left; display:inline; width:628px; background:url("../img/quadret.png") repeat-x 0 39px;}

p{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:300px; //width:280px; line-height:1.4em;}
.p2{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:630px; //width:620px; line-height:1.4em; text-align:justify;}


/*/////////////////////////ESTRUCTURA///////////////////////////////////////////*/

#content{
	width:970px; height:auto;
	margin:auto; display:block;
	background:url("../img/fons-top.jpg") no-repeat 0 30px ;
	}

#contentCat{
	width:970px; height:238px;
	margin:auto; display:block;
	background:url("../catala/catala.jpg");
	}

#catTextos{
	width:270px; height:138px;
	margin:auto; display:block;
	padding:25px 0 0 270px;
	font-size:1.1em; font-weight:bold;
	}

#idiomes{
	float:right;
	width:200px; height:20px;
	padding:10px 0 0 0;
	}

.botoIdiomes{
	color: #FFF !important;
	font-size:.85em; font-weight:bold;
	text-decoration:none !important;
	padding-left:8px;
	}
	
	.botoIdiomes:hover{
	color: #0c52b0 !important;
	text-decoration:none !important;
	}
	
#menuEsq{
	float:left; display:block;
	width:255px; 
	margin:80px 0 20px 0;
	}
	
#continguts{
	float:left; display:block;
	width:706px; 
	background:url("../img/fons-continguts.png") no-repeat;
	margin:50px 0 0 0;
	}
	
#logo{
	height:156px;
	padding:0 0 0 23px;
	}
	
#contingutsBot{
	float:right; display:inline;
	width:710px; height:48px;
	margin-right:4px; margin-bottom:15px; //margin-bottom:25px; 
	background:url("../img/fons-continguts-bottom.png") no-repeat;
	}
	
#contingutsBot2{
	float:right; display:inline;
	width:705px; height:100px;
	margin-right:0px; margin-bottom:15px; //margin-bottom:25px; 
	background:url("../img/fons-continguts-bottom.png") no-repeat 0 50px;
	}
	
#direccio{
	height:76px; width:100%;
	background:url("../img/fons-bottom.png");
	display:block; float:left;  *float:inherit;  
	}

#dadesBot{
	margin:auto;
	height:76px; width:970px;
	display:block;
	}
	
.copy{
	font-size:.9em;
	color:#FFF;
	float:left; display:inline;
	margin:40px 0 0 265px; 
	}
		
.aviso{
	font-size:.9em;
	color:#FFF;
	float:right; display:inline;
	margin:40px 17px 0 0;
	}
	
	.aviso a{
	color:#FFF !important;
	}
	
	.aviso :hover{
	text-decoration:underline;
	}
		


/*/////////////////////////MENUS////////////////////////////////////////////////*/

	
#menuPrincipal{
	list-style:none;
	margin:15px 0 0 8px; padding:9px 0 0 0;
	float:left; display:inline;
	height:275px; width:250px;
	font-size:1.1em;
	background:url("../img/fons-menu.jpg") no-repeat;
	}
	
	#menuPrincipal li{
	display:block;
	margin-left:22px;
	line-height:20px;
	}
	
	#menuPrincipal li a{
	padding:9px 0 5px 7px; 
	float:left;;
	width:194px;
	background:url("../img/quadret.png") repeat-x 0 33px;
	}
	
	#menuPrincipal li a:hover{
	color:#0c52b0;
	background-color:#e5e6e9;
	}
	
	#menuPrincipal #current a{
	color:#0c52b0;
	background-color:#e5e6e9;
	}
	
	
#subMenu{
	list-style:none;
	margin:1px 25px 0 1px; //margin:1px 17px 0 1px; padding:9px 0 0 0; //padding:7px 0 0 0;
	float:right; display:inline;
	width:222px; 
	font-size:1em;
	}
	
	#subMenu li{
	display:block;
	margin-left:1px;
	line-height:17px;
	}
	
	#subMenu li a{
	padding:9px 0 5px 8px; 
	float:left;;
	width:205px;
	background:url("../img/quadret.png") repeat-x 0 30px;
	}
	
	#subMenu li a:hover{
	color:#0c52b0;
	background-color:#e5e6e9;
	}
	
	#subMenu #current2 a{
	color:#0c52b0;
	background-color:#e5e6e9;
	}
	

	
#quadreContacta{
	width:245px; height:133px;
	float:left; display:inline;
	background:url("../img/fons-contacta.png") no-repeat;
	margin:5px 0 0 8px;
	}
	
	.contactanos{
	float:left; display:inline;
	width:210px;
	padding:22px 0 8px 30px; //padding:16px 0 8px 30px;
	font-size:1.2em; font-weight:bold;
	color:#0c52b0;
	}
	
	.textContactanos{
	width:200px;
	float:left; display:inline;
	padding:3px 0 0 30px;  //padding:1px 0 0 30px;
	font-size:.9em;
	color:#2e2f34;
	}
	
	.textContactanos a{
	color:#0c52b0 !important;
	font-weight:bold;
	}
	
	.textContactanos a:hover{
	color:#86aa33 !important;
	}
	
	.textFormulario{
	width:170px;
	float:left; display:block;
	padding:28px 0 0 48px;
	font-size:.9em;
	color:#2e2f34;
	background:url("../img/fletxes.png") no-repeat 30px 27px;
	//background:url("../img/fletxes.png") no-repeat 30px 30px;
	}
	
	.textFormulario a{
	color:#0c52b0 !important;
	font-weight:bold;
	}
	
	.textFormulario a:hover{
	color:#86aa33 !important;
	}
	
	.textAtras{
	width:570px;
	float:left; display:inline;
	padding:5px 0 0 23px;
	margin-left:35px;
	font-size:.9em;
	color:#2e2f34;
	background:url("../img/fletxes-invers.png") no-repeat 5px 4px;
	//background:url("../img/fletxes-invers.png") no-repeat 5px 7px;
	}
	
	.textAtras a{
	color:#0c52b0 !important;
	font-weight:bold;
	}
	
	.textAtras a:hover{
	color:#86aa33 !important;
	}

/*/////////////////////////CONTINGUTS///////////////////////////////////////////*/

#imatgeServicios{
	width:686px; height:186px;
	margin: 10px 0 0 10px; //margin: 8px 0 0 10px;
	float:left; display:inline;
	}
	
#imatgeEmpresa{
	width:425px; height:125px;
	margin: 10px 0 0 10px; //margin: 8px 0 0 10px;
	float:left; display:inline;
	}
	
#imatgeUbicacio{
	width:686px; height:125px;
	margin: 10px 0 0 10px; //margin: 8px 0 0 10px;
	float:left; display:inline;
	}
	
#imatgeContacte{
	width:686px; height:200px;
	margin: 10px 0 0 10px; //margin: 8px 0 0 10px;
	float:left; display:inline;
	}
	
#textContinguts{
	width:330px; //width:300px; 
	float:left; display:inline;
	}
	
	#textContingutsb{
	width:330px; //width:300px; 
	float:left; display:inline;
	}
	
#textContingutsa{
	width:330px; //width:300px; 
	float:left; display:inline;
	}
	
#textContinguts2{
	width:300px; //width:320px;
	float:left; display:inline;
	}
	



	
#textContinguts3{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:625px; //width:625px; line-height:1.4em; text-align:justify;}

#textContinguts7{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:630px; //width:600px; line-height:1.4em;}

#textContinguts9{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:630px; //width:600px; height:235px; line-height:1.4em;}

#textContinguts8{font-size:.7em; color:#717483; margin:0; padding: 13px 0 0 30px; float:left; display:inline; width:565px; //width:520px; line-height:1.4em; text-align:justify;}

#textContinguts4{
	width:700px; 
	float:left; display:block;
	}
	
#textContinguts5{
	width:330px; //width:250px;
	height:230px;
	float:left; display:inline;
	}
	
.textContinguts6{
	width:600px; 
	float:left; display:block;
	margin:3px 0 10px 10px;
	list-style-type:none;
	}
	
#textContinguts10{
	width:700px; 
	float:left; display:inline;
	}
	
#grafContinguts{font-size:.95em; color:#2e2f34; margin:0; padding: 13px 0 0 40px; float:left; display:inline; width:600px; //width:650px; line-height:1.4em;}
	
/*/////////////////////////FORMULARIO DE CONTACTO///////////////////////////////////////////*/	


#ContingutsForm{
	width:625px; height:450px;
	float:left; display:inline;
	background:#666;
	margin:20px 0 0 40px;
	padding:0 0 0 20px;
	background:#e6e6e9;
	border:1px solid #8d8f99;
	}
	
.FormLeft{
	width:270px;
	float:left; display:inline;
	margin:20px 0 0 28px;
	}
	
	.FormLeft2{
	width:532px;
	float:left; display:inline;
	margin:20px 0 0 28px;
	}
	
	.FormLeft3{
	width:80px;
	float:left; display:inline;
	margin:20px 0 0 441px;  //margin:20px 0 0 392px;
	}
	
	.FormLeft4{
	width:80px;
	float:left; display:inline;
	margin:20px 0 0 0;
	}

	.textcampsForm{
	width:60px; 
	padding:7px 0 0 0;
	float:left; display:inline;
	}
	
	.cuadrocampsForm{
	width:10px; 
	float:left; display:inline;
	}
	
	.box{
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	background:#FFF;
	border:1px solid #8d8f99;
	margin:3px 0 10px 0;
	}
	
	.box a{
	}
	
	.box:hover{
	background:#0c52b0;
	color:#FFF;
	}
	
	.box2{
	font:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	display:inline;
	width:410px; 
	border:1px solid #8d8f99;
	margin:3px 0 10px 0;
	}
	
	.box2 a{
	}
	
	.box2:hover{
	background:#0c52b0;
	color:#FFF;
	}
	
/*/////////////////////////FORMULARIO DE EMPLEO///////////////////////////////////////////*/	


#ContingutsFormE{
	width:625px; height:390px;
	float:left; display:inline;
	background:#666;
	margin:20px 0 0 40px;
	background:#e6e6e9;
	border:1px solid #8d8f99;
	}
	
.FormLeftE{
	width:270px;
	float:left; display:inline;
	margin:20px 0 0 28px;
	}
	
	.FormLeftEE{
	width:470px;
	float:left; display:inline;
	margin:20px 0 0 28px;
	}
	
	.FormLeft2E{
	width:532px;
	float:left; display:inline;
	margin:20px 0 0 28px;
	}
	
	.FormLeft3E{
	width:80px;
	float:left; display:inline;
	margin:20px 0 0 441px;  //margin:20px 0 0 392px;
	}
	
	.FormLeft4E{
	width:80px;
	float:left; display:inline;
	margin:20px 0 0 0;
	}

	.textcampsFormE{
	width:60px; 
	padding:7px 0 0 0;
	float:left; display:inline;
	}
	
	.textcampsForm2E{
	width:130px; 
	padding:7px 0 0 0;
	float:left; display:inline;
	}
	
	.cuadrocampsFormE{
	width:10px; 
	float:left; display:inline;
	}
	
	.boxE{
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	background:#FFF;
	border:1px solid #8d8f99;
	}
	
	.boxE a{
	}
	
	.boxE:hover{
	background:#0c52b0;
	color:#FFF;
	}
	
	.box2E{
	font:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	display:inline;
	width:504px; //width:458px;
	border:1px solid #8d8f99;
	}
	
	.box2E a{
	}
	
	.box2E:hover{
	background:#0c52b0;
	color:#FFF;
	}

#Gmaps{
	width:628px; height:370px;
	float:left; display:inline;
	margin:10px 0 0 40px;
	border:1px solid #8d8f99;
	}
	
.GMapsGrande{
	color:#0c52b0;
	}
	
.recuadroInstal{
	width:201px; height:122px;
	float:left; display:inline;
	margin:12px 0 0 40px;
	padding:8px 0 0 8px;
	background:url("../img/recuadro-instalaciones.jpg") no-repeat;
	}
	
	.recuadroInstal a{
	padding:0 0 0 0;
	}
	
	.recuadroInstal:hover{
	background:url("../img/recuadro-instalaciones.jpg") no-repeat 0 -130px !important;
	}
	
	
.recuadroFotos{
	width:650px;
	float:left; display:inline;
	margin:0 0 0 36px;
	}
	
.recuadroInstalb{
	width:201px; height:122px;
	float:left; display:inline;
	margin:12px 0 5px 4px;
	padding:8px 0 0 0;
	text-align:center;
	max-width:201px;
	background:url("../img/recuadro-instalaciones.jpg") no-repeat;
	}
	
	.recuadroInstalb a{
	}
	
	.recuadroInstalb:hover{
	background:url("../img/recuadro-instalaciones.jpg") no-repeat 0 -130px;
	}
	
.recuadroInstale{
	width:201px; height:122px;
	float:left; display:inline;
	margin:12px 0 5px 12px;
	padding:8px 0 0 0;
	text-align:center;
	max-width:201px;
	background:url("../img/recuadro-instalaciones.jpg") no-repeat;
	}
	
	.recuadroInstale a{
	}
	
	.recuadroInstale:hover{
	background:url("../img/recuadro-instalaciones.jpg") no-repeat 0 -130px;
	}
	
.recuadroInstalc{
	width:201px; height:122px;
	float:left; display:inline;
	margin:12px 0 5px 40px;
	padding:8px 0 0 0;
	text-align:center;
	background:url("../img/recuadro-instalaciones.jpg") no-repeat;
	}
	
	.recuadroInstalc a{
	}
	
	.recuadroInstalc:hover{
	background:url("../img/recuadro-instalaciones.jpg") no-repeat 0 -130px;
	}
	
.recuadrofotos{
	max-width:201px;
	max-height:114px;
	margin:auto;
	}
	
/*/////////////////////////FOTOS///////////////////////////////////////////*/


#fotoServicios01{
	position:relative;
	left:35px;
	top:10px;
	width:313px; height:264px;
	float:left;
	background:url("../img/fotos-continguts/2dy3d.jpg");
	}
	
#fotoClientes{
	position:relative;
	left:41px; //left:40px;
	top:10px;
	width:629px; height:289px;
	float:left;
	}
	
#fotoOrganigrama{
	position:relative;
	left:35px;
	top:10px;
	width:653px; height:658px;
	float:left;
	}
	
/*/////////////////////////FOTOS///////////////////////////////////////////*/
	
	
.galeriaUl{
	font-size:1em; color:#81838e;
	margin:0; padding: 6px 0 0 40px; //margin:0 0 0 20px;
	float:left; display:inline; 
	width:500px; 
	font-weight:normal; 
	background:url("../img/camara.png") no-repeat 20px 4px;
	//background:url("../img/camara.png") no-repeat 20px 5px;
	list-style-type:none;
	}
	
	.galeriaUl:hover{
	color:#0c52b0 !important;
	text-decoration:underline !important;
	background:url("../img/camara.png") no-repeat 20px -15px;
	//background:url("../img/camara.png") no-repeat 20px -14px;
	}
	
.galeriaUl2{
	font-size:1em; color:#81838e;
	margin:7px 0 1px 40px; padding: 6px 0 0 20px; 
	float:left; display:inline; 
	width:500px; 
	font-weight:bold; 
	background:url("../img/camara.png") no-repeat 0 3px;
	//background:url("../img/camara.png") no-repeat 0 5px;
	list-style-type:none;
	}




#errormsg {
display:inline; width:200px;
color:#ff680c;
background:#fff;
padding:20px 10px 50px 120px; margin:90px 30px 0 30px;
}
.msgSent{color:#333; font-size:1.5em;}
#msgSent2{color:#F60; font-size:1.3em;margin:0 20px 0 40px;}
.msgSent3{color:#333; font-size:1.2em; margin:40px 40px 40px 40px; width:400px;}
#blank{height:70px; width:700px; float:left; display:block;}