body {
	text-align: center;
	padding: 0;
	margin: 0;
	background: #8c705e;
	}	
#container {
	width: 750px;
	margin: 0 auto;
	text-align:left; /*/ poso el text align pq la capa flotant de les ofertes comenci a contar desde la equerra*/
	}	
#header {
	height: 76px;
	background: #4a4949 url(../images/header.jpg) repeat-y;
	}	
	#headerLeft {
		float:left;
		}			
		#headerLeft h1 {
			text-align: left;
			font-size: 1px;
			text-indent: -2000px;
			height: 60px;
			width: 208px;
			float:left;
			background: url(../images/logo.gif) no-repeat center;
			}	
	#headerTop {
		float:right;
		padding-top:3px;
		width:50%;
		text-align:right;
		}
		#headerTop a {
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #ffffff;
			text-decoration: none;
			margin-right: 10px;
			}
		#headerTop a:hover {
			text-decoration: underline;
			}
		#headerTop .reserves {
			margin-top: 30px;
			margin-right: 3px;
			text-align:right;
			}
#top {
	clear:both;
	text-align: left;
	height: 24px;
	padding: 0 20px;
	background: #9e9c8c;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 24px;	
	}
	#top a {
		font: normal 12px Arial, Helvetica, sans-serif;
		text-decoration: none;
		}
	#top a.lnk0 {
		color: #ffffff;
		}
	#top a.lnk0:hover {
		color: #fff1c1;
		text-decoration: underline;
		}	
	#top a.lnk1 {
		color: #000000;
		}
#flash {
	border-bottom: 6px solid #221c17;
	}
#content {
	font: normal 12px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	}	
	#content .hotel {
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #5b4d42 url(../images/fons_hotel.jpg);
	}	
	#content .hotel h2,  #content .restaurant h2,  #content .tarifes h2, #content .ofertes h2, #content .situacio h2, #content .activitats h2, #content .habitacions h2, #content .contacte h2 , #content .meetings h2, #content .news h2{
			margin: 0;
			font: normal 18x 'Arial', Helvetica, sans-serif;
			padding: 0 0 15px 0;
			text-align: left;
			letter-spacing: 3px;
	}	
	#content .hotelLeft {
		text-align: justify;
		width: 335px;
		float:left;
		padding: 0 20px 0 0;
		margin: 0;
		}			
	#content .hotelRight {
		text-align: justify;
		width: 335px;
		float:right;
		padding: 0 0 0 20px;
		margin: 0;
		}
/*-----------------------------------------------------*/
	#content .situacio {
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #5b4d42 url(../images/fons_situacio.jpg);
	}
	#content .situacio li {
	text-decoration: none;
	list-style-type: none;	
	}
	#content .activitats {
		color:#000000;
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #D9DCE1 url(../images/fons_activitats.jpg);
	}		
		#content .activitats a.lnk {
			color: #123e6f;
			text-decoration:underline;
			}
		#content .activitats a.lnk:hover {
			text-decoration:none;
			}
	
	/*------------------ Salut ------------------*/
	#salut{
		color:#000000;
		width: 100%;;			
		background: #D9DCE1 url(../images/fons_activitats.jpg);
		font: normal 12px 'Arial', Helvetica, sans-serif;		
		line-height: 20px;
		padding-bottom:20px;
	}
		#salut h2{
		color:#000000;	
		margin: 0;
		font: normal 18x 'Arial', Helvetica, sans-serif;
		padding: 0 0 15px 0;
		text-align: left;
		letter-spacing: 3px;
		}		
		#salut_top{
		clear:both;
		text-align: left;
		height: 24px;
		padding: 0 20px;
		background: #9e9c8c;
		font: normal 13px Arial, Helvetica, sans-serif;
		color: #ffffff;
		line-height: 24px;
		}
		#salut_top a, a:visited{
		color: #fff;
		text-decoration:none;
		}
		#salut_top a:hover{
		color: #fff1c1;
		text-decoration:underline;
		}
		#salut_top .lnk1{
		color: #000;		
		}

		#salut_bottom{
		color:#000000;
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;	
		left: 5px;
		top: 5px;
		right: 5px;
		bottom: 5px;
		}
		#salut_bottom_left{
		text-align: justify;
		width: 335px;
		float:left;
		padding: 0 20px 0 0;
		margin: 0;
		}
		#salut_bottom_right{
		text-align: justify;
		width: 335px;
		float:right;
		padding: 0 0 0 20px;
		margin: 0;
		}
		#salut_bottom_posicio{		
		text-align:center;
		padding-left:250px;		
		}
		#salut_bottom_destacat{
		color:#FFFFFF;
		width:250px;
		font-size:12px;
		text-align:left;
		background-color:#666666;
		border: 1px dotted #000000;
		padding: 5px 5px 5px 5px;
		}
	#comentari{
	padding: 25px 20px 35px 20px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	.preu_destacat{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-style: italic;
	}
	/*---------------- fi salut ----------------------------*/
	#content .habitacions {
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #6A5641 url(../images/fons_habitacions.jpg);
	}
	#content .meetings {
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #808C1C url(../images/fons_meetings.jpg);
	}
	#content .meetings .imatges{
		padding: 10px 10px 10px 10px;
		background: #515A27;
	}
	/*------------------------------------------------*/
	#content .news {
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #6A5641 url(../images/fons_habitacions.jpg);
	}	#content .news h3 {
	font: bold 16px 'Arial', Helvetica, sans-serif;
	margin: 0;
	text-decoration: none;
	}
	.subtitol {
	font: 13px Arial, Helvetica, sans-serif;
	color:#34291F;
	}
	.newsContent {
	font: normal 12px 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	}
	.news_list_table{
	padding-bottom:30px;
	}
	.mainImage {
	border: 1px solid #221c17;
	margin-left: 10px;
	margin-bottom: 10px;	
	}
	.otherimages {
	border: 1px solid #221c17;
	margin-top:10px;
	}
	/*-------------------------------------------------*/
	#content .contacte {
		color:#000000;
		width: 710px;
		margin: 0;
		padding: 25px 20px 35px 20px;
		background: #9CB446 url(../images/fons_contacte.jpg);
	}
	#content .contacte p {
		margin: 0;
		padding: 0px 0px 0px 0px;
		text-align: left;
		}	
#mapa {
	border-bottom: 2px solid #221c17;	
	}
	
/*-----------------------------------------------------*/	
	#content .restaurant {
		text-align: justify;
		width: 710px;
		margin: 0;
		padding: 25px 20px 20px 20px;
		background: #771623 url(../images/fons_restaurant.jpg);
		}	
	#content .restaurant p {
		margin: 0;
		padding: 0px 40px 0px 40px;
		}	
	#content .restaurant br {
		line-height: 8px;
		margin: 0;
		padding: 0;
		}	
	#content .restaurantCarta {
		width: 750px;
		margin: 0;
		padding: 0;
		background: #372d25 url(../images/fons_carta.jpg) repeat-y right;
		}	
		#content .restaurantCartaLeft {
			text-align: justify;
			text-indent: 20px;
			width: 285px;
			float:left;
			padding: 0px 0 20px 0;
			margin: 0;
			}
		#content .restaurantCartaLeft img {
			text-indent: 0px;
			border: 0;
			padding: 0 0 5px 0;
			}
		#content .restaurantCartaLeft h2{
			margin: 0;
			font: normal 18px Arial, Helvetica, sans-serif;
			line-height: 38px;
			padding: 0;
			text-align: left;
			letter-spacing: 3px;
			}	
		#content .restaurantCartaLeft ul {
			border: 0;
			margin: 0; 
			padding: 0;			
			}
		#content .restaurantCartaLeft li {
			border: 0;
			margin: 0; 
			padding: 0;
			list-style: none;
			}	
		#content .restaurantCartaLeft a {
			padding: 8px 0 8px 0;
			font: normal 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			display: block;
			}		
		#content .restaurantCartaLeft a.lnk0 {
			color: #ffffff;
			}
		#content .restaurantCartaLeft a.lnk0:hover {
			background-color: #000000;
			}	
		#content .restaurantCartaLeft a.lnk1 {
			color: #9c948d;
			background-color: #2a221c;
			}
		#content .restaurantCartaRight {
			text-align: left;
			width: 425px;
			float:right;
			padding: 20px 20px 20px 20px;
			margin: 0;
			}	
		#content .restaurantCartaRight h3 {
			font: normal 12px Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 20px 0px 10px 0px;
			text-decoration: underline;
			}	
		#content .restaurantCartaRight h4 {
			font: normal 14px Arial, Helvetica, sans-serif;
			color:#b49e96;
			margin: 0;
			padding: 0px;
			}	
		#content .restaurantCartaRight .plat {
			float: left;
			width: 330px;
			margin: 0 0 0 20px;
			padding: 0;
			}	
		#content .restaurantCartaRight .preu {		
			color: #b49e96;			
			}	
		#content .restaurantCartaRight p {
			color: #b49e96;
			text-align: justify;
			margin: 0;
			padding: 0 0 10px 0px;
			line-height: 16px;
			}						
	/*----------------------------------------------------------------*/
	#content .tarifes {
	float:left;
	text-align: left;
	width: 750px;
	margin: 0;
	background: #49403C url(../images/fons_tarifes.jpg);	
	}
	#content .tarifes_top {
	padding: 25px 20px 0px 20px;
	}
	#content .tarifes_left {
	width: 460px;
	float:left;		
	}
	#content .tarifes_right {	
	width: 285px;
	float:right;
	}
	#content .tarifes table {
		color: #ffffff;
		margin: 10px 0px 20px 50px;
		}					
	#content .tarifes td {
		vertical-align: top;
		padding: 0 20px 0 0;
		}	
		#content .tarifes td p {
			color: #b49e96;
			margin: 0;
			padding: 0;
			line-height: 16px;
			}	
	#content .tarifes p  {
		padding: 0 0 0 80px;
		}		
	#content .tarifes h3 {
		margin: 0;
		font: normal 16px Arial, Helvetica, sans-serif;
		line-height: 38px;
		padding: 0 0 0 25px;
		text-align: left;
		}
				
/*----------------------------------------------------------------*/
	#content .ofertes {
		float:left;
		text-align: left;
		width: 710px;
		margin: 0;
		background: #49403C url(../images/fons_ofertes.jpg);
		padding: 25px 20px 20px 20px;	
	}
		#content .ofertes_top h2 {
			padding: 0 0 0 0;	
		}
		#content .ofertes_bottom {
			padding: 0 20px 0 20px;	
		}
		#content .ofertes_bottom h4 {
		margin: 0;
		font: bold 14px Arial, Helvetica, sans-serif;
		line-height: 25px;
		padding: 15px 0 0 0px;
		text-align: left;
		}
		#content .ofertes_bottom p {
			line-height: 20px;
			margin: 0;	
			padding: 0 20px 0 20px;	
		}
						
.dates {
color:#FFF;
}			
#footer {
	width: 750px;
	text-align: center;
	height: 20px;
	background: #221c17;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #9e9b99;
	line-height: 20px;
	}
	#footer a {
		color: #9e9b99;
		text-decoration: none;
		}		
	#footer a:hover {
		text-decoration: underline;
		}

a {
	color: #FFFFFF;
	text-decoration: none;
	}		
a:hover {
	text-decoration: underline;
	}		

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.meet_background {
background-color:#4b4949;	
}
.text_paragraf {	
	text-align:left;
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:13px;		
}
.text_subtitols {
	text-align:left;
	font-size:12px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.googleMap {
	width: 538px;
	height: 342px;
	padding: 0px;
	border: 2px solid #221c17; /*color recuadre mapa google*/
}
.tbl_contact {
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #000000;
	border: 2px solid #221c17;
	background-color:#808C1C;
}
.inputs {
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #221c17;
}
.buttons {
	font-size:11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #221c17;
}
.peu {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #525760;
  
}