@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-image:url(/_static/img/back/back.jpg);
	background-color:#D8DDE0;
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#333;
}
/*--------------- 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 #BECDD7;
}

#logo{
	margin-top:40px;
	height:90px;
	width:310px;
	position:absolute;
	
}

#logo h1{
height:90px;
width:310px;
text-indent:-1000em; 
z-index:1000;
background-image:url(/_static//img/artifecs.gif);
background-position:top left;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

#menu{
position:absolute;
margin-left:350px;
width:580px;
display:inline;
height:64px;
margin-top:65px;
}

#menu ul{
margin-top:0px;
}


#menu li{
display:inline;
margin: 0; padding: 0; list-style: none;
top: 0;
position:absolute;
text-indent:-5000px;
}

#menu li, #menu a {
    height: 29px; display: block;
	text-decoration:none;
	margin:0;
	padding:0;
	}

#menu #serveis a{background-image:url(/_static/img/back/menu/serveis_in.gif);}#menu #serveis a:hover{background-image:url(/_static/img/back/menu/serveis.gif);}
#menu #serveis{left: 100px; width: 80px; }
#menu #projectes a{background-image:url(/_static/img/back/menu/projectes_in.gif);}#menu #projectes a:hover{background-image:url(/_static/img/back/menu/projectes.gif);}
#menu #projectes{left: 200px; width: 80px;}
#menu #clients a{background-image:url(/_static/img/back/menu/clients_in.gif);}#menu #clients a:hover{background-image:url(/_static/img/back/menu/clients.gif);}
#menu #clients{left: 300px; width: 80px; }
#menu #inici a{background-image:url(/_static/img/back/menu/partners_in.gif);}#menu #inici a:hover{background-image:url(/_static/img/back/menu/partners.gif);}
#menu #inici{left: 0px; width: 80px; }
#menu #bloc a{background-image:url(/_static/img/back/menu/bloc_in.gif);}#menu #bloc a:hover{background-image:url(/_static/img/back/menu/bloc.gif);}
#menu #bloc{left: 400px; width: 80px; }
#menu #contacte a{background-image:url(/_static/img/back/menu/contacte_in.gif);}#menu #contacte a:hover{background-image:url(/_static/img/back/menu/contacte.gif);}
#menu #contacte{left: 500px; width: 80px; }


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

#portfoli h2{
height:90px;
text-indent:-1000em; 
z-index:1000;
background-image:url(/_static/img/head1.gif);
background-position:top left;
background-repeat:no-repeat;
margin:0px;
padding:0px;
margin-left:80px;
_padding-left:80px;
*padding-left:80px;

}

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


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

#social_media_titol h3{
font-size:22px;
}

#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{
	border-top:1px solid #FFF;
	height:210px;
	border-bottom:1px solid #BECDD7;

}

#disseny{
	height:190px;
	width:300px;
	padding-top:1px;
}

#disseny h4{
height:60px;
margin:0px;
padding:0px;
text-indent:-1000em; 
z-index:1000;
margin-top:20px;
background-image:url(/_static/img/disseny.jpg);
background-position:top left;
background-repeat:no-repeat;
}

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

#professionals h4{
height:60px;
margin:0px;
padding:0px;
text-indent:-1000em; 
z-index:1000;
margin-top:20px;
background-image:url(/_static/img/professionals.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#web{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:650px;
}



#web h4{
height:60px;
margin:0px;
padding:0px;
text-indent:-1000em; 
z-index:1000;
margin-top:20px;
background-image:url(/_static/img/web20.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#serveis_directe{
	border-top:1px solid #FFF;
	border-bottom:1px solid #BECDD7;
}

#serveis_directe h4{
	font-size:24px;
	margin:0px;
	padding:0px;
	padding-top:15px;
	padding-bottom:15px;
}

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

#serveis_directe a:hover{
	color:#999;
	text-decoration:none;
}
	
#spacer{
	height:30px;
	border-top:1px solid #FFF;

}

#footer{
width:100%;
background-color:#000033;
background-image:url(/_static/img/back/footer.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#footer_1{
	height:350px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-size:16px;
	border-bottom:1px dotted #069;
}

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

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

#contact{
	height:190px;
	width:300px;
	padding-top:1px;
}

#contact h4{
height:30px;
margin:0px;
padding:0px;
font-size:20px;
color:#FFF;
margin-top:20px;
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:300px;
	position:absolute;
	margin-left:650px;
}

#facebook h4{
height:30px;
margin:0px;
padding:0px;
font-size:20px;
color:#FFF;
margin-top:20px;
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 -------------------------------------------------------------------------------------------*/

#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 h1{
	font-size:30px;
	margin-top:30px;

}
#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;
	
}

#socialmedia{
	width:100%;
	height:250px;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#09576F;
	font-style:italic;
	font-size:16px;
}

#bloc_resum{
	height:190px;
	width:300px;
	padding-top:1px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#09576F;
	font-style:italic;
	font-size:16px;
}

#socialmedia a{
	color:#578280;
	text-decoration:none;
}

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

#bloc_resum a{
	color:#578280;
	text-decoration:none;
}

#bloc_resum a:hover{
	color:#003;
	text-decoration:none;
}


#newsletter{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:650px;
}

#twitter{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:325px;
		background-image:url(/_static/detall/twitter.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#article_bloc{
	
	
}

#twitter_update_list{
	list-style:none;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#09576F;
	font-style:italic;
	font-size:20px;
	margin-left:60px;
	height:130px;
}

#twitter_update_list a{
	color:#003;
	text-decoration:none;
}

#social_a h4{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#09576F;
	font-style:italic;
	font-size:25px;
	color:#333;
	
}

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