﻿/* HOTEL LISTING */


#HotelResultsContainer { color: #666; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:170%; }
#HotelResultsHeader h1 { font-size:16px; color:#f60; 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; padding:2px 6px}
#HotelResultsContainer p { color: #666; margin:6px 0px; }
.HotelResultsItem { background-color: #fff; border:1px solid #520e02; margin-bottom:10px;}
.HotelResultsHotelName { background-color: #520e02; 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%; left:5px; }
/* Estilos no partner en los listing de hoteles */ 
.HotelResultsItemNoPartner { background-color: #fff; border:1px solid #e1cab0; margin-bottom:10px; }
.HotelResultsHotelNameNoPartner { background-color: #fde1aa; color: #864902; height:24px; padding:2px 4px; }
.HotelResultsHotelNameLinkNoPartner { color: #864902 !important; font-weight:bold; font-size:12px; }
.HotelResultsInfoResumeNoPartner { position:relative; top:-35px; clear: both;  width: 98%; left:5px; }
.HotelResultsBestRateNightNoPartner { display:none; }

/* fin estilos no partner */

.HotelResultsBestRateNight { color:#864902;  *width:140px;height:48px; line-height:120%; margin:0px!important; float:right; background:#F9F3DF; top:-28px; position:relative; 
  border-bottom:1px solid #CFA75A;
  border-left:1px solid #CFA75A; }



#HotelDetailsHeader .HotelResultsBestRateNight {  top:1px; position:inherit;}



.HotelResultsBestRateLabel {

color: #864902;
display: block;
font-size: 18px;
margin: 8px 0 0 10px;

}
.HotelResultsBestRateNumber {

color: #176B0A;
display: block;
top: -5px;
font-size: 30px;
font-weight: bolder;
margin: 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 4px 4px 4px; background:url(images/bgrateslist.gif) repeat-x #FFF; }
.HotelRatesList span, .HotelRatesList td{font:11px arial,helvetica,sans serif;}
.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 #0C3989; color: #FFF !important; padding:4px; border:1px solid #D5EDFE; font-size:11px; }*/
.cleaner { clear: both; }
#HotelResultsSearching { border: 1px solid #864902; background-color: #FDFAF2; width:170px; padding:8px; margin:0 auto; }
html>body #HotelResultsSearching { width:150px; }

#HotelResultsSearching , #pnlLeftPane .panel{ border: 1px solid #864902; background-color: #FDFAF2; width:170px; padding:8px; margin:0 auto; }
html>body #HotelResultsSearching, #pnlLeftPane .panel { width:150px; }

.HotelResultsSearching div,
#HotelResultsSearching span { color:#666; }
.HotelResultsSearching .SearchingImage { background-color: #FFFFFF; border: 1px solid #520e02; 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:#9E441E; 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: #900; }
#HotelDetailsNavTabs ul li a.active { color: #900; }
/*AQUI TERMINA LA MODIFICACION TABS VERETICALES */

#HotelDetailsHeader { /* FLOAT: left; WIDTH: 100%; LINE-HEIGHT: 130%; margin-bottom:15px; */ background-color:#803718; color:#fff; clear:both }
#HotelDetailsLogoHotel { FLOAT: left; display:block; WIDTH: 135px; height:100px; MARGIN-RIGHT: 8px }
#HotelDetailsHeaderInfo { FLOAT: left; COLOR: #fff! important; padding:10px }
#HotelDetailsHeaderInfo H1 { MARGIN: 0px; line-height: 102%; font-size:18px; font-weight:normal; padding:0 0 5px; color:#fff;}
#HotelDetailsBestRateNight {  FLOAT: right; }
#HotelDetailsBestRateNight p{ border:8px solid}
.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: #f60 1px solid; 
margin: 0px auto; *margin-left:10%;
WIDTH: 90%; 
padding:4px;
border: #632903 3px solid;
background-color: white;
}
.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;}
.LeftAlignedPhoto { FLOAT: left; MARGIN-RIGHT: 8px; width:160px; height:120px; }
#SearchingImage { 
/*top:220px; 
left:350px; 
width:218px;*/
background-color:white; 
padding:15px 10px; 
border:1px solid #520e02;
 
    text-align:center;
    z-index:9999; 
    position:absolute;
    top:50% !important;
    left: 50% !important;
    margin-top: -100px !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; font-size:9px !important; }
/* 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; }




/*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: #666;
}
#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 #D1BA9B;}
.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 {background-color:#AA5D0A;color:#fff;border:2px solid #F5DEB3;color:#FFFFFF;cursor:pointer;font-size:11px;font-weight:bold;padding:4px 8px;text-decoration:none;}
.HotelInfo .HotelRatesDetailsBox thead tr td{background-color:#803718; color:#fff !important;font-weight:bold !important;text-transform:uppercase;}
/******/



/* Google maps - correccion de estilo a imagenes */
#MapContainer2 img { border:none; background-color: transparent; }


/******
Desc: Se definnen los estilos del panel de acotaciones en el HotelList.
Date: Nov 09 2010 
Designer: Ricardo Pérez*/
div.legends .label {display:block; font-weight:bold;}
div.legends .definition {font-size:smaller; font-style:italic;}
div.legends li {margin-top:5px; margin-bottom:5px;}
div.legends ul {padding-top:5px; padding-bottom:5px;}
/******/




/**
*	Desc: Estilos para filtro de busqueda en pagina de resultados de hoteles
* 	Date: 25 Feb 2011
*	Designer:  Norman Cossio
*/

.HotelSearchResume { 
	background: url("images/module-bg-head.jpg") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #EFDAB3;
    line-height: 170%;
 
    padding: 10px;
    width:920px;
    margin:10px auto 5px
}

.HotelSearchResume h2 { 
	padding-right:20px;

}
.HotelSearchResume .ages-label { 
	color:#666666;
	padding:10px;

}
.HotelSearchResume .room-chields { 
	font-weight: bold;
	border-bottom: 1px solid #EFDAB3;
	
}
.HotelSearchResume h3 { color: #C89462; font-size: 12px !important; font-weight: normal; }
.HotelSearchResume h4 { font-weight:bold; font-size:12px; }
.HotelSearchResume .room-occupancy { margin-bottom:10px }
.HotelSearchResume .room-occupancy .occupancy, .HotelSearchResume .room-occupancy .childrens { 	padding:2px 10px  }


/* Icono para descripcion de plane con descuento*/
.plan-discount {
	font-style: italic;
	background: url("images/plan-discount.png") no-repeat scroll left center transparent;	 
	padding-left:30px;
}

.HotelRatesDetailsBox a.bookit-link {
    background-color: #520E02;
    color: #FFFFFF !important;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 327px !important;
}
.HotelRatesDetailsBox a.bookit-link:hover {
	background-color:#842413;
}
