body {
  background: #414140 url("../images/bg_body.png") 0 0 repeat-x;
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333027;
}
.clear{
  clear:both;
}
h2{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:100;
}

h2.name {
color: #FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

h2.name a{
color: #FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}


h3{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:100;	
  padding: 28px 0;
}

.logo{
  background: url("../images/bg_header.png") 0 0 no-repeat;
  display:block;
  width:998px;
	height:98px;
  margin: 20px auto 0;
	text-indent: -9999px;
}



.vcard{
  position:absolute;
	top:-80px;
	right:20px;	
  text-align:right;	
	color:#202020;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 20px;	
}

.vcard .url, .vcard .adr a, .vcard .email{
  text-decoration:none;
	font-size: 12px;
  color:#ffffff;
  font-weight: bold;
}

#container{
  background: url("../images/bg_container.png") 0 0 repeat-y;	
  position:relative;
  width:998px;
  margin:0 auto;
}

#container_one_column{
  background: url("../images/bg_container_one_column.png") 0 0 repeat-y;	
  position:relative;
  width:998px;
  margin:0 auto;
}


#content{
  background: url("../images/bg_content.png") 0 0 repeat-x;		
	position:relative;
	top:0;
	left:0;
	margin:305px auto 0 9px;
	width:708px;
	padding: 0 0 0 0px;
  line-height: 20px;
  min-height:550px;
  height:auto !important;
  height:550px;
}

#content_one_column{
  background: url("../images/bg_content.png") 0 0 repeat-x;		
	
	position:relative;
	margin:305px auto 0 9px;
	width:980px;
	padding: 0 0 0 0px;
  line-height: 20px;
	min-height: 500px;
}


#content h2, #content_one_column h2{
 padding:27px 0 30px 16px;
}


#content h3{
 padding:15px 0 10px 16px;
}

#content p{
 padding:0 0 20px 16px;
 line-height:18px;
}

#content #imag{
  margin: 20px 32px;
}

div.columna{
  width:42%;
  padding:0 20px;
  float:left;
}

ul.estiloLista{

	list-style-type:square;
	padding: 0 0 20px 0;
}

ul.estiloLista li, #interes ul li {

  color: #46b9eb;
	margin: 0 0 0 29px;
	line-height: 30px;
}

ul.estiloLista li span, #interes ul li span {
	color:#333027;

}

#interes img {
  float:left;
  padding: 0 30px 20px 13px;
}

#interes ul {
  padding: 12px 0 0 0;	
	list-style-type:square;
}

ul#menu{
 	color:#fff;
	width:708px;
	position:absolute;
	top:277px;
	left:9px;
  background-color:#000;		
	z-index:4;
}

ul#menu_one_column{
 	color:#fff;
	width:980px;
	position:absolute;
	top:277px;
	left:9px;
  background-color:#000;		
	z-index:4;
}

ul#menu li, ul#menu_one_column li{
  float:left;
  background-color:#000;	
}


ul#menu li a, ul#menu_one_column li a{
	display:block;
	text-decoration:none;	
  color:#FFFFFF;	
  padding: 13px 18px 15px 10px;
}


ul#menu li a:hover, 
ul#menu li a:active, 
ul#menu li.current a,
ul#menu_one_column li a:hover, 
ul#menu_one_column li a:active, 
ul#menu_one_column li.current a {
  background: url('../images/bg_menu.png') 95% 50% no-repeat;	
	background-color:#46b9eb;
  color:#000;	
}

#col{
	position:absolute;
	top:277px;
	right:9px;
  width:272px;
	z-index:5;
}	


#col #ofertas{
  background: url("../images/bg_semitrans90.png") 0 0 repeat;
  color:#fff;
	padding: 0 4px 25px 0;
	
  min-height:173px;
  height:auto !important;
  height:173px;
}

#col #ofertas h3{
  margin:0 0 0 20px;
	padding: 8px 0 23px 0 ;
}

#col #ofertas .linkRss a{
  color:#46b9eb;
}


#col #valoracion h3{
  margin:0 0 17px 12px;
	padding: 13px 0 8px 25px;
	border-bottom: 1px solid #cccccc;
}


#valoracion div#hsRating.hsRating{
  border-top: none;
}

#valoracion .hsRating a{
 color:#284654;
}

#valoracion div#hsRating.hsRating p.more{
  padding:0 !important;
  margin:0;	

}

#valoracion div#hsRating.hsRating #recommend{
  padding: 0 0 25px 0;
}

* html #valoracion div#hsRating.hsRating #recommend{
  padding: 0;
}

#languages {
	position: absolute;
	top:0px;
	right:9px;
  padding: 10px 0;
	background: url("../images/bg_semitrans70.png") 0 0 repeat;
	z-index:4;
}
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:#46b9eb;
	font-size:90%;
	text-decoration:none;
}
ul#languages li a:hover, ul#languages li a:active {
	color:#fff;
}

ul#languages .ultimo{
  border-right:none;
}

#booking {
	width:265px;
	height:277px;
	position:absolute;
	top:0;
	left:9px;
	background: url("../images/bg_reservas.jpg") 0 0 no-repeat;	
}

#booking h3{
  padding:28px 0 10px 23px;
		color:#fff;
}


#photos{
	position:absolute;
	top:0;
	left:274px;
  width:715px;
	height:315px;
  margin:0 auto;
	overflow:hidden;	
	z-index:1;
}

#prevBtn, #nextBtn {
	display:none!important
}

#footer{
  background: url("../images/bg_footer.png") 0 0 no-repeat;
  display:block;
  width:998px;
	height:84px;
  margin: 0 auto;
	position:relative;
}

#datosHotel{
  position:absolute;
	top:10px;
	left:27px;
  color:#fff;
	font-weight:100;
	line-height:18px;
}

#datosHotel a{
  text-decoration:none;
  color: #46b9eb;
	font-size:12px;	
}

/*----------LOCALIZACION--------------*/

#gmap, #smap{
  width:690px;
  height:300px;
  border:1px solid #000000;
  margin-bottom : 8px;
	margin: 0 auto 8px;
}

#content #iframe {
margin-left: 35px;}

/*----------OFERTAS--------------*/
#titleDivOffers p {
display:none !important;
}

h2#hotelNameOffers {
 padding:0;
}

/*----------OPINIONES--------------*/
div.hssurveys_full a{
  color: #000;
}


/*----------FAQ--------------*/

dt{
  color:#2899c9;
	font-weight:bold;
	margin: 0 0 0 16px;
	line-height: 30px;
}

dd{
	margin: 0 0 0 16px;
}

.calendar thead .title, .calendar tfoot .ttip {
background : #2b9fd1!important;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding:10px 0 0 20px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#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;*/
}
#mirai_be0 {
    /*width:13.7em;*/
    /*height:11.5em;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3, #mirai_be5 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    /*left:0;*/
    /*margin-top:0.25em;*/
    color: #fff;
    font-weight: 700;
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    /*left:6.5em;*/
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    /*top: 0; */
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    /*top:2.2em;*/
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    /*top: 6.15em;*/
    /*left: 0em;*/
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    /*top:4.6em;*/
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    /*top: 6.9em;*/
    /*left:0;*/
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "Input Codigo Promocional" */
    /*width:7em;*/
}
#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_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background: none repeat scroll 0 0 #009900;
    border: 1px inset;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    font-size: 14px;
    height: 2.3em;
    padding: 0 1.2em;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    text-decoration:underline;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #CCCCCC;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#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 ---*/
