@charset "utf-8";
/*--------------- Definició d'etiquetes -------------------------------------------------------------------------------------------*/
body {
	font-family:"Calibri",'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
background:url(img/bg5.png);
background-repeat:repeat-x;
background-color:#FC9B00;
	margin:0px;
	padding:0px;
	color:#3D3124;
}
/*--------------- Estructura -------------------------------------------------------------------------------------------*/
#content{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#projectes_vigents a{
	text-decoration:none;
	color:#036;
	font-size:16px;
	
	
}



#projectes_vigents a:hover{
	text-decoration:underline;
	color:#000;
	font-size:16px;
	
	
}

#text a{
	text-decoration:none;
	color:#036;
	font-size:16px;
	
	
}

#imatges_web a{
	text-decoration:none;
	color:#036;
	font-size:16px;
	
	
}

#imatges_web a:hover{
	text-decoration:underline;
	color:#000;
	font-size:16px;
	
	
}

#text a:hover{
	text-decoration:underline;
	color:#000;
	font-size:16px;
	
	
}

#header{
	height:160px;
	border-bottom:1px solid #3D3124;
	background-image:url(img/bg_header.png);
	background-repeat:no-repeat;
	height:220px;
}

#logo{
	margin-top:63px;
	height:80px;
	width:200px;
	float:right;
	text-align:right;
	margin-right:13px;
	
}





#menu {
height:50px;
display:inline;
line-height:50px;
float:	right;

width:795px;
}

#menu ul {
height:50px;
width:100%;
margin:0px;
padding:0px;
}
#menu li {
display:inline;
float:left;
height:50px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:center;
text-transform:uppercase;
width:112px;
}
#menu li a, #menu li strong {
color:#FFFFFF;
display:block;
width:130;
font-weight:bold;
height:50px;
line-height:50px;
text-align:center;
text-decoration:none;
white-space:nowrap;

}
#menu li a:link, #menu li a:visited, #menu li strong {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/button.png) no-repeat scroll -130px 0;
color:#FFFFFF;
}
#menu li strong, #menu li a:hover, #menu li a:active, #menu li a:focus {
background-position:0 0;
color:#F7A92B;
}






#portfoli{
border-top:1px solid #FFF;
padding-top:20px;
overflow:hidden;
}


#portfoli h1{
 font-size:20px;
 color:#d2954c;
 margin:10px 0px;
}


#valors_titol{
	height:40px;
	margin-top:90px;
	border-bottom:1px solid #BECDD7;
}

#valors_titol h3{
height:40px;
margin:0px;
padding:0px;
text-indent:-1000em; 
z-index:1000;
background-image:url(/_static/img/valors.gif);
background-position:top left;
background-repeat:no-repeat;
}

#valors{
	



}

#sinistra{
	
	width:600px;
	padding-top:1px;
	padding-bottom:15px;
	text-align:justify;
}


#curriculum {
height:330px;
	font-family:"Calibri",'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 25px;


}


#curriculum-titolo {

font-family:"Calibri",'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif;
font-size:18px;
border-bottom:1px solid #ffffff;
text-align:left;
margin-bottom:15px;
}


#professionals{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:325px;
}



#destra{
	height:200px;
	width:300px;
	float:right;
	
}


#destra_3{
	
	width:700px;
	float:right;
	text-align:right;
	
}


#s3slider{
float:right;
display:inline;
position:relative; 
width:300px; 
height:250px

}


#s3sliderContent {
	width:300px;
	list-style:none; 
	margin:0; 
	padding:0;
   position: absolute; 
   top: 0; 
   left:0;
   margin-left: 0; 
}


.s3sliderImage {
   float: left; 
   position: relative; 
   display: none; 
}

.s3sliderImage img { vertical-align:bottom; }
.s3slideriImage span {
   position: absolute; 
   left: 0;
   font-size: 10px;
   padding: 10px 10px;
   width: 300px;  
   background-color: #000;
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7; 
   -khtml-opacity: 0.7; 
   opacity: 0.7; 
   color: #fff;
   display: none; 
   bottom: 0;
}


#sinistra_3{
	
	width:230px;
	height:500px;
	padding-top:1px;
	padding-bottom:15px;
	text-align:justify;
}


#sinistra_4{
	
	width:230px;
	height:500px;
	padding-top:1px;
	padding-bottom:15px;
	text-align:center;
}


#contatti{
	
	width:260px;
	float:left;
	padding-top:1px;
	padding-bottom:15px;
	text-align:left;
}


#google{
float:right;
display:inline;
position:relative; 
width:300px; 
margin:21px 0px;

}

.form_contatti {
font: normal 1.00em Calibri, Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
	

}

.servizi{

margin:0;
text-align:left;
display:inline;
float:left;
text-align:left;
width:390px;

}


.link{

margin:0;
text-align:left;
display:inline;
float:right;
text-align:left;
width:300px;
margin-right:30px;

}


.dovesiamo{

margin:0;
text-align:left;
display:inline;
float:right;
text-align:left;
width:340px;
margin-right:30px;

}


.leggi{

margin:0;
display:inline;
float:left;
text-align:center;
width:390px;

}




.servizi_menu{

margin:13px 0px;
text-align:left;


}




#sinistra_2{
	height:300px;
	width:220px;
	float:left;
	margin:10px 12px 20px 0px;
	border-top:1px solid  #E2DFC7;
		border-bottom:1px solid #E2DFC7;
	border-left:1px solid #E2DFC7;
	border-right:1px solid #E2DFC7;
	background-image:url(img/bg_steps.jpg);
	background-repeat:repeat-x;


}


#sinistra_2_b{
	height:290px;
	width:200px;
	padding-left:10px;
	line-height:20px;
}


#centro_1{
	height:300px;
	width:220px;
 float:left;
 margin:10px 12px 20px 12px;
 	border-top:1px solid  #E2DFC7;
		border-bottom:1px solid #E2DFC7;
	border-left:1px solid #E2DFC7;
	border-right:1px solid #E2DFC7;
	background-image:url(img/bg_steps.jpg);
	background-repeat:repeat-x;
	
	
}

#centro_1_b{
	height:290px;
	width:200px;
	padding-left:10px;
		line-height:20px;
}



#centro_2{
	height:300px;
	width:220px;
 float:left;
 margin:10px 12px 20px 12px;
  	border-top:1px solid  #E2DFC7;
		border-bottom:1px solid #E2DFC7;
	border-left:1px solid #E2DFC7;
	border-right:1px solid #E2DFC7;
	background-image:url(img/bg_steps.jpg);
	background-repeat:repeat-x;
	
	
}


#centro_2_b{
	height:290px;
	width:200px;
	padding-left:10px;
		line-height:20px;
}




#destra_2{
	height:300px;
	width:220px;
	float:left;
	margin:10px 0px 20px 12px;
	  	border-top:1px solid  #E2DFC7;
		border-bottom:1px solid #E2DFC7;
	border-left:1px solid #E2DFC7;
	border-right:1px solid #E2DFC7;
	background-image:url(img/bg_steps.jpg);
	background-repeat:repeat-x;
	
}


#destra_2_b{
	height:290px;
	width:200px;
	padding-left:10px;
		line-height:20px;
}




#serveis_directe{

}



#serveis_directe a{
	color:#333;
	text-decoration:none;
}

#serveis_directe a:hover{
	color:#999;
	text-decoration:none;
}
	
#spacer{
	height:30px;
	

}

#footer{
width:100%;
background-color:#3d3124;
clear:both;
}

#footer_1{
	height:150px;
	width:960px;
	
	color:#FFF;
	font-size:13px;
	border-bottom:1px dotted #069;
	overflow:hidden;
}

#footer_1 a{
	text-decoration:underline;
	color:#ECF4FD;
}

#footer_1 a:hover{
	text-decoration:underline;
	color:#F7A92B;
}

#contact{
	height:190px;
	width:350px;
	float:left;
	margin-left:25px;
	font-size:11px;
	line-height:20px;
}

#contact h4{
height:20px;
margin:0px;
padding:0px;
font-size:20px;
color:#FFF;
margin-top:5px;
margin-bottom:15px;
border-bottom:1px dotted #FFF;
}

#blocs{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:325px;
}

#blocs h4{
height:30px;
margin:0px;
padding:0px;
font-size:20px;
color:#FFF;
margin-top:20px;
margin-bottom:15px;
border-bottom:1px dotted #FFF;
}

#facebook{
	height:200px;
	width:457px;
	
	float:left;
	margin-left:93px;
	text-align:right;
}

#facebook h4{
height:20px;
margin:0px;
padding:0px;
font-size:20px;
color:#FFF;
margin-top:5px;
margin-bottom:15px;
border-bottom:1px dotted #FFF;
}

#footer_final{
	
	height:150px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size:12px;
		background-image:url(/_static/img/logo_footer.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top:20px;

}

#footer_final p{
	margin-left:250px;
	color:#C5D9E9;
}

#escollir_projecte{
	border-bottom:1px solid #BECDD7;
}

#escollir_projecte ul{
margin-left:-50px;	
}

#escollir_projecte li{
	display:inline;
	font-size:16px;
	padding-left:10px;
}

#escollir_projecte li a{
	font-weight:bold;
	color:#666;
}

#escollir_projecte li a:hover{
	font-weight:bold;
	color:#9C0;
	text-decoration:none;
}

/*--------------- Fonts -------------------------------------------------------------------------------------------*/


h2 {
font-family:"Calibri",'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif;
font-weight:bolder;
font-size:17px;


}




#serveis h2{
	font-size:22px;
	color:#036;
	border-bottom:1px solid #BECDD7;
	padding-bottom:20px;
}

#serveis h3{
	font-size:20px;
	color:#F30;
	border-bottom:1px dotted #09C;
	padding-bottom:7px;
}

#serveis a{
	text-decoration:none;
	color:#066;
}

#serveis a:hover{
	color:#066;
	text-decoration:underline;
}

#llista_serveis{
	height:1100px;

}
.send{
	display:block;
	padding:10px;
	background-color:#D8F1BE;
	border:1px solid #9C0;
	font-size:16px;
	font-weight:bold;
	color:#090;
	
	
}
#contacte{
	width:700px;
	
	
}
.error{
	display:block;
	padding:10px;
	background-color:#FCD7D1;
	border:1px solid #900;
	font-size:16px;
	font-weight:bold;
	color:#900;
	
	
}

#serveis ul { width: 960px; height:1000px; margin-left:-40px; }
#serveis li { width: 440px; float: left; padding-right:30px; list-style:none; font-size:15px;}
#clients li a{
	color:#333;
	text-decoration:none;
}

#clients li a:hover{
	color:#9C0;
	text-decoration:none;
}


#text{
	position:absolute;
	margin-left:740px;
	margin-top:50px;
	width:220px;
	border-top:1px solid #BECDD7;
	color:#788F7B;
	padding-top:20px;
	font-size:15px;
	
}

#text blockquote{
	margin-left:0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	line-height:24px;
	font-style:italic;
	color:#666;

}




#clients ul { width: 800px; margin-top:30px; margin-left:-40px; height:450px; }
#clients li{ width: 350px; float: left; padding-right:34px; list-style:none; font-size:14px; line-height:25px; }



#projectes_vigents ul { width: 800px; height:3400px; margin-left:-40px;  }
#projectes_vigents li{ width: 350px; float: left; padding-right:34px; list-style:none; padding-bottom:30px; background-image:url(/_static/projectes/fons_li.jpg);
background-position:top left;
background-repeat:no-repeat;
height:280px;}
#projectes_vigents p{
	font-size:13px;
}
#projectes_vigents li img{
	margin-left:6px;
	margin-top:6px;
}

#projectes_vigents li a{
	text-decoration:none;
	color:#788F7B;
}

#projectes_vigents li a:hover{
	text-decoration:none;
	color:#000;
}

#imatges_web li{
	list-style:none;
	display:block;
	margin-left:-40px;
	background-image:url(/_static/detall/fons_li_2.jpg);
background-position:top left;
background-repeat:no-repeat;
height:440px;
	
}

#imatges_web li img{
	margin-left:9px;
	margin-top:9px;
	
}

/*--------------- Colors -------------------------------------------------------------------------------------------*/