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

* { 
	margin:0; 
	padding:0;
} 

body, p, ul, li, form, select, input, table, tr, td, th { 
	font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
	color:#bfbfbf;
}

body { 
	background:#5b1800 url(../images/bg.jpg) repeat-x top;
    height:100%;
	width:100%;
    font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
}


ul, lo { list-style:none;}

a img, :link img, :visited img { border:none; text-decoration:none;}

a:link {color:#fff;	text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:hover, a:active {color:#999999;text-decoration:none;}

*:focus { outline:none;}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
/*--------------------------------- STRUCTURE  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

#container {
	width: 900px;
	position:relative;
	margin: auto;
	background:#000000 url(../images/header.jpg) no-repeat 0 18px;
	padding-top:140px;
	padding-bottom:20px;
}

#container_home {
	width: 900px;
	height:400px;
	position:relative;
	margin: auto;
	background-color:#000000;
	padding-top:65px;
}

/*--------------------------------- HEADING  ------------------------------------*/
/* nombre del hotel */
 
#logo a {
    position:absolute;
    text-indent: -5000px;
	height:139px;
	display:block;
	width:115px;
	top:0;
}

/* idiomas */

#languages {
	font-size: 10px;
    letter-spacing:1px;
	position:absolute;
	top:0px;
	right:0px;
	background-color: #a02107;
	color: #fff;
	margin:0;
	height:18px;
	width:900px;
}

#languages li {color:#a4b1ba; font-size: 10px; float:right; padding:2px 30px 0px 0;text-transform:uppercase}

#languages a {color:#fff; text-decoration:none;}

#languages a:hover {color: #999999; text-decoration:none;}

.vcard{
  font:14px 'Century Gothic', Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#fff;
  text-align:right;
  position:absolute;
  top:65px;
  right:11px;
  width:350px;
  height:60px;
}

.vcard p {
font:14px 'Century Gothic', Arial, Helvetica, sans-serif;
color:#fff;
}

.region {
display:none;
}

/*--------------------------- CONTENTS ----------------------------------------*/
/*----------------------------- Menu ------------------------------------*/

#menu {
	position:absolute;
	background-color:#a02107;
	background: url(../images/tab.png) repeat-x;
	height:35px;
	top:160px;
	width:900px;
}

#menu li { 
		text-decoration:none;					 
	  font-size:11px;
		font-weight:normal;
		float:left;
		cursor:pointer;
		padding: 10px 14px;
		position:relative;
		z-index:1;
		text-transform:uppercase;
}

#menu li.selected {
    color:#FFCC00;
		font-weight:normal;
		text-align:center;					 
		padding: 10px 17px;
		background:url(../images/tab_sel.png) repeat-x;
}

#menu a{
		color: #fff;
		text-decoration:none;					 
		text-align:center;
    font-size:11px;
	  float:left;			
}

#menu a:hover {
    color: #a02107;
		text-decoration:none;
}

/*------------------------------- End menu ----------------------------------------*/		

/*-------------------------------- Foto grande ------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#photo { margin-top:-20px; }
}
/*---------------------------------------------------------------------------------*/	

/*--------------------------- Fondo frame reservas ----------------------------------*/



div#mreLoader.large { padding-left:40px!important;}

/*------------------------------ CONTENIDO ---------------------------------------*/

#content { color:#000000; width:550px; position:relative; float:left; padding:422px 30px 15px 10px;}

#content_de { color:#000000; width:250px; min-height:450px; position:relative; float:left; padding:422px 0px 0px 0px;}

#content_mapa { color:#000000; width:250px; position:relative; float:left; padding:0px 0px 0px 50px;}

#contents { width:180px; position: absolute; top:593px; left: 20px; }

.content_address { width:180px; position: absolute; top:530px; left: 20px; }
.content_address li {color: #2e4a58; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.content_address h4 { color: #4e3227; text-transform:uppercase; font-weight:bold; font-size:11px;}

#reviews { color:#000000; width:200px; height:250px; float:left; padding:0px 30px 0px 0px;}

div.hssurveys_full div.note { color:#000000 !important; }

#hssurveys_full .paging span a { color:#000000; }

div.hssurveys_full .noLink, div.hssurveys_full .noLink a { color:#C59C6E!important; }

#offers_content { color:#000000; width:800px; position:relative; float:left; padding:420px 30px 15px 10px;}

/*-------------------------------- Elements --------------------------------------*/

h2{
  font: 16px 'Century Gothic', Arial, Helvetica, sans-serif;
	font-weight:bold;
  letter-spacing:2px;
	margin-bottom:10px;
	padding-bottom:10px;
  text-transform:uppercase;
  color: #c63509;
	background:url(../images/bg_headings.gif) repeat-x bottom;
}

h3{
  font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
  margin-top:20px;
	margin-bottom:10px;
	padding-bottom:6px;
	font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  color: #c59c6e;
	background:url(../images/bg_headings_peq.gif) repeat-x bottom;	
}

h4{
  font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
  margin-top:20px;
	margin-bottom:10px;
	padding-bottom:6px;
	font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  color: #c63509;
	background:url(../images/bg_headings_peq.gif) repeat-x bottom;
}

h3.mirai span { font:12px Arial, Helvetica, sans-serif !important;}

.address {
  position: absolute;
  top:577px;
  left: 23px;
}
.address li {color: #2e4a58; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.address h4 {color: #4e3227; text-transform:uppercase; font-weight:bold; font-size:11px;}

#content ul li { list-style-image:url(../images/ico.gif); margin-left:20px;}
#content_de ul li { list-style-image:url(../images/ico.gif); margin-left:20px;}
#contents ul li { list-style-image:url(../images/ico.gif); margin-left:20px;}

strong { color:#c59c6e}

.logo_restaurant {  position: absolute; top:660px; left: 10px;}

.photogallery li { list-style:none !important; padding:5px 0px; float:left;}

.photogallery img {border: 3px solid #999999;}

.photogallery a:hover img {border: 3px solid #fff;}

/*------------------------------------------ FOOTER -------------------------------------------------------------*/

#container .footer {
	width: 900px;
	position:relative;
	margin: auto;
	background-color:#000000;
	height:20px;
	float:right;
}
/* ------------------------- MISC. ------------------------------------------ */

.pusher { clear:both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#titleDivOffers {display:none;}

#imagenes {
height:310px;
width:900px;
position:absolute;
top:196px;
overflow:hidden;
}

#offerscontainer {
display:none;
}
#offersHs #headerOffers p.linkRss {
    color: #FFFFFF !important;
}
/* ------------------------- SLIDER ------------------------------------------ */

#slider {
width:900px;
height:310px;
overflow:hidden;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
position:relative;
height:310px;
width:900px;
}

#mirai_bookentrance { background-color:#a02107; height:20px; width:100%; padding: 10px 0px 12px 0px;position:absolute;top:506px; text-align:center;}
#gmap {width:900px;height:310px;}

#offersHs p , #offersHs li {color:#000!important}
/*--- 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:#fff;
    height:26px;
    width:175px;
    border:0;
    padding-bottom:6px;
    color:#550d02;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    color:#FFFFFF;
    background:#550d02;
}
#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 ---*/

/*** Cambios 30 de Noviembre **/

#footer {
    background: none repeat scroll 0 0 #A02107;
    margin: 0 auto;
    width: 900px;
}

#footer .landings {
    background: none repeat scroll 0 0 #A02107;
    float:left;
	width:100%;
}

#footer ul {
    float: left;
    padding: 1em;
    width: 97%;
}

#footer ul li {
    float: left;
    font-size: 15px;
    text-align: center;
    width: 45%;
}