			.copy{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				float: right;
				text-align: right;
			}
			.copy:hover{
				text-decoration: none;
			}

body{
background-image: url(../img/patro.gif);
font-family: Tahoma,  Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 11px;
line-height: 21px;
color: #666;
margin: 0;
}
#top{
width:665px;
margin: 0 auto;
background-color: #fff;
padding: 10px 0;
}
#top img{
	display: block;
	margin: 0 auto;
	border: none;
}
/* ---------------------->	Menu Navegacio < ------------------------------*/
				#menu{
				margin:	 0	0 0 15%;
				font-family: Geneva, sans-serif;
				font-weight: normal;
				}
				#menu ul
				{
				margin: 10px 0;
				}
				#menu  li
				{
				display: inline;
				list-style-type: none;
				padding-right: 20px;
				color: #ccc;
				font-size: 10px;
				}
				#menu a:link,  #menu a:visited{
				color: #999;
				text-decoration: none;
				}
				#menu a:hover{
				color: #cc9933;
				text-decoration: underline;
				}

#content{
width:645px;
margin: 10px auto;
padding:10px 10px;
background-image: url(../img/icona_fons.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #fff;
}
#content img{
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0 auto 5px auto;
	display: block;
}

/* ----	  INICI ------*/

														#col1
														{
														float: left;
														width: 200px;
														margin: 0 0 0 1px;
														}
														#col3
														{
														float: right;
														width: 200px;
														margin: 0 1px 0 0;
														}
														#col2
														{
														height: 300px;
														padding: 0 10px;
														margin-left: 215px;
														border-left: 1px solid #E7E7E7;
														margin-right: 215px;
														border-right: 1px solid #E7E7E7;
														max-width: 36em;
														}

/* ----	  HOSTAL   ------*/												

#hostal img{
margin: 0 0 0 15px;
display: inline;
}
#hostal h1{
	margin-bottom: 10px;
}
#hostal .floatLeft{
	margin: 0 10px 0 0;
}
#hostal #col1
{

}
#hostal #col3
{
}
#hostal #col2
{
height: auto;
padding: 0 10px;
margin-left: 210px;
border-left: 1px solid #E7E7E7;
margin-right: 210px;
border-right: 1px solid #E7E7E7;
max-width: 36em;
}
/* Retoc 1109*/

#hostal a.img1, #hostal a.img2{display: block; float: left; margin: 20px 0 0 0;}
#hostal a.img3, #hostal a.img4{display: block; float: left; margin: 20px 0 0 35px;}
#hostal a:hover{background: none;}
.clear{clear: left;}
#hostal p.float{ display:block; width: 330px; float: left;}
/* -- fiRetoc*/

/* ----	  TARIFES	------*/		
table{
	width: 560px;
	margin: 15px auto;
}
form table{
	width: 130px;
	margin: 0;
}
form table td{
	text-align: left;
	margin: 0;
	border: none;
}
caption{
	font-weight: bold;
}
td{
	border: 1px solid #D8D8D8;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	padding:2px 0;
}
.cela{
	background-color: #EEEBC0;
	text-align: left;
	padding-left: 5px;
}
th{
	text-align: center;
	line-height: 12px;
	padding: 7px 12px;
}
.buit{
	border: none;
	background-color: #fff;
}
.taulaFooter{
	text-align: left;
	border: none;
	background-color: #fff;
}
.taulaFooter strong{
font-size: 14px;
color: #CBC679;
}
.fila1{
	background-color: #CBC679;
}
.fila2{
	background-color: #EDE8A4;
}
.fila3{
	background-color: #F8F6DB;
}
dt{
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}
dd{
	margin: 0;
	padding: 0;
}

/* ----	  RESERVES	 ------*/		
form{
	width: 490px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto 20px auto;
}
.formTarifes{
	width: 550px;
}
form strong{
	text-decoration: underline;
}
fieldset{
	font-weight: bold;
	width: 550px;
	border: 1px solid #ccc;
	padding: 0 10px 10px 10px;
	margin: 0;
}

legend{
font-weight: normal;
margin-left: 5px;
margin-bottom: 11px;
}
.nofloat{
	float: none;
	display: inline;
}
label{
	display: block;
	width: 100px;
	padding: 0 10px 0 0;
	float: left;
	text-align: right;
	font-weight: normal;
}
input, select, textarea{
margin: 3px 0 3px 5px;
font-size: 11px;
font-family: Verdanal, Helvetica, sans-serif;
font-weight: normal;
border: 1px solid #CBC679;
background-color: #F6F4DD;
color: #333;
}
input{
	width: 204px;
	padding: 3px;
}
textarea{
padding: 3px;
width: 200px;
}
input:focus, textarea:focus{
	background-color: #fff;
}
input:hover, textarea:hover{
	border: 1px solid #A39C42;
}
.enviarBtn{
background-color: #F6F4DD;
color: #666;
display: block;
margin: 8px auto;
padding: 0 0 2px 0;
border: 1px outset #333;
width: 150px;
height: 22px;
}
.enviarBtn:hover{
	border: 1px outset #333;
	background-color:#F6E9BC;
}

hr{
	width: 95%;
	margin: 10px auto;
	background-color: #EEEBC0;
}
/* ----	  ENTORN   ------*/		
#entorn img{
	float: right;
	margin-left: 15px;
}
/* ----	  GALERIA	------*/		
#galeria a img{
width: 122px;
display: block;
margin: 4px;
padding:2px;
}
#galeria a{
float: left;
}
#galeria .float{
float: right;
margin: 7px 0 0 10px;
}

 .thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
/* ----	  CONTACTE	 ------*/		
#contacte img{
	margin: 15px 20px 15px 15px;
	float: left;
}
#contacte address{
	margin: 20px 0 0 10px;
}

.contacte fieldset{
	border: none;
	padding: 15px 0 0 0;
}
.contacte .enviarBtn{
margin: 15px 0 0 145px;
}
textarea{
	width: 205px;
	height: 70px;
}
														
#footer{
width:655px;
margin: 0 auto 15px auto;
padding: 5px;
height: 20px;
background-color: #fff;
}
#footer p{
	display: block;
	float: left;
}
#footer a{
margin-left: 5px;
}

/*	   -------	   */
h1{
	border-bottom: 1px solid #cccc99;
	display: list-item;
	list-style-type: none;
	list-style-image: url(../img/iconah1.gif);
	list-style-position: inside;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	padding: 0;
}
h2{
	font-family: Geneva, sans-serif;
	color: #333;
	font-size: 11px;
	margin: 0;
}
p{
	margin: 0;
	padding: 0;
}
img{
	margin: 10px 0;
	padding: 0;
}

a:link{
	color: #999933;
	padding: 0px 2px 5px 3px;
}
a:visited{
	color: #999933;

}

a:hover{
	background-color: #f6f5ec;

}

a:active{
	color: #999933;

}


#interiors.legal h2{
	font-size: 11px;
	margin-top: 10px;
}
#interiors.legal dt{
	font-weight: bold;
}
#interiors.legal div{
	margin: 10px auto;
	width: 520px;
	text-align: justify;
	border: 6px solid #CCCC99;
	padding: 15px;
}
.tancalegal
{
	display: block;
	background-color: #E7E7E7;
	border: 1px solid #DCDCDC;
	height: 24px;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-align: center;
	margin-top: 8px;
}
a:hover.tancalegal
{
	background-color: #CCCC99;
	border: 1px solid #979759;
	color: #979759;

}


/*	----- CLASSES ----- */

.floatLeft{
	float: left;
	margin: 0;
}
.floatRight{
	float: right;
	margin: 0;
}
.floatRightVelers{
	float: right;
	margin: 0 0 0 10px;
}
.clear{
	clear: both;
}
.marginToph1{
	margin-top: 20px;
}
.bordernone{
	border: none;
}
#formok{
	background-color: #C2C2AC;
	color: #fff;
	border: 1px solid #A5A589;
	width: 400px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin: 10px auto;
	padding: 15px;
	font-family: "Trebuchet MS", Geneva, sans-serif;
}


/*	-----  Errors Formularis ----- */
.formerror, .formerrorA{
	background-color: ThreedLightShadow;
	width: 450px;
	margin: 5px 0 15px 0;
	padding: 10px 0 0 0;
}
.formerror p{
	margin: 0;
	padding: 0 0 0 55px;
}
.formerror p img{
	padding: 0;
}
.formerror ul{
	margin: 0;
	padding: 0 0 8px 85px;
}
.formerror li{
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: normal;
}
.formerror img{
	border: none;
	}
.errortext{
	font-size: 10px;
	color: Maroon;
	margin-left: 116px;
}
.formerrorA{
	margin-left: 85px;
}
.formerrorA p{
	padding: 5px 15px;
	font-weight: bold;
}


