@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif;
font-size:76%; background-color:#F2F6F7; margin-bottom:10px;}
.left{ float:left;}
.right{ float:right;}
p{ margin-top:0.3em; margin-bottom:0.9em; line-height:1.5em;}
.clear{ clear:both;}


#web{ background-image:url(../img/fondo-top.jpg); background-repeat:repeat-x;}
	#cont-web{ width:902px; margin:auto;}
	#menu{ height:28px; padding-top:15px; padding-bottom:5px;}
	
	#menu a{color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; background-image:url(../img/separator-menu.jpg); background-position:right; background-repeat:no-repeat; padding-right:6px; padding-left:6px; }
	#menu a.active{ color:#A6B5F0;}
	
	.telf{ float:right; color:#FFFFFF; font-size:19px; padding-top:10px;}
	.idioma{ float:right; background-image:url(../img/idiomes.jpg); width:191px; height:16px; margin-right:7px; margin-top:15px; padding:0px 3px; padding-top:2px; color:#FFFFFF; font-size:10px; text-align:center; }
	.idioma a{ color:#FFFFFF; text-decoration:none;}
	.idioma a.active{ font-weight:bold;}
	#img-center{ background-image:url(../img/img-detacat-right.jpg); background-position:right; position:relative; height:335px;  margin-bottom:3px; background-repeat:no-repeat; }
	#img-center .img{ position:absolute; left:0px; top:0px;}
	#img-center p{ margin-top:0px; margin-bottom:0px; }
	
	#img-center a.btn{
	height:55px;
	padding-top:10px;
	display:block;
	text-decoration:none;
	padding-left:8px;

	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #7A8087;
	position:relative;
}

#img-center a.btn:hover{ background-color:#0F1D55; color:#FFFFFF!important;}
#img-center a.btn:hover p{ color:#FFFFFF;}

.top2{ width:621px; height:206px; float:left; background-image:url(../img/shadow-top.jpg); background-position:bottom; background-repeat:no-repeat;}

	#img-center a.active{ background-color:#0F1D55; color:#FFFFFF!important;}
	#img-center a.active p{ color:#FFFFFF;}
	#img-center .info{ float:right; height:35px; padding-top:20px; width:23px; padding-left:7px;}

	#img-center .right-cont{ float:right; width:259px; height:330px; }
				.right-cont h2{ color:#FFFFFF;font-weight:bold; font-size:1.1em; padding-top:16px; padding-left:7px;}
				.right-cont p{ font-size:10px; color:#000000;}
				
				.right-cont .select{ width:20px; height:20px; float:left; position:absolute; left:-20px; top:19px;}
				 
	
	.conts-home h1{ font-size:23px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.conts-home p{ color:#333333; font-size:11px;}

	#cont-home-left{  background-image:url(../img/cont-home1-left.jpg); background-position:top left; background-repeat:no-repeat; width:380px;  padding-left:108px; height:222px;background-color:#D2D7DB; float:left; margin-bottom:5px;}
		#cont-home-left .inner{ background-image:url(../img/cont-home1-right.jpg); background-position:top right; background-repeat:no-repeat; height:222px; padding-right:20px;   position:relative;}
		#cont-home-left h1{ padding-top:15px;}
		
		a.link-mes-info{ float:right; text-decoration:none; font-weight:bold; color:#333333; position:absolute; right:10px; bottom:5px; font-size:11px; }
		
	#cont-home-right{ background-image:url(../img/cont-home2-left.jpg); background-position:top left; background-repeat:no-repeat; width:386px; padding-left:20px; height:222px; background-color:#CFD4E8; float:right; margin-bottom:5px;  }
		#cont-home-right .inner{ background-image:url(../img/cont-home2-right.jpg); background-position:top right; background-repeat:no-repeat; height:222px; padding-right:20px;  position:relative;}	
		#cont-home-right h1{ padding-top:15px;}
		
	#interior{ background-image:url(../img/interior-middle.jpg); background-repeat:repeat-y; background-position:top; background-color:#FFFFFF;}
	#interior .top-interior{ background-image:url(../img/interior-top.jpg); background-repeat:repeat-x; height:51px;}
	#interior .top-interior .inner1{ background-image:url(../img/interior-left-top.jpg); background-repeat:no-repeat;background-position:top left; height:51px;}
	#interior .top-interior .inner2{ background-image:url(../img/interior-right-top.jpg); background-repeat:no-repeat;background-position:top right; height:51px;}
	
	#interior .top-interior h1 { 
	font-size:24px; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding-top:6px; 
	padding-left:10px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	}	
	
		#interior .top-interior h1 span {
		position:absolute;
		z-index:2;
		top:6px;
		left:10px;
		} 
		
		#interior .top-interior h1 span.jq-shadow {
		color:#555555;
		position:absolute;
		z-index:1;
		top:7px;
		left:11px;
		}
		
		#interior .top-interior h1 span.jq-shadow a {color:#555555;}
	
	#interior .inner{ padding:13px; overflow: hidden;
	_display: inline-block;}
	#interior .inner h2{ font-size:13px; font-weight:bold;}
	#interior .inner h1{ font-size:15px; font-weight:bold; color:#2D45A8;}
	#interior .inner a{ color:#2D45A8; font-weight:bold; text-decoration:underline; }
	#interior .inner ul li{ padding-left:12px; background-image:url(../img/li-style.jpg); background-position:0px 6px; background-repeat:no-repeat; line-height:1.5em;}
	#interior .inner ul li ul li{ padding-left:12px; background-image:url(../img/li-li-style.jpg); background-position:0px 6px; background-repeat:no-repeat; line-height:1.5em; font-size:11px;}
	#interior .data{ font-size:10px; color:#22347F; letter-spacing:1px}
	#interior .news-cont{	overflow: hidden;
	_display: inline-block; padding-bottom:15px;}
	
	#interior .bottom-interior{ background-image:url(../img/interior-bottom.jpg); background-position:bottom; background-repeat:repeat-x;}
	#interior .bottom-interior .inner1{background-image:url(../img/interior-left-bottom.jpg); background-repeat:no-repeat;height:16px; background-position:bottom left;}
	#interior .bottom-interior  .inner2{background-image:url(../img/interior-right-bottom.jpg); background-repeat:no-repeat; height:16px; background-position:bottom right;}
	
	#interior #paginator{  overflow: hidden;
	_display: inline-block; text-align:right; }
	#interior #paginator input{ float:right;}
	#interior #paginator p{ color:#939393; font-weight:bold; padding-left:15px; padding-right:15px; float:right;margin-bottom:0px; }
	
	.formulari-cont{
	width:480px;

	padding-left:40px;
	float:right;

}
	.form{	border: 1px solid #8A95A4;
	background-color:#EDEFF1; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; width:380px;}
	
	.red{ color:#FF0000;}	
	.mapa{ background-color:#999999; height:300px;}	

		
/*ELEMENTS GENERICS*/
.brcm-news-element-with-images-on-the-left{}	
.brcm-news-element-with-images-on-the-left .brcm-group-of-images{ width:122px; float:left; padding-right:15px;}
.brcm-generic-element-with-images-gallery .brcm-group-of-images{ width:202px; float:left; padding-right:8px; padding-left:8px; margin-bottom:15px;	}
.brcm-generic-element-with-images-gallery .brcm-image-and-caption { padding-bottom:5px; }
 .mini-images { background-color:#006600;  width:122px; float:left; margin-right:4px; }

 .mini-images .brcm-image { padding-bottom:3px; }
 
 


.brcm-generic-element-with-images-on-the-right{}
.brcm-generic-element-with-images-on-the-left{}		
.brcm-generic-element-with-images-on-the-right .brcm-group-of-images{ width:290px; float:right; padding-left:15px;}	
.brcm-generic-element-with-images-on-the-left .brcm-group-of-images{ width:380px; float:left; padding-right:15px;}							
.brcm-generic-element-with-images-on-the-left .brcm-image-and-caption {font-size:10px; padding-bottom:5px;}
.brcm-generic-element-with-images-on-the-right .brcm-image-and-caption { font-size:10px; padding-bottom:5px;}	
.brcm-image{ background-image:url(../img/img-decoration.jpg); background-repeat:repeat; padding-top:4px; padding-bottom:4px;}

.cont-mascara{ position:relative; width:614px; height:206px; float:left; margin-left:7px;  }
.mascara{ position:absolute; left:0; top:0; width:614px; height:206px;}

.data2{ color:#0F1D55; font-size:11px; font-weight:bold; }

		
#bottom{ font-size:10px; color:#666666; }		

#bottom a{ color:#22347F; text-decoration:none;}

#menu_serveis .boto {width:867px; height:125px; margin-bottom:10px;}
#menu_serveis .boto a {width:867px; height:125px; position:absolute;  text-decoration:none}
#menu_serveis .boto a .title {padding-left:75px; color:#FFFFFF; font-weight:bold; font-size:14px; text-decoration:none; padding-top:100px;}

#menu_serveis #enginyeria {background-image:url(../img/btn-enginyeria-arquitectura.jpg); background-repeat:no-repeat;}
#menu_serveis #consultoria {background-image:url(../img/btn-consultoria.jpg);background-repeat:no-repeat; }
#menu_serveis #seguretat-salut {background-image:url(../img/btn-seguretat-salut.jpg);background-repeat:no-repeat; }



#menu_enginyeria .boto {width:422px; height:124px; margin-bottom:10px; margin-left:10px; float:left;}
#menu_enginyeria .boto a {width:422px; height:124px; position:absolute;  text-decoration:none}
#menu_enginyeria .boto a .title {padding-left:75px; color:#FFFFFF; font-weight:bold; font-size:14px; text-decoration:none; padding-top:100px;}

#menu_enginyeria #obres {width:422px; height:124px; background-image:url(../img/btn-1.jpg);margin-bottom:10px;}
#menu_enginyeria #instalacions {width:422px; height:124px; background-image:url(../img/btn-2.jpg);margin-bottom:10px;}
#menu_enginyeria #mediambient {width:422px; height:124px; background-image:url(../img/btn-3.jpg);margin-bottom:10px;}
#menu_enginyeria #energies {width:422px; height:124px; background-image:url(../img/btn-4.jpg);margin-bottom:10px;}

.inner2 h1 a {text-decoration:none; color:white; }