html {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

body {
	background-color: #333333;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	font-size: 12px;
	font-familiy: Arial, Helvetica, sans-serif;
	height: 100%;
}

a {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	color: #601F25;
	text-decoration: none !important;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#pagina {

	width: 824px;
	margin: 0 auto;
	border-left: 26px solid #601F25;
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

div#header {		
	width: 824px;
	height: 146px;
}
	
a#aLogo {
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

div#idiomes {
	text-align: right;
	padding: 40px 30px 0 0;
}	

a.selected {
color: #601F25;
	text-decoration: none !important;
	font-weight: bold;
}



div.menuVertical {
	background-color: #FFFFFF;
	float: left;
	width: 189px;
	padding: 50px 0 15px 0;
}

div.menuVertical ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

div.menuVertical ul li {
	margin: 0 0 0 0;
}

div.menuVertical ul li a {				
	color: #666666;
	display: block;
	width: 149px;
	padding: 4px 20px;
	text-align: left;
}

div.menuVertical ul li a:hover {
	color: #601F25;
	text-decoration: none !important;			
}
	
	
 

a.seleccionat {
	color: #601F25 !important;
	font-weight: bold;
	text-decoration: none !important;
}
	
div#contingut {
	padding: 0px 0 25px 0;
	text-align: left;
}

div#lateralDret {
	width: 635px;
	height: 181px;
	background-color: #CCCCCC;
	padding-left: 189px;
}

div.portadaSeccio {
	width: 559px;
	height: 181px;
	background-color: #601F25;
	text-align: center;
}

div#textSeccio {		
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 412px;
	padding: 50px 30px 50px 115px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

li.fotoProducte {
	margin: 0 5px 0 5px;
}

div#giratori {
	border: 1px solid #164B91;background-color: #B3CAF3;	
	padding: 10px 5px 5px 5px;
	margin: 0 auto;
	border-bottom: none;
}

div#botonsGaleria {
	border: 1px solid #164B91;background-color: #B3CAF3;
	border-top: none;
	padding-bottom: 5px;
	text-align: center;
	width: 430px;
	margin: 0 auto;
}

	
/* ====== SERVEIS ====== */			

span#menuCategories
{
	float: right;
	position: relative;
	height: 15px;
	width: 100%;
	margin-bottom: 50px;
	text-align: right;
	color: #666666 !important;
}
span#menuCategories a
{
	color: #666666 !important;
	text-decoration: none !important;
}
span#menuCategories a:hover
{
	color: #601F25 !important;
	text-decoration: none !important;
}
span#menuCategories a.selected
{
	color: #601F25 !important;
	text-decoration: none !important;
	font-weight: bold;
}


div#menuSubCategories {
	background-color: #FFFFFF;
	float: left;
	width: 128px;
	padding: -5px 0 15px 0;
}

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

div#menuSubCategories ul li {
	margin: 0 0 0 0;
}

div#menuSubCategories ul li a {				
	color: #666666;
	display: block;
	width: 128px;
	padding: 5px 0;
	text-align: left;
}

div#menuSubCategories ul li a:hover
{
	color: #601F25;
	text-decoration: none !important;
}

div#menuSubCategories ul li a.selected{
	color: #601F25;
	text-decoration: none !important;
	font-weight: bold;
}

div#textSeccioServeis
{
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 517px;
	padding: 15px 30px 50px 10px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}


div#lstServeis {
	padding: 20px 270px 0 0;
	text-align: left;
}

div.servei {
	float: right;
	width: 387px;
}

div.capServei {
	background: url(../../img/bg_servei1.jpg) no-repeat;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

div.contentServei
{
	padding: 10px 10px 10px 0;
	margin: 0 0 10px 0;
}

div.descripcioServei {							
	text-align: justify;
}

img.icoArbre {
	margin: 0 5px 0 0;
}

#seccioServeis {
	
	padding: 0  0 0 140px;
	_padding: 0 0 0 20px;
		
}


/* ====== CONTACTAR ====== */		

form#frmContactar {
	font-size: 12px;
	text-align: left !important;
}

form#frmContactar label {
	display: block;
	width: 80px;
	float: left;
}

form#frmContactar input {
	width: 300px;			    
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	height: 14px;
	margin-bottom: 7px;
}	

form#frmContactar textarea {
	width: 300px;
	height: 65px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	margin: 0 0 0 0;
	font-size: 12px;
}

div.msg {
	width: 22px;
	height: 22px;
	float: left;
	margin: 1px 0 0 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.botoEnviar	{
	width: 90px !important;
	height: 20px !important;
	font-size: 12px;
	float: right;
	color: #CCCCCC !important;
	background-color: #98313B !important;
	border: 1px solid #98313B !important;
}

div#botonera
{
	margin: 15px 8px 15px 0;
}	

div#sortida	{
	min-height: 20px;
	_height: 20px;
	text-align: left;
	padding: 10px 270px 10px 0;
	font-weight: bold;
}


/* ====== NOTICIES ====== */			

#seccioNoticies {
	
	
	padding: 0  0 0 140px;
	_padding: 0 0 0 20px;
	
	
}

#textSeccioNoticies {
	margin-bottom: 15px;
}

div#contentNoticies {
	text-align: left;
	padding: 20px 0 0 0;
}

	div.noticia {
		/*padding: 0 270px 10px 0;*/
		padding: 0 0 10px 0;
	}
	
		div.titolNoticia {
			font-weight: bold;
		}
		
		div.titolNoticia a
		{
			color: #601F25;
		}
		
		div.titolNoticia a:hover
		{
			color: #601F25;
			text-decoration: underline !important;
		}
	
		div.dataNoticia {
			color: #777777;
			margin-top: 2px;
		}
		
		div.descripcioNoticia {
			text-align: justify;
			margin-top: 5px;
		}
		
div#fitxaNoticia {
	text-align: left;
	
	
	padding: 0  270px 0 140px;
	_padding: 0 270px 0 20px;
	
	
}

div#divTornar {
	margin: 35px 0 0 0;
}

div#documents {
	margin: 35px 0 0 0;
}

div#imatges{
	width: 250px;
	float: right; 
	margin: 0 0 0 10px;
}			

div#paginacio {
	width: 280px;
	margin-top: 25px;
}

a.anterior {
	display: block;
	width: 14px;
	height: 14px;	
	background-image: url(../../img/fletxaEsq1.gif);
	background-repeat: no-repeat;
	float: left;
}

a.anterior:hover {

}

a.seguent {
	display: block;
	width: 14px;
	height: 14px;	
	background-image: url(../../img/fletxaDreta1.gif);
	background-repeat: no-repeat;
	float: left;
}

a.seguent:hover {

}

div#numeros {
	float: left;
	color: #CCCCCC;
	padding: 0 10px 0 10px;
}

div#numeros a {
	margin: 0 3px 0 3px;
}

span#actual {
	color: #000000;
	font-weight: bold;
	margin: 0 3px 0 3px;
}


/* ====== ACTIVITATS ====== */

div#contentActivitats {
	text-align: left;
	padding: 20px 0 0 0;
}

div.activitat {
	/*padding: 0 270px 10px 0;*/
	padding: 0 0 10px 0;
}

div.titolActivitat {
	font-weight: bold;
	margin-bottom: 10px;
}

div.descripcioActivitat {
	text-align: justify;
}

div#fitxaActivitat {
	text-align: left;
	
	
	padding: 0  270px 0 140px;
	_padding: 0 270px 0 20px;
	
}


/* ====== HABITACIONS ====== */

div#contentHabitacions {
	text-align: left;
	padding: 20px 0 0 0;
}

div.habitacio {
	/*padding: 0 270px 10px 0;*/
	padding: 0 0 10px 0;
}

div.titolHabitacio {
	font-weight: bold;
	margin-bottom: 10px;
}

div.titolHabitacio a
{
	color: #601F25;
}

div.titolHabitacio a:hover
{
	color: #601F25;
	text-decoration: underline !important;
}

div.descripcioHabitacio {
	text-align: justify;
}

div#fitxaHabitacio {
	text-align: left;
}


/* ====== RESERVES ====== */

#seccioReserves {
	
	padding: 0  0 0 140px;
	_padding: 0 0 0 20px;
	
}

#infoReserva {
	width: 850px;
}

#infoReserva .etiqueta {
	width: 125px;
}

#infoReserva .inputDades {
	width: 300px;
	border: 1px solid #CCCCCC;
}

#infoReserva .inputBorder {
	border: 1px solid #CCCCCC;
}

#infoReserva em {
	color: #FF0000;
}




form#frm {
	font-size: 12px;
	text-align: left !important;
}

form#frm table td#label{
	display: block;
	width: 80px;
	float: left;
	vertical-align: middle;
}

form#frm table td{
	display: block;
	float: left;
}

form#frm table td input {
	width: 300px;			    
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	height: 14px;
	margin-bottom: 7px;
}	

form#frm table td textarea {
	width: 300px;
	height: 65px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	margin: 0 0 0 0;
	font-size: 12px;
}

div.msg {
	width: 22px;
	height: 22px;
	float: left;
	margin: 1px 0 0 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.botoEnviar	{
	width: 90px !important;
	height: 20px !important;
	font-size: 12px;
	float: right;
	color: #CCCCCC !important;
	background-color: #98313B !important;
	border: 1px solid #98313B !important;
}

div#botonera
{
	margin: 15px 8px 15px 0;
}	





/* ====== FOOTER ====== */
	
div#peu {
	background-color: #601F25;
	height: 20px;
	padding: 5px 0 0 0;
}
	
div#contingutPeu {
	color: #FFFFFF;
	text-align: center;
}



/* ================================================ */


#galeria_imatge_gran {
	width: 412px;
	height: 276px;
}

#galeria_imatges_petites {
	float: left;
	width: 81px;
	height: 276px;
	margin-right: 25px;
	overflow: auto;
}

.galeria_thumb {
	cursor: pointer;
}





#imatge_gran {
	width: 250px;
	height: 250px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#imatges_petites {
	width: 250px;
	margin-top: 20px;
}

.thumb {
	border: 1px solid #999999;
	cursor: pointer;
	margin-bottom: 10px;
}



/* CLASSES  VARIES */

/* color fila */
.color0 { background-color: #FFFFFF; }
.color1 { background-color: #F9F9F9; }
.highlight { background-color: #EBF1FC; }

/* font */
.bold { font-weight: bold !important; }

/* float */
.rflo { float: right; }
.lflo { float: left; }

/* align */
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }

.large { width: 250px; }
.short { width: 100px; }

/* nota */
.nota {
	margin-top: 15px;
	font-size: 11px;
}

/* clear */
.clear {
	clear: both;
}



#textCategoriaServeis {
	padding: 0px 30px 50px 115px;
}

#textNoticia {
	padding: 35px 0px 20px 105px
}

#documentsNoticia {
	padding: 35px 0px 20px 105px
}

#textHabitacio {
	padding: 35px 0px 20px 105px
}

#documentsHabitacio {
	padding: 35px 0px 20px 105px
}

.botoAfegirReserva {
	margin-right: 22px;
}

#textActivitat {
	padding: 35px 0px 20px 105px
}

#documentsActivitat {
	padding: 35px 0px 20px 105px
}

#textRestaurant {
	padding: 35px 0px 20px 105px
}

#textGaleria {
	padding: 35px 0px 20px 105px
}

#map {
	width: 412px;
	height: 276px;
	border: 1px solid #000000;
	overflow: hidden;
}

.botoEnviarContactar {}