﻿/* HOTEL LISTING */
div.bg{left:0;}

#HotelResultsContainer { color: #666; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:170%; }
#HotelResultsHeader h1 { color:#C88F5E; font-size:26px; font-weight:normal; margin:0; padding:0; }
#HotelResultsHeader h2 { font-size:12px; color:#666; margin:0 0 5px 0; padding:0; }
#HotelResultsHeader h3 { font-size:13px; color:#A0451E; border-bottom:1px solid #DFCD84; margin:0 0 5px 0; padding:5px; }
.HotelDetailSummaryBlock { background: url(images/bgHotelItems.jpg) bottom repeat-x #fff; border:1px solid #DFCD84; margin-bottom:10px; }

#boxHotelOrderResults { background-color: #FFFAE8; border:1px solid #EFDAB3; width:565px; float: left; padding:10px; }
#boxHotelOrderResults label { margin-right:15px; }
#boxHotelOrderResults span,
#boxHotelFilterZone span { font-size: 12px; font-weight:bold; }
#boxHotelFilterZone { background-color: #FFFAE8; border:1px solid #f60; padding:10px; width:140px; float:right; }
#boxHotelFilterZone select { font-size:11px; }
#HotelResultsNavegation { margin:5px 0; }
#HotelResultsPages { float:left; width:80px; }
.HotelResultsPagesNavegationLinks { float:right; width:490px; text-align:right; }
#HotelResultsContainer a { color: #006bb4 }
#HotelResultsContainer div thead { font-weight: bold; }
#HotelResultsContainer td { color: #666666; vertical-align: middle; }
#HotelResultsContainer p { color: #666; margin:6px 0px; }
.HotelResultsItem { background-color: #fff; border:1px solid #0e4367; margin-bottom:10px;}
.HotelResultsHotelName { background-color: #0e4367; color: #9E0B0F; height:24px; padding:2px 4px; }
.HotelResultsHotelNameLink { color: #F6ECE0 !important; font-weight:bold; font-size:12px; }
.HotelResultsInfoResume { position:relative; top:-35px; clear: both;  width: 98%; }
/* Estilos no partner en los listing de hoteles */ 
	.HotelResultsItemNoPartner { background-color: #fff; border:1px solid #D0D9E9; margin-bottom:10px; }
.HotelResultsHotelNameNoPartner { background-color: #E7ECF4; color: #064C7C; height:24px; padding:2px 4px; }
.HotelResultsHotelNameLinkNoPartner { color: #064C7C !important; font-weight:bold; font-size:12px; }
.HotelResultsInfoResumeNoPartner { position:relative; top:-35px; clear: both;  width: 98%; }
.HotelResultsBestRateNightNoPartner { display:none; }
/* fin estilos no partner */


.HotelResultsBestRateNight { color:#003D79; width:133px; *width:140px;height:48px; line-height:120%; margin:0px!important; float:right; background:#F9F3DF; top:-27px; position:relative;
  
}

#HotelDetailsHeader .HotelResultsBestRateNight {  top:1px; position:inherit; }

.HotelResultsBestRateLabel { color:#003D79; display:block; font-size:11px; margin:8px 0 0 10px; }
.HotelResultsBestRateNumber { color:#003D79; display:block; top:-5px; font-size:18px; font-weight:normal; margin:0 0 0 10px; letter-spacing:-1px; }
.HotelResultsPhotoColumn { width:130px; }
/*.HotelResultsPhotoColumn img {border:1px solid #DFD4B5; padding:2px;}*/
.HotelResultsPhotoColumn a { margin:5px}
.HotelResultsPictureHotel { margin:8px; }
.HotelRatesList { border:1px solid #F6EDD6; margin:0 8px 8px 8px; background:url(images/bgrateslist.gif) repeat-x #FFF; }
.HotelSelectedRatesList { width:99.5%; *width:96%;
margin-bottom:10px; border:1px solid #F6EDD6; background:url(images/bgrateslist.gif) repeat-x #FFF; border-color:red }
.HotelRatesListHightColor { background-color:#FDFAF2; }
.HotelRatesListHightColor img{ float:right;}

.HotelRatesListHightColor .a_button_reserve  { margin: 0 auto }

.HotelRatesListSeparator { border:1px solid #FDFAF2; }
.HotelRatesListTitle { background-color: #F6EDD6; color: #956C07; display:block; padding:2px 5px; margin:8px 8px 0 8px; font-weight:bold; }
.HotelResultsFindAvailability { background:#F6EDD6; color: #9E0B0F !important; /*margin: 0 0 10px 136px;*/ padding:4px; border:1px solid #CCBD92; font-size:11px; float:right; }
.HotelFindAvailability { background: url(images/bglinkgetavailability.gif) repeat-x bottom #275C7F; color: #FFF !important; padding:4px; border:1px solid #D5EDFE; font-size:11px; }
.cleaner { clear: both; }
#HotelResultsSearching { border: 1px solid #6886BD; background-color: #FDFAF2; width:170px; padding:8px; margin:0 auto; }
html>body #HotelResultsSearching { width:150px; }
.HotelResultsSearching { border: 1px solid #6886BD; background-color: #FDFAF2; width:170px; padding:8px; margin:0 auto; }
html>body .HotelResultsSearching { width:150px; }
.HotelResultsSearching div,
#HotelResultsSearching span { color:#666; }
.HotelResultsSearching .SearchingImage { background-color: #FFFFFF; border: 1px solid #0e4367; padding:6px 8px; text-align:center; }
#HotelResultsSearching h3, .HotelResultsSearching h3 { margin:8px 0 0 0; padding:0; color: #286FC0; font-size:12px }
.HotelResultsSearching span { font-weight: bold; }
.HotelResultsSearching a { color: #f60; }
#HotelSearchingImg { BACKGROUND: url(images/loader.gif); width:218px; height:22px; background-repeat:no-repeat; }
.smallSortItem A { padding-left:10px; }
.smallSortItemDown A { padding-left:10px; BACKGROUND: url(images/sortDes.gif) no-repeat; }
.smallSortItemUp A { padding-left:10px; BACKGROUND: url(images/sortAsc.gif) no-repeat; }

/**********************************************************************************************/
/* HOTEL DESCRIPTION */
 	
#HotelDetailsContainer { color:#666; LINE-HEIGHT: 160%; }
#HotelDetailsContainer p { width: 100%; }
#HotelDetailsContainer h3 { color:#956C07; margin:2px; }
.HotelDetailsInfoContainer { color:#666666 !important; font-size:12px !important; margin-bottom:10px; min-height:160px; }
.HotelDetailsInfoContainer li { width: 45%; float: left; }
.HotelDetailsInfoContainer .HotelInfo { padding:5px 10px; }
#pHabitaciones li { float: none; width:auto }


/*AQUI EMPIEZA LA MODIFICACION TABS VERTICALES */
#HotelDetailsNavTabs { padding: 0 10px }
#HotelDetailsNavTabs ul { float: none; padding-top:10px; padding-left: 0px; margin-bottom:14px; list-style:disc; margin:0; }
#HotelDetailsNavTabs ul li { margin:0; color:#9e0b0f; text-decoration: none; text-transform: uppercase;  float:none;  margin-top:8px; border-bottom: 1px solid #e6dcc5; margin:8px 10px 0 0;
padding-bottom:8px; }
#HotelDetailsNavTabs ul li a { font-family:"Trebuchet MS"; font-size:11px; color:#0066AC; text-decoration: none; padding-top: 2px; padding-bottom: 2px; padding-left:9px; text-transform:uppercase; background-image:url(images/body/arrow3.gif); background-repeat: no-repeat; background-position: left 8px; list-style-image: none; }
#HotelDetailsNavTabs ul li a:hover,
#HotelDetailsNavTabs ul li a.active:hover { color: #315E32; }
#HotelDetailsNavTabs ul li a.active { color: #315E32; }
/*AQUI TERMINA LA MODIFICACION TABS VERETICALES */

#HotelDetailsHeader { /* FLOAT: left; WIDTH: 100%; LINE-HEIGHT: 130%; margin-bottom:15px;   color:#fff */ background-color:#FBF3E3; border-bottom:2px solid #C88F5E; } 
#HotelDetailsLogoHotel { FLOAT: left; display:block; WIDTH: 135px; height:100px; MARGIN-RIGHT: 8px }
#HotelDetailsHeaderInfo { FLOAT: left; padding:10px }
#HotelDetailsHeaderInfo H1 { MARGIN: 0px; line-height: 102%; font-size:24px; font-weight:normal; padding:0 0 5px; color:#C88F5E;}
#HotelDetailsBestRateNight { width:150px; FLOAT: right; }
.HotelDetailsBestRateReserveLink { display:block; text-align:center; padding-top:5px; font-weight:bold; }
.HotelDetalsInfoTableCLeft { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
.HotelDetalsInfoTableCRight { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#HotelDetailsGalleryViewer { TEXT-ALIGN: center }

.HotelDetailsGalleryNav { TEXT-ALIGN: center }
.HotelDetailsGalleryNav IMG { cursor:pointer; MARGIN: 5px; TEXT-ALIGN: center }

#tabContainer * { color: #666; }
#HotelDetailsInfo { DISPLAY: none }
#HotelDetailsMap { DISPLAY: none }
#HotelDetailsAmenities { DISPLAY: none }
#HotelDetailsRooms { DISPLAY: none }
#HotelDetailsGallery { DISPLAY: none }
#HotelDetailsPolicies { DISPLAY: none }
#QuickAccessMenu { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
.HotelDetailsCheckAvailabilityBox { border-bottom: #d8b286 1px solid; margin: 0px auto; *margin-left:10%;WIDTH: 90%; padding:4px }
.HotelDetailsCheckAvailabilityBox H4 { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: #f60; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 2px }
.HotelDetailsCheckAvailabilityBox FORM { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: url(images/bginsidebox.gif) repeat-x; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px }
.HotelDetailsCheckAvailabilityBox FORM LABEL { FONT-WEIGHT: bold }
.HotelDetailsCheckAvailabilityBox TABLE { MARGIN: 0px auto; WIDTH: 90% }
.HotelRatesDetailsBox { width:99%; text-align:center; margin:0 auto; padding:2px; border:0 }
.LeftAlignedPhoto { FLOAT: left; MARGIN-RIGHT: 8px; width:160px; height:120px; }
#SearchingImage { position:absolute; top:220px; left:350px; z-index:9999; background-color:white; padding:6px 8px; border:1px solid #0E4367; width:218px; text-align:center; }
#SearchingImage { 
    left: 50% !important;
    margin-left: -100px !important;
	   }
/**********************************************************************************************/

/* Estilos para paquetes en busqueda de hotel */

.PackageDetailsSubtitle { font-size:12px; font-weight:bold;}
.blockPriceResumeTitle {  background-color: #F6EDD6; color: #956C07; display:block; padding:2px 8.5px; font-weight:bold; }
.blockPriceResume {  border:1px solid #F6EDD6; padding:4px    }
.blockPriceResume { background-color:#FDFAF2; }
.HotelRatesListSeparator  { border:1px solid #FDFAF2;  }
.pkgTotalColumn { font-weight:bold; padding:4px; background-color:#F6EDD6; border-top:2px solid #F6EDD6; }
.pkgTotalColumn { font-weight:bold; padding:4px; background-color:#F6EDD6; border-top:2px solid #F6EDD6; }
.pkgTotalColumnNumber { font-size:16px; font-weight:bold;  padding:4px; background-color:#F6EDD6; }


/* Clases para Promos y Tarifas Especiales */
.PromotionSpecialRate { color:Green; }
.PromoStrike { text-decoration:line-through; }
/* Estilos no partner en los listing de hoteles */
/*.HotelResultsItemNoPartner { background-color: #fff;  border:1px solid #F9F3DF; margin-bottom:10px; }    
.HotelResultsHotelNameNoPartner { background-color: #F9F3DF; color: #970042; width:447px; height:24px; float:left; padding:2px 4px; }
.HotelResultsHotelNameLinkNoPartner { color: #970042 !important; font-weight:bold; font-size:12px; }
.HotelResultsInfoResumeNoPartner { clear: both; width: 98%; }
.HotelResultsBestRateNightNoPartner { display:none; }*/
/* fin estilos no partner */


/* Clases para paquetes de hotel */
.HotelPackSelectedRatesList { width:99.5%; *width:96%;
border:1px solid #B63333; }
.HotelPackSelectedRatesList th { background-color:#B63333; color:#FFF !important; font-size:11px; text-align: left }
.HotelPackRatesList { width:99.5%; *width:96%;
margin-bottom:10px; border:1px solid #F6EDD6; background:url(images/bgrateslist.gif) repeat-x #FFF; }
.HotelPackRatesList th { background-color:#EEE3BF; font-size:11px; text-align: left }
/******************************************************************************/
/* OVERWRITE HOTEL STYLES FOR HOTELES MISION */
/******************************************************************************/
#HotelResultsContainer { background-color: transparent; }
#boxHotelOrderResults { float:none !important; width:auto; margin:20px 0 0 0; }
.HotelDetailsCheckAvailabilityBox { width:98%; padding-left:4px }


/*Pagination*/
#PageContainerTop, #PageContainerBottom {
	padding: 3px;
	margin: 3px;
    }

#PageContainerTop a, #PageContainerBottom a {
	padding: 2px 5px 2px 5px;
	/*margin: 2px;*/
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #AA5D0A;
}

#PageContainerTop a:hover, #PageContainerBottom a:hover,
#PageContainerTop a:active, #PageContainerBottom a:active{
	border: 1px solid #999;
	color: #007CCF;
	background:#D1E3EF;
}
#PageContainerTop .current, #PageContainerBottom .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
#PageContainerTop .disabled, #PageContainerBottom .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/******
Desc: Seccion de estilos para el hotel description aspx define la tabla de tarifas.
Date: Ene 11 2009 
Designer: Emmanuel Meza*/
.HotelInfo img{border: 1px solid #D1BA9B; padding:2px; background-color:#fff;}
.HotelInfo .HotelRatesDetailsBox td{border:1px solid #E6DCC5;}
.HotelInfo .HotelRatesDetailsBox #tblTest td{border:2px solid #fff;background-color:#FFECD4;}
.HotelInfo .HotelRatesDetailsBox tr#TrRate td{padding:4px 2px;}
.HotelInfo .HotelRatesDetailsBox tr#TrRate a.a_button_reserve {cursor:pointer;font-size:11px;font-weight:bold;text-decoration:none;background-color:#275C7F;border:2px solid #F5DEB3;color:#fff;padding:4px 8px;}
.HotelInfo .HotelRatesDetailsBox thead tr td{background-color:#02253E; color:#fff !important;font-weight:bold !important;text-transform:uppercase;}
/******/