/* Body */

	body { 
		margin:0; 
		padding:0;
		background:#EBEADF;
		font: normal 12px arial;
		color:#242424;
		}
		
/* Base Links */

	a:link, a:active, a:visited  {
		color:#242424; 
		text-decoration:none;
		}
		
	a:hover {
		color:#000; 
		text-decoration:underline;
		}
	
	a {
    	outline: none;
    }

/* Base Text */

	p {  
		font:normal 12px arial;
		margin:0 0 20px 0;
		line-height: 15px;
		}

	h1 {
		font:normal 18px georgia;
		color:#333;
		padding:12px 0 5px 0 ;
		border-bottom:1px dotted #242424;
		margin:0 0 9px 0;
		}
	
	h2 { 
		margin:1px 0 4px 0;
		padding:0;
		color:#C17E37;
		font:lighter 16px arial;
		}
		
	span.eslogan {
		font: italic 14px georgia;
		color:#666;
		margin-left: 5px;
		}		

/* Estructura */	

	#header {
		height: 160px;
		width: 100%;
		background: url('../images/header.gif') top left repeat-x;
		}
	
	#header-content {
		width: 965px;
		margin: 0 auto;
		}
	
	#background {
		width: 600px;
		height: 150px;
		margin: 0 0 0 365px;
		background: url('../images/background.jpg') top left no-repeat;
		}

	#contenidor { 
		background:#EBEADF; 
		padding:40px 0 15px 0;
		width:965px;
		margin:0 auto 0 auto;
		}
		
	.contingut { 
		float:left; 
		width:465px;
		margin:0 20px 0 0;
		}
			
	.contingut a {font-weight:bold;}
	
	.info a, .dades a {color: #C17E37; font-weight: normal;}
	
	.escut {
		float:left;
		margin: -150px 0 0 0;
	}	
	
	.diapos {
		float: right;
		margin: 0;
	}
	
/* Situaciķ */

	.img_diapos {
    	width: 480px;
    	height: 382px;
    	margin: 0;
    	padding:0;
    	background: url('../images/diapos.jpg') no-repeat;
    }
    
    #map {
    	z-index: 1000;
    	margin: 0 0 0 45px;
    	top: 47px;
    	width: 400px;
    	height: 250px;
    }
    
    span.situacio_esq {
		float: left;
		font-weight: bold;
		width: 20%;
		}
		
	span.situacio_drta {
		float: right;
		width: 80%;
		margin:0 0 20px 0;
		line-height: 15px;
		}
	
/* Submenu */

	.submenu ul li.seleccio {
		font-weight:bold; 
		color:#C17E37;
		}	
	
	.submenu {
		float:left;
		width:100px; 
		margin:0 0 5px 0;
		}
		
	.submenu ul { 
		margin:0; 
		padding:0;
		}
	
	.submenu li {
		padding:5px 0 5px 0;
		list-style:none; 
		margin:0; 
		font:normal 11px arial;
		}
	
	.submenu li a, .submenu li a:link, .submenu li a:visited {
		text-decoration:none; 
		font-weight:normal;
		background: none;
		width: 100px;
		display: block;
		}
	
	.submenu li a:hover {
		text-decoration:underline;
		}
		
/* Text contingut */
			
	.info {
		float:left; 
		width:350px; 
		margin:0 0 5px 15px;
		}

/* Menu */

	#navigation {
		margin:70px 0 0 0;
		padding:0; 
		float: right;		
		}
	
	ul.menu li {
		display: inline;
		list-style-type: none;
		}

	ul.menu li a, ul.menu li a:link, ul.menu li a:visited {
		font: bold 11px arial;
		color: #fff;
		text-decoration: none;
		margin-right: 10px;
		padding: 4px 10px 4px 10px;
		float: left;
		text-align: center;
		background: #545337;
		text-transform:uppercase;
		}
		
	ul.menu li a:hover, ul.menu li.active a, ul.menu li.active a:link, ul.menu li.active a:active, ul.menu li.active a:visited {
		background: #C17E37;
		}
		
/* Footer */

	#bottom {
		background: #242424;
		padding:  10px 0;
		width: 100%;
		height: 30px;
		margin: 0 auto;
		border-top: 3px solid #C17E37;
		position: relative;
		bottom: 0;
		clear: both;
		}
	
	#bottom-content {
		width: 965px;
		margin: 0 auto;
		}
		
	.contacte {
		float: left;
		font-size: 11px;
		color: #fff;
		line-height: 25px;
		}
		
	.mail a:link, .mail a:visited {
		text-decoration: none;
		color: #FFF;
		}
		
	.mail a:hover {
		text-decoration: underline;
		}
		
	.credits {
		float: right;
		font-size: 11px;
		color: #fff;
		line-height: 25px;
		}
		
/* Logo */

	#logo {
		float:left;
		margin: 40px 0 0 0;
	}
	
/* Top */

	ul.top {
		float: right;
		padding: 0 10px 0 0;	
		}
		
	ul.top li {
		display: inline;
		list-style-type: none;
		}
		
	ul.top li a, ul.top li a:link, ul.top li a:visited {
		font-size: 11px;
		color: #FFFFFF;
		margin: 0 0 0px 5px;
		padding: 4px 8px;
		background: #242424;		
		}
		
/* Clear */

	.clear {
		clear: both;
		margin: 0;
		padding: 0;
		}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}
 
	.clearfix {display: inline-block;}
	
/* Layout 2 */
	
	#layout2 .contingut {
		float:left; 
		width:100%;
		margin:0 auto;
		}
	
	#layout2 .info {
		float:left; 
		width:850px; 
		margin:0 0 5px 15px;
		}

/* Serveis e Instalˇlacions */
	
	.left_image {
		float:left;
		margin:5px 10px 2px 0;
		}
		
	.right_image {
		float:right;
		margin:5px 0 2px 10px;
		}

/* Instalˇlacions */
 
	.instalacions_foto_left {
		margin:10px 0 0 0;
		padding:0;
		width: 250px;
		float: left;
		}

	.instalacions_text_left {
		width:525px;
		float:left;
		margin: 10px 0 0 30px;
		padding:0;
		}
	
	.instalacions_foto_right {
		margin:0 0 20px 0;
		padding:0;
		width: 250px;
		float: left;
		}

	.instalacions_text_right {
		width:525px;
		float:left;
		margin: 10px 30px 0 0;
		padding:0;
		}
	
	h3 {
		font:bold 14px arial;
		margin:0 0 2px 0;
		padding:0;
		}

/* Histōria */
		
	#layout2 .image_dreta {
		float:right;
		margin:-20px 0 2px 10px;
		}
		
	span.peu_foto {
		font: italic 10px arial;
		margin: -8px 20px 10px 0;
		text-align: right;
		display: block;
		}

/* Activitats */

	#layout2 .subcolumn1-2, #layout2 .subcolumn2-2 { width:405px; display:block;}
	
	#layout2 .subcolumn1-2 {
		float: left;
		display: block;
		margin: 0 40px 0 0;
		}
	
	#layout2 .subcolumn2-2 {
		float: right;
		display: block;
		margin: 0;
		}

	img.across { margin:0 0 20px 0; }

	span.caption { margin-top:-20px; color:#000; font-size:9px; padding:2px 0 10px 3px; line-height:1.3em; display:block; }

/* Botons Esqui */

	span.buto a {
		margin: 0 5px 0 0;
		padding: 3px 10px;
		height: 25px;
		background: #C17E37;
		color: white;
		font-size: 11px;
		font-weight: normal;
		}
		
	span.buto a:hover {
		background: #242424;
		text-decoration: none;
		}
/* Gastronomia */

	#gastronomia .escut2 {
		width:80px; 
		margin: 220px 0 0 0;
		}
	
	#gastronomia .info {
		float:left; 
		width:465px; 
		margin:0 0 5px 0px;
		}
		
/* Tarifes */
	
	#tarifes .escut {
		float:right;
		width:80px; 
		margin: 200px 0 0 0;
		}
	
	#tarifes .info2 {
		float:left; 
		width:450px; 
		margin:0 0 5px 0px;
		}
		
	p.informacio {
		font-size: 11px;
		margin:0px 0 10px 0;
		line-height: 15px;
		}

	
	a.ofertas, a.tarifas_cast, a.tarifas_cat, a.tarifas_en, a.tarifas_fr  {
		text-indent: -9999px;
		height: 25px;
		margin:20px 0 20px 0;
		width: 137px;
		float: left;
		}
	
	a.ofertas {
		margin-left: 40px;
		}
		
	div.ofertas_inici {
		margin: 30px 0 0 40px;
		}
	
	a.cast {
		background: url('../images/ofertas_cast.gif') top left no-repeat;
		}
		
	a.cast:hover {
		background: url('../images/ofertas_cast.gif') bottom left no-repeat;
		}
	
	a.cat {
		background: url('../images/ofertas_cat.gif') top left no-repeat;
		}
		
	a.cat:hover {
		background: url('../images/ofertas_cat.gif') bottom left no-repeat;
		}
	
	a.en {
		background: url('../images/ofertas_en.gif') top left no-repeat;
		}
		
	a.en:hover {
		background: url('../images/ofertas_en.gif') bottom left no-repeat;
		}
	
	a.fr {
		background: url('../images/ofertas_fr.gif') top left no-repeat;
		}
		
	a.fr:hover {
		background: url('../images/ofertas_fr.gif') bottom left no-repeat;
		}
	
	a.tarifas_cast {
		background: url('../images/tarifas_cast.gif') top left no-repeat;
		}
		
	a.tarifas_cast:hover {
		background: url('../images/tarifas_cast.gif') bottom left no-repeat;
		}
	
	a.tarifas_cat {
		background: url('../images/tarifas_cat.gif') top left no-repeat;
		}
		
	a.tarifas_cat:hover {
		background: url('../images/tarifas_cat.gif') bottom left no-repeat;
		}
	
	a.tarifas_en {
		background: url('../images/tarifas_en.gif') top left no-repeat;
		}
		
	a.tarifas_en:hover {
		background: url('../images/tarifas_en.gif') bottom left no-repeat;
		}
	
	a.tarifas_fr {
		background: url('../images/tarifas_fr.gif') top left no-repeat;
		}
		
	a.tarifas_fr:hover {
		background: url('../images/tarifas_fr.gif') bottom left no-repeat;
		}


/* Formulari Contacte */

	#layout2 .dades {
		float:left; 
		width:450px; 
		margin:0 15px 5px 0px;
		}
	
	#layout2 .formulari {
		float:right; 
		width:500px; 
		margin:0;	
		}
	
	#layout2 form {
		padding: 10px 0 0 50px;
		}
		
	#layout2 form fieldset {
		margin: 0px;
		display:block;
		padding: 10px 0px;
		border: 0;
		}
	
	#layout2 label{
		display:block;
		text-align:left;
		margin:4px 0 0 0;
		font: 12px arial;
		}
		
	input.contact {
		width:40%;
		height: 15px;
		padding:2px 0 2px 2px;
		color:#2F2E2A;
		font-size:11px;
		border: 1px solid #8e9181;
		}
	
	textarea.contact {
		width:300px;
		margin:0;
		padding:2px 0 2px 2px;
		color:#2F2E2A;
		font:11px arial;
		border: 1px solid #8e9181;
		}
		
	.error {
		font-size: 11px;
	  	color: #971618;
	  	margin-left: 2px;
	  	display:none;
		}
		
	input.contact_submit  {
		vertical-align: middle;
		height: 20px;
		width: 70px;
		border: 0;
		font: 11px arial;
		color: #ffffff;
		background-color: #C17E37;
		margin: 0px;
		padding: 0px;
		}
		
	input.contact_submit:hover {
		background-color: #242424;
		cursor: pointer;
		}
		
	span.destacat, span.ko, span.phone {
		display: block;
		width: 100%;
		font-size: 11px;
		padding: 5px;
		margin: 5px 0 15px 0;
		text-indent: 15px;
		line-height: 15px;
		}
		
	span.phone {
		float:left;
		background: url(../images/phone.png) 0px 5px no-repeat;
		font-weight: bold;
		}
		
	span.destacat {
		float:left;
		background: url(../images/ok.png) 0px 5px no-repeat;
		}
		
	span.ko {
		float:left;
		color: #971618;
		background: url(../images/error.png) 0px 5px no-repeat;
		}
	
	span.ko a:link, span.ko a:visited {
		color: #971618;
		font-weight: bold;
		text-decoration: underline;
		}

/* Reserves */
		
	#reserves .contingut {
		float:left; 
		width:100%;
		margin:0;
		}
	
	#reserves .escut {
		float:right;
		margin: -150px 0 0 0;
		}
	
	.columna1 {
		width: 45%;
		float:left;
		margin: 0 10px 0 0;
		}
		
	.columna2 {
		width: 50%;
		float:right;
		}
	
	#reserves form fieldset {
		border:0;
		font: 11px arial;
		display:block;
		}
	
	span.formulari {
		color: #313131;
		font: 12px arial;
		margin: 0 0 10px 0;
		}
		
	.error {
		font-size: 11px;
	  	color: #971618;
	  	display:none;
		}
	
	input.reserves {
		margin:0 0 2px 0;
		padding:2px 0 2px 2px;
		color:#2F2E2A;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #8e9181;
		height:15px;
		}
	
	textarea.reserves {
		margin:0px 0px 10px 0px;
		padding:2px 0 2px 2px;
		color:#2F2E2A;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #8e9181;
		}
	
	div.left {
		display:inline;
		float:left;
		width:156px;
		}
	
	div.right {
		display:inline;
		float:left;
		width:156px;
		}
		
	div.left .medium, div.right .medium {
		width:145px;
		}
	
	span.opcional {
		font-size:10px;
		color:#666;
	
		}
	
	form div label {
		margin:0 0 2px 0;
		clear:both;
		padding-top: 5px;
		font-size:11px;
		color:#333;
		display:block;
		}
		
	input.medium, select.medium {
		width:60px;
		margin:0 0 2px 0;
		padding:2px 0 2px 2px;
		border: 1px solid #8e9181;
		height: 15px;
		color:#2F2E2A;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		}
	
	select.medium {
		height: 20px;
		}
		
	select.small {
		width:40px;
		border: 1px solid #8e9181;
		color:#2F2E2A;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	.espai {
		height: 10px;
	}
			
	input.large, select.large, textarea.textarea {
		width:302px;
		margin:0 0 2px 0;
		padding:2px 0 2px 2px;
		border: 1px solid #8e9181;
		height: 15px;
		color:#2F2E2A;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		}
	
	.nota {
		font-size: 10px;
		margin: -8px 0px 7px 0px;
		color:#666;
		}

/* Galeria Fotogrāfica */
a.volver {font: 11px arial; color:#fff; background: #C17E37; text-decoration:none; padding: 3px 10px;}
a.volver:hover { background: #242424; text-decoration:none;}
a.linko {font: 11px arial; color:#242424; text-decoration:none;}
a.linko:hover {font: 11px arial; color:#242424; text-decoration:none;}
.texto {font: 11px arial; color:#242424;}
.texto_h {font: 11px arial; color:#242424;}
.titulo {font: bold 15px arial; color:#242424;}
.border {border: 2px solid #242424;}
#layout2 .gallery { float:left; width:830px; margin:0 0 5px 35px;}
li.seleccio a, li.seleccio a:hover, li.seleccio a:link, li.seleccio a:visited {font-weight:bold;  color:#C17E37; text-decoration:none;}