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

a img, :link img, :visited img {
  border:none;
}
a:link, a:visited {
  color:#0084b4;
  text-decoration:none;
}
a:hover, a:active {
  color:#97cd39;
  text-decoration:underline;
}
*:focus {
  outline:none;
}

/*-------------------------- CONTENEDOR --------------------------*/

#container {
  width:960px;
	height:560px;
  margin:0 auto;
  position:relative;
	background:url('../images/bg_container.png') 10px 10px no-repeat;
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-280px;
  margin-left:-480px;
}

.top {position:absolute; top:0; left:0px; width:960px; height:10px; background:url('../images/bg_top.png') no-repeat;}
.bottom {position:absolute; bottom:0; left:0px; width:960px; height:10px; background:url('../images/bg_bottom.png') no-repeat;}
* html .bottom {position:absolute; bottom:-8px; left:0px; width:960px; height:10px; background:url('../images/bg_bottom.png') no-repeat;}
.left {position:absolute; top:10px; left:0px; width:10px; height:540px; background:url('../images/bg_left.png') no-repeat;}
.right {position:absolute; top:10px; right:0px; width:10px; height:540px; background:url('../images/bg_right.png') no-repeat;}

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

#menu {
  width:940px;
  height:50px;
	padding:102px 0 0 10px;
}
ul#menu li {
  float:left;
	display:block;
  font:80% Arial, Helvetica, sans-serif; 
	font-weight:600;
	color:#31c4f5;
	background: url('../images/bg_menu.png') right 0px no-repeat;
}
* html ul#menu li {display:inline-block; width:115px; text-align:left; line-height:40px}


ul#menu li:hover {background: #97cd39; cursor:pointer; color:#fff;}

ul#menu li.current {background: #97cd39; color:#fff;}

ul#menu li a:link, ul#menu li a:visited {font:110% Arial, Helvetica, sans-serif; font-weight:600; color:#fff; height:39px; padding:10px 6px 0 6px; text-decoration:none; display:block;}
ul#menu li a:hover, ul#menu li a:active {font:110% Arial, Helvetica, sans-serif; font-weight:600; color:#97cd39;}

ul#menu li.select a:link {font:110% Arial, Helvetica, sans-serif; font-weight:600; color:#000;}

ul#menu li:hover a:link, ul#menu li:hover a:visited {font:110% Arial, Helvetica, sans-serif; font-weight:600; color:#000;}

a:link .blue, a:visited .blue {
  font:80% Arial, Helvetica, sans-serif; 
	font-weight:600;
	color:#31c4f5;
}
a:hover .blue, a:active .blue {
	color:#fff;
}
ul#menu li.current a:link, ul#menu li.current a:visited {color:#000;}

/*-------------------------- Logo --------------------------*/

.logo a {
  width:460px;
  height:90px;
  position:absolute;
  top:10px;
  left:10px;
  display:block;
  text-indent:-1000000px;
	z-index:3;
}
/*-------------------------- CONTENIDO --------------------------*/


/*-------------------------- COLUMNAS --------------------------*/

#content {
  position:relative;
	padding:0px;
	margin:0px;
	width:960px;
	clear:both;
}

/* MOTOR */
/*----------------------------------------------------*/
#framereservation { margin-left:270px; padding:10px 0 0 0px;}
#frame_buttonCancel {display:none;}

/*-------------------------- FORMATOS --------------------------*/

#content p {
  color: #555555;
  text-align: justify;
  margin-bottom: 10px;
  line-height:18px;
}
#content h2 {
  font-size: 1.1em;
  color: #0084b4;
	border-bottom:1px solid #0084b4;
  text-transform: uppercase;
  clear: both;
	margin:0 0 8px 0;
	padding:5px 0 5px 30px;
	background:url('../images/ico_h2.png') top left no-repeat;
}
#content h3 {
  font-size: 0.9em;
  color: #0084b4;
	border-bottom:1px solid #0084b4;
  text-transform: uppercase;
  clear: both;
	margin:0 0 8px 0;
	padding:5px 0 5px 30px;
	background:url('../images/ico_h2.png') top left no-repeat;
}

#content a:link img, #content a:visited img {
	border:2px solid #0084b4;
	padding:1px;
	float:left; display:inline; margin:5px 3px;
}
#content a:hover img, #content a:active img {
	border:2px solid #97cd39;
	padding:1px;
}

/* Lists */

.section {display:none}

.scroller ol.number {
  margin:15px 15px 0 35px;
  font-size:125%;
  color:#0172d0;
}
.scroller ol.number li {
  margin-top:5px;
  margin-bottom:5px;
}
.scroller ol.number li span {
  font-size:75%;
  color:#0172d0;
}
.scroller dl dt {
  font-weight: bold;
  margin:15px 0 10px 0px;
	padding: 0 0 0 20px;
  background: url('../images/ico_list.png') left top no-repeat;
}
.scroller dl dd {
  margin:10px 0 10px 20px;
  text-align: justify;
}
.scroller ul li {
  margin:0 0 6px 15px;
	padding: 0 0 0 20px;
  background: url('../images/ico_list2.png') left top no-repeat;
}


/* Mapa */


#googlemap {border:1px solid #0084b4; margin:5px 0px;}
.zoom {background: url('../images/zoom.png') left top no-repeat; padding-left:26px; height:18px;}


/*-------------------------- FRAMERESERVATION --------------------------*/
#booking h2 {float:left; display:inline; width:205px; text-transform: uppercase; color:#444; margin-left:15px; line-height:55px; background:url('../images/ico_motor.png') right 20px  no-repeat; padding-right:20px;
font-size:93%;}
#booking #framereservation {margin-left:200px;}

/*-------------------------- ADDRESS --------------------------*/
address, #hcard {
  width:960px;
	margin:0 auto;
  height:70px;
  position:absolute;
  bottom:0px;
  clear:both;
  text-align:center;
  font-style:normal;
	padding:10px 0 0 0;
	line-height:18px;
}

/*-------------------------- PUNTUACION --------------------------*/
div#hsRating.hsRating p {
  text-align:center!important
}
div#hsRating.hsRating {
  border-top:none!important
}
/*-------------------------- GRAFICO DISPONIBILIDAD --------------------------*/
#disponibilidad {
}

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

ul#languages li {float:left; display:inline; padding:0 0 0 0.8em; border-right: 1px solid #fff; color:#fff; line-height:22px; width:45px; height:22px; font-size:90%;}

ul#languages li.select {background:url('../images/bg_languages.png') no-repeat;}

ul#languages li:hover {background:url('../images/bg_languages.png') no-repeat; width:45px; height:22px; line-height:22px;}

ul#languages li a:link, ul#languages li a:visited {color:#666666;}
ul#languages li a:hover, ul#languages li a:active {color:#fff;}
/*-------------------------- GLYDER PHOTO --------------------------*/
#photo {
  clear:both;
	width: 510px;
  height: 285px;
	position:absolute;
	left:10px;
	top:151px;
}

#photo ul {
  width: 510px;
  height: 285px;
  overflow: hidden;
}
#photo ul li {
  width: 510px;
  height: 285px;
  overflow:hidden;
  float:left;
}

#photo div.scroller div.content {
  width: 10000px;
}
/*-------------------------- GLYDER --------------------------*/

#content div.scroller {
  width: 420px;
  height: 284px;
  overflow: hidden;
	margin-left:525px;
}

#content div.scroller div.section {
  width: 400px;
  height: 284px;
	padding:0 10px;
  overflow:auto;
  float:left;
}
#content div.scroller div.content {
  width: 10000px;
}

/*-------------------------- OBJECT CONTACT --------------------------*/

#iframeX {
    width:380px;
    height: 260px;
}
.calendar {margin-top:-200px!important}

#tiempo {position:absolute; top:60px; right:20px;}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    float: right;
    padding: 13px 30px 0 0;
}
#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: #000;
      font-size:11px;
    }
#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:#18B7E8;
    height:26px;
    width:175px;
    border:0;
    padding-bottom:6px;
    color:#fff;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    color:#fff;
    background:#444444;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    font-size: 0;
}
}
/*--- 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 ---*/
#offersSmall {
    background-color: #B0DE27!important;
    padding: 1.8em 1em 0.6em!important;
}
#offersPhoto {
    background-color: #B0DE27!important;
}