/*
Reserva Hoteles Madrid - Stylesheet
Version: 9.1 (enero 2009)
Author: j0an
*/

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:400;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;}
del,ins {text-decoration:none;}

/* BASIC */

body {
	background: #F2F2F2;
	color: #4A6473;
	font: normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: center;
}

#container {
	background: #FFF url(Images/bkg_body.gif) repeat-y center;
	margin: 25px auto;
	text-align: left;
	width: 947px;
	margin-top: 15px;
}

a {outline: none;}
img a {outline: none;}

/* HEADER */

#header {
	background: url(Images/fondo_header.jpg) no-repeat;
	height: 147px;
	margin-bottom: 35px;
	width: 947px;
}

#header h1 {
	float: left;
	margin: 5px 0 0 5px;
	position: relative;
	width: 355px;
	height: 126px;
}

#header h1 a {
	background: url(Images/logo.png) no-repeat;
	display: block;
	width: 485px;
	height: 126px;
	text-indent: -2000px;
	margin:30px 0 0 0px;	
}

#header ul#menu {
	background: url(Images/inactivo.jpg) repeat-x top center;
	display: block;
	font: bold 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	float: left;
	height: 35px;
	margin: -26px 20px 0 9px;
	list-style-type: none;
	text-transform: uppercase;
	width: 930px;
	border-top:1px solid #82828C; 
}

#header ul#menu li {
	display: block;
	float: left;
	padding: 0 0 0 15px;
}

#header ul#menu li a {
	color: #F2F2F2;
	display: block;
	float: left;
	font-weight: 100;
	height: 24px;
	padding: 6px 10px 0;
	text-decoration: none;
}

#header ul#menu li a:hover{background: url(Images/activo.jpg) repeat-x top left; color:#FFF; display: block; margin: 0; height: 35px;}

#header .tel {
	color: #2C2C36;
	float: right;
	position: relative;
	margin: 45px 71px 0 0;
	text-align: right;
	font-size:20px;
}

#header .tel small {color:#34536A; font: normal normal 11px "Trebuchet MS", sans-serif;}
#header span.horario { 
	font: bold 10px Verdana; 
	color: #D2DAE4; 
	display: block;
	margin-top: 5px;
}

#header span.horario {background:#2D2D35; padding:2px 10px; margin-right:-10px; width:183px;}

/* FIN HEADER */

#buscador {
	display: block !important;
	margin: 148px 42px 0 0 !important;
	position: relative !important;
}

#buscador input.input{
	background: #fff !important;
	border: 0 !important;
	color: #34536A !important;
	font: italic 11px "Trebuchet MS", sans-serif !important;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	padding: 2px 1px 3px 7px !important;
	height: 14px !important;
	position: relative !important;
	width: 230px !important;
}

#buscador input.submit{
	background: url(Images/header_form_submit.gif) no-repeat !important;
	left: -2px !important;
	outline: none;
	position: relative !important;
	top: 4px !important;
}

/* MAIN */

div#main {
	float: left;
	margin: 25px 0 0 25px;
	-moz-border-radius: 10px;
	padding-bottom: 15px;
	width: 567px;
}

div#main h1.titulo {
	font: normal 22px "Trebuchet MS", sans-serif;
	color: #164760;
	padding: 0;
	margin: 0;
}
div#main h3 {
	background: #f2f2f2;
	color: #245269;
	font: normal 17px "Trebuchet MS", sans-serif;
	margin: 25px 0 0;
	padding: 10px 0 10px 8px;
}
div#main h3 a {
	text-decoration: none;
	color:  #293B46;
}
div#main p {
	line-height: normal;
	margin: 8px 0 5px;
	color:#2B2B35;
}
div#main a {color: #293B46;}
div#main a:hover {color: #005172;}
div#main ul {margin: 10px 25px; }

/* FIN MAIN */

/* TABS*/

#main #tabs_bg {
	background: #DCE5E8;
	float: left;
	height: 325px;
	list-style: none;
	margin: 0 0 0 8px;
	overflow: hidden;
	width: 550px;
}

#main #tab {
	float: left;
	list-style: none;
	margin: 2px 0 0 2px;
	width: 175px;
}

#main #tab li a {
	background: #EFF7F9;
	color: #496474; 
	display: block;
	font: normal 13px "Trebuchet MS", Arial, Verdana, sans-serif;
	height: 79px;
	list-style: none;
	border-bottom:1px solid #C1C1C1;
	margin:0 1px;
	padding: 0 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 175px;
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
}

#main #tab li a:hover {
	background:#FBFAF9;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
}

#main #tab li a.selected {
	background: #FBFAF9;
	color: #496474;
	border-right: none;
	padding: 0 5px;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
}

#main #tab li a.selected .title {color:#2C2C36;}

#main #tab li a img.tabA {padding: 16px 0 0 0;}
#main #tab li a img.tabB {padding: 15px 0 0 0;}
#main #tab li a span.title {display: block; margin: 1px 0 0 0; position: relative; color:#033649;}
#main #tab li a span.title_alt {display: block; margin: -5px 0 0 0; position: relative; color:#033649;}

#main .tabContainer {
	background: #FBFAF9;
	color: #222;
	height: 318px;
	list-style: none;
	margin: 3px 0 0 187px;
	padding-top: 1px;
	width: 360px;
}

#main .tabContainer h4.title {
	color: #496474;
	font: normal 12px "Trebuchet MS", Arial,Verdana, sans-serif;
	margin: 6px 0 0 15px;
}

#main .tabContainer h4.title a {color: #496474;}
#main .tabContainer h4.title a:hover {color: #2E3C42;}

#main .tabContainer p {
	color: #758A96;
	cursor: default;
	font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 0 0 3px 15px;
	text-align: left;
	width: 328px;
}

#main #tipologias p {height: 50px; margin: 0 0 0 3px; overflow: hidden;}
.hide {overflow: hidden;}
	
#main .ver_tipologias {
	background: #E3EBED;
	display: block;
	float: right;
	font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif;
	height: 19px;
	margin: 1px 15px 0 0;
	-moz-border-radius: 5px;
	padding: 2px 0 0 0;
	text-align: center;
	width: 130px;
}

#main .ver_tipologias a {color: #293B46; margin: 2px 0 0 0;}
#main .ver_tipologias a:hover {color: #005172;}

#main #ptsreferencia ul.puntos_referencia li {
	float: left;
	height: 108px;
	list-style: none;
	margin: 0 0 0 -10px;
	width: 110px;
}

#main #ptsreferencia ul.puntos_referencia li a {text-decoration: none;}
#main #ptsreferencia ul.puntos_referencia li a:hover {text-decoration: underline;}
#main #ptsreferencia ul.puntos_referencia h4 {font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0; width: 95px;}
#main #ptsreferencia ul.puntos_referencia img {margin: 0; padding: 0;}

#main #tipoalojamiento ul.alojamiento li {	
	float: left;
	height: 150px;
	list-style: none;
	margin: 1px 0 0 -10px;
	padding: 0 15px 0 0;
	width: 150px;
}

#main #tipoalojamiento ul.alojamiento li a {text-decoration: none;}
#main #tipoalojamiento ul.alojamiento li a:hover {text-decoration: underline;}
#main #tipoalojamiento ul.alojamiento li p {margin: 2px 0 0; padding: 2px 0 0 0; width: 150px;}
#main #tipoalojamiento ul.alojamiento h4 {margin: 6px 0 0; text-decoration: underline;}

#main .ver_mas {
	background: #E3EBED;
	float: left;
	font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif;
	height: 19px;
	margin: 8px 0 0 1px;
	-moz-border-radius: 5px;
	padding: 2px 0 0 0;
	text-align: center;
	width: 55px;
}

#main .ver_mas a {color: #293B46;}
#main .ver_mas a:hover {color: #005172;}
#main #hotelesestrellas ul.cantidad_estrellas li {height: 60px; list-style: none; margin: 0 0 0 -10px; padding: 0;}
#main #hotelesestrellas ul.cantidad_estrellas li img {padding: 0; margin: 0 0 0 -3px;}
#main #hotelesestrellas ul.cantidad_estrellas li a {text-decoration: none;}
#main #hotelesestrellas ul.cantidad_estrellas li a:hover {text-decoration: underline;}
#main #hotelesestrellas ul.cantidad_estrellas h4 {margin: -5px 0 0;}

/* FIN TABS */

/* GENERIC PAGE */

div#main dl {
	margin: 5px 40px;
}
div#main dt, div#sidebar dl dt {
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 6px;
}
div#main dd, div#sidebar dl dd {
	padding-left: 10px;
	border-left: 1px dotted #8f9090;
	margin-bottom: 10px;

}
div#main dd p {
	margin: 8px 0;
}

span.ver_mapa {
	background: #D6E1E6;
	color: #698192;
	height: 16px;
	font-size: 12px;
	padding: 10px;
}

/* FIN GENERIC */

/* LISTING */

span.filtrarresultadosbtn {
	background: #DBE1E7;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	font-size: 10px;
	cursor: pointer;
	margin: 0 15px;
	margin-top: 5px;
	width: 95px;
	display: block;
}
div#filtros {
	-moz-border-radius: 3px;
	-moz-border-radius-topleft: 0;
	background: #DBE1E7;
	margin: 0 15px;
	padding: 15px 15px;

}
div#filtros label {
	font-size:11px;
}
span.searchdescription {
	margin: 5px 15px;
	display: block;
	text-align: justify;
}
div#results, div.secondinfo {
	margin: 5px 15px 20px;
}
span.search_result {
	background: #D9E0E9;
	border-bottom: 1px solid #689CB7;
	border-top: 1px solid #689CB7;
	color: #4D4D4D;
	display: block;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 5px;
	text-align: center;
}

div#results span.hotels_disp {
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #606163;
	padding-top: 10px;
}
div#results span.paginator {
	font: normal 24px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000;
}
div#results span.paginator a {
	font-size: 16px;
	color: #606163;
	text-decoration: none;
}
div.alternative_message {
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #60656b;
	border-top: 1px solid #baccdf;
	border-bottom: 1px solid #baccdf;
	background: #e8f0f7;
	display: block;
	padding: 5px;
	margin: 10px;
}

div.hotel {
	background: #F5F7F8;
	-moz-border-radius: 5px;
	margin: 5px 15px;
	padding: 5px 10px 10px;
}

div#infoprincipal {
	margin-bottom: 10px;
	width:395px;	
}

a.hotelnombre {
	font: 20px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;
	float: left;
}

span.hotelstars {
	margin: 0;
	float: left;
}

span.hotelstars ul {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	padding-top: 6px;
	padding-left: 5px;
}

span.hotelstars ul li {
	display: inline;
	padding-left: 3px;
}

span.hoteldireccion, span.hoteldireccion a {
	font-size: 11px;
	color: #78797b !important;
	text-decoration: none;
}

span.hoteldistancia {
	font-style: italic;
	font-weight: 700;
	font-size: 13px;
	color: #000 !important;
	text-decoration: none;
}
		
div.hotelrate {
	font-size: 11px;
	color: #767779;
	margin-top: 4px;
}

div.hotelrate a.rate img {
	padding-left: 3px;
	top: 1px;
	position: relative;
}
div.hotelrate span.val_numerica { 
	padding-left: 5px;
	font-weight: bold; 
}
	
div#foto_btn {width: 120px;}
div#foto_btn img.btn {margin-top: 3px;}

img.fotohotel {
	padding: 1px;
	border: 1px solid #bad1e1;
}

a.btn-verprecio {margin-top: 10px;}
a.btn-verprecio {margin-top: 10px;}

div#info_reserva {width: 395px;}

div#info_reserva p.bajada {
	margin: 0;
	border-left: 1px dotted #8d8e92;
	padding-left: 4px;
	font-size: 11px;
	text-align: justify;
}
		
div.booking {margin-top: 10px;}
span.hotelcontext {color: #8f9092; font-weight: 700;}
div.form_container {margin: 2px 2px; padding: 2px 5px;}

#sslnotes {
	margin: -40px 0 0;
	position: relative;
}
div#newsletter input#submit {
	float: right;
	margin: -1px 0 0;
	padding: 0 15px 0 0;
}

div#newsletter input#submit {outline: none;}

div.booking span.roomtype {
	font-weight: 700;
	margin-bottom: 3px;
	display: block;
}

span.roomoffer {margin: 5px 0; display: block;}
span.roomnightsfood {color: #373938;}
span.roommoney {font: bold 15px "Trebuchet MS", Arial, Verdana, sans-serif;}
span.roommoneyxpers {font-size: 9px;}	

span.hotel_condiciones {
	font-size: 9px;
	color: #74797c;
	text-align: right;
	margin-right: 4px;
	margin-top: 3px;
}
.booking span.hotel_condiciones {color:#993300; font-size:11px; border-bottom:1px dotted #C9D3D9; 
background:url(/Images/booking-iva-Bg.gif) no-repeat 0 51%; float:none; padding:0 15px; margin-left:8px;}

#orden_preferido {margin-top: 10px;}
#moneda_preferida{font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif; margin: 3px 0;}

.filter_box {
	background: #AEBFC8;
	border: 1px solid #648394;
	color: #324049;
	margin: 20px auto;
	padding: 5px;
	width: 525px;
}

ul.filter_disponibilidad li img {margin: -4px 0;}
	
/* FIN LISTING */

/* SEE ALSO */

.seealso {padding-bottom:20px;}
.seealso strong {display:block; font-weight:bold; padding-left:25px; padding-top:5px;}
.seealso .ver {padding:5px 0 5px 25px; color:#666; margin:10px 0; background:url(/Images/verHotelIcon.gif) no-repeat 3px 50%; border-bottom:1px solid #CCC;}
.seealso ul {margin:0 !important;}
.seealso li {color:#7A90A8; padding:0 0 10px 25px; background:url(/Images/seealso-bullet.gif) no-repeat 10px 30%;}

/* FIN SEE ALSO */

/* HOTEL DETAIL */

h1.hotelnombre {
	color: #000;
	font: 20px "Trebuchet MS", Arial, Verdana, sans-serif;
	float: left;
	text-decoration: none;
}

div.hotel2 h3 {margin: 0 !important;}

div#backlink{
	text-align: left;
	top: 5px;
	position: relative;
	margin-bottom: 10px;
}

p.bajada {
	margin: 0;
	font-size: 11px;
	text-align: justify;
}

div.hotelgroup {
	text-align: left;
	padding: 10px 0;
	font: normal 13px "Trebuchet MS", Arial, Verdana, sans-serif;
}

div.hotelgroup ul {margin: 0 20px !important;}
div.hotelgroup ul li a {margin-left: 10px;}
ul.services {list-style: none; margin: 10px 30px !important;}

ul.services li {
	float: left;
	width: 29%;
	padding: 5px 0;
	padding-left: 18px;
	background: url(/Images/bullet_blue.png) no-repeat 0 4px;
}

ul.services li a {text-decoration: none;}
ul.services li a:hover {text-decoration: underline;}
div#nearpoints h5, div#hotelrecommendation h5, div#newsletter h5 {
	font: normal 16px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #565759;
}
ul.nearstuff, ul.typologys {
	margin: 4px 15px 10px !important;
	list-style: none;
	font-size: 12px;
	line-height: 20px;

}
ul.nearstuff li a, ul.typologys li a {padding: 5px; text-decoration: none;}
ul.nearstuff li:hover a, ul.typologys li:hover a, div#nearpointssidebar a.nearpoint:hover {text-decoration: underline;}

div#nearpoints span.distancia {
	font-style: italic;
	position: relative;
	left: -2px;
}

div#nearpointssidebar a.nearpoint {padding: 5px; text-decoration: none;}
div#nearpointssidebar {margin: 0 0 0 5px;}
div#nearpointssidebar h2 {margin: 0 0 0 -5px;}

div#nearpointssidebar ul.nearpoints {
	margin: 3px 15px !important;
	list-style: none;
	font-size: 12px;
	line-height: 18px;	
}

div#nearpointssidebar ul.nearpoints li {
	font-weight: 400 !important;
	cursor: pointer;
}

div#nearpointssidebar ul.nearpoints li a {
	background: url(/Images/sidebar_bullet.jpg) no-repeat;
	color: #436169; 
	padding: 1px 5px;
	text-decoration: none;
}

div#nearpointssidebar ul.nearpoints li a:hover {text-decoration: underline;}
ul.nearstuff li.mejores_hoteles {display: block; float: left; height: 60px;}
ul.nearstuff li div.Side_MostRated a.hotellink {position: relative;float:left;width:200px;padding-top:0;}
ul.nearstuff li div.Side_MostRated img.fotohotel {float: left;}
ul.nearstuff li div.Side_MostRated span.hotelstars {margin: 0 0 0 5px; position: relative;}
ul.nearstuff li.hoteles_recomendados {display: block; float: left; height: 60px;}
ul.nearstuff li div.Side_HotelRecommended a.hotellink {position: relative; margin: 0 5px;}
ul.nearstuff li div.Side_HotelRecommended img.fotohotel {float: left;}
ul.nearstuff li div.Side_HotelRecommended span.hotelstars {bottom: 4px; margin: 0; position: relative;}

/* FIN HOTEL DETAIL */

/* SIDEBAR */

div#sidebar {float: right; margin: 25px 25px 0 0; width: 288px;}
div#sidebar h2 {
	font: normal 18px "Trebuchet MS", sans-serif;
	color: #51A57D;
	display: block;
	height: auto;
	padding: 5px 0 2px 12px;
	text-align: left;
}
div#sidebar li {color:#4C4E58;}
div#sidebar a {color: #000;}

/* FIN SIDERBAR */

/* SIDEBAR COMPONENTS */

div#sidebar div#aside {
	background: #FBFAF8;
	border: 1px solid #DDDECC;
	-moz-border-radius: 10px;
	margin-bottom: 10px;
}

.class_aside {
    background: #FBFAF8;
    border: 1px solid #DDDECC;
    -moz-border-radius: 10px;
    margin-bottom: 10px;
}

div#sidebar div#aside2 {
	background: #FBFAF8;
	border: 1px solid #DDDECC;
	-moz-border-radius: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
}

div#sidebar div#aside div.subaside {padding: 0 0 10px 10px;}
div#sidebar div#aside div.subaside li {padding: 0 0 0 5px;}
div#sidebar div#aside tr {line-height: 30px;}
div#sidebar div#aside label {font-size: 11px; margin-right: 10px;}

.class_aside div.subaside {padding: 0 0 10px 10px;}
.class_aside div.subaside li {padding: 0 0 0 5px;}
.class_aside  tr {line-height: 30px;}
.class_aside  label {font-size: 11px; margin-right: 10px; color:#6B6B6B;}

#newsletter p {color:#6B6B6B;}


span.estancia {font-size: 12px; color: #000;}
div#sidebar input[type='text'], div#sidebar select {width: 155px !important;}

.input {
	border: 1px solid #b5b5b5;
	background-color: #fff !important;
	padding: 3px 5px;
	font-size: 11px;
}
input[type='text'].input {width: 155px !important;}

.calendario {background: #fff url(/Images/ico_calendario.gif) no-repeat 135px 3px !important;}

div.buscadoravanzado{
	font-size: 11px;
	margin: 10px 5px;
	padding: 5px 0;
}

div#sidebar div#aside div#homesearchmessage {
	background: #DBE1E7;
	font-size: 11px;
	margin: 8px 20px;
	padding: 5px 5px;
}

.class_aside div#homesearchmessage {
    background: #eaebec;
    font-size: 11px;
    margin: 8px 20px;
    padding: 5px 5px;
    color:#6B6B6B;
}


.advanced_search_text span {float: left; margin: 0;}
div#sidebar div#aside div#homesearchmessage img {margin: 0 0 0 15px}
.class_aside div#homesearchmessage img {margin: 0 0 0 15px}

div#sidebar div#citymap {
	background: #e8f0f7;
	border: 1px solid #baccdf;
	height: 88px;
	width: 266px;
}
div#sidebar a.vermapa {
	text-align: center;
	display: block;
	margin: 5px auto 10px;
	text-decoration: none;
	font-weight: 700;
}
div#sidebar div.weather {
	text-align: center;
	margin: 10px 0;
	position: relative;
	right: 10px;
	width: 230px;
}
div#sidebar h3.weather {
	background: #e8f0f7;
	color: #7b7f84;
	font: normal 15px "Trebuchet MS", Arial, Verdana, sans-serif;
	margin: 10px 0;
	padding: 6px 10px;
	text-align: center;
	width: 246px;
}
div#sidebar div.weather {
	width: 200px;
	margin: 0 auto;
}
div.weather img.tempimg {
	position: relative;
	right: 13px;
}
div.weather span.temp {
	font: 34px "Trebuchet MS", Arial, Verdana, sans-serif;
	display: block;
	position: relative;
	right: 30px;
}
div.weather span.temptxt {position: relative;}
div.weather small.poweredby, div.weather small.poweredby a {color: #7b7f84 !important;}
div#categories h2 {height: auto; padding: 0 0 2px 3px; text-align: left;}
div#categories ul {list-style: none; margin: 2px 0;}
div#categories ul li {margin-left: 5px;}
div#categories ul li a {text-decoration: none;}
div#categories ul li a:hover {text-decoration: underline;}

div#aside dl {margin: 5px 10px;}
div#aside dl dt {margin-bottom: 0;}
div#aside dl dd {margin-top: 5px; margin-bottom: 20px;}
div#aside a.vertodas {float: right; font-size: 11px; margin: 0 10px 10px 0;}

.class_aside dl {margin: 5px 10px;}
.class_aside dl dt {margin-bottom: 0;}
.class_aside dl dd {margin-top: 5px; margin-bottom: 20px;}
.class_aside a.vertodas {float: right; font-size: 11px; margin: 0 10px 10px 0;}


div.hometext {padding: 0 15px;}

/* Sidebar iconos de servicios */

#categories h2 {padding-bottom:12px;}
#categories ul li {font-size:0;}
#categories ul li a {display:block; font-size:12px; padding:2px 20px 5px 40px; background:no-repeat 0 51%;}
#categories ul.service-parking-payed a {background-image:url(/Images/sidebar-servicios-amenities/parking-payed.gif);}
#categories ul.service-parking-free a {background-image:url(/Images/sidebar-servicios-amenities/parking-free.gif);}
#categories ul.service-wifi a {background-image:url(/Images/sidebar-servicios-amenities/wifi.gif);}
#categories ul.service-pool-covered a {background-image:url(/Images/sidebar-servicios-amenities/pool-covered.gif);}
#categories ul.service-pool-external a {background-image:url(/Images/sidebar-servicios-amenities/pool-external.gif);}
#categories ul.service-transfer a {background-image:url(/Images/sidebar-servicios-amenities/transfer.gif);}
#categories ul.service-handicapped a {background-image:url(/Images/sidebar-servicios-amenities/handicapped.gif);}

/* Fin Sidebar iconos de servicios */

/* Sidebar FAQ Callcenter */

#faqCallcenter {margin:10px 10px 12px; border-bottom:1px solid #DAE2E8; background:url(/Images/faq-tel.gif) no-repeat 0 0;}
#faqCallcenter * {display:block;}
#faqCallcenter em,
#faqCallcenter span {color:#666; padding:0 0 5px 95px; color:#999; font-size:13px;}
#faqCallcenter strong {padding:3px 5px 0; margin:0 0 5px 95px; border-top:1px solid #EAEEF1; border-bottom:1px solid #EAEEF1; font:22px Times, serif; color:#7A90A8;}
#faqCallcenter span {color:#CCC; padding-bottom:18px; border-bottom:4px solid #EAEEF1;}

/* Fin Sidebar FAQ Callcenter */

/* FOOTER */

div#footer {
	background: #F2F2F2 url(Images/bkg_footer.gif) no-repeat center top;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
	color: #22212F; 
	height:87px 	
}
div#footer ul#footerlinks {margin: 5px 0;}
div#footer ul#footerlinks li {display: inline; margin-right: 10px;}
div#footer a {color: #31536E; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}

/* FIN FOOTER */

/* COMPONENTS MISC'S */

div#availabilitylinkbox {
	margin: 10px 1px;
	padding: 8px 13px;
	border-top: 1px solid #baccdf;
	border-bottom: 1px solid #baccdf;
	background: #e8f0f7;
	font-size: 13px;
}
div#hotelrecommendation label, 
form#search_insidehotel label, 
div#newsletter label {
	font-size: 12px;
}

#search_insidehotel {
	background: #DBE1E7;
	padding: 10px 10px;
}

form#search_insidehotel label {
	margin-right: 10px;
	text-align: right;
	display: block;
}

div.errormessage {
	text-align: center;
	color: #496474;
	padding: 5px 10px;
	border: 1px solid #baccdf;
	background: #e8f0f7;
	margin: 5px 7px;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: 0.05em;
	width: 250px;
}

div.newsletter_errormessage {
	text-align: center;
	color: #496474;
	padding: 5px 10px;
	border: 1px solid #baccdf;
	background: #e8f0f7;
	margin: 0 -1px;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: 0.05em;
	width: 250px;
}

div.okmessage {
	text-align: center;
	color: #009b0b;
	padding: 5px 10px;
	border: 1px solid #baccdf;
	background: #e8f0f7;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: 0.05em;
	width: 250px;
}

a.vertodos {
	margin-right: 20px;
	background-color: #e8f0f7;
	padding: 6px 10px;
}

ul.communities {
	line-height: 25px;
}
ul.communities li {
	display: inline;
	float: left;
	margin: 0 10px;
	width: 230px;
}
ul.communities li a {
	padding: 5px;
}
ul.communities li a:hover {
	background: #bccbe0;
	color: #000 !important;
}

div.busquedamessage {
	margin-bottom: 20px;
}
span.busquedaresultado {
	margin: 0 5px;
	font-size: 12px;
}
ul.searchresults {
	line-height: 25px;
	list-style: none;
}

ul.typeul li {
	float: left;
	padding: 0 3px;
	font-size: 0.95em;
}

/* REVIEW */

span.promedio {
	font: 45px "Trebuchet MS", Arial, Verdana, sans-serif;
	display: block;
}
span.calificacionpordedos {
	display: block;
	margin-bottom: 4px;
}
span.calificacionpordedos img {
	padding: 0 2px;
}
ul.puntuacion {
	list-style: none;
	font-size: 11px;
	margin: 0 50px 0 10px !important;
	line-height: 17px;
}
span.type {
	font-size: 12px;
	font-weight: 700;
}
div#tipodeviajantes {
	margin: 0 20px;
}
div#tipodeviajantes ul {
	list-style: none;
}
div.revpaginador {
	text-align: center;
	font: 15px "Trebuchet MS", Arial, Verdana, sans-serif;
	margin:10px 0;
	display: block;
}

div.revenca {
	font-size: 11px;
}
span.revnombrecliente {
	font: 20px "Trebuchet MS", Arial, Verdana, sans-serif;
}
span.sealojo {
	background-color: #e8f0f7;
	padding: 5px 10px;
	font-size: 10px;
	font-weight: 700;
}
span.tipoviajante {
	display: block;
	color: #666;
}
div.revuser {
	margin-bottom: 10px;
}
div.revsecond {
	margin-top: 10px;
}
span.lobueno, span.lomalo {
	margin-right: 20px;
	display: block;
	margin-bottom: 10px;
}
span.lobueno h3, span.lomalo h3 {
	margin: 0 !important;
	font-size: 15px !important ;
}
span.lobueno p, span.lomalo p {
	font-size: 11px;
	margin-left: 10px;	
}
span.revprom {
	display: block;
	font-weight: 700;
	margin: 5px 0 0;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}
div.revdisc {
	margin: 20px;
	font-size: 11px;
}

/* FORM DE RESERVA */

a.reservationhdetail {
	float: right;
	text-decoration: none;
	padding: 5px 8px;
	background: #e8f0f7;
	font-size: 11px;
	-moz-border-radius:3px;
}

form#reservation {
	margin-top: 20px;
}
div#totalcost {
	text-align: right;
	margin: 0 20px;
	font-size: 16px;
}
span#grandtotal {
	font: bold 26px "Trebuchet MS", Arial, Verdana, sans-serif;
}

div#cancelcharges {
	border: 4px solid #baccdf;
	background: #e8f0f7;	
	margin: 10px 20px;
	padding: 5px 15px;
	font-size: 13px;

}
span.indications {
	color: #7b7f84 !important;
	display: block;
	font-size: 10px;
	position: relative;
	top: -5px;
}
form#reservation div.form_container table, form#reviewcreate div.form_container table {
	font-size: 11px;
	line-height: 28px;
}
form#reservation div.form_container table td {vertical-align: top;}
form#reservation input#submit {float: left; margin: 0 0 0 170px; outline: none;}

#sslnotes {
	float: right;
	top: 50px;
	width: 125px;
}

.table_reserva {font-size: 14px; text-align: center;} 
.table_reserva th {font-size: 14px; text-align: center;}
.salida td {float: right; position: relative;}

/* FIN FORM DE RESERVA */

/* TABLA INFORMACION DE RESERVA */

#reservationdetails {border:1px solid #A7C7E0;}
#reservationdetails th,
#reservationdetails td {font-size:12px; vertical-align:top; padding:10px 5px; border-right:1px solid #B0D4EE; text-align:left;}
#reservationdetails th {background:#9AB9D0; color:#FFF; font-weight:bold;}
#reservationdetails td {color:#193B54;}
#reservationdetails td span {font-size:12px !important;}
#reservationdetails ul {margin:0 !important;}

/* FIN TABLA INFORMACION DE RESERVA */

/* MISC */
a img, a {
	border: 0;
	outline: none;
}
.star_bullet {
	float: left;
	position: relative;
	margin: 0 0 0 7px;
}

.star_bullet_home {
	float: left;
	position: relative;
	left: -10px;
}
.right {
	float: right;
}
.left {
	float: left;
}
div.clear {
	clear: both;
}
a.volverpaginainicio {
	display: block;
	text-align: right;
	margin: 5px 20px 20px 0;
}

/* WAITER */

#waiter {
	padding-top:15px;
	width:550px;
	margin:auto;	
}

#waiterbox {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	overflow: visible;
	z-index:40;
	background:#0F6;
}

#inlinewaiter {
	height:33px;
	width: 54%;
	color: #FFF;
	font-size:11pt;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: 700;
	text-align: center;
	overflow: visible;
	vertical-align:middle !important;
	background:url(/Images/inlinewaiterbkg.gif) center;
	padding:4px;
	margin:auto;
}

#inlinewaiter img {
	vertical-align:middle;
	float: left;
}

#inlinewaiterbox {
	width: 100%;
	text-align: center;
	vertical-align:middle !important;
	display:none;
}

#waiterloader {
	top:170px;
	left:48px;
	position:relative;
}

#waitertext {
	position:relative;
	top:53px;
	left:125px;
	width:197px;
	height:68px;
	color: #FFF;
	font-size:11pt;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: 700;
	text-align: center;
	/ margin-left: -43%;
}

#courtain{
	background:#FFF;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	/ width:101%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	visibility:hidden;
}

#ocultsearch {
	padding-top:15px;
	width:550px;
	margin:auto;
}

#ocultsearchbox {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:170px;
	text-align:center;
	overflow: visible;
	z-index:40;
	background:#FFF;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
	position: relative;
	display: none;
	border: 1px solid #666;
	font-size: 11px;
	cursor: default;
	background: Window;
	color: WindowText;
	font-family: Arial, Sans-Serif;
}

.calendar table {
	border: 0;
	font-size: 11px;
	cursor: default;
	background: Window;
	color: WindowText;
	font-family: Arial, Sans-Serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: #e8f0f7;
  color: #000;
}

.calendar .nav {
  background: #e8f0f7 ; /*url(menuarrow.gif) no-repeat 100% 100%*/
  color: #000;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: 700;
	padding: 1px;
	border: 1px solid #000;
	background: #e8f0f7;
	color: black;
	text-align: center;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
	background:#e8f0f7;
}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid ButtonShadow;
	padding: 2px;
	text-align: center;
	background:#e8f0f7;
	color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #333;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
	border: 2px solid;
	padding: 0;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	border-width: 1px;
	padding: 2px 0 0 2px;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	text-align: right;
	padding: 2px 4px 2px 2px;
	background: #d7e0ea;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
	color: #faa;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid ButtonShadow;
	background: ButtonFace;
	color: ButtonText;
}

/*
.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}*/

.calendar tbody td.hilite { /* Hovered cells <TD> */
	padding: 1px 3px 1px 1px;
	border: 1px solid #5E5A8D;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	padding: 2px 2px 0;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
	font-weight: 700;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 2px 2px 0;
	background: #e7ebec;
	color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #666;
}

.calendar tbody td.today { /* Cell showing today date */
	font-weight: 700;
	color: #000;
	background: #bccbe0;
}

.calendar tbody td.disabled {color: GrayText;}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background:#baccdf;
	padding: 1px;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	color: ButtonText;
	text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	padding: 1px;
	background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	padding: 2px 0 0 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	width: 4em;
	top: 0;
	left: 0;
	cursor: default;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background: Menu;
	color: MenuText;
	font-size: 90%;
	padding: 1px;
	z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .active {
	padding: 0;
	border: 1px solid #000;
}

.calendar .combo .hilite {
	background: Highlight;
	color: HighlightText;
}

.calendar td.time {
	border-top: 1px solid ButtonShadow;
	padding: 1px 0;
	text-align: center;
	background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 0 3px 0 4px;
	border: 1px solid #889;
	font-weight: 700;
	background-color: Menu;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0 2px 0 3px;
	font-weight: 700;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: Highlight;
	color: HighlightText;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}

/* TIPOLOGÍAS */

#typo h3 {background: #DBE0E7;}
#typo {padding-bottom: 15px;}

#typo img {
	border: 1px solid #3C4D58;
	float: left;
	margin: 10px 10px;
	padding: 1px 1px;
}
#typo p {position: relative;}
#typo a.vertodos {
	background: #CCD6DC;
	-moz-border-radius: 5px;
	text-decoration: none;
}
#typo a.vertodos:hover {text-decoration: underline;}

.social-media{

    width: 180px;
    margin-top: 5px;        
    margin-left: 17px;
    
}

.button_reserve {
	width: 85px;
}

#blogPosts .blog {
	clear: both;
	margin-top: 15px;
	padding-top: 10px;
}

#blogPosts .blog .image {
	float: left;
}

#blogPosts .blog .text {
	float: left;
	padding-left: 5px;
	width: 490px;
}

#blogPosts .blog .text .description {
	padding-top: 5px;
}

#blogPosts .blog .text .description a {
	text-decoration: none;
}

#blogPosts .blogShowAll {
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

.reviews {
	padding: 10px;
}

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

#main .ver_tipologias_home {
	float: none;
	width: 180px;
	margin: 0 auto;
	margin-top: 20px;
}


/*About us*/
#aboutus {
	overflow: hidden; 
	background: #6b6b6b; 
	text-align: center;
	padding: 10px 0;
	margin-top: 20px;
}
#aboutus a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#aboutus ul {
	width: 530px;
	margin: 0px auto;
	padding: 0px;
	margin-top: 10px;

}

#aboutus li {
	width: 130px;
	display: inline;
}