@charset "utf-8";
/* CSS Document */

body {
  font-size:80%; color: #555046; text-align: justify; line-height: 18px; background:#3b362f url('../images/bg_body.jpg') repeat; padding-top:30px;
}
body, p, div, ul, li, form, select, input, table, tr, td, th {
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


a img, :link img, :visited img {
  border:none;
}
a:link, a:visited {
  color:#cc9933;
  text-decoration:none;
}
a:hover, a:active {
  color:#5b534d;
  text-decoration:none;
}
*:focus {
  outline:none;
}

/*-------------------------- CONTAINER --------------------------*/

#container {
  width:980px;
  margin:0 auto;
  position:relative;
	background:url('../images/bg_container.png') 0px 0px repeat-y;
}

/*-------------------------- LOGO -------------------------------*/

.logo a {
  margin:0 auto;
  display:block;
  text-indent:-1000000px;
	background:url('../images/bg_header.png') 0px 0px no-repeat;
	width:980px;
	height:80px;
}

.logob a {
  margin:0 auto;
  display:block;
  text-indent:-1000000px;
	background:url('../images/bg_headerb.png') 0px 0px no-repeat;
	width:980px;
	height:80px;
}

/*-------------------------- ADDRESS --------------------------*/
.vcard  {
  z-index:5;
  width:222px;
  height:169px;
	padding:10px 0 0 10px;
  position:absolute;
  bottom:-179px;
  left:10px;
  color:#fff;
  background: #cc9933;
}
.vcard .name {padding: 0 5px 0 38px; margin-bottom:12px; font-family:'Trajan Pro'; background:url('../images/ico_h2.jpg') left center no-repeat; border-bottom:1px solid #5b534d}
.vcard a:link, .vcard a:visited {color:#5b534d;}
.vcard a:hover, .vcard a:active {color:#fff;}

/*-------------------------- CONTENT --------------------------*/
#content_one_column {
  position:relative;
	margin:366px auto 0 18px;
	width:928px;
	padding:8px;
	clear:both;
	background:url('../images/bg_content.jpg') left center repeat-x;
	min-height:498px;
}
#content {
  position:relative;
	margin:366px auto 0 18px;
	width:689px;
	padding:8px;
	clear:both;
	background:url('../images/bg_content.jpg') top left no-repeat;
	min-height:498px;
}
*+html #content {margin-top:386px;}
* html #content {margin-top:386px; height:498px;}

#col {
  position:absolute;
	right:14px;
	top:384px;
	height:514px;
	width:240px;
	padding:0px 4px;
}

#banner {
position:absolute;
right:18px;
top:264px;
z-index:50;
}

/*-------------------------- MENU --------------------------*/

#menu {
  width:944px;
  height:60px;
	padding:0;
	position:absolute;
	top:0px;
	left:18px;
	background: #000;
}
ul#menu li {
  float:left;
	display:inline-block;
  font:90% Arial, Helvetica, sans-serif; 
	font-weight:600;
	color:#fff;
	line-height:60px;
	height:60px;
}

ul#menu li a:link, ul#menu li a:visited {color:#fff; padding:0 10px;	height:60px;
}

ul#menu li a:hover, ul#menu li a:active {
	  display:inline-block;
    background: url('../images/bg_menu.jpg') center 40px no-repeat;
    color:#cc9933;
}

#menu .current a:link, #menu .current a:visited {
   	display:inline-block;
    background: url('../images/bg_menu.jpg') center 40px no-repeat;
    color:#cc9933;
}

/*-------------------------- PHOTO BIG -------------------------*/

#photos {
  position:absolute;
	top:68px;
	left:18px;
	width:944px;
	height:268px;
	background: #fff no-repeat;
	overflow:hidden;
}

#prices_es, #prices_en, #prices_de {
  position:absolute;
	top:291px;
	left:18px;
	width:238px;
	height:45px;
	z-index:1;
	display:block;
	text-indent:-100000px;	
}

#prices_es {background: transparent url('../images/bg_book_es.png') no-repeat;}
#prices_en {background: transparent url('../images/bg_book_en.png') no-repeat;}
#prices_de {background: transparent url('../images/bg_book_de.png') no-repeat;}

#prevBtn, #nextBtn {display:none!important}

/*-------------------------- MOTOR -------------------------*/
#mirai_bookentrance {
    background: none repeat scroll 0 0 #000000;
    height: 35px;
    left: 18px;
    padding-bottom: 8px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    top: 344px;
    width: 944px;
}
#mreLoader {height:30px;}

/*-------------------------- FOOTER -------------------------*/
#footer {
  background: url('../images/bg_footer.png') no-repeat;
  width:730px;
  height:189px;
  margin:0 auto;
  padding-left:250px;
  z-index:1;
}

/*-------------------------- FORMATOS --------------------------*/
#content_one_column p, #content p {
  text-align: justify;
  margin-bottom: 10px;
}
#content_one_column h2, #content h2 {
  font-size: 1.4em;  
  background:url('../images/bg_content_h2.jpg') left 15px no-repeat;
  font-family:"Trajan Pro", Arial;
  line-height:50px;
  padding-left:50px;
  margin:0 0 15px 0;
}

#content_one_column h3, #content h3 {
  font-size: 1.2em;  
  background:url('../images/ico_col_h3.png') left top no-repeat;
  font-family:"Trajan Pro", Arial;
  padding-left:50px;
  line-height:normal;
  margin:15px 0;
}

#col h3 {
  font-size: 1.2em;
	text-align:center;
  clear: both;
	background:url('../images/bg_col_h3.jpg') 0px 0px no-repeat;
	font-family:"Trajan Pro", Arial;
  padding-top:20px;
	height:40px;
}

#footer h3 {
  font-size: 1.2em;
	color:#cc9933;
  clear: both;
	font-family:"Trajan Pro", Arial;
  padding:10px 0 0 45px;
	margin:0 0 5px 0;
}

#content a:link img, #content a:visited img {
	border:1px solid #cc9933;
	padding:1px;
	float:left; display:inline; margin:5px 3px;
}
#content a:hover img, #content a:active img {
	border:1px solid #5b534d;
	padding:1px;
}
.oculto {
	height:256px;
	display:none;
}
/* Lists */

ol.number {
  margin:15px 15px 0 35px;
}
ol.number li {
  margin-top:5px;
  margin-bottom:5px;
}
ol.number li span {
  font-size:75%;
}
dl dt {
  font-weight: bold;
  margin:10px 0 0px 10px;
	padding: 0 0 0 10px;
  color:#cc9933;
	background:url('../images/ico.png') 0px 8px no-repeat;
}
dl dd {
  margin:6px 0 0px 22px;
  text-align: justify;
	color:#333;
}

#content .col {
  width:280px;
	display:inline;
	float:left;
	position:relative;
	margin:10px 0 0 50px;	
}

.col img {
  text-align:center;
}

.col p {width:268px}

.col h4 {
  font-size: 1.1em;
	background:url('../images/ico_col_h4.png') left center no-repeat;
	font-family:"Trajan Pro", Arial;
  padding:0 0 0 45px;
	margin:10px 0;
}

ul.list li {
  margin:0 0 6px 15px;
	padding: 0 0 0 20px;
  background: url('../images/ico.png') left center no-repeat;
}

/* Mapa */

#googlemap {
	padding:2px;
	width:670px;
	height:250px;
	border:1px solid #ccc;
}

/*-------------------------- OFERTAS --------------------------*/

#xdhsOfferContent-offers_script {
  margin:10px 0 20px 0;
}

#offersSmall .es {
  background:transparent url('../images/offersEs.jpg') no-repeat scroll 0 0!important;
	width:59px!important;
	height:59px!important;
}

#offersHs h2 {
  line-height:normal!important;
	color:#cc9933!important;
	font-size:14px!important;
	background:none!important;
}
#titleDivOffers p {display:none!important}

#offersSmall p.noOffer {line-height:18px; margin:0!important;}

/*-------------------------- PUNTUACION --------------------------*/
#xdhsReviewSummaryContent-XdHs {margin:10px 0 20px 0;}
div#hsRating.hsRating p {text-align:center!important}

.mirai_btReview, .mirai_btOffers {
color:#fff!important;
}

#hssurveys_full p {text-align:left!important}
#hssurveys_full h2 {font-size:14px!important;}
div.hssurveys_full p.more a {color:#cc9933!important;}

div.hssurveys_full ul.listSubject.long {
   margin:0 0 10px 0;
   padding-bottom:10px;
   width:500px;
}

div.hssurveys_full ul.listSubject.left {
   margin-bottom:10px;
   padding-bottom:10px;
}
/*-------------------------- GRAFICO DISPONIBILIDAD --------------------------*/
#disponibilidad {
}

/*-------------------------- LANGUAGES --------------------------*/
#languages {
	position: absolute;
	top:-100px;
	right:20px;
  padding:0;
	font-weight:400;
}

ul#languages li {float:left; display:inline; padding:0 0.8em; border-right: 1px solid #fff; color:#fff; line-height:16px; height:16px; font-weight:bold;}
ul#languages li a:link, ul#languages li a:visited {color:#cc9933; font-size:90%;}
ul#languages li a:hover, ul#languages li a:active {color:#fff;}

/*-----------------------------Social media----------------------*/
.social {
	position:absolute;
	right: 16px;
	top: -14px;
}
.social a{
	padding-right:8px;
}

/*-------------------------- Controls --------------------------*/
ul.tabs {margin-top:8px;}

ul.tabs li {float:left; display:inline}

.tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:active {
  float:left;
	display:inline;
	padding:5px;
	background: #31c4f5;
	margin-right:1px;
	color:#fff;
	font-size:12px;
}

#selectInsert {
  position:absolute;
	top:-50px;
	right:30px;
	font-size:80%;
}

.footer_col {
	float:left;
	display:inline;
	margin:5px 2px;
	display:block;
	font-size:85%;
	width:49%;
	color:#fff;
	line-height:13px;
}
.footer_col a img {float:left; display:inline; margin:0 10px 10px 0; border:1px solid #cc9933; width:75px; height:50px; color:#cc9933;}

.footer_col a:link, .footer_col a:active {color:#cc9933;}
.footer_col a:hover, .footer_col a:visited {color:#fff;}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.3em 0 0;*/
}
#mirai_be2, #mirai_be4, #mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.8em 0 0;*/
}
#mirai_bookentrance div#mirai_be7  { /* Margin Right div contenedor de "Input Reservar"*/
    /*margin:0 1em 0 0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2 { /* Anchura para "Input Entrada" */
    /*width:7em;*/
}
 #mirai_be6 { /* Anchura para "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be1, #mirai_be3, #mirai_be5 { /* Estilos de textos: "Entrada, Noches y Código Promocional" */
      color: #fff;
    }
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
      /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
      /*border:1px solid #999;*/
      /*color: #444;*/
    }
#mirai_be7 input {
    background: url("../images/button_book.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    height: 39px;
    padding-bottom: 6px;
    width: 205px;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    color:#FFFFFF;
    background: url("../images/button_book_hover.jpg") no-repeat scroll 0 0 transparent;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#999;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
    color:#999;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1.2em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/