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

/*------------------ GENERAL --------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	background: url(../images/body_fondo.gif) repeat;
	color: #60410B;
}
p{
	margin: 0;
	padding: 0;
}
#contenido{
	width: 996px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/images/contenido_fondo.png);
	background-repeat: repeat-y;
}
#subpie {
	width: 996px;
	margin: 0px auto;
	text-align: center;
	font-size: 10px;
	color: #000000;
	padding-top: 2px;
	background: url(/images/subpie_fondo.png) no-repeat top;
}
#pie {
	width: 980px;
	height: 30px;
	background: #B69F7F url(/images/pie_fondo.gif) repeat-x bottom;
	margin-left: 8px;
	text-align: center;
	color: #60410B;
	clear: both;
	padding-bottom: 8px;
	line-height: 30px;
}
#pie em {
	color: #92764E;
}
#pie a{
	color: #60410B;
	text-decoration: none;
}
#pie a:hover{
	color: #E9DEC9
}
#subpie,
#subpie a {
	color: #42210B;
	text-decoration: none;
}

#subpie  a:hover  {
	color: #E9DEC9;
}
#logo {
	width: 150px;
	height: 150px;
	background: url(/images/logo_fondo.png) no-repeat;
}
#menu {
	margin-left: 8px;
	width: 150px;
	background: url(../images/sombra_inferior.png) repeat-x 0px bottom;
	font-size: 12px;
	display: inline;
	float: left;
	height: 430px;
}
#menu ul{
	margin: 0px;
	padding: 30px 0px 0px;
	list-style: none;
	float: left;
	width: 150px;
	display: inline;
	background: url(../images/sombra_superior.png) repeat-x top;
}
#menu li {
	width: 150px;
	display: inline;
	margin: 0px;
	list-style: none;
	float: left;
	padding: 0px;
}
#menu li a{
	text-decoration: none;
	line-height: 22px;
	color: #42210B;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 110px;
	margin: 0px;
	padding: 0px 25px 0px 15px;
	display: inline;
	height: 22px;
}
#menu li a:hover{
	color: #000;
	background: url(../images/menu_fondo_h.png) repeat-y;
}
#menu li.par{
	background-color:#9B8262	
}
#menu li a.subopcion{
	font-size: 11px;
	padding-right: 40px;
	width: 95px;
	color: #643211;
	}
#menu li a.subopcion_activa{
	font-size: 11px;
	padding-right: 40px;
	width: 95px;
	color: #E9DEC9;
	}
#menu li a.subopcion_activa:hover{
	background: url(none);
}
	
body#b_inici #menu li#inici a,
body#b_lacasa #menu li#lacasa a,
body#b_lazona #menu li#lazona a,
body#b_contactar #menu li#contactar a,
body#b_situacio #menu li#situacio a,
body#b_reserves #menu li#reserves a{
	color: #E9DEC9;
	background: url(../images/menu_flecha.png) no-repeat 128px 8px;
}
#cabecera {
	height: 30px;
	width: 820px;
	background: #B69F7F url(../images/sombra_izquierda.png) repeat-y;
	display: inline;
	float: left;
	padding-right: 10px;
}
#cabecera ul{
	margin: 5px 0px 0px;
	padding: 0px;
	list-style: none;
}
#cabecera li{
	float: right;
	display: inline;
}
#cabecera li:hover{
	background: url(../images/cab_h.png) repeat-y center;
}
#cabecera li a.cab_cat,
#cabecera li a.cab_esp,
#cabecera li a.cab_eng,
#cabecera li a.cab_fra,
#cabecera li a.cab_deu{
	padding: 0 20px 2px 25px;
	color: #60410B;
	text-decoration: none;
	height: 16px;
	line-height: 16px;
	float: left;
}
#cabecera li a.cab_cat{
	background: url(../images/cab_cat.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_esp{
	background: url(../images/cab_esp.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_eng{
	background: url(../images/cab_eng.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_fra{
	background: url(../images/cab_fra.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_deu{
	background: url(../images/cab_deu.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_cat:hover{
	color: #000;	
	background: url(../images/cab_cat_a.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_esp:hover{
	color: #000;	
	background: url(../images/cab_esp_a.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_eng:hover{
	color: #000;	
	background: url(../images/cab_eng_a.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_fra:hover{
	color: #000;	
	background: url(../images/cab_fra_a.gif) no-repeat 0px 4px;
}
#cabecera li a.cab_deu:hover{
	color: #000;	
	background: url(../images/cab_deu_a.gif) no-repeat 0px 4px;
}
#centro{
	display: inline;
	float: left;
	width: 630px;
	height: 400px;
	background: url(../images/CasaFondo.jpg) no-repeat;
}
#lateral{
	display: inline;
	float: right;
	margin-right: 8px;
	background: url(../images/sombra_inferior.png) repeat-x bottom;
}
#lateral_int{
	width: 200px;
	height: 520px;
	background: url(../images/sombra_superior.png) repeat-x top;
}
#inferior{
	display: inline;
	float: left;
	margin-left: 8px;
	background: #E4D7A3 url(../images/sombra_inferior.png) repeat-x bottom;
}
#inferior_int{
	width: 780px;
	height: 120px;
	background: url(../images/sombra_derecha.png) repeat-y right;
}
h2{
	font-size: 12px;
	font-weight: bold;
	color: #42210B;
	margin: 0px;
	padding: 0px 0px 5px;
}
h3{
	font-size: 12px;
	margin: 0px 0px 5px;
	padding: 0px;
	color: #806744;
	font-weight: bold;
	float: left;
	width: 160px;
	text-align:left;
	}
h4{
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4.temporada,
span.temporada{
	color: #7A0000;
	font-weight: bold;
	padding-left: 5px;
}
.inferior_inici,
.inferior_reserves{
	width: 290px;
	float: left;
	display: inline;
	margin-top: 10px;
	padding-right: 25px;
}
.inferior_inici strong {
	font-weight: normal;
	font-size: 24px;
	color: #666;
}
.inferior_inici h4 a{
	color: #666;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
}
.inferior_inici h4 a:hover{
	color: #000;
}
.mesinformacio a{
	color: #666;
	float: right;
	display: inline;
	font-weight: bold;
	text-decoration: none;
}
.mesinformacio a:hover{
	color: #000;
}
.noticies,
.contactar_formulari,
.reserves_formulari,
.lacasa_texte{
	padding: 20px 20px 0px;
	display: inline;
	float: left;
	width: 160px;
}
.noticia_data{
	color: #42210B;
	font-weight: normal;
	font-size: 10px;
	border-top: 1px dashed #806744;
	width: 160px;
	float: right;
	display: inline;
	margin-top: 3px;
	padding-top: 4px;
}
.disponibilitat {
	padding: 20px;
	display: inline;
	float: left;
	width: 160px;
}
.disponibilitat_mes{
	color: #E4D7A3;
	background: #92764E;
	line-height: 16px;
	height: 16px;
	width: 160px;
}
.disponibilitat_mes a{
	color: #E4D7A3;
	text-decoration: none;
	font-weight: bold;
	width: 20px;
	float: left;
	display: inline;
	text-align: center;
}
.disponibilitat_mes .mes_actual{
	width: 20px;
	float: left;
	display: inline;
	}
.disponibilitat_mes a:hover{
	color: #92764E;
	background: #E4D7A3;
}
.disponibilitat_mes_actual {
	display: inline;
	float: left;
	text-align: center;
	width: 120px;
}

.disponibilitat_setmana{
	width: 160px;
}
.disponibilitat_setmana ul{
	margin: 0px;
	padding: 0px 3px 0px 3px;
	list-style: none;
	background: #E4D7A3;
	float: left;
	display: inline;
}
.disponibilitat_setmana li{
	float: left;
	display: inline;
	line-height: 16px;
	height: 16px;
	width: 21px;
	margin-right: 1px;
	text-align: center;
}
.disponibilitat_dies{
	background: #E9DEC9;
	display: inline;
	float: left;
	width: 160px;
	height: 107px;
}
.disponibilitat_dies ul{
	list-style: none;
	padding: 0px;
	margin: 2px 0px 0px 2px;
}
.disponibilitat_dies li{
	height: 16px;
	width: 21px;
	text-align: center;
	display: inline;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	line-height: 15px;
}
.disponibilitat_dies li a{
	display: inline;
	float: left;
	height: 16px;
	width: 21px;
	color: #60410B;
	text-decoration:none;
}
.disponibilitat_dies li a:hover{
	background: #92764E;
	color: #FFF;
}
.disponibilitat_dies li.desactivat{
	color: #D3BB92;
}
.disponibilitat_dies li.tempmitja{
	background: #B76533;
	color: #E9DEC9;
}
.disponibilitat_dies li.tempalta{
	background: #C00;
	color: #E9DEC9;
}
.disponibilitat_dies li.reservat{
	background: #42210B;
	color: #E9DEC9;
}
.disponibilitat_dies li.seleccionat_entrada a{
	background: url(../images/seleccionat_entrada.gif) no-repeat;
	color: #FFF;
}
.disponibilitat_dies li.seleccionat_sortida a{
	background: url(../images/seleccionat_sortida.gif) no-repeat;
	color: #FFF;
}
.disponibilitat_indicacions  {
	font-size: 9px;
	width: 160px;
	float: left;
	display: inline;
	background: #C1B47D;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.disponibilitat_color{
	width: 16px;
	height: 6px;
	float: left;
	display: inline;
	margin: 4px 5px 0px 15px;
	padding: 0px;
	line-height: 6px;
}
.disponibilitat_texte{
	display: inline;
	float: left;
	width: 120px;
	height: 14px;
	line-height: 14px;
}
form{
	width: 160px;
	margin: 0px;
	padding: 0px;
}
label{
	font-size: 9px;
	line-height: 16px;
	height: 16px;
	width: 158px;
}
label.error {
	color: #C00;
}
input{
	background: #E9DEC9;
	border: 1px solid #60410B;
	width: 154px;
	height: 16px;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 2px;
}
input.data{
	width: 68px;
	background: #E9DEC9 url(../images/form_data.gif) no-repeat right center;
	cursor: pointer;
}
input.data_error{
	width: 68px;
	background: #FFD8B0 url(../images/form_data_error.gif) no-repeat right center;
	cursor: pointer;
	border: 1px solid #C00;
}
textarea{
	background: #E9DEC9;
	border: 1px solid #60410B;
	width: 154px;
	height: 70px;
	margin: 0px;
	padding: 0px 2px;
	font: 12px Arial, Helvetica, sans-serif;
}
textarea.comentaris{
	background: #E9DEC9;
	border: 1px solid #60410B;
	width: 154px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px;
	font: 12px Arial, Helvetica, sans-serif;
}
input.error,
textarea.error{
	border: 1px solid #C00;
	background-color: #FFD8B0;
}
.checkbox{
	background: url(none);
	border-width: 0px;
	border-style: solid;
	width: auto;
}	
.form_privacitat {
	line-height: 14px;
	margin: 5px;
	font-size: 10px;
}
.form_privacitat a {
	text-decoration: none;
	color: #60410B;
}
.form_privacitat a:hover {
	color: #000;
}
.form_privacitat_error {
	line-height: 14px;
	margin: 5px;
	font-size: 10px;
	color: #C00;
}
.form_privacitat_error a {
	text-decoration: none;
	color: #C00;
}
.form_privacitat_error a:hover {
	text-decoration: underline;
}
.form_boton{
	color: #E9DEC9;
	background: #60410B;
	cursor: pointer;
	height: 20px;
	font: 10px/16px Verdana, Geneva, sans-serif;
	width: 158px;
}
.form_boton:hover{
	color: #60410B;
	background: #E9DEC9;
}
.form_mensaje{
	padding-top: 15px;
	font-size: 10px;
	float:left;
	display:inline;
}
.form_mensaje_error{
	padding-top: 15px;
	font-size: 10px;
	color: #C00;
	float:left;
	display:inline;
}
.bocadillo {
	color: #333333;
	width: 200px;
	font-size: 11px;
}
.bocadillo strong {
	font-size: 12px;
}
.bocadillo a {
	color: #333333;
	text-decoration: none;
	display: block;
	width: 100px;
	text-align: center;
	background: #DBDCDD;
	font-size: 9px;
	line-height: 13px;
	height: 14px;
	margin-left: 50px;
	cursor: pointer;
}
.bocadillo a:hover {
	color: #FFFFFF;
	background: #666666;
}
.reserves_any{
	background: #836A46;
	width: 575px;
	height: 20px;
	margin-left: 25px;
	margin-top: 10px;
	line-height: 20px;
	color: #E9DECA;
	text-align: center;
	font-size: 18px;
}
.reserves_any a{
	float:left;
	width: 20px;
	display:inline;
	color: #E9DECA;
	text-decoration:none;
}
.reserves_any a:hover{
	background: #E9DECA;
	color: #836A46;
}
.reserves_any span{
	width:55px;
	float:left;
	display:inline;
}
.reserves_mes{
	color: #E4D7A3;
	background: #92764E;
	line-height: 12px;
	height: 12px;
	width: 140px;
}
.reserves_mes_actual {
	display: inline;
	float: left;
	text-align: center;
	width: 140px;
}

.reserves_setmana{
	width: 140px;
}
.reserves_setmana ul{
	margin: 0px;
	padding: 0px 3px 0px 3px;
	list-style: none;
	background: #E4D7A3;
	float: left;
	display: inline;
}
.reserves_setmana li{
	float: left;
	display: inline;
	line-height: 16px;
	height: 16px;
	width: 18px;
	margin-right: 1px;
	text-align: center;
}
.reserves_dies{
	background: #FFF;
	display: inline;
	float: left;
	width: 140px;
	height: 81px;
}
.reserves_dies ul{
	list-style: none;
	padding: 0px;
	margin: 2px 0px 0px 3px;
}
.reserves_dies li{
	height: 12px;
	width: 18px;
	text-align: center;
	display: inline;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	line-height: 12px;
}
.reserves_dies li.desactivat{
	color: #D3BB92;
}
.reserves_dies li.tempmitja{
	background: #E2D3B8;
}
.reserves_dies li.tempalta{
	background: #DA9E7A;
}
.reserves_dies li.reservat{
	background: #42210B;
	color: #E9DEC9;
}
.reserves_indicacions  {
	font-size: 9px;
	float: left;
	display: inline;
	margin-left: 25px;
}
.reserves_color{
	width: 16px;
	height: 6px;
	float: left;
	display: inline;
	margin: 4px 5px 0px 5px;
	padding: 0px;
	line-height: 6px;
}
.reserves_texte{
	display: inline;
	float: left;
	height: 14px;
	line-height: 14px;
	width: 120px;
}
.lacasa_plantes{
	width: 150px;
	float: left;
	display: inline;
}
.lacasa_plantes ul{
	margin: 25px 0px 0px;
	padding: 0 20px 0 0;
	list-style: none;
	color: #92764E;
	text-align: right;
	width: 130px;
	line-height: 20px;
	display: inline;
	float: right;
}
.lacasa_plantes a{
	color: #92764E;
	text-decoration: none;
	font-weight: bold;
	width: 130px;
	float: right;
}
.lacasa_plantes a:hover{
	color: #643211;
}
.lacasa_plantes a.actiu{
	color: #000;
}
.lacasa_fotografies{
	background: url(../images/CasaPlantaBaixa.jpg) no-repeat center;
	display: inline;
	float: left;
	width: 600px;
	height: 105px;
	position: relative;
}
a.f0{
	background: url(../images/foto0.png) no-repeat;
	height: 24px;
	width: 22px;
	text-decoration: none;
	position: absolute;
}
a.f0:hover{
	background: url(../images/foto0_h.png);
}
a.f0activa{
	background: url(../images/foto0_a.png) no-repeat;
	height: 24px;
	width: 22px;
	text-decoration: none;
	position: absolute;
}
a.f7{
	background: url(../images/foto7.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f7:hover{
	background: url(../images/foto7_h.png);
}
a.f7activa{
	background: url(../images/foto7_a.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f15{
	background: url(../images/foto15.png) no-repeat;
	height: 22px;
	width: 24px;
	text-decoration: none;
	position: absolute;
}
a.f15:hover{
	background: url(../images/foto15_h.png);
}
a.f15activa{
	background: url(../images/foto15_a.png) no-repeat;
	height: 22px;
	width: 24px;
	text-decoration: none;
	position: absolute;
}
a.f21{
	background: url(../images/foto21.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
	background-image: url(../images/foto21.png);
}
a.f21:hover{
	background: url(../images/foto21_h.png);
}
a.f21activa{
	background: url(../images/foto21_a.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f30{
	background: url(../images/foto30.png) no-repeat;
	height: 24px;
	width: 22px;
	text-decoration: none;
	position: absolute;
}
a.f30:hover{
	background: url(../images/foto30_h.png);
}
a.f30activa{
	background: url(../images/foto30_a.png) no-repeat;
	height: 24px;
	width: 22px;
	text-decoration: none;
	position: absolute;
}
a.f37{
	background: url(../images/foto37.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f37:hover{
	background: url(../images/foto37_h.png);
}
a.f37activa{
	background: url(../images/foto37_a.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f45{
	background: url(../images/foto45.png) no-repeat;
	height: 22px;
	width: 24px;
	text-decoration: none;
	position: absolute;
}
a.f45:hover{
	background: url(../images/foto45_h.png);
}
a.f45activa{
	background: url(../images/foto45_a.png) no-repeat;
	height: 22px;
	width: 24px;
	text-decoration: none;
	position: absolute;
}
a.f52{
	background: url(../images/foto52.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
a.f52:hover{
	background: url(../images/foto52_h.png);
}
a.f52activa{
	background: url(../images/foto52_a.png) no-repeat;
	height: 27px;
	width: 27px;
	text-decoration: none;
	position: absolute;
}
.serveis_text{
	float: left;
	display: inline;
	border: 1px solid #5B3C15;
	background: #E3DDC4;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 10px;
}
.serveis_text td{
	text-align:center; 
	width:150px; 
	height: 40px;
}
.serveis_icono {
	float: left;
	height: 40px;
	width: 40px;
}
#privacitat {
	width: 520px;
	margin: 15px auto 0px;
	color: #000;
	border: 1px solid #999999;
	background: #E9DEC9;
	height: 420px;
}
#privacitat .titulo {
	font: 16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #999999;
	width: 500px;
	float: left;
	color: #000;
	background: url(/images/privacitat.jpg) no-repeat right top;
	display: inline;
	margin: 5px 0px 0px 10px;
	padding: 60px 0px 0px;
}
#privacitat #texto p {
	display: inline;
	float: left;
	width: 500px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
}
#privacitat #texto a {
	color: #6F593B;
	text-decoration: none;
}
#privacitat #texto a:hover {
	color: #000;
	text-decoration:underline;
}
.calcul_import{
	background-color:#B69F7F; 
	float:left; display:inline; 
	width:150px; height:26px; 
	text-align:center; 
	line-height:26px;	
}
.calcul_import a{
	text-decoration: none;
	color: #42210B;
}
.calcul_import a:hover{
	text-decoration: underline;
}
#cistell{
	display: inline;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	width: 89px;
}
#cistell img{
	display: inline;
	float: left;
}
#cistell span{
	color: #6B4425;
	font-weight: bold;
	background: #9B8262;
	text-align: center;
	display: inline;
	float: left;
	width: 89px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
}
#oferta{
	display: inline;
	float: left;
	height: 80px;
	width: 475px;
	background: url(/images/oferta_fondo.jpg) no-repeat;
	margin-top: 18px;
	margin-left: 150px;
}
#oferta .texto{
	display: inline;
	float: left;
	color: #60410B;
	font-size: 11px;
	margin-left: 10px;
	width: 310px;
	height: 50px;
	margin-top: 8px;
}
#oferta .texto strong{
	color: #1A171B;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#oferta a{
	color: #666;
	float: right;
	display: inline;
	font-weight: bold;
	text-decoration: none;
	margin-right: 15px;
}
#oferta a:hover{
	color: #000;
}
#oferta .imagen{
	display: inline;
	float: left;
	height: 80px;
	width: 135px;
	background: no-repeat center center;
}
#siguenos{
	display: inline;
	float: left;
	height: 30px;
	margin-left: 25px;
}
#siguenos span{
	font-size: 12px;
	font-weight: bold;
	color: #E9DEC9;
	line-height: 30px;
	display: inline;
	float: left;
	height: 30px;
}
#siguenos a.facebook{
	background: url(/images/facebook.png) no-repeat left top;
	display: inline;
	float: left;
	height: 30px;
	width: 31px;
	margin-left: 10px;
}
#siguenos a.facebook:hover,
#siguenos a.twitter:hover{
	background-position: left bottom;	
}
#siguenos a.twitter{
	background: url(/images/twitter.png) no-repeat left top;
	display: inline;
	float: left;
	height: 30px;
	width: 31px;
	margin-left: 0px;	
}