/* 
 *  UniVisit Hotels Home  Styles 
 */

/*
 *  Generics - Selectors Properties
 */

@import url("univisit-grid-system.css");
@import url("chain-booking-engine.css");
@import url("widgets.css");


html {color:#555555; } 
body { 
    background: #253342 url('images/backgroundtitle.gif') repeat; 
    color:#555555; 
    font-size:12px ; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    line-height: 150%; 
    padding:20px; 
    text-align:center 
}

/**
 * Selectores globales. 
 */
h1 		{ color:#d89441; font-family:"Trebuchet MS"; font-size:24px; }
h2 		{ font-weight:bold }
h3 		{ color: #3e638a; font-weight:bold }
h4 		{ }
a 		{ color: #2857aa; text-decoration: none }
img 	{ border: 0 }
p 		{ }

/**
 *  Global Layout - Wrapper, Header, Content, Footer modules
 */
#wrapper {  margin:0 auto;  width:960px; text-align:left  }
#headerModule { background: url("../pages/images/bgHeaderModule.png") no-repeat; height:130px }
#pageContentModule { background-color:#f7f9fd }
#sidebarModule { width:245px;  float:left; }
#contentModule { width:715px;  float:right; }
#footerModule { background: url("../pages/images/bgFooterModule.png") no-repeat bottom; padding-bottom:8px; clear:both }

/**
 *  Header Content Styles 
 */
#headerModule { }
#branding { height:100px; padding: 0 10px;  }
#headerTopLinks {  padding-top: 4px; text-transform:capitalize  }
#headerTopLinks  li { margin-left:15px; }
#headerPhones { font-size:10px ; text-align: right; padding-top:5px 0 10px }
#mainmenu { text-align:left; text-transform: uppercase; 	margin:5px 0;  }
#mainmenu  li { margin:15px 15px }
#mainmenu  li a { text-decoration:none; }

/**
 *  Footer Content Styles 
 */
.footerContent { padding:25px 15px 10px; background-color:#FFF  }
.footerLinks { line-height: 150%; }
.footerLinks li { border-right: 1px solid #CCC; padding:0 8px 0 5px  }
.footerLinks li.last { border-right: none; padding:0 5px  }
.footerCopyright { padding: 6px 0 }

/**
 *  Generic Content Pages Styles 
 */
#contentModule .content { padding: 0; padding-right:25px  }
#contentModule .content h1 { padding:20px  4px  }
#contentModule .content ul { padding:10px 20px;    }
#contentModule .content ul li {   list-style-type:disc}
#contentModule .content h3 { padding:5px 0 10px }
#contentModule .content p { padding:0 0 10px }

/**
 * Homepage - The home styles
 * Estilos utilizados para la pagina inicial.
 *
 */
#homepage { clear:both; background: url("../pages/images/bgGradiant1.jpg") top repeat-x  ;   }
#homepage h3 { color: #3e638a; margin:0 ; font-size: 13px; border-bottom: 1px solid #cddbf6; padding: 6px  4px  }
#homepage .group  { clear:both; background: url("../pages/images/bgGradiant2.jpg")  bottom repeat-x;  padding:5px  }

#homeHotDealsModule { float:left; width:320px  }
#homeHotDealsModule ul  { padding: 10px  }
#homeHotDealsModule ul li  { padding: 2px 0  }

#homeFeaturedSpecialsModule { float: left; width:640px;   }
#homeFeaturedDestinationsModule,
#emailAddModule, #homeNewsModule { float:left; width: 298px ; background-color:#d6e0ea; padding:1px ; margin: 0 8px; }
#homepage .group .innerModule { background-color: #FFF;  height:110px  }

#homeFeaturedSpecialsModule .hPhoto { float: left; margin-right:10px  }
#homeFeaturedSpecialsModule .itemSpecials { float:left; width:300px; padding: 10px 5px  }
#homeFeaturedSpecialsModule .hotelName { color: #596b8b; font-weight:bold }

#homeFeaturedDestinationsModule ul li { border-right:1px solid #CCCCCC; padding:0 2px 0 6px; }
#homeFeaturedDestinationsModule ul li.last { border-right:none; padding:0 8px 0 5px; }

#emailAddModule .eoffers_h1 { color: #3e638a; margin:0;  font-size: 13px; font-weight:bold; border-bottom: 1px solid #cddbf6; padding: 8px  4px; display:block; }
#emailAddModule .signup { background: url("../images/buttons/enviar.jpg") no-repeat; height:27px; width:68px; display:block }
#emailAddModule table { width: 100%; }
#emailAddModule table p { padding:0 }
#emailAddModule table .eoffers_field { width: 100% }
#emailAddModule table .eoffers_field { width: 100% }

#emailAddModuleSB .signup { background: url("../images/buttons/enviar.jpg") no-repeat; height:27px; width:68px; display:block }
#emailAddModuleSB table { width: 100px; }
#emailAddModuleSB .eoffers_h1 { border-bottom:1px solid #D89441; color:#D89441; font-size:12px; margin:0; padding:6px 4px; text-transform:uppercase; font-weight:bold }

#homeNewsModule { overflow: hidden !important }
#homeNewsModule .innerModule { overflow: hidden !important }
#homeNewsModule ul { overflow-y: scroll; width:100%; overflow-x:hidden; height:80px !important; padding: 0px }
#homeNewsModule ul li { padding: 2px 4px;  clear:left }
#homeNewsModule ul li span.datepub { width:40px !important; float:left; display:block  }
#homeNewsModule ul li a { padding-left:2px; float:left; display:block;  width:180px !important;  }


/**
 *  Sumenu - Default 
 */
#submenu { text-transform:uppercase;  padding-left:20px }
#submenu  li  { margin-bottom:4px ; list-style-type: disc;   }
#submenu  li  a {  padding:5px 0; display:block  }
#submenu li a:hover { color: #f75800}

/**
 * Sidebar Elements 
 */
#sidebarModule .module {  margin:15px; margin-left:10px;   }
#sidebarModule .module h3 { border-bottom:1px solid #d89441; color:#d89441; font-size:12px; margin:0; padding:6px 4px;  text-transform:uppercase }
#sidebarModule .module .content { padding:6px 8px    }

/**
 * Filters
 */
#filterBar { margin-bottom:8px; background: url("../images/body/bg-brown-10.jpg") repeat-x top; padding-top:3px }
#filterBar h3 { color:#321813; font-size:16px; border-bottom:1px solid #e7dec7; padding:8px  2px 4px; margin-bottom:8px    }
.tableFilter {  }
.tableFilter td { padding:4px  }

/*
 * TableGrids styles
 */
.tableGrid {  width:100% }
.tableGrid th  { text-align: left; font-weight:bold; text-transform:uppercase }
.tableGrid th, .tableGrid td  {  padding:4px 2px ; }
.tableGrid th { background-color: #f0eacd; border:1px solid #f0eacd   }
.tableGrid th.colRatefrom  { width:150px; }
.tableGrid th.colBotton  { width:80px;  }
.tableGrid td  { border-bottom:1px solid #e7dec7 }
.tableGrid H2 { font-size:16px !important } 
.listSubtitle { margin:10px 0; font-size:14px; border-bottom:1px solid; text-transform:uppercase }


/*
 * Utilyclasses 
 * Las siguientes clases son de utilidad para aplicar a los diferentes elementos cuando sea requerido.
 *
 */
.table-full-width-inner { width: 940px; margin:15px auto } 
.table-column-w10 { width:10% }
.table-column-w20 { width:20% }
.table-column-w30 { width:30% }
.table-column-w40 { width:40% }
.table-column-w50 { width:50% }
.table-column-w75 { width:75% }

.HotelDetailsGalleryNav IMG { cursor:pointer !important; MARGIN: 5px; TEXT-ALIGN: center }  

.alignToRight { float: right }
.alignToLeft { float: right }  
.clearboth { clear:both }
.bulletsOff { list-style:none }
.innerModule { padding:5px 10px }
.inlineList li { display: inline; }
.resetPadding { padding:0 }
.resetPadding { margin: 0 }
.noBorder { border:none !important }
.textRight {  text-align: right }
.zeroBorder { border:none }
.tablePad5 td { padding:5px 0 }

.aligncenter { margin:0 auto }


/********************************************************************/
/*
 * Estilos Heredados para area modulo de contenido
 * 
 */
#contentModule h1 { font-family:"Trebuchet MS"; font-size:24px; }
#contentModule h2 { color: #f75800; font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin-top: 10px; }
#contentModule h3 { color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; margin-top: 10px; }
#contentModule h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3d3d3d; font-weight:bold; margin-top: 10px; }
#tContenedor h2 { color: #f75800; font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin-top: 10px; }

.divTitleStep { border-bottom:1px solid #e7dec7; font-weight:bold; margin-top:4px; }
/* Dando estilo a botones a manera obsoleta */
input.btnDefault { background-color:#1f2c43; border:2px solid #1f4973; color:#FFFFFF; cursor:pointer; font-size:11px; font-weight:bold; margin:4px; padding:4px; }

#lnkSelectAndcontinue { 
background-color:#009900;
color:#FFFFFF !important;
float:right;
font-size:11px;
font-weight:bold;
margin:2px 10px 10px;
padding:2px 4px;
text-decoration:none;
}

.tdAlterRowColorIntense { background-color:#f5deb3 } 

/**
 * Estilos secciones Mi Perfil / Mis Viajes 
 *
 */
#divPortalGroup { width: 170px }
#lnkGroupReservation { display:block; margin:0; padding:10px; background-color: #FF6600; color: #FFF;}
#dgMembers td a{ display:block; background-color:#FFF; margin-top:1px; padding:4px 8px }
#dgMembers .dgPager td {display:block; text-align:right; background-color:none; }
#dgMembers .dgPager td a {display:inline; background-color: #FFF6F0; }

.bgCellRed td {  padding:2px; background-color: #FFEBE5;margin:2px 0; border-bottom:1px solid #C00;border-top:1px solid #C00 }
.bgCellYellow td {  padding:2px; background-color: #FFFFE5;margin:2px 0; border-bottom:1px solid #FFE47A;border-top:1px solid #FFE47A }
.bgCellGreen td { padding:2px; background-color: #F2FFCC;margin:2px 0; border-bottom:1px solid #CCFF99;border-top:1px solid #CCFF99}
.bgCellGrey50 td { background-color: #f0f0f0; padding:2px; margin:2px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc}

.bgCellRed,.bgCellRed td {  padding:2px; background-color: #FFEBE5;margin:2px 0; border-bottom:1px solid #C00;border-top:1px solid #C00 }
.bgCellYellow, .bgCellYellow td {  padding:2px; background-color: #f5e3c1;margin:2px 0; border-bottom:1px solid #FFE47A;border-top:1px solid #FFE47A }
.bgCellGreen, .bgCellGreen td { padding:2px; background-color: #F2FFCC;margin:2px 0; border-bottom:1px solid #CCFF99;border-top:1px solid #CCFF99}
.bgCellGrey50, .bgCellGrey50 td { background-color: #eaeaea; padding:2px; margin:2px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc}

#dgReservations {border-collapse:collapse}

#divPortalGroup { width: 170px }

#lnkGroupReservation { display:block; margin:0; padding:10px; background-color: #FF6600; color: #FFF;}

#dgMembers .dgPager td {display:block; text-align:right; background-color:none; }
#dgMembers .dgPager td a {display:inline; background-color: #FFF; margin-top:1px; padding:4px 8px } 


.txtMainTitlePage { color:#d89441; font-family:"Trebuchet MS"; font-size:24px; font-weight:normal !important; padding:10px 0; display:block }
.trMainSubTitlePage { 
font-size:13px;
font-weight:bold;
}

#HotelAndAgenciesPreform {width:650px !important; margin:0 auto; padding:20px 0 !important; }

/********************************************************************/

  
/**
 * CLASS .submenusection
 * Submenu lateral en areas de contenido.
 */
.submenusection {  margin-left:20px ; padding:0 20px 0 0; float:right; width:180px }
.submenusection ul {  border-left:1px solid #e7dec7; padding:4px 0; list-style:none }
.submenusection ul li {  padding:4px 0; list-style:none !important; padding:0 10px }
.submenusection a { text-transform:uppercase }


/**
 * Estilos predeterminado para tabs 
 *
 */
.tabsStandarContainer { 	background-color:#93B7DF; padding:5px 5px 0 5px;  display:block; }
.tabsStandarContainer ul { list-style-type:none; margin:0px; padding:0px;	 float:left; }
.tabsStandarContainer li { margin:0; padding:0; background-color:#E8F5FF; float:left;	margin-right:5px; }
.tabsStandarContainer li a { color:#286FC0; display:block; padding:5px 20px 5px 20px; text-decoration:none; }
.tabsStandarContainer li a.active { background-color:#FFF; }


.LinksPage {
border:1px solid #077CB2;
color:#077CB2;
margin:3px;
padding:2px 5px;
text-decoration:none;
margin-right:1px;
}


.LinksPageSelected{
background:#EFEBDE none repeat scroll 0 0;
border:1px solid #077CB2;
color:#077CB2;
font-weight:bold;
margin:3px;
padding:2px 5px;
text-decoration:none;
}

/**
 * Ofertas Especiales
 * Pagina de ofertas especiales generadas por el sistema.
 * 
 */

#tableSpecialOffers h1 { padding:30px 0 20px; font-weight:bold }
#tableSpecialOffers td h2 { font-size:22px; border-bottom:1px solid #cb6e00; padding-bottom: 10px  }
#tableSpecialOffers td h3 { font-size:14px; font-weight:bold; padding:5px 0 }
#tableSpecialOffers td { padding:4px 6px; }

.roomPhoto { 
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DAB6A8;
padding:4px;
}

.price2 {
color:#CB3309;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:0 15px 0 0; 
}

#lblMesaggePromotion, .Validators, .validators { 
	background-color:#FFEBD8;
	border:1px solid maroon;
	color:red;
	display:block;
	font-family:Verdana;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:2px;
	padding:2px;
}



/* PARCHANDO EL CENTER 
   EN PAGINAS DE SISTEMA 
   EN IE6 */ 
#pageContentModule  center { text-align:left }



/*
 * Buttons Sprints Classes
 * Clases utilizadas para dar estilos a links 
 */

.a_button_search {
	background: url("../images/buttons/univisit-buttons-sprites.png") no-repeat  0px -150px; 
	display:block;
	text-indent:-9999px;
	height:25px;
	width:110px;
	cursor: pointer;
	border:0;
	background-color: transparent;
	padding-left: 120px;	
	overflow:hidden;
} 
    

.a_button_reserve {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -50px; 
	height:25px;
	width:110px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;		
}


a.a_button_reserve:hover {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -75px; 
	display:block;
	height:25px;
	width:110px;	
}

a.a_button_update {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -100px; 
	display:block;
	text-indent:-9999px;
	height:25px;
	width:110px;
	cursor: pointer;
} 

a.a_button_update:hover {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -125px; 
	display:block;
	text-indent:-9999px;
	height:25px;
	width:110px;
	cursor: pointer;
} 


a.a_button_cotizar {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -175px; 
	display:block;
	text-indent:-9999px;
	height:25px;
	width:110px;
	cursor: pointer;
} 

a.a_button_cotizar:hover {
	background: url("../images/buttons/univisit-buttons-sprites.gif") no-repeat  0px -200px; 
	display:block;
	text-indent:-9999px;
	height:25px;
	width:110px;
	cursor: pointer;
}