@charset "utf-8";
/* CSS Document */

ul{
	margin:0px;
	border:0px;
	padding: 0px;
	height: 100%;
}

.llengua{
	height:22px;
	float:left;
	font-size: 11px;
	line-height: 20px;
	color: #01594B;
	width: 118px;
	text-align: right;
}

body {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: repeat;
	background-position: center;
	background-image: url(../imatges/fonsbaix.jpg);
}
#frame1{
	background-image: url(../imatges/fonssol.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	border: 0px;
	width: 100%;
	overflow: hidden;
	height: auto;
}
#frame2{
	width:100%;
	background-image: url(../imatges/fonspeu.jpg);
	margin: 0px;
	background-repeat: repeat-x;
	border: 0px;
	overflow: auto;
}

#tot1{
	margin:0 auto 0 auto;
	width:900px;
	top: 20px;
}

#menu li{
	list-style-type:none;
	margin:0px;
	padding: 0px;
	border: 0px;
	float: left;
}
#menu a{display:block; width:247px; text-indent:-9999px;}
#menu a:hover{border:none;}

#menu_ben a, #menu_ben a:visited{height:22px;background: url(../imatges/ben.jpg) no-repeat 0px 0px;width: 165px;}
#menu_ben a:hover{background: url(../imatges/ben.jpg) no-repeat 0px -22px;}
#menu_ben {height:22px; background: url(../imatges/ben.jpg) no-repeat 0px -22px;width: 165px; display:block; text-indent:-9999px;}





#menu_rest a, #menu_rest a:visited{height:22px;background: url(../imatges/rest.jpg) no-repeat 0px 0px;width: 107px;}
#menu_rest a:hover{background: url(../imatges/rest.jpg) no-repeat 0px -22px;}
#menu_rest {height:22px; background: url(../imatges/rest.jpg) no-repeat 0px -22px;width: 107px; display:block; text-indent:-9999px;}


#menu_hotel a, #menu_hotel a:visited{height:22px; background: url(../imatges/hotel.jpg) no-repeat 0px 0px;width: 105px;}
#menu_hotel a:hover{background: url(../imatges/hotel.jpg) no-repeat 0px -22px;}
#menu_hotel {height:22px; background: url(../imatges/hotel.jpg) no-repeat 0px -22px; display:block; text-indent:-9999px;width: 105px;}


#menu_empreses a, #menu_empreses a:visited{height:22px;background: url(../imatges/empreses.jpg) no-repeat 0px 0px;width: 84px;}
#menu_empreses a:hover{background: url(../imatges/empreses.jpg) no-repeat 0px -22px;}
#menu_empreses {height:22px; background: url(../imatges/empreses.jpg) no-repeat 0px -22px;width: 84px; display:block; text-indent:-9999px;}


#menu_activi a, #menu_activi a:visited{height:22px;background: url(../imatges/activi.jpg) no-repeat 0px 0px;width: 165px;}
#menu_activi a:hover{background: url(../imatges/activi.jpg) no-repeat 0px -22px;}
#menu_activi {height:22px; background: url(../imatges/activi.jpg) no-repeat 0px -22px;width: 165px; display:block; text-indent:-9999px;}


#menu_escoles a, #menu_escoles a:visited{height:22px;background: url(../imatges/escoles.jpg) no-repeat 0px 0px;width: 144px;}
#menu_escoles a:hover{background: url(../imatges/escoles.jpg) no-repeat 0px -22px;}
#menu_escoles {height:22px;background: url(../imatges/escoles.jpg) no-repeat 0px -22px;width: 144px; display:block; text-indent:-9999px;}





#logo{
	float:left;
	width:400px;
	height:270px;
	padding-left: 10px;
}
#fotos{
	float:left;
	width:366px;
	height:294px;
}
#pastillacontactar{
	height:150px;
	width: 118px;
	display: inline;

}
/* IE6 Only */
* html #pastillacontactar a{
	height:150px;
	width: 118px;
	display:block;
	float:right;
	background-image:url(../imatges/pastillacontactar1.png);

	
}

* html #pastillacontactar a:hover{
	background-image:url(../imatges/pastillacontactar2.png);
		cursor: pointer;
}


#pastillacontactar a{
	height:150px;
	width: 118px;
	display:block;
	float:right;
			background-position:0px 0px;
	background-image:url(../imatges/pastillacontactar.png);

	
}

#pastillacontactar a:hover{
	background-image:url(../imatges/pastillacontactar.png);
		background-position:0px 150px;
		cursor: pointer;
}

#contingut{
	width:600px;
	float:left;
	padding-left: 15px;

}
#contingut2{
	width:885px;
	float:left;
	padding-left: 15px;

}
.titol{
	color:#fbd896;
	font-size:24px;
}
.titolxic{
	color:#fbd896;
	font-size:15px;
}

.cos{
	color: #E8E8E8;
	font-size:13px;
	text-align: justify;
	float: left;
	padding-top: 20px;
}

.cos li{
	list-style-position:inside;
}
.cos2{
	color: #E8E8E8;
	font-size:13px;
	text-align: justify;
	float: left;
	padding-top: 20px;
	width: 100%;
}
.cosrest{
	color: #E8E8E8;
	font-size:13px;
	text-align: justify;
	width: 310px;
	float: left;
	padding-right: 40px;
	padding-top: 20px;
}


#banners{
	width:285px;
	float:left;
	padding-top: 25px;
}

#banner1{
	height:330px;
	width: 255px;
	float:right;
	margin-bottom: 10px;

}






#banner2{
	height:70px;
	width: 255px;
	float:right;

}







#bannergran{
	height:180px;
	width: 255px;
	float:right;

}






#tot2{
	margin:0 auto 0 auto;
	width:900px;
	padding-top: 30px;
}

.peu1{
	color:#4E4E4E;
	font-size: 12px;
	width: 650px;
	float: left;
	padding-bottom: 35px;
	line-height: 18px;

}
.peu2{
	color:#4E4E4E;
	font-size: 12px;
	width: 250px;
	float: left;
	text-align: right;
	line-height: 18px;

}
#dreta{
	float:left;
	width:350px;
}

#carta{
	width:535px;
	float:left;
	background-image: url(../imatges/carta2.png);
	background-repeat: no-repeat;
}
#menu2{
	width:535px;
	float:left;
	background-image: url(../imatges/menus2.png);
	background-repeat: no-repeat;
}

#menu3{
	width:535px;
	float:left;
	background-image: url(../imatges/menu3.png);
	background-repeat: no-repeat;
}

#adult{
	width:194px;
	float:left;
	height:300px;
	padding-top: 50px;
	text-align: left;
	padding-left: 20px;
	font-size: 13px;
	color: #4F4F4F;
	padding-right: 20px;
}
#calcotada{
	width:400px;
	float:left;
	height:100px;
	padding-top: 70px;
	text-align: left;
	padding-left: 110px;
	font-size: 15px;
	color: #4F4F4F;
	padding-right: 20px;
}

#infantil{
	width:190px;
	float:left;
	height:200px;
	padding-top: 60px;
	text-align: left;
	padding-right: 20px;
	padding-left: 80px;
	font-size: 13px;
	color: #4F4F4F;
}
#reservar{
	width: 100px;
	height: 100px;
	display:inline;
}



* html #reservar a{
	height:100px;
	width: 100px;
	display:block;
	float: right;
	background-image: url(../imatges/reservar.png);
}
* html #reservar a:hover{
	background-image: url(../imatges/reservar.png);
		cursor: pointer;
}
#reservar a{
	height:100px;
	width: 100px;
	display:block;
	float:right;
	background-image: url(../imatges/reservar2.png);

}




#reservar a:hover{
	background-image: url(../imatges/reservar2.png);
	background-position:0px 100px;
	cursor: pointer;
}




#tornar{
	width: 100px;
	height: 100px;
	float: left;
}

/* IE6 Only */

* html #tornar a{
	height:100px;
	width: 100px;
	float:right;
	display:block;
	background-image: url(../imatges/tornar2.png);

	
}
* html #tornar a:hover{
	background-image: url(../imatges/tornar2.png);
	cursor:pointer
}

#tornar a{
	height:100px;
	width: 100px;
	display:block;
	float:right;
	background-image: url(../imatges/tornar.png);

}




#tornar a:hover{
	background-image: url(../imatges/tornar.png);
	background-position:0px 100px;
	cursor: pointer;
}



















#taulahotel{
	width:680px;
	height:250px;
	background-image:url(../imatges/taula.png);
	margin-left: 35px;
	padding-top: 58px;
	padding-left: 170px;
	background-repeat: no-repeat;
	float: left;
	background-position: 60px 0px;
}

#taulanadal{
	width:730px;
	background-image:url(../imatges/menucomunions.png);
	margin-left: 20px;
	padding-top: 50px;
	padding-left: 100px;
	background-repeat: no-repeat;
	float: left;
	background-position: 60px 0px;
}

.celes{
	width:200px;
	height:35px;
	float:left;
	font-size: 15px;
	line-height: 30px;
	color: #4F4F4F;
}


.celespur{
	width:560px;
	height:150px;
	float:left;
	font-size: 13px;
	line-height: 22px;
	color: #4F4F4F;
}

.celnadal1{
	width:330px;
	float:left;
	font-size: 12px;
	line-height: 18px;
	color: #4F4F4F;
	padding-top: 10px;
	height: 560px;
	text-align: center;
}
.celnadal2{
	width:330px;
	float:left;
	font-size: 12px;
	line-height: 18px;
	color: #4F4F4F;
	height: 540px;
	padding-left: 35px;
	text-align: center;
}


.celes2{
	width:205px;
	height:35px;
	float:left;
	font-size: 12px;
	line-height: 18px;
	color: #4F4F4F;
	padding-top: 20px;
}

#bannersactivitats{
float:left;
height:200px;
width:900px
}









#products {
	float:left;
	width:885px;

}




#products img {
	margin:0 20px 10px 0;	
	cursor:pointer;	
}

.description {
	width:900px;
	height:auto;
	padding-bottom:20px;
	min-height:140px;
	display:none;
	color:#E8E8E8;
	margin-top:17px;
	-moz-border-radius:4px;
	padding:0 20px;
}

.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(../img/tooltip/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:36px;
	font-size:1px;
	position:relative;
}

#commercial .arrow {
	margin-left:210px;	
}

#multidomain .arrow {
	margin-left:385px;	
}



.reservarest{
	float:right;
	padding-top: 10px;
}
.reservarhotel{
	float:right;
	padding-right: 25px;
}
.reservform{
	float:right;
	padding-right: 25px;
}

#form{
	width:800px;
	float:right;
	height: 384px;
	background-image: url(../imatges/form.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 40px;
}

#form2{
	width:800px;
	float:left;
	background-image: url(../imatges/form2.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 80px;
	padding-left: 89px;
	padding-bottom: 55px;
}


.textforms{
	color:#4F4F4F;
	font-size:13px;
	width: 300px;
	float: left;
	padding-left: 100px;
	text-align: right;
	height: 18px;
	padding-right: 5px;
}

.form{
	line-height:10px;
	float: left;
	width: 200px;
	height: 13px;
	color: #4F4F4F;
	font-size: 13px;
 }
 .formcomment{
	line-height:10px;
	float: left;
	width: 200px;
	height: 80px;
	padding-bottom: 3px;
	color: #4F4F4F;
	font-size: 13px;
 }
.botoform{
	background-image: url(../imatges/botoform.png);
	border: 0px;
	width: 104px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	height: 31px;


}
.expliform{
	width:170px;
	float: left;
	font-size: 11px;
	color: #4F4F4F;
	padding-left: 10px;
	height: 18px;
	line-height: 18px;
}

#botons{
	width:350px;
	float:left;
	height:30px;
	padding-left: 310px;
	padding-top: 10px;
}
.camps{
	float: left;
	width: 100%;
	height: 25px;
}




















.textforms2{
	color:#4F4F4F;
	font-size:13px;
	width: 100px;
	float: left;
	text-align: right;
	height: 18px;
	padding-right: 5px;
}

.form2{
	line-height:10px;
	float: left;
	width: 200px;
	height: 13px;
 }
 .formcomment2{
	line-height:10px;
	float: left;
	width: 200px;
	height: 80px;
	padding-bottom: 3px;
 }
.botoform2{
	background-image: url(../imatges/botoform.png);
	border: 0px;
	width: 104px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	height: 31px;


}

#botons2{
	width:350px;
	float:left;
	height:30px;
	padding-top: 10px;
	padding-left: 20px;
}
.camps2{
	float: left;
	height: 25px;
	width: 500px;
}






#mapa{
	float:left;
	text-align: right;
	width: 284px;
}











A.reser:link {
	text-decoration:none;
	color:#E8E8E8;
} 
A.reser:visited {
	text-decoration:none;
	color:#E8E8E8;
} 
A.reser:hover {
	text-decoration: underline;
	color: #fbd896;
}



A.peu:link {
	text-decoration:none;
	color: #4E4E4E;
} 
A.peu:visited {
	text-decoration:none;
	color: #4E4E4E;
} 
A.peu:hover {
	text-decoration:none;
	color: #FFAC11;
}

A.peu2:link {
	text-decoration:none;
	padding-top:4px;
	text-align:right;
	font-size:13px;
	color: #4E4E4E;
} 
A.peu2:visited {
	text-decoration:none;
	padding-top:4px;
	font-size:13px;
	text-align:right;
	color: #4E4E4E;
} 
A.peu2:hover {
	text-decoration:none;
	text-align:right;
	padding-top:4px;
	font-size:13px;
		color: #FFAC11;
}

.veure {
	text-decoration:none;
	padding-top:4px;
	text-align:right;
	font-size:13px;
	color: #4E4E4E;
	float: right;
} 

.acti2{
width:100%;
}
.acti{
	margin:0px;
	border:0px;
	padding-left:15px;
	width: 200px;
	float: left;
	display: inline;
	padding-top: 5px;
}

.columna{
	width:200px;
	float:left;
	height:auto;
	color: #E8E8E8;
	font-size: 13px;
	padding-left: 20px;
}

A.concurs:link {
	text-decoration: underline;
	color: #FFAC11;
} 
A.concurs:visited {
	text-decoration: underline;
	color: #FFAC11;
} 
A.concurs:hover {
	text-decoration: underline;
	color: #fbd896;
}


.fotosconcurs{
	width:110px;
	height:98px;
	float:left;
	margin-left: 12px;
	margin-top: 15px;
}

#menustornar{
	width:160px;
	height:49px;
	float:left;
	padding-top: 10px;
	padding-left: 1px;
	display:inline;
}


#menustornar a{
	width:160px;
	height:49px;
	display:block;
	background-repeat:no-repeat;
	float:right;
	background-image: url(../imatges/menucal.png);

}




#menustornar a:hover{
	background-image: url(../imatges/menucal2.png);
	cursor: pointer;
}


#menus2{
	width:160px;
	height:49px;
	float:left;
	padding-top: 10px;
	padding-left: 1px;
	display:inline;
}


#menus2 a{
	width:160px;
	height:49px;
	display:block;
	background-repeat:no-repeat;
	float:right;
	background-image: url(../imatges/menuhivern.png);

}




#menus2 a:hover{
	background-image: url(../imatges/menuhivern2.png);
	cursor: pointer;
}



#menus3{
	width:160px;
	height:49px;
	float:left;
	padding-top: 10px;
	padding-left: 1px;
	display:inline;
}


#menus3 a{
	width:160px;
	height:49px;
	display:block;
	background-repeat:no-repeat;
	float:right;
	background-image: url(../imatges/menucom.png);

}




#menus3 a:hover{
	background-image: url(../imatges/menucom2.png);
	cursor: pointer;
}





#menus4{
	width:160px;
	height:49px;
	float:left;
	padding-top: 10px;
	padding-left: 1px;
	display:inline;
}


#menus4 a{
	width:160px;
	height:49px;
	display:block;
	background-repeat:no-repeat;
	float:right;
	background-image: url(../imatges/menudia.png);

}




#menus4 a:hover{
	background-image: url(../imatges/menudia2.png);
	cursor: pointer;
}

.activitats1{
	width:430px;
	float:left;
	padding-top: 15px;
}
.activitats2{
	width:700px;
	float:left;
	padding-top: 15px;
}
.bannerescoles{
padding-top:5px;

}


A.llen:link {
	text-decoration: underline;
	color: #01594B;
} 
A.llen:visited {
	text-decoration: underline;
	color: #01594B;
} 
A.llen:hover {
	text-decoration: underline;
	color: #01594B;
}

A.llen2:link {
	text-decoration: none;
	color: #FFF;
} 
A.llen2:visited {
	text-decoration: none;
	color: #fff;
} 
A.llen2:hover {
	text-decoration: underline;
	color: #01594B;
}