*{
	margin:0;
	padding:0;
	border:0;
}
body{
	background-color:#fff;
	font:11px verdana,arial,tahoma,geneva,sans-serif;
	color:#381b06;
	/*line-height:12px;*/
	padding:0px 0 0 0;
	
	SCROLLBAR-FACE-COLOR:#979797;
	SCROLLBAR-HIGHLIGHT-COLOR: #6E6E6E;
	SCROLLBAR-SHADOW-COLOR: #6E6E6E;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #D0D0D0;
	SCROLLBAR-TRACK-COLOR: #D0D0D0;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

a{
	text-decoration:none
}
a:hover{
	text-decoration:underline
}

input,select,textarea{
	border:#999 1px solid;
	padding:1px 2px;
	color:#999;
	font:12px arial,tahoma,sans-serif;
}
select{
	padding:1px
}
ul,li{
	list-style:none;
	padding:0px;
}
input{
	width:450px;
}
h1 {
	padding:0px 0px 0px 0px;
}
h1 span{
	display:none;
}

h2 span,h3 span{
	padding:0px 0px 0px 0px;
	display:none
}
p{
	padding:0px 0px 10px 0px;
}

.space{
	margin:0 auto;
	width:1003px;
}

/* ---------------------------- inici -------------------------------- */

#inici{
	background:url(../img/bgr-inici.gif) repeat-x;
	height:832px;
}

#page{
	background:url(../img/bgr-page.gif) repeat-x;
}


#header-inici{
	background:url(../img/bgr-header-inici.jpg) no-repeat top center;
	height:383px;
}

#header{
	background:url(../img/bgr-header.jpg) no-repeat top center;
	height:171px;
}

#header-content{
	margin:0 auto;
	width:950px;
}

#header-content .logo{
	float:left;
	padding:5px 0 0 18px;	
}
#header-content .frase{
	padding:27px 0 0 49px;	
}

#header-content .box1{
	float:left;
	padding:15px 0 0 80px;	
	color:#fff;
	font:12px arial,verdana,tahoma,geneva,sans-serif;

}
#header-content .box2{
	float:left;
	padding:15px 0 0 40px;	
	color:#fff;
	font:12px arial,verdana,tahoma,geneva,sans-serif;
}
#header-content p{
	padding:0 0 5px 0;	
}
/* ---------------------------- menu -------------------------------- */

#menu{
	float:left;
}

#menu ul {
	padding:62px 0 0 35px;	
}

#menu li {
	float:left;
	padding:0px 5px 0 0;	
}
#menu li span{
	display:none
}

#menu li a{
	float:left;
	padding:5px 0px 0 0;
}

#binici {
	background:url(../img/b-inici.gif) no-repeat;
	height:26px;
	width:51px;
	float:left;
	padding:0px 0px 0 0;
	color:#FFF;
}

#binici a{
	height:16px;
	width:51px;
}

#binici.sel{
	height:26px;
	width:51px;
	background-position:0px -52px;
}

#bquisom {
	background:url(../img/b-quisom.gif) no-repeat;
	height:26px;
	width:79px;
	float:left;
	padding:0px 0px 0 0;
	color:#FFF;
}

#bquisom a{
	height:16px;
	width:79px;
}

#bquisom.sel{
	height:26px;
	width:79px;
	background-position:0px -52px;
}

#bserveis {
	background:url(../img/b-serveis.gif) no-repeat;
	height:26px;
	width:76px;
	float:left;
	padding:0px 0px 0 0;
	color:#FFF;
}

#bserveis a{
	height:16px;
	width:76px;
}

#bserveis.sel{
	height:26px;
	width:76px;
	background-position:0px -52px;
}

#blocalitzacio {
	background:url(../img/b-localitzacio.gif) no-repeat;
	height:26px;
	width:115px;
	float:left;
	padding:0px 0px 0 0;
	color:#FFF;
}

#blocalitzacio a{
	height:16px;
	width:115px;
}

#blocalitzacio.sel{
	height:26px;
	width:115px;
	background-position:0px -52px;
}

#bcontacte {
	background:url(../img/b-contacte.gif) no-repeat;
	height:26px;
	width:94px;
	float:left;
	padding:0px 0px 0 0;
	color:#FFF;
}

#bcontacte a{
	height:16px;
	width:94px;
}

#bcontacte.sel{
	height:26px;
	width:94px;
	background-position:0px -52px;
}

/* ---------------------------- inici -------------------------------- */

#content-inici{
	margin:0 auto;
	width:950px;
}

#content-inici h2{
	padding: 0 0 12px 20px;
}
#content-inici h3{
	padding: 0 0 10px 0px;
	font:bold 12px verdana,arial,tahoma,geneva,sans-serif;
}
#content-inici ul{
	font:11px verdana,arial,tahoma,geneva,sans-serif;
	padding:10px 0 10px 0px;
}
#content-inici li{
	background:url(../img/ic-llista.gif) no-repeat 0px 2px;	
	padding:0px 0 10px 20px;
}

#content-inici .col{
	float:left;
	padding:20px 0px 0px 34px;
	width:275px;
}

/* ---------------------------- content -------------------------------- */

#content{
	margin:0 auto;
	width:1003px;
	height:600px;
}

#content .space{
	padding:0 0px 0 25px;
	_padding:0 0px 0 55px;
}

#content h1{
	font:20px arial,Verdana, Geneva, sans-serif;
	padding:0px 0px 0px 20px;
}

/* ---------------------------- quisom -------------------------------- */

#quisom{
	background:url(../img/bgr-quisom.jpg) no-repeat 0px 0px;	
	height:640px;
}


#quisom .col1{
	float:left;
	padding:60px 0px 0px 10px;
	width:700px;
	height:318px;
	font:16px arial,Verdana, Geneva, sans-serif;
	color:#be8963;
}

#quisom .box1{
	height:250px;
	width:300px;
}


#quisom .box2{
	background:url(../img/bgr-punts.gif);
	height:270px;
	width:610px;
	padding:20px 0 0 40px;
}

#quisom .foto{
	float:left;
	padding:0px 40px 20px 0px;
}

/* ---------------------------- serveis -------------------------------- */


#serveis{
	background:url(../img/bgr-titol.gif) no-repeat 0px 0px;	
}


#serveis .col1{
	float:left;
	padding:50px 0px 0px 20px;
	width:190px;
	height:318px;
	font:12px arial,Verdana, Geneva, sans-serif;	
}

#menu-v {
		color:#381b06;
}
#menu-v a{
		color:#381b06;
}

#menu-v ul{
	padding:0px;
	margin:0px;
}

#menu-v li{
	padding:5px 10px 5px 0;
	background:url(../img/linia-menu.gif) repeat-x bottom;
	width:165px;
	text-transform:uppercase;
	font:bold 12px Verdana,arial, Geneva, sans-serif;
}

#menu-v li span{
	color:#fff;
	background-color:#381b06;
	padding:1px 9px 1px 1px;
}

#serveis .col2{
	background:url(../img/linia-menu-v.gif) repeat-y top left;		
	float:left;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	width:480px;
	
}

#serveis .col2 .space2{
	padding:20px 0 0 20px;
	width:420px;
}

#serveis .col2 h2{
	font:bold 12px Verdana,arial, Geneva, sans-serif;
	text-transform:uppercase;	
}

#serveis .col2 ul{
	font:11px verdana,arial,tahoma,geneva,sans-serif;
	padding:20px 0 10px 0px;
}
#serveis .col2 li{
	background:url(../img/ic-llista.gif) no-repeat 0px 2px;	
	padding:0px 0 10px 20px;
}
#serveis .col2 li li{
	padding:0px 0 0px 20px;
}
#serveis .box{
	background-color:#f4e9e1;	
	width:380px;
	padding:10px 10px 0px 20px;
	margin:20px 0 0 0;
}
/* ---------------------------- localitzacio -------------------------------- */


#localitzacio{
	background:url(../img/bgr-titol.gif) no-repeat 0px 0px;	
	height:540px;
}


#localitzacio .col1{
	float:left;
	padding:70px 0px 0px 20px;
	width:190px;
	height:318px;
	font:12px arial,Verdana, Geneva, sans-serif;	
}

#localitzacio .box1{	
	width:160px;
	height:75px;
	border-bottom:1px dotted #d1d2d0;
}

#localitzacio .box2{
	padding:20px 0 0 0px;
}

#localitzacio .col2{
	float:left;
	padding:30px 0px 0px 0px;
	width:500px;
	height:318px;
}

#map{
	width:445px;
	height:270px;
	border:1px solid #000;
}


/* ---------------------------- contacte -------------------------------- */


#contacte{
	background:url(../img/bgr-titol.gif) no-repeat 0px 0px;	
	height:540px;
}


#contacte .col1{
	float:left;
	padding:70px 0px 0px 30px;
	width:680px;
	height:300px;
	font:12px arial,Verdana, Geneva, sans-serif;	
}



/* ---------------------------- coneixnos -------------------------------- */

#coneixnos{
	margin:-20px 0 0 0;
	float:left;
	background:url(../img/bgr-coneix-nos.gif) no-repeat 0px 0px;
	width:257px;
	height:170px;
	color:#fff;
}

#coneixnos .space{
	padding:15px 0px 0px 0px;
	width:195px;
}

#coneixnos h2{
	padding:0 0px 5px 0px;
}


/* ---------------------------- assessorament -------------------------------- */

#assessorament{
	margin:-20px 0 0 0;
	float:left;
	background:url(../img/bgr-col-assessorament.gif) no-repeat 0px 0px;
	width:257px;
	height:600px;
	color:#fff;
}

#assessorament .space{
	padding:15px 0px 0px 0px;
	width:195px;
}

#assessorament h2{
	padding:0 0px 5px 0px;
}

#assessorament .coneix{
	margin:60px 0 0 15px;
	background:url(../img/bgr-coneix.jpg) no-repeat top right;
	height:200px;
	color:#000;
	font-weight:bold;
}

#assessorament .coneix p{
	padding:5px 0px 0px 0px;
	width:140px;
	
}

/* ---------------------------- footer -------------------------------- */

#footer{
	background:url(../img/bgr-footer.gif) no-repeat 0px 0px;	
	margin:0 auto;
	width:950px;
	height:134px;
	color:#fff;
	font-weight:bold;
	text-align:right;
		
}
#footer .logo{
	float:right;
	padding:20px 20px 0px 20px;
}

#footer .box{
	float:right;
	padding:40px 0px 0px 0px;
}

#footer a{
	color:#0b0501;
}

#footer a:hover{
	color:#fff;
}

/* ---------------------------- class -------------------------------- */
.fix{
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
}

.clic{
	background-color:#77b40e;
	color:#1b1b1b;
	font-weight:bold;
	padding:0 5px 0 5px
}

.separa {
	border-top:1px solid #d1d2d0;
	height:2px;
	margin:-1px 0 0 0;
		
}
.marc{
	background-color:#fff;
	margin:1px;
	padding:1px;
	border:1px solid #d1d2d0
}

.txtform1{
	float:left;
	width:70px;
}

.txtform2{
	float:left;
	padding:0 10px 10px 0
}
.txtform3{
	float:left;
	padding:20px 10px;
	font-size:10px;
}
.btn{
	float:right;
	padding:15px 42px;
}

#captcha{
	float:left;
	padding:15px 0 0 70px;
	width:160px
}
.missatge{
	padding:10px;
	text-align:center;
}

.legal{
	color:#000;
	width:640px;
	font:11px arial,Verdana, Geneva, sans-serif;
	text-align:justify;
}

.input-contacte{
	width:280px;
	border:1px solid #714727
}

.input-assessorament{
	width:185px;
	margin:0 5px 0 0;
	border:1px solid #714727
}