*{
	margin:0;
	padding:0;
	border:0;
}
body{
	background-color:#fff;
	font:12px verdana,arial,tahoma,geneva,sans-serif;
	color:#323232;
	/*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{
	font-weight:normal;
	color:#749d9d;
	text-decoration:none
}
a:hover{
	color:#749d9d;
	text-decoration:underline
}

input,select,textarea{
	border:#000 1px solid;
	padding:1px 2px;
	color:#000000;
	font:11px arial,tahoma,sans-serif;
}

select{
	padding:1px;
		border:1px solid #99bbbb;

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


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

#inici{
	margin:0 auto;
	width:1003px;
}

#inici .col1{
	float:left;
	width:501px;
	height:600px;	
}


#inici .col1 .box1{
	background:url(../../img/bgr-inici.jpg) no-repeat top center;	
	width:501px;
	height:520px;
}

#inici .col1 .box2{
	padding:0 0 0 85px;
}

#inici .col1 .box2 .boxfletxa{
	float:left;
	background:url(../../img/bgr-box.gif) no-repeat top center;	
	width:152px;
	height:17px;
	font:10px Verdana, arial,Geneva, sans-serif;
	color:#2e4747;
	padding:3px 0px 0 10px;
	margin:0 10px 0 0;
}

#inici .col2{
	float:left;
	padding:0px 10px 0 0px;
	width:480px;
}

#inici .logo{
	padding:40px 0px 20px 0px;
}

#inici .mosaic{
	width:400px;
	height:389px;
	background:url(../../img/bgr-mosaic.gif) no-repeat top center;
	margin:0px 0 0 60px;
	color:#fff;
}

#inici .mosaic .box1{
	float:left;
	width:190px;
	height:240px;
	margin:25px 15px 0 10px;
}

#inici .mosaic .box2{
	float:left;
	width:175px;
	height:75px;
	margin:28px 0px 0 3px;
}

#inici .mosaic .box3{
	width:170px;
	height:190px;
	margin:5px 15px 0 10px;
	color:#406a6a;
}
#inici .mosaic .box3 p{
	padding:8px 0;
	color:#fff;
}

#inici .mosaic .box4{
	float:left;
	width:150px;
	height:75px;
	margin:10px 0px 0 0px;
	color:#406a6a;	
}

/* ---------------------------- header -------------------------------- */

#header{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:983px;
	height:125px;
}

#logo{
	float:left;
	width:260px;
	height:134px;
	margin:0px 0 0 16px;
	
}

#menu{
	float:left;
	background:url(../../img/bgr-mosaic-p.gif) no-repeat;
	width:302px;
	height:103px;
	margin:0 0 0 10px
}

#menu .box1{
	margin:35px 0 0 35px;
	height:28px;
}


#menu .box1 li{
	float:left;
	padding:0 20px 0 0;
}


#menu .box2{
	margin:0 0 0 68px;	
}

#menu .box2 li{
	float:left;
	padding:0 18px 0 0;
}

#menu li.accent{
	margin:-1px 0 0 0px;	
}

#menu li.mestre{
	margin:2px 0 0 0px;	
}

#idioma{
	padding:5px 0px 0 0px;
	color:#42aaa8;
	text-align:center;
	font:bold 10px Verdana,arial, Geneva, sans-serif;
	float:right;
}
#idioma span{
	text-decoration:underline;
	padding:0 0px 0 0px;
}

#idioma a{
	color:#4e7777;	
	padding:0 0 0 0px;
	text-decoration:none;
}

#idioma a:hover{
	color:#4e7777;	
	text-decoration:underline;
}

.logo-p{
	padding:0px 20px 0 0;
	float:right;
	margin:-55px 0 0 0;

}

.traductor{
	float:right;
	padding:10px 0 0 50px;
	text-align:right;
	font:bold 10px Verdana,arial, Geneva, sans-serif;	
}


.traductor a{
	color:#4e7777;	
	padding:0 0 0 0px;
	text-decoration:none;
}

.traductor a:hover{
	color:#4e7777;	
	text-decoration:underline;
}

#relativa{
	float:right;
	position:relative;
	width:160px;
	margin:0px 0px 5px 0px;
}
#google {
	top:0;
	left:0;
	width:160px;
	height:100px;
	margin:20px 0px 0 145px;
	padding:25px 0 0 0;
	/*background-color: #FFFFFF;*/
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
	
}
.tancar{
	text-align:right;
	padding:0px;
	margin:-15px 0 0 0;
	z-index:2;
}
.tancar a{
	color:#c1e0df;	
	text-decoration:none;
	font-weight:normal
}
.tancar a:hover{
	text-decoration:underline;
	color:#c1e0df;	
		font-weight:normal

}


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

.space{
	padding:20px 25px 0 25px;
}

#content{
	margin:0 auto;
	width:983px;
	background:url(../../img/bgr-top.gif) #e9f4f4 no-repeat;
	min-height:300px;
	padding:50px 0 20px 0;
	text-align:justify;
}

#content-bottom{
	margin:0 auto;
	width:983px;
	background:url(../../img/bgr-bottom.gif) no-repeat;
	height:38px;
}

#content h1{
	font-size:22px;
	text-transform:uppercase;
	color:#36a29f;
	padding:0 0 10px 0;
}
#content h2{
	font-size:12px;
	color:#36a29f;
	padding:0 0 10px 0;
}

#content h3{
	font-size:16px;
	text-transform:uppercase;
    padding:10px 0 10px 0;
}


#content .fotogran{
	float:left;
	margin:0 10px 0 0 ;
}

#content .fotogran2{
	float:right;
	margin:0 0px 0 10px ;
}

#content .punts{
	background:url(../../img/bgr-punts.gif);
	padding:20px 20px 0 20px;
}

#content .foto{
	float:left;
	padding:0 15px 20px 0px;
    width:222px;
    text-align:center;
}
#content .foto-samarreta{
	float:left;
	padding:10px 15px 10px 0px;
    width:222px;
    text-align:center;
}

#content .fotofi{
	float:left;
	padding:0 0 20px 0px;
    width:222px;
    text-align:center;
}

#content .tarifa-top{
	background:url(../../img/bgr-tarifa-top.gif) no-repeat;
	height:66px;
	width:930px;
}
#content .boxtopleft{
	float:left;
	background:url(../../img/bgr-top-left.gif) no-repeat;
	height:10px;
	width:10px;
}

#content .boxtopright{
	float:right;
	background:url(../../img/bgr-top-right.gif) no-repeat;
	height:10px;
	width:10px;
}

#content .boxbottomleft{
	float:left;
	background:url(../../img/bgr-bottom-left.gif) no-repeat bottom;
	height:10px;
	width:10px;
}

#content .boxbottomright{
	float:right;
	background:url(../../img/bgr-bottom-right.gif) no-repeat bottom;
	height:10px;
	width:10px;
}


#content .boxtopleft-c{
	float:left;
	background:url(../../img/bgr-top-left-c.gif) no-repeat;
	height:10px;
	width:10px;
}

#content .boxtopright-c{
	float:right;
	background:url(../../img/bgr-top-right-c.gif) no-repeat;
	height:10px;
	width:10px;
}

#content .boxbottomleft-c{
	float:left;
	background:url(../../img/bgr-bottom-left-c.gif) no-repeat bottom;
	height:10px;
	width:10px;
}

#content .boxbottomright-c{
	float:right;
	background:url(../../img/bgr-bottom-right-c.gif) no-repeat bottom;
	height:10px;
	width:10px;
}

#content .col1-c{
	float:left;
	width:930px;
	background-color:#bfd78d
	
}
#content .col1-c .box{
	padding:10px 20px 1px 20px;
}
#content .col1-c h3{
	font:bold 16px arial, Verdana,Geneva, sans-serif;
	color:#566636;
}

#content .col1{
	float:left;
	width:930px;
	background-color:#8cc0c0
	
}

#content .col1 .box{
	padding:10px 20px 1px 20px;
}


#content .col1 .box li{
	float:left;
	/*border-bottom:1px dashed #688787;*/
	border-bottom:1px solid #8cc0c0;
	padding:5px 0 5px 10px;
	width:415px;
	margin:0 0 0 15px;
	/*background:url(../../img/ic-punt.gif) no-repeat 0px 12px;*/
	background-color:#6fa4a4
}
#content .col1 .box li.color{
	background-color:#84b3b3
}

#content .col2{
	margin:0 0 0 20px;
	float:left;
	width:330px;
	background-color:#8cc0c0
	
}

#content .col2 .box{
	padding:10px 10px 0 10px;
}

#content .col3{
	float:left;
	width:580px;
	background-color:#8cc0c0
	
}

#content .col3 .box{
	padding:10px 20px 1px 20px;
}


#content .col3 .box li{
	float:left;
	border-bottom:1px dashed #688787;
	padding:5px 0 5px 10px;
	width:220px;
	margin:0 0 0 15px;
	background:url(../../img/ic-punt.gif) no-repeat 0px 12px;
	
}
#content .samarreta{
	float:right;
	height:120px;
	width:246px;
	background:url(../../img/bgr-samarreta.gif) no-repeat 0px 0px;
	padding:35px 10px 0 80px;
}
#content .samarreta p{
	padding:0px 0px 15px 0px;
}
/* ---------------------------- contacte -------------------------------- */

#form{
	float:left;
	width:675px;
}

#form input{
	border:1px solid #99bbbb;
}

#form textarea{
	border:1px solid #99bbbb;
}

#legal{
	float:left;
	width:254px;
	height:253px;
	font:11px arial, Verdana, Geneva, sans-serif;
	background:url(../../img/bgr-legal.gif) no-repeat;
}

#legal .box{
	padding:10px;
	
}
/* ---------------------------- footer -------------------------------- */

#footer{
	margin:0 auto;
	width:675px;
	height:40px;
	padding:40px 0 0 0;
	font:11px Verdana,arial, Geneva, sans-serif;	
	color:#749d9d;
}

#footer a{
	color:#749d9d;
}

#footer a:hover{
	color:#749d9d;
}

#footer li{
	float:left;
	background:url(../../img/linia-footer.gif) no-repeat;
	height:49px;
	padding:5px 12px 0 12px;
}

#footer li.txt{
	padding:18px 12px 0 12px;
}




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

.marc{
	border:1px solid #496868;	
}
.clic{
	background-color:#77b40e;
	color:#1b1b1b;
	padding:0 5px 0 5px
}

.separa {
	background:url(../../img/linia-h.gif) no-repeat 0px 20px;
	height:40px;
		
}
.marc{
	border:1px solid #749d9d
}
.marc-samarreta{
	border:1px solid #749d9d
}

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

.txtform2{
	float:left;
	padding:0 10px 10px 0
}

.txtform2 span{
	font-size:10px;
}
.txtform3{
	float:left;
	padding:20px 10px;
	font-size:10px;
	font:11px arial,Verdana, Geneva, sans-serif;
}
.btn{
	float:right;
	padding:15px 12px;
}

#captcha{
	float:left;
	padding:15px 0 0 70px;
	width:160px
}
.missatge{
	padding:10px;
	text-align:center;
}
.escriu{
	background:url(../../img/bgr-escriu.gif) no-repeat 0px 0px;
	width:156px;
	height:23px;
	color:#fff;
	font:bold 11px arial,Verdana, Geneva, sans-serif;
	padding:4px 0 0 0;
	text-align:center;
	float:right;
}
.escriu a{
	color:#fff;
}

.escriu a:hover{
	color:#fff;
}

#map{
	height:267px;
	width:540px;
}
.imprimir{
	padding:10px 0 0 0;
	float:right;
}

.imprimir a,a:hover{
	color:#000;
}

.visita{
	background:url(../../img/b-visita.gif) no-repeat 0px 0px;
	float:right;
	height:45px;
	width:109px;
	padding:14px 0 0 50px;
	text-align:center;
}

.visita a{
	color:#fff;
}
.visita a:hover{
	color:#fff;
	text-decoration:underline;
}

#meta{
	margin-left:auto;
	margin-right:auto;
	margin-top:180px;
	width:975px;
	padding:10px;
	font:10px Verdana,arial, Geneva, sans-serif;	
	color:#749d9d;
	text-align:justify;
	border:1px solid #749d9d;
}

#meta a{
	font:10px Verdana,arial, Geneva, sans-serif;		
	color:#749d9d;
}
#meta p{
	padding:10px 0 0px 0;
}

#meta a:hover{
	font:10px Verdana,arial, Geneva, sans-serif;		
	color:#749d9d;
}