/* body html */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	color: #2f2f2f;
	background: #f3f3eb url('imatges/back_content.gif') center top repeat-y;
	min-height: 100%; /* alto minimo FF y Safari */
	height: 100%; /* alto minimo para IE Windows */
}
html>body {
     height: auto; /* con este hack escondemos el min-height de IE*/
}
/* Menu */
ul#navigation {
	float: right;
	display: inline; margin: 92px 0px 0 0; padding: 0;
}

ul#navigation li {
	display: inline; float: left; 
}

ul#navigation a {
	display: block;
	width: 100px; height: 30px;
	text-align: center; padding: 10px 0 0 0;
	background: url(imatges/tab.png) no-repeat;
	text-decoration: none;
	font: bold 11px "Lucida Grande", "Trebuchet MS", sans-serif; color: #FFF;
}

ul#navigation a.active, ul#navigation a.active:hover  {
	display: block;
	width: 100px; height: 30px;
	text-align: center; padding: 10px 0 0 0;
	background: url(imatges/tabActiu.png) no-repeat;
	font: bold 11px "Lucida Grande", "Trebuchet MS", sans-serif; color: #313131;
}

ul#navigation a:hover {
	display: block;
	width: 100px; height: 30px;
	text-decoration: none;
	background: url(imatges/tabHover.png) no-repeat;
	font: bold 11px "Lucida Grande", "Trebuchet MS", sans-serif; color: #FFF;
}
/* Shadow */
	#shadow, #shadow-large, #shadow-medium, #shadow-small {
  	position: absolute;
	top: -40px;
	left: 150px;
	z-index: 999999;	
	width: 25px;	 
}
	#shadow {
	height: 460px;
	background: url(imatges/shadow.png) no-repeat;	
}
	#shadow-large {
	height: 667px;
	background: url(imatges/shadow-large.png) no-repeat;
}	
	#shadow-medium {
	height: 480px;
	background: url(imatges/shadow-medium2.png) no-repeat;
}
	#shadow-small {
	height: 490px;
	background: url(imatges/shadow-small.png) no-repeat;	
}
	.marge_sidebar {
	height: 28px;	
}

/* Sitemap */
#sitemap {
	color: #8a0722;	
	font-size: 11px;
}
#sitemap a {
	color: #8a0722;
	text-decoration: none;
}
#sitemap a:hover {
	color: #313131;
	text-decoration: none;
}
/* Idiomes */
ul.idiomes {
	float: right;
	padding: 0px 27px;	
}
ul.idiomes li {
	display: inline;
	list-style-type: none;
}
ul.idiomes li a, ul.idiomes li a:link, ul.idiomes li a:visited {
	margin: 0 5px 0px 10px;
	padding: 6px 0 0px 0;
	float: left;
}
/* Social Icons */
ul.social {
	position: absolute;
	top: 42px; right: 30px;
	list-style: none; 
}
ul.social li {
	float: left; 
	margin-left: 10px;
	width: 24px;
	height: 24px;
}
ul.social li.facebook { 
	background: url(imatges/facebook.png) no-repeat;
}
ul.social li.twitter { 
	background: url(imatges/twitter.png) no-repeat;
}
ul.social li.flickr { 
	background: url(imatges/flickr.png) no-repeat;
}
ul.social li a {
	display: block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}
/* Header */
#top {
	/* background: #4A0412; */
	background: url('imatges/header.jpg') top left no-repeat; 
	border-bottom: 8px solid #E5E2D3;
	border-bottom: 1px solid #c6c2bf;
	width: 800px;
	height: 142px;
	margin: 0 auto;
	position: relative;
}

/* Estructura */
#main {
	width: 100%;
	margin: 0;
	padding: 0;
}
#content {
	width: 750px;
	z-index: 10000;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 0 0;
}
#insidecontent {
	width: 530px;
	float: right;
	margin: 0;
	padding: 20px 0 20px 0;
}
/* Footer */
#bottom {
	background: #8a0722;
	/*background: #f2eeee url('imatges/footer.gif') bottom left repeat-x;*/
	border-top: 2px solid #FFFFFF;
	padding:  10px 0;
	width: 800px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	clear: both;
}
#footer {
	text-align: center;	
	font-size: 11px;
	color: #FFF;
	line-height: 17px;
}
.mail a:link {
	text-decoration: none;
	color: #FFF;
}
.mail a:hover {
	text-decoration: underline;
}
/* Continguts */
#insidecontent h2 {
	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #8a0722;
	padding: 3px 0;
	margin: 2px 0 5px 0;
}
.imatges {
	padding: 2px 2px 0 2px;
	*padding: 2px;
	border: 1px solid #8a0722;
	height:302px;
	width:510px;
	background:#fff;
}
.text {
	float: left;
	width: 530px;
	margin: 8px 7px 20px 0;
	font-size: 11px;
	line-height: 17px;
	color: #313131;
}
.text h4 {
	font-size: 12px;
	line-height: 17px;
	color: #8a0722;
	font-weight: bold;
}	
.text p {
	font-size: 11px;
	line-height: 17px;
	color: #313131;
}

img.imatge_grup {
	padding: 2px 2px 2px 2px;
	*padding: 2px;
	border: 1px solid #8a0722;
	height:192px;
	width:318px;
	background:#fff;
	margin-top: 20px;
	margin-left: 96px;
}
p.text_grup {font-size: 11px; line-height: 17px; color: #313131;}
/* Clear */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
span.clr {
	display: block;
	clear: both;
}

/* Sidebar */

#sidebar {
	position: relative;
	z-index: 1;
	width: 180px;
	margin: 42px 0px 0px 0px;
}

#sidebar ul {
	list-style: none;
}

#sidebar a, #sidebar h3.cat {
	width: 130px;
	display: block;
	padding: 3px 5px 3px 40px;
	background: url(imatges/tab_small.gif) center right no-repeat;
	margin: 5px 0;
	text-decoration: none;
}

#sidebar a {
	color: #595965;
}

#sidebar ul li.subactive {
	color: #8a0722;
	width: 130px;
	display: block;
	padding: 3px 5px 3px 40px;
	background: url(imatges/tab_small.gif) center right no-repeat;
	margin: 5px 0;
	text-decoration: none;
}

#sidebar h3.cat {
	background: url(imatges/tab_big.gif) center right no-repeat;
	padding: 4px 5px 4px 40px;
	margin: 8px 0;
}

#sidebar h3 {
	font-size: 13px;
}

#sidebar h3.cat {
	color: #fff;
	text-shadow: 1px 2px 1px #000;
}
.enlaces ul {
	width: 170px;
	list-style: none;
	position: relative;
	margin: 5px 0px 0px 10px;
}
.enlaces ul li.last {
	margin: 6px 0px 0px 40px;
}
.enlaces ul li.banner {
	margin: 5px 0px 0px 0px;
}

/* Hotel info+social */
.info {  
	font-family: "Lucida Grande", arial, verdana, helvetica, sans-serif;   
	font-size:12px;  
	border: 1px solid #FFF;  
	margin: 10px 0px;  
	padding:15px 0 15px 60px;
	background: #ebe6d5 url('imatges/info.png') 10px center no-repeat;
	color: #8a0722; 
	width: 450px;
}
span.quote_left, span.quote_right {font-size: 28px; position: absolute; margin-top: -5px;}
span.quote_left {margin-left:-15px;}
span.quote_right {margin-left:6px;}

.info_spa {  
	font-family: "Lucida Grande", arial, verdana, helvetica, sans-serif;   
	font-size:12px;  
	border: 1px solid #FFF;  
	margin: 10px 10px 0px 0px;  
	padding:10px;
	background: #ebe6d5;
	color: #8a0722;
	overflow: hidden;
	width: 490px;
}

.info_spa span.novedad {line-height: 18px; color: #313131; width: 320px; display: block; float: right; margin-bottom: 5px;}

#main .info_spa span.novedad a {font-size: 11px;color: #8a0722; text-decoration: underline;} 

.info_spa img {margin-right: 20px; float: left; width: 150px;} 

/* Ofertas */
.ofertas {
	background-color:#EFEAD8;
	border:1px solid #fff;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 10px 10px 0px 0px;
	width:500px;
	display:block;
	padding: 10px;
}
.ofertas h4 {
	font-size: 14px;
	font-weight: bold;
	color: #313131;
	margin-bottom: 5px;
}
.ofertas span.condicions {
	font-size: 9px;
	color: #000000;
}
span.preu {
	float: right;
	margin-right: 10px;
}
span.nota {
	font-size: 9px;
	color: #8a0722;
}
a.reservar-ofertas {
	width: 59px;
	height: 17px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}
a.reservar-ofertas:hover {
	width: 59px;
	height: 17px;
}
a.cast {
	background: url('imatges/reservar.jpg') top left no-repeat;
}
a.cast:hover {
	background: url('imatges/reservar.jpg') bottom left no-repeat;
}
a.eng {
	background: url('imatges/reservar-eng.jpg') top left no-repeat;
}
a.eng:hover {
	background: url('imatges/reservar-eng.jpg') bottom left no-repeat;
}
a.fr {
	background: url('imatges/reservar-fr.jpg') top left no-repeat;
}
a.fr:hover {
	background: url('imatges/reservar-fr.jpg') bottom left no-repeat;
}
/* Formularis */
span.formulari {
	color: #313131;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	line-height: 16px;
}
label{
	color:#313131;
	font-size:11px;
	display:block;
	text-align:left;
	margin:4px 0 0 0;
	padding:2px;
}
input.contacte {
	background-color:#FDFBF4;
	width:40%;
	color:#2F2E2A;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea.contacte {
	background-color:#FDFBF4;
	width:300px;
	margin:0;
	color:#2F2E2A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 45px;
}

form fieldset {
	background-color:#EFEAD8;
	border:1px solid #fff;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 10px 10px 0px 0px;
	width:500px;
	display:block;
	padding: 10px 0px 10px 20px;
}
form fieldset p {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:11px;
}
.error {
	font-size: 11px;
  	color: #971618;
  	margin-left: 5px;
  	display:none;
}

input.reserves {
	background-color:#FDFBF4;
	margin:0;
	color:#2F2E2A;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea.reserves {
	background-color:#FDFBF4;
	margin:0;
	color:#2F2E2A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/* Reserves */

div.left{
	display:inline;
	float:left;
	width:160px;
}
div.right{
	display:inline;
	float:left;
	width:160px;
}
div.habitacions {
	margin-top: 4px;
	width: 400px;
}
div.check{
	display:inline;
	float:left;
	width:120px;
}
div.left .medium, div.right .medium{
	width:150px;
}

form div label.direccio {
	margin:0;
	clear:both;
	padding-top: 3px;
	padding-bottom: 6px;
	font-size:9px;
	line-height:9px;
	color:#666;
	display:block;
}

form div label {
	margin:0;
	clear:both;
	padding-top: 5px;
	font-size:10px;
	color:#333;
	display:block;
}
input.medium, select.medium{
	width:60px;
	margin: 0;
	background-color:#FDFBF4;
}
input.large, select.large, textarea.textarea{
	width:310px;
	margin: 0;
	background-color:#FDFBF4;
}
/* Mapa */
.mapa {
	padding: 2px;
	border: 1px solid #8a0722;
	height:311px;
	width:510px;
	background:#fff;
}
/* Tarifes */
.preus {
	font-size: 11px;
}
tr:hover td.selector {
	background-color: #E4E49D;
}
.extras {
	float: left;
	width: 50%;
	font-size: 10px;
	margin: 20px 10px 10px 10px;
	line-height: 14px;
}
.extras h5 {	
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 2px;
}
.tarifas {
	width: 42%;
	float: left;
	font-size: 10px;
	margin: 20px 10px 10px 10px;
}
.tarifas h5 {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 2px;
}
.tarifas span.ad {
	display: block;
	background: #F3F3EB;
	padding: 2px 2px 2px 4px;
	margin-bottom: 2px;
}
.tarifas span.mp {
	display: block;
	background: #F3F0E2;
	padding: 2px;
	margin-bottom: 2px;
}
.tarifas span.pc {
	display: block;
	background: #EFEAD8;
	padding: 2px;
	margin-bottom: 2px;
}
/* Premsa */
ul.links {
	margin-left: 16px;
	list-style-type: square;
}
ul.links li {line-height: 20px;}
/* Formats texte */
p {
	color: #222;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	line-height: 16px;
}
/* Links */
a {
	outline: none;
}
a:link, a:hover, a:active {
	text-decoration:none;
	color: #313131;
}
a:visited { color:#313131; }
a:hover { color: #8a0722; text-decoration:none; }
/* Altres */
#campanes {position: absolute; top: 150px; margin-left: 420px; width: 112px; height: 111px; background: url(imatges/campanes.png) no-repeat;}
#sidebar a.navidad, #sidebar ul li.nadal {background: url(imatges/tab_nadal.gif) center right no-repeat; padding: 6px 5px 6px 40px;}
#sidebar ul li.subactive_nadal {
	color: #8a0722;
	width: 130px;
	display: block;
	padding: 6px 5px 6px 40px;
	background: url(imatges/tab_nadal.gif) center right no-repeat;
	margin: 5px 0;
	text-decoration: none;
}
/* Pàgina links */
.item {width: 150px; height: 135px; float: left; margin: 10px 32px -20px 0; position: relative;} .item a, .item a:visited, .item a:link {text-decoration: none;}
.block {width: 150px; height: 111px;} .block img {position: absolute; bottom: 30px; border: none;} .ultim {margin-right: 0;}
.pag_enlace {margin-top: 2px; text-align: center; font-size: 11px;}

/* Banner Reserves */
#BookingForm { height: 130px; margin:0; padding:0; margin-bottom: 20px; position: relative;}

h1 {font-size: 16px; margin-bottom: 10px; color: #8a0722; } h1 span {font-size: 14px; font-style: italic;}
div.fecha  {
	width: 120px;
	float: left;
	margin-right: 20px;
}

div.selector {float: left; margin-right: 30px;}
div.selector select {margin-top: 0px; height: 19px; background: #efefef; width: auto;}
div.habitaciones select {width: 70px;}
div.personas {float:left; width: 175px;}
div.personas .selector {margin-right: 0; float: none;}
div.personas .selector select {width: 80px;margin-right: 4px;margin-bottom: 4px;}

div.fecha input  {
	width: 80px;
	margin-right: 4px;
	padding: 4px;
	border: 1px solid #999;
}

form div label {display: block; margin-bottom: 2px;}

button.enviar_reserva {position: absolute; top: 90px; left: 0;border: 0; text-align: center; width: 70px; height: 19px; text-transform: uppercase; background: #8a0722; color: #fff; padding: 3px; font-size: 11px;}
button.enviar_reserva:hover {background: #656471;}