@charset "UTF-8";
/* RESET */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	text-align: left;
	text-decoration: none;
	vertical-align: baseline;}
a img, :link img, :visited img {
	border: 0}
a{
	outline: none}
ol, ul {
	list-style: none}
input, textarea{
	outline: none;
	border:none}
/* FI RESET */
::-moz-selection{
	background:#a61d2c;
	color:#fff;
	text-shadow: #000 0 1px 0;
}

::selection {
	background:#a61d2c;
	color:#fff;
	text-shadow: #000 0 1px 0;
}
body{
	padding-top: 27px;
	width: 100%;
	background: #EEE url(imatges/background.png) repeat-x;
	 }
#contenidor{
	width:960px;
	margin:auto}
/* CAPÇALERA */
#cap, #cap_esq, #cap_cen, #cap_dre, #contenidor_cap_cen{
	height:176px;
	float:left}
#cap_esq{
	background:url(imatges/cap_esq.png);
	width:13px}
#cap_dre{
	background:url(imatges/cap_dre.png);
	width:13px}
#cap_cen{
	background:url(imatges/cap.jpg) repeat-x;
	width:934px}
#logo{
	margin-top:25px;
	margin-left:20px;
	_margin-left:10px;
	background:url(imatges/logo.gif) no-repeat;
	width:392px;
	height:91px;
	float:left}
#link_contacte{
	height: 30px;
	padding-left: 10px;
	margin-top: 105px;
	margin-left: 2px;
	position: absolute;
	background: url(imatges/fons_contacte.png) repeat;
	border-left: 1px solid #7e1a24;}
#link_contacte a{
	font-size:15px;
	color:#FFF;
	text-shadow: #5f181f 0 1px 0;
	cursor:pointer}
#link_contacte .destacat{
	color:#f8c084;
	float:left;
	margin-right:8px}
#link_contacte .destacat:hover{
	text-decoration:underline;
	cursor:pointer}
#link_contacte span{
	float:left;
	margin-top:6px}
#link_contacte span:hover{
   cursor: pointer}
#link_contacte img{
	float:left}
.boto_contacte:hover{
	cursor:pointer}
#login{
	background-image:url(imatges/login.png);
	height:147px;
	position:relative;
	left:230px;
	width:191px;
	float:left;
	margin-top:12px;
	text-shadow: #32070b 0 2px 0;
	font-size:15px;
	color:#FFF}
#login p{
	text-align:center;
	margin-top:6px}
#login form{
	margin-top:15px;
	margin-left:22px}
.transparent{
	background:transparent;}
.login{
	width:145px;
	*width:142px;
	color:#DDD;
	text-shadow: #32070b 0 2px 0;
	margin-bottom:15px}
.submit_login{
	font-weight:bold;
	background-color:#760f1b;
	background-image:url(imatges/login_bttn.png);
	border: 0 solid #FFFFFF;
	color:#4d4d4d;
	text-shadow: #FFF 0 1px 0;
	width:157px;
	margin-left:-4px;
	height:30px}
.submit_login:active{
	background-position:0 -30px}
#marcador{
	width:61px;
	height:166px;
	margin-top:-4px;
	margin-left:20px;
	background:url(imatges/marcador.png);
	display:inline;
	float:left}
/* FI CAPÇALERA */
/* CARTES */
.serveis{
	margin-top:25px;
	padding:20px;
	margin-left:8px;
	width:900px;
	background-color:#E8E8E8;
	float:left;
	display:inline;
	letter-spacing:-1px;
	color:#252525;
	text-shadow: #FFF 0 1px 0;
	border-color:#FFF;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: #121212 0 0 20px; -webkit-box-shadow: #121212 0 0 20px; -moz-box-shadow: #121212 0 0 20px}
#prev_icones{
	background-color:#FFF;
	width:380px;
	height:60px;
	float:left;
	border-color:#a1a0a0;
	border-style:solid;
	border-width:1px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.carta{
	margin-top:25px;
	width:242px;
	height:331px;
	background:url(imatges/carta.png) no-repeat;
	float:left;
	display:inline;
	margin-right:17px;
	margin-left:15px;
	letter-spacing:-1px;
	color:#252525;
	text-shadow: #FFF 0 1px 0;
	font-weight:bold;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: #121212 0 0 18px; -webkit-box-shadow: #121212 0 0 18px; -moz-box-shadow: #121212 0 0 18px}
.img_projecte{
	margin:13px;
	border: 1px solid #7f7f7f}
.img_projecte img, .img_projecte{
	overflow: hidden; 
	float: left}
.img_projecte:hover{
	border: 3px solid #cd7104;
	cursor:url('imatges/magplus-dark.cur'), pointer}
.img_projecte:hover img{
	margin: -2px}
.descripcio_carta{
	height:290px;
	_height:110px} 
.carta h1{
	font-size:18px;
	margin-left:14px;
	margin-bottom:5px;
	color:#6d0713}
.carta h2{
	margin-bottom:10px;
	font-size:15px;}
.carta h2, .carta p{
	margin-left:14px;
	margin-right:14px;
	color:#333;}
.carta p{
	font-weight:normal;
	letter-spacing:0;
	font-size:14px}
.mes_info{
	display:block;
	width:145px;
	height:22px;
	margin:auto;
	background-image:url(imatges/boto_carta.png);
	background-repeat:no-repeat;
	font-size:13px;
	letter-spacing:0px;
	color:#333;
	text-align:center;
	_margin-top:-12px;
	padding-top:9px;}
.mes_info:hover{
	background-position:0 -31px;}
.mes_info:active{
	background-position:0 -62px;
	padding-top:10px;}
.cinta_dalt{
	position:absolute;
	margin-top:-2px;
	margin-left:114px;}
.cinta_baix{
	position:absolute;
	margin-top:65px;
	margin-left:227px;}
.marc_fosc{
	border-color:#000;
	border-width:1px;
	border-style:solid}
.caption{
	color:#444;
	font-size:14px;
	text-align:right}
.caption a{
	color:#666;
	text-decoration:underline}
/* FI CARTES */
#barra_serveis{
	width:960px;
	height:161px;
	margin-top:17px;
	display:inline;
	float:left;}
.boto{
	height:150px;
	width:300px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	font-size:14px;
	color:#222;
	text-shadow: #FFF 0 1px 0;
	float:left;
	display:inline;
	line-height:18px}
.boto img{
	float:left;
	margin-top:14px;
	margin-right:10px}
h3{
	font-weight:bold;
	font-size:16px;
	margin-top:28px;
	margin-bottom:27px;
	color:#333;}
.black_overlay{
	display: none;
	position:fixed;
	_position:absolute; /* IE6 hack */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: 970px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60)}
.form_contacte{
	background:url(imatges/postit.png);
	display:none;
	position:absolute;
	left: 50%; 
	margin: 0 0 0 -240px;
	width: 446px;
	top:150px;
	padding-top:25px;
	padding-left:32px;
	height: 382px;
	z-index:1002}
.ie6 .form_contacte, .ie7 .form_contacte, .ie8 .form_contacte{
	background:url(imatges/postit.gif);}
.form_contacte .tancar{
	position:absolute;
	top:4px;
	right:6px;
	cursor:pointer}
.form_contacte h1{
	font-weight:bold;
	font-size:18px;
	color:#630}
.nom{ 
	position:relative;
	margin-top:12px;
	width:201px;
	float:left;
	padding:1px}
.mail{ 
	position:relative;
	margin-top:12px;
	width:201px;
	float:left;
	margin-left:8px;
	display:inline;
	padding:1px}
.titol_miss{ 
	position:relative;
	margin-top:9px;
	width:418px;
	float:left;
	padding:1px}
.missatge{
	position:relative;
	margin-top:10px;
	background-color:#FFF;
	width:414px;
	float:left}
input, textarea{
	font-family: Helvetica, Arial, Sans-serif;
	font-size:15px;
	color:#333}
.nom input{
	background-color:#FFF;
	height:25px;
	width:199px}
.mail input{
	background-color:#FFF;
	height:25px;
	width:199px}
.titol_miss input{
	background-color:#FFF;
	height:25px;
	_height:23px;
	width:410px}
.missatge textarea{
	background-color:#FFF;
	height:199px;
	width:410px;
	resize:none}
.submit{
	background:url(imatges/submit.gif);
	width:127px;
	height:32px;
	border: 0 solid #FFFFFF;
	float:right;
	margin-right:30px;
	margin-top:16px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 0 1px 0;
	position:relative;
	cursor:pointer}
.descripcio ul a{
	background-color:#eef2f6;
	padding:4px 4px 1px 4px}
.descripcio ul a:hover{
	border-color:#c5cdd5;
	border-style:solid;
	border-width:1px;
	margin-left:-1px}
#carousel {
	position: relative;
	overflow:scroll;
	height: 370px;
	width:822px;
	margin:auto;
	float:left;
	margin-left:30px;
	display:inline;}
.fletxa{
	background:url(imatges/fletxa_esq.png);
	margin-top:115px;
	width:39px;
	height:113px;
	float:left;
	cursor:pointer}
.fletxa:hover, .fletxa_dre:hover{
	background-position:0 112px;}
.fletxa_dre{
	background:url(imatges/fletxa_dre.png);
	margin-top:115px;
	width:39px;
	height:113px;
	float:right;
	cursor:pointer}
#tira {
	padding: 0;
	margin: 0;
	position:relative}
#resultat_missatge{
	width:263px;
	height:20px;
	display:inline;
	margin-top:24px;
	float:left}
#boto_gran:hover{
	background-position:0 -51px;
	}
/* INFO I PEU */
#info_personal{	
	width:960px;
	height:108px;
	padding-top:20px;
	clear:both;
	letter-spacing:-1px;
	color:#333;
	background: #FFF url(imatges/fons_info.png) repeat-x;
	border: 1px solid #747373;
	border-top-width:0;
	box-shadow: #999 0 2px 6px; -webkit-box-shadow: #999 0 2px 6px; -moz-box-shadow: #999 0 2px 6px;
	margin-bottom:20px}
.col_info h1{
	font-size:17px;
	font-weight:bold;
	color:#222}
.esquerra{
	float:left}
.col_info h2{
	font-size:16px}
.col_info p{
	font-size:14px;
	margin-top:6px;
	letter-spacing:0;
	display:inline}
.col_info{
	width:300px;
	padding-top:4px;
	padding-left:12px}
.col_info div{
	margin-left:75px;
	position:relative;
	height:85px;
	width:220px;
	overflow:hidden}
.skills img{
	margin-right:4px;
	vertical-align:text-top;
	margin-top:-2px}
.skills span{
	clear:both;
	display:block;
	margin-top:7px;
	margin-bottom:10px;
	font-size:14px;
	letter-spacing:normal}
.skills a{
	color:#222}
#peu{
	padding:15px;
	color:#999;
	margin:auto;
	font-size:13px;
	text-shadow: #FFF 0 1px 0;}
.error{
	color:#bc3100;
	font-weight:bold;
	font-size:16px;
	text-shadow: #FFF 0 1px 0;
	width:275px
	}
.ok{
	color:#3d7600;
	font-weight:bold;
	font-size:18px;
	text-shadow: #FFF 0 1px 0;
	width:275px
	}
/* FI INFO I PEU */