/********************************************************PARAMETRES PEL BODY**********************************************************/

html, body  {
	padding: 0px;
	margin: 0px;
	background-color: #051820;
}

/********************************************************CAIXA PER A 1024 PIXELS*******************************************************/

#estructura  {
	position: absolute;
	left: 0px;
	top: 21px;
	z-index: 1;
	width: 972px;
	height: 538px;
	visibility: visible;
}


/*******************************************************CENTRAT VERTICAL I HORITZONTAL********************************************************/

#cvertical {
	width: 100%;
	height: 1px;
	overflow: visible;
	position: absolute;
	top: 50%;
	left: 0px;
}

#choritzontal  {
	width: 972px;
	height: 538px;
	position: absolute;
	margin-left: -486px;
	left: 50%;
	top: -269px;
	visibility: visible;
}

/********************************************************CAIXES INTERIORS DEL WEB*******************************************************/

#caixa  {
	position: absolute;
	z-index: 1;
	width: 972px;
	height: 538px;
	visibility: visible;
	background-color: #051820;
}

#logo {
	height: 140px;
	width: 162px;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 3;
}

#idioma {
	height: 22px;
	width: 156px;
	position: absolute;
	top: 126px;
	left: 776px;
	}

#notis {
	font: 10px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #FFFFFF;
	position: absolute;
	width: 613px;
	height: 80px;
	top: 170px;
	left: 287px;
	overflow: auto;
}

#contingutnoti {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 555px;
	overflow: visible;
	height: 55px;
	float: right;
	bottom: 0px;
}

#menucat {
	height: 22px;
	width: 726px;
	position: absolute;
	top: 108px;
	left: 214px;
	}
	
#menucas {
	height: 22px;
	width: 755px;
	position: absolute;
	top: 120px;
	left: 199px;
	}
	
#flash  {
	position: absolute;
	z-index: 1;
	visibility: visible;
	width: 100px;
	height: 100px;
	top: 184px;
	text-align: center;
	right: auto;
	left: 27px;
}

#centralfoto{
	position: absolute;
	z-index: 1;
	visibility: visible;
	height: 339px;
	top: 140px;
	left: 50px;
}

#excursions{
	position: absolute;
	z-index: 1;
	visibility: visible;
	width: 226px;
	height: 339px;
	top: 0px;
	left: 0px;
}

#grups{
	position: absolute;
	z-index: 1;
	visibility: visible;
	width: 226px;
	height: 339px;
	left: 228px;
}
#banquet{
	position: absolute;
	z-index: 1;
	visibility: visible;
	width: 226px;
	height: 339px;
	left: 456px;
	top: 0px;
}
#elceller{
	position: absolute;
	z-index: 1;
	visibility: visible;
	width: 226px;
	height: 339px;
	left: 684px;
	top: 0px;
}

#mapa {
	font: 10px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 403px;
	height: 341px;
	position: absolute;
	top: 150px;
}

#text {
	text-decoration: none;
	width: 448px;
	height: 330px;
	overflow: auto;
	padding: 10px;
	top: 142px;
	position: absolute;
	left: 487px;
}

#textactivitats {
	width: 400px;
	height: 310px;
	overflow: auto;
	padding: 10px;
	top: 144px;
	position: absolute;
	left: 500px;
}

#animacio {
	width: 470px;
	height: 313px;
	position: absolute;
	top: 154px;
	left: 10px;
}

#contingut {
	font: 12px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #FFFFFF;
	height: 288px;
	width: 930px;
	position: absolute;
	top: 191px;
	left: 20px;
}

#peu {
	font: 12px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #FFFFFF;
	position: absolute;
	left: 181px;
	width: 611px;
	height: 14px;
	bottom: 17px;
	z-index: 1;
}

#llegenda {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #FFFFFF;
	font-size: 14px;
	width: 205px;
	height: 25px;
	position: absolute;
	top: 475px;
	left: 259px;
	z-index: 1;
}

#calendari {
	width: 380px;
	height: 200px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 143px;
	left: 50px;
}

#diponibilitat {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #FFFFFF;
	font-size: 14px;
	width: 254px;
	height: 45px;
	position: absolute;
	top: 454px;
	left: 573px;
	z-index: 1;
}



#pie{
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
	font-size: 10.5pt;
	text-align: center;
	color: #444;
}

#imprimir {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 400px;
	height: 20px;
	position: absolute;
	left: 43px;
	bottom: 10px;
}

#notis {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 890px;
	height: 273px;
	position: absolute;
	left: 37px;
	bottom: 10px;
}

#notispagina {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 700px;
	height: 90px;
	position: absolute;
	left: 226px;
	top: 30px;
}


#flashentorn {
	width: 300px;
	height: 300px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 155px;
	left: 23px;
}

#textentorn {
	width: 582px;
	height: 300px;
	overflow: auto;
	padding: 10px;
	top: 155px;
	position: absolute;
	left: 337px;
}
/*********************************************ESTILS PER A TEXTES AMAGATS******************************************************************/

h1#logotip {
	width: 162px;
	position: relative;
	z-index: 1;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 1px;
	color: olive;
	text-indent: -9999px;
	background-image: url(../imatges/logo.jpg);
	height: 140px;
	background-repeat: no-repeat;
}

h4#footer {
	width: 611px;
	position: absolute;
	z-index: 1;
	font-family: "Trebuchet MS", Verdana, Arial, sans;
	font-size: 9px;
	color: #FFFFFF;
	text-indent: -9999px;
	background: url(../imatges/adresa.gif) no-repeat;
	height: 24px;
}

h1#pack { width: 226px; position: relative; z-index: 1; }
h1#pack a {
	width: 226px;
	height: 339px;
	background-image: url(../imatges/excursions.jpg);
	display: block;
	color: #033D6E;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
}
h1#pack a span { position: absolute; z-index: -1; }

h1#pack1 { width: 226px; position: relative; z-index: 1; }
h1#pack1 a {
	width: 226px;
	height: 339px;
	background-image: url(../imatges/salonsgrups.jpg);
	display: block;
	color: #033D6E;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
}
h1#pack1 a span { position: absolute; z-index: -1; }


h1#pack2 { width: 226px; position: relative; z-index: 1; }
h1#pack2 a {
	width: 226px;
	height: 339px;
	background-image: url(../imatges/casaments.jpg);
	display: block;
	color: #033D6E;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
}
h1#pack2 a span { position: absolute; z-index: -1; }


h1#pack3 { width: 226px; position: relative; z-index: 1; }
h1#pack3 a {
	width: 226px;
	height: 339px;
	background-image: url(../imatges/elceller.jpg);
	display: block;
	color: #033D6E;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
}
h1#pack3 a span { position: absolute; z-index: -1; }



/*********************************************ESTILS PER A MENU PRINCIPAL I IDIOMA******************************************************************/

ul#mprincipal {  
	list-style:none;
	margin:0;
	padding:0;
	}

ul#mprincipal li {
	padding:0;
	float:left;
	}
ul#mprincipal li a {
	display:block;
	/*width:121px;*/
	height:22px;
	text-decoration:none;
	}

ul#mprincipal li a:hover {
	background-position:bottom;
	}
ul#mprincipal li a span {
	display:none;
	}
	
#hostalcat {
	background-image:url(../imatges/catala/menu/hostal.gif);
	width: 56px;	
}
#restaurantcat {
	background-image:url(../imatges/catala/menu/restaurante.gif);
	width: 78px;	
}
#localitzaciocat {
	background-image:url(../imatges/catala/menu/localizacion.gif);
	width: 84px;	
}

#contactarcat {
	background-image:url(../imatges/catala/menu/contactar.gif);
	width: 73px;
}
#tarifescat {
	background-image:url(../imatges/catala/menu/tarifa.gif);
	width: 134px;
}

#activitatcat {
	background-image:url(../imatges/catala/menu/actividades.gif);
	width: 119px;
}

#entorncat {
	background-image:url(../imatges/catala/menu/entorno.gif);
	width: 64px;
}
#cellercat {
	background-image:url(../imatges/catala/menu/cellerjordi.gif);
	width: 118px;
}

#hostalcas {
	background-image:url(../imatges/castella/menu/hostal.gif);
	width: 55px;	
}
#restaurantcas {
	background-image:url(../imatges/castella/menu/restaurante.gif);
	width: 82px;	
}
#localitzaciocas {
	background-image:url(../imatges/castella/menu/localizacion.gif);
	width: 89px;	
}

#contactarcas {
	background-image:url(../imatges/castella/menu/contactar.gif);
	width: 72px;
}
#tarifescas {
	background-image:url(../imatges/castella/menu/tarifa.gif);
	width: 138px;
}

#activitatcas {
	background-image:url(../imatges/castella/menu/actividades.gif);
	width: 130px;
}

#entorncas {
	background-image:url(../imatges/castella/menu/entorno.gif);
	width: 73px;
}
#cellercas {
	background-image:url(../imatges/castella/menu/cellerjordi.gif);
	width: 116px;
}



#catala {
	background-image:url(../imatges/catala.gif);
	width: 78px;
}

#espanol {
	background-image:url(../imatges/castella.gif);
	width: 78px;
}

#llegenda2 {
	font: 12px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	width: 450px;
	height: 200px;
	position: absolute;
	left: 487px;
	top: 155px;
	color: #FFFFFF;
	z-index: 1;
}
/*********************************************ESTILS PER TEXTES******************************************************************/

h1 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	margin-bottom: 8px;
}

h3 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	color: #FF9900;
}

h4 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	color: #33CCFF;
	text-indent: 10px;
}

h5 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	color: #CCFFCC;
}	

 h6 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
	color: #FFFFFF;
}
.peucalendari {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 14px;
	color: #FF0000;
	margin-left: 3px;
	margin-right: 8px;
}


p {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	text-indent: 10px;
	margin: 1px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}


p#contingutnoti1{
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
}

/*********************************************CLASSES PER A TEXTES******************************************************************/

.turquesanegreta{
	font-weight: bold;
	color: #99CCCC;
}
.grisnegreta {
	font-weight: bold;
	color: #FFFFFF;
}
.blaunegreta {
	font-weight: bold;
	color: #3399FF;
}
.vermellnegreta {
	font-weight: bold;
	color: #CC0000;
}
.verdnegreta {
	font-weight: bold;
	color: #33CC00;
}
.marronegreta {
	font-weight: bold;
	color: #CC9900;
}
.cita {
	font: italic 10px 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #66CC99;
}

/*********************************************ESTILS PER CALENDARI******************************************************************/
.year {
	padding:0;
	width:380px;
	height:200px;
	position:relative;
	padding-top:100px;
	background-image: url(../imatges/catala/calendaricat.gif);
	background-repeat: no-repeat;
}
.year li {display:block; width:100px; height:12px;}
.vacances {
	color: #FF0000;
}
.year a {display:block; width:75px; height:19px; font-size:10px; font-family:'Trebuchet MS', 'Verdana', 'Arial', sans; overflow:hidden; text-decoration:none; color:#FFFFFF; padding:0 20px;}
.year a .days {
	display:none;
}

.year a:hover {background:transparent; text-align:right; cursor:default; color:#000;}
.year a:hover .month {background:transparent; cursor:default; color:#c00; font-weight:bold;}
.year a:hover .days {display:block; position:absolute; left:150px; top:150px; width:175px;}
.year a:hover .days em {
	display:block;
	font-style:normal;
	width: 25px;
	height:20px;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
	color: #000000;
}
.year a:hover .days .jan {
	width:25px;
}
.year a:hover .days .feb {
	width:100px;
}
.year a:hover .days .mar {
	width:125px;
}
.year a:hover .days .apr {
	width:25px;
}
.year a:hover .days .may {
	width:75px;
}
.year a:hover .days .jun {
	width:150px;
}
.year a:hover .days .jul {
	width:25px;
}
.year a:hover .days .aug {
	width:100px;
}
.year a:hover .days .sep {
	width:0px;
}
.year a:hover .days .oct {
	width:50px;
}
.year a:hover .days .nov {
	width:125px;
}
.year a:hover .days .dec {
	width:0px;
}
.year a:hover .days span {clear:left;}
.year a:hover .days .jantancat {
	color: #FF0000;
	font-weight: bold;
}
.year a:hover .days .monthsetsant {
	color: #FF9900;
	font-weight: bold;
}
.year a:hover .days .aprta1 {
	color: #00FF00;
	font-weight: bold;
}

/*********************************************ESTILS PER A PREUS******************************************************************/



.titol{
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 15px;
	color: #FFCC00;
	font-weight: bold;
	height: 15px;
	width: 200px;
}

.titoltarifa1 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 15px;
	color: #FFCC00;
	font-weight: bold;
	height: 15px;
	width: 125px;
	text-align: center;
}
.titoltarifa2 {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 15px;
	color: #FFCC00;
	font-weight: bold;
	height: 15px;
	width: 125px;
	text-align: center;
}
.concepte{
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	text-indent: 10px;
}
.preudia{
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
	text-align: center;
}
.preuhabitacio{
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
	color: #009933;
	padding-left: 10px;
	text-indent: 15px;
}



/*********************************************FORMULARI DE CORREU******************************************************************/


#formulario {
	padding: 5px;
	top: 157px;
	position: absolute;
	width: 771px;
	left: 173px;
	margin: 3px;
	height: 317px;
}

fieldset {
	border: 0;
	padding: 2px;
}

legend{
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-top:2px;
	padding-top:0;
	margin-bottom: 10px;
	padding-bottom: 0;
	color: #FFCC00;
	border: 0;
}


label,input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;
	display: block;
	width: 185px;
	float: left;
	margin-bottom: 10px;
}

textarea{
	border: 1px solid #ccc;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
	font-size: 13pt;
	color: #2F4165;
}
.submit {
	background-color: #98bb79;
	border-top: 1px solid #99CC66;
	border-left: 1px solid #99CC66;	
	border-right: 1px solid #669900;
	border-bottom: 1px solid #669900;
	margin-top:10px;
	margin-bottom:10px;
	color: #fcfcfc;
}

br {
	clear: left;
}

.input_green{
	color: #333333;
	width: 150px;
	height: 15px;
}

.no_style{
	border: 0;
}


ul#llistactivitats {
	color: #CCCCCC;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 10px;
}
.input_petit {
	color: #333333;
	width: 50px;
	height: 15px;
}


.label_nom{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
}


.input_nom{
color: #333333;
	width: 100px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_cognoms{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 70px;
}


.input_cognoms{
color: #333333;
	width: 150px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
	
}

.label_carrer{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
}


.input_carrer{
color: #333333;
	width: 100px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_numero{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 70px;
}


.input_numero{
color: #333333;
	width: 25px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_pis{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 40px;
	
}

.input_pis{
color: #333333;
	width: 25px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_cp{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 35px;
	
}

.input_cp{
color: #333333;
	width: 75px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_porta{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 50px;
	
}

.input_porta{
color: #333333;
	width: 25px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}



.label_poblacio{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
}


.input_poblacio{
color: #333333;
	width: 80px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_provincia{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 80px;
	
}


.input_provincia{
color: #333333;
	width: 80px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_mail{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 110px;
	
}

.label_mailcontacte{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
	
}

.input_mail{
color: #333333;
	width: 100px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_tel{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 60px;
	
}

.input_tel{
color: #333333;
	width: 80px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_in{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
}


.input_in{
color: #333333;
	width: 80px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_out{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 100px;
}


.input_out{
color: #333333;
	width: 80px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}


.label_adults{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 50px;
}



.input_adults{
color: #333333;
	width: 50px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}



.label_infants{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 50px;}



.input_infants{
color: #333333;
	width: 50px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}

.label_habitacio{
color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 150px;}



.input_habitacio{
color: #333333;
	width: 150px;
	height: 15px;
	border: 1px solid #ccc;
	color: #2F4165;
}
.label_consulta{
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans;
	font-size: 12px;
	width: 150px;}