body {
	background:#FFFFFF url(body-in-bg.gif) repeat-x 0 0;
	font:normal 12px Arial, Verdana, Tahoma;
	color:#4F2E2E;
	padding:0;
	margin:0;
}
html{
	padding:0;
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#7F7F7F;
}

a:hover { color:#000000; }
h3{
	color:#960606;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:2px solid #333;
	margin:20px 0 5px 0;
	
}
#dContInt h3{
	padding-left:12px;
}
.inici #dContInt h3{
	padding-left:2px;
}
#dContInt p{
	padding-left:20px;
}
#dContInt ul{
	margin-left:25px;
}
.inici #dContInt p{
	padding-left:0px;
}
#dContInt h4{
	padding-left:18px;
	margin:0;
}
.inici #dContInt h4{
	padding-left:0px;
}




#dCos {
	width:960px;
	margin:0 auto;
}
#dLat{
	position:relative;
	float:right;
	width:200px;
}
#dLat #dAniFlaLat{
	position:absolute;
	top:226px;
}
#listaHabs{
	margin:0;
	padding:0;
}
#listaHabs li{
	background:#F9F9F9;
	border-bottom:1px solid #CCC;
	list-style:none;
	padding:2px;
	margin:0 0 4px 5px;
	display:block;
	width:185px;
	height:14px;
}
#listaHabs li a:link,#listaHabs li a:visited{
	color:#333;
	float:left;
	width:100%;
	padding-left:15px;
	background:url(flecha.gif) left 3px no-repeat;
}
#listaHabs li a:hover,#listaHabs li a:active{
	color:#900;
}
.dHab,.dHot{
	width:700px;
	overflow:auto;
}
.listaImagHab{
	float:right;
	width:330px;
	overflow:auto;
}
.listaImagCom{
	width:700px;
	overflow:auto;
	display:block;
	clear:right;
}
li.liImag{
	float:left;
	margin:3px;
	list-style:none;
}
li.liImag a:link img,li.liImag a:visited img{
	border:1px solid #963;
	padding:2px;
}
li.liImag a:hover img,li.liImag a:active img{
	border:1px solid #630;
	background:#F0DCC1;
	padding:2px;
}
.icon {
	background:transparent url(all-icons.gif) no-repeat;
	padding-left:20px;
}

#date-now {
	background-position:0 11px;
	font-size:10px;
	color:#EFEFEF;
	text-transform:uppercase;
	line-height:38px;
	display:block;
	float:left;
}

#top-search-wrap {
	float:right;
	width:275px;
}

#top-search {
	position:relative;
	width:275px;
	height:38px;
	padding:0;
}

#top-search label {
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	position:absolute;
	top:14px;
	left:0;
}

#top-s {
	position:relative;
	background:#F6F6F6 url(search-top-text-bg.gif) repeat-x 0 0;
	padding:4px;
	top:9px;
	height:13px;
	border:none;
	font-size:10px;
	color:#000000;
	text-transform:uppercase;
	left:53px;
	width:204px;
}

#branding {
	height:101px;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
	margin-bottom:1px;
}

#blog-description-shadow {
	position:absolute;
	display:block;
	left:287px;
	top:40px;
	color: #3E2C20;
	font:normal 15px Tahoma, Verdana, Arial;
}
#dCab{
	background: url(cabecera.jpg) left 2px no-repeat;
	position:relative;
	top:0;
	left:0;
	border-top:1px solid #000;
	height:180px;
}
#dAudio{
	position: absolute;
	top:0;
	left:340px;
}
#dLogo{
	position:absolute;
	top:53px;
	left:37px;
}
#dLogo a span{
	display:none;
}

#dLogo a{
	background:url(logo-hotel.png) top left;
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:80px;
}
#menuIdi{
	position:absolute;
	top:15px;
	left:545px;
}
#menuIdi li{
	float:left;
	margin:3px 5px;
	list-style:none;
}
#menuIdi li a:link,#menuIdi li a:visited{
	color:#fff;
}
#menuIdi li a:hover,#menuIdi li a:active{
	color: #C6B9AE;
}
#dMen{
	position:relative;
}
#lMen{
	position:absolute;
	top:139px;
	left:30px;
	display:block;
	height:40px;
	overflow:hidden;
	margin-bottom:1px;
}

#lMen li {
	display:inline;
	list-style:none;
}

#lMen a {
	background:transparent url(menu-separator.gif) no-repeat 100% 0;
	display:block;
	float:left;
	height:40px;
	font-size:10px;
	line-height:40px;
	color:#FFFFFF;
	padding:0 11px 0 8px;
	text-transform:uppercase;
}

#lMen a:hover,#lMen a:active, #lMen {
	color: #D0C8B7;
}

.read-more {
	background-color:#720c0e;
	display:block;
	float:left;
	padding:6px;
	color:#FFFFFF;
	margin-top:7px;
}

.read-more:hover { 		color:#FFFFFF; background-color:#870b0f; }
#dContInt{
	position:relative;
	margin:0;
	border-top:1px solid #623A01;
	width:688px;
	background:url(contInt.jpg) top left no-repeat;
	padding:10px 20px 40px 40px;
}
/* INDEX */

.inici #dContInt{
	background:none;
	padding:0;
	width:748px;
}
.decoTribal{
	position:absolute;
	width:427px;
	height:40px;
	top:185px;
	left:260px;
	background:url(tribalSlider.gif) bottom right no-repeat;
}
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:10px;
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:205px; 
	top:8px;
	right:5px; 
	background: url(sliding-next-button.gif) top left no-repeat; 
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background: url(sliding-prev-button.gif) top right no-repeat; 
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ;
	overflow:hidden ; 
	width:650px ; /* set a display width to make the slider look good in case js is disabled */
	margin:10px;
	padding:0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px;
	padding:0;
	width:620px; 
}
#SlideItMoo_items div.SlideItMoo_element img{
	position:relative;
	z-index:10;
	border: 1px solid #999;
	padding:4px;
	float:left;
	margin-right:7px;
	background:#FFF;
	
}
#SlideItMoo_items div.SlideItMoo_element h3{
	color:#710c0e;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	text-transform: none;
	margin:3px;
	padding:0;
	border:0;
}
.linkSlide{
	position:relative;
	float:left;
	z-index:15;
}
.linkSlide a:link,.linkSlide a:visited{
	float:left;
	padding:5px;
	background:#720c0e;
	color:#FFF;
}
.linkSlide a:hover,.linkSlide a:active{
	float:left;
	padding:5px;
	background: #CCC;
	color: #900
}
.inici .notisHome, .inici .introHome{
	float:left;
	width:330px;
	margin-right:10px;
}
.inici .notisHome{
	margin-left:25px;
}
.inici .notisHome h4{
	font-size:15px;
	margin:0;
	padding:0 0 0 5px;
}
.inici .notisHome .fecha{
	margin:0;
	padding:0 0 0 10px;
	color:#900;
}
.inici .notisHome .desc{
	margin:0;
	padding:5px 0 0 15px;
}
/* SERVICIOS */
#listaServ li{
	margin:0 0 7px 5px;
	list-style: square inside;
	padding:4px;
	background:#D8CFBC;
	width:380px;
}
/* contacto */
#MapaLocalizacion{
	display:block;
	width:670px;
	height:350px;
}
#datosCont p{
	width:300px;
	float:left;
	margin-right:9px;
}
#datosCont{
	width:750px;
	overflow:auto;
}
/* Reservas */
#formReserva{
	width:650px;
	margin-left:20px;
}
#error{
	display:none;
}
#textoerror{
	background: #F2EDE1;
	border:1px solid #900;
	color:#900;
	font-weight:bold;
	padding:5px;
	width:450px;
	margin-left:35px;
}
.error{
	color:#900;
	font-weight:bold;
	padding:5px;
}
#f_trigger_c{
	float:left;
	margin:2px;
	padding:1px;
	border:1px solid #666;
	cursor:pointer;
}
fieldset{
	background:url(background.gif) top left repeat-x #ECECEC;
}
legend{
	font-weight:bold;
	color:#630;
}
#formReserva label{
	display:block;
	margin:0 0 4px 0;
}
#datpersonals input{
	width:250px;
}
#datpersonals textarea{
	width:300px;
	height:140px;
}
p.discreto{
	color: #666;
	font-size:10px;
	margin:1px;
	padding:0 !important;
}
.bSubmit{
	background: url(menu-separator.gif) bottom left repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	border:1px solid #533800;
	cursor:pointer;
	display:block;
	margin:5px !important;
	width:200px;
}