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

* {
  margin:0;
  padding:0;
}
body, p, div, ul, li, form, select, input, table, tr, td, th {
  font: 12px Geneva, Arial, Helvetica, sans-serif;
  color:#282828;
}
body {
  background:#233945 url(../images/bg.jpg) repeat-x top;
  height:100%;
  width:100%;
}
ul, lo {
  list-style:none;
}
a img, :link img, :visited img {
  border:none;
  text-decoration:none;
}
a:link {
  color:#2e4a59;
  text-decoration: underline;
}
a:visited {
  color:#2e4a59;
  text-decoration:none;
}
a:hover, a:active {
  color:#638192;
  text-decoration:none;
}
*:focus {
  outline:none;
}
/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
/*--------------------------------- STRUCTURE  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

#container {
  width: 900px;
  position:relative;
  margin: auto;
  background-color:#f1f3f4;
}
#container_home {
  width: 900px;
  height:400px;
  position:relative;
  margin: auto;
  background-color:#FFFFFF;
  padding-top:65px;
}
/*--------------------------------- HEADING  ------------------------------------*/
/* nombre del hotel */
 
h1 {
  position:relative;
  text-indent: -5000px;
  background:#f2f3f5 url(../images/header.jpg) no-repeat bottom;
  height:103px;
}
/* idiomas */
#languages {
  font-size: 10px;
  position:absolute;
  top:0px;
  right:0px;
  background-color: #2e4a59;
  color: #FFFFFF;
  margin:0;
  height:18px;
  width:900px;
}
#languages li {
  color:#a4b1ba;
  font-size: 10px;
  float:right;
  padding:2px 30px 0px 0;
}
#languages a {
  color:#FFFFFF;
  text-decoration:none;
}
/*--------------------------- CONTENTS ----------------------------------------*/
/*------------------------- Menu ------------------------------------*/

#menu {
  position:relative;
  background-color:#2e4a59;
  background: url('../images/tab.png') repeat-x;
  height:35px;
	clear:both;
}
#menu li {
  text-decoration:none;
  font-size:11px;
  font-weight:normal;
  float:left;
  cursor:pointer;
  padding: 10px 10px;
  position:relative;
  z-index:1000;
}
#menu li:hover {
  background:url('../images/tab_sel.png') repeat-x;
}
#menu li.selected {
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  padding: 10px 17px;
  background:url('../images/tab_sel.png') repeat-x;
}
#menu a {
  color: #FFFFFF;
  text-decoration:none;
  text-align:center;
  font-size:11px;
  float:left;
}
#menu a:hover {
  color: #a2afb8;
  text-decoration:none;
}

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

/*-------------------------------- Foto grande ------------------------------------*/
/*---------------------------------------------------------------------------------*/	

/*--------------------------- Fondo frame reservas ----------------------------------*/
* html #mirai_bookentrance {
  height:42px;
  padding: 10px 0 0 ;
}

#mirai_bookentrance {
  background-color:#2e4a59;
  height:20px;
  width:100%;
  padding: 10px 0px 12px 0px;
  text-align:center;
}
div#mreLoader.large {
  padding-left:40px!important;
}
/*------------------------------ CONTENIDO ---------------------------------------*/



#content {
  width:620px;
  min-height:400px;
  height:auto!important;
  height:400px;
  position:relative;
  float:right;
  display:inline;
  padding:20px 0px 15px 0px;
}


* html #content {
  width: 580px!important;
  overflow:hidden;
  height:100%;
}


* html #offersSmall ul {
  padding: 0 0 10px 0;
}

* html #offersSmall li{
	line-height:30px;
}



#contents {
  width:180px;
  top:530px;
  left: 20px;
  padding:10px 30px 0px 10px;
}
.content_address {
  width:180px;
  top:530px;
  left: 20px;
  padding:20px 30px 15px 10px;
}
.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;
}

div.ofertasIndex{
 margin: 35px 0 0 0;
}

div.ofertasIndex #offersHs .offer_calendar, div.ofertasIndex #offersHs .contents p, div.ofertasIndex #offersHs .contents ul, div.ofertasIndex #offersHs #headerOffers, div.ofertasIndex #offersHs .ccwrapper #ccshell{
 display:none;
}


* html div.ofertasIndex #offersHs .contents p, 
* html div.ofertasIndex #offersHs .contents ul{
  display:inline;
}

div.ofertasIndex #offersHs .ccwrapper{
  float:left;
	width:160px;
	position:relative;
	top:-10px;
}



.ofertasIndex #offersHs .rowOffers {
width:120px!important;
}

* html .ofertasIndex #offersHs .rowOffers{
overflow:hidden!important; 
width:150px!important;
height:240px!important;
}


#offersHs .rowOffers {
background-color:transparent !important;
background-image:none !important;
border:medium none !important;
float:left;
width:90% !important;
}

#offersHs .listContents{display:none!important;}


#offersHs .rowOffers .autoPadDiv{
  border: none !important;
}

div.ofertasIndex #offersHs .contents h2{
  font-size: 12px !important;
  width: 120px  !important;
	position:absolute;
	top: 200px;
	left: 20px;
	background-image:none;
}


* html div.ofertasIndex #offersHs .contents,* html div.ofertasIndex .rowOffers{
margin:0!important;
padding:0!important;
}

div.ofertasIndex a{
 clear:both;
 display:block;
 font-weight:bold;
}

.offers {
  width:180px;
  top:530px;
  right:20px;
  padding:10px 10px 10px 10px;  
}


.column_oferta_img{ 
  margin:10px 0 0 0;
	width:180px;

}
.column_oferta_tex { 
  float:left; 
  display:inline; 
  width:55%; 
  margin:10px 10px 10px 30px; 
}
.column_cuadro_tarif { 
  float:left; 
  display:inline; 
	width:90%; 
	margin:40px 100px 0px 0px;
}

* html .column_cuadro_tarif { 
	margin-top:-300px;
}

.column_cuadro_tarif h3{
  width:620px;
}

* html .column_cuadro_tarif h3{
  width: 580px;
}

.column_cuadro_tarif img{
margin: 0 0 0 10px;
}


h3.ofertasEspecialesIndex{
  width:180px;
  margin: 0 0 10px 10px;	
}

.reviews_column_index{
	margin: 10px 0 10px 10px;
	width:180px;
}
.reviews_column_index div#hsRating.hsRating{
  border:none;
	width:180px;
}

.reviews_column #hsRating {
margin-top:5px;
}
.reviews_column{
width:540px;
}

.reviews_column h3{
  width:620px;
}
.reviews_column div#hsRating.hsRating p#score {
font-size:45px!important;
font-weight:bold;
color:#5e8d10;
text-shadow: 0px 1px 2px #ccc;
margin-bottom:10px;
font-family:Verdana;
}

.reviews_column div#hsRating.hsRating h3 {
text-align:center;
text-shadow:none;
color:#5e8d10;
font-family:Trebuchet MS!important;
font-size:14px!important;
font-weight:normal!important;
}

.reviews_column div#hsRating.hsRating {
width:540px!important;
text-align:center;
padding:15px 0 10px 0!important;
border:1px solid #888888!important;
background:#EEEEEE;
}

.reviews_column div#hsRating.hsRating #recommend  {
width:100%!important;
text-align:center;
}

.reviews_column div#hsRating.hsRating div#recommend ul#listRecommend {
margin:20px auto 10px auto!important;
}

.logoFacebook{
	width: 180px;
	border:1px solid #2e436a;
	margin: 30px 0 40px 10px;
}




/*-------------------------------- Lista separacion --------------------------------------*/

.sep_lista ul li { margin-bottom:10px;}

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

h2 {
  font: 14px Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:10px;
  text-transform:uppercase;
  color: #638192;
  background:url(../images/bg_headings.gif) repeat-x bottom;
}
h3 {
  font: 12px Geneva, Arial, Helvetica, sans-serif;
  margin-bottom:10px;
  padding-bottom:6px;
  font-weight:bold;
  text-transform:uppercase;
  color: #638192;
  background:url(../images/bg_headings_peq.gif) repeat-x bottom;
}
h3.mirai span {
  font:12px Arial, Helvetica, sans-serif !important;
}
.address {
  padding:20px 30px 15px 10px;
}
.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;
}
#contents ul li {
  list-style-image:url(../images/ico.gif);
  margin-left:20px;
	text-align:left;
}
strong {
  color:#4e3227;
}
.logo_restaurant {
  position: absolute;
  top:660px;
  left: 10px;
}
.photogallery li {
  list-style:none !important;
  padding:5px 0;
  float:left;
}
/*------------------------------------------ FOOTER -------------------------------------------------------------*/

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


#hcard {
  position : absolute;
  top : 100%;
  width :100%;
  height:100px;	
  text-align : center;
  font-style : normal;
  font-size:13px;	
  color:#fff !important;
  background-color: #2e4a59;
	clear:both;
}

#hcard h2, #hcard div{ color:#fff; }

#hcard strong{ color:#a4b1ba; }

#hcard .name{
	padding: 15px 0 0 0;
	background:none;
}

#hcard .name .org{ color:#638192; }

#hcard a {color:#fff!important}

/* ------------------------- MISC. ------------------------------------------ */

.pusher {
  clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#titleDivOffers p {display:none!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-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #2E4A59;
    height:26px;
    width:175px;
    padding-bottom:6px;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    background-color: #638192;
    border: 1px solid #638192;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#fff;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/

form.cmxform {
	margin: 15px 0;
}

.cmxform p {
	margin: 10px 0;
	font-weight: bold;
}

.cmxform input.submit {
	background-color: #638192;
	padding: 8px 12px;
	color: #fff;
	font-weight: bold;
}

/** Cambios 30 de Noviembre ***/

#flash {
	background: url("../images/foto21.jpg") no-repeat scroll transparent;
	height:310px;
	}