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

body {
	font-size:80%;
	color: #555046;
	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;
}
/*-----------------------------Social media----------------------*/
.social {
	position:absolute;
	right: 16px;
	top: -14px;
}
.social a{
	padding-right:8px;
}

/*-------------------------- 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:510px;
}
#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:510px;
}
*+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; width:260px;
}
#prevBtn, #nextBtn {
	display:none!important
}
/*-------------------------- MOTOR -------------------------*/
#mirai_bookentrance {
	width:944px;
	height:35px;
	position:absolute;
	top:344px;
	left:18px;
	text-align:center;
	background: #000;
	padding-top:5px;
    padding-bottom:8px;
}
#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;
	white-space:nowrap;
}
ul.list li {
	margin:0 0 6px 15px;
	padding: 0 0 0 20px;
	background: url('../images/ico.png') left center no-repeat;
}
/* Mapa */

#googlemap, #smap {
	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;
}

#offersSmall .en {
	background:transparent url('../images/offersEn.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;
}
/*-------------------------- 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 { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background:url(../images/button_book.jpg) no-repeat;
    color:#FFFFFF;
    width:200px;
    height:37px;
    border:0;
    padding-bottom:5px;
}#mirai_be7 input:hover { /*--- Boton "Input Reservar" ---*/
    background:url(../images/button_book_hover.jpg) no-repeat;

}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#999;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
    color:#ccc;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    /*font-size:0.8em;*/
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/