/*BODY
*****************************************************************************************************/
/* remove firefox dotted borders */
a {
	outline: none;
}
body {

	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #333333;
}
html, body, #body {	
	background: url(../images/body/background.gif);
	background-color: #441D16;
	margin: 0;
	padding: 0;
	border: none;
	color: #333333;
}


body p{ margin:20px 0;}
body strong { font-weight:bold;}

li {
line-height:12px;
	
}
td {
	color:#333;
	font-size:13px
}
a:link {
	color: #ea604a;
}
a:visited {
	color: #ea604a;
}
a:hover {
	color: #bf7900;
}
a:active {
	color: #ea604a;
}
.td_topmenu {
	height: 28px;
	width: 960px;
	overflow: hidden;
}
ul#topmenu {
	float: right;
	margin:10px 0;	
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul#topmenu li {
	background-image:none;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	margin-left: 0px;
}
ul#topmenu li a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#ffde64;
	text-decoration: none;
}
ul#topmenu li a:hover, ul#topmenu li a.active:hover {
	color: #9E0B0F;
}
ul#topmenu li a.active {
	color: #ffffff;
}
.td_topbar {
	height: 88px; 

	width: 960px;
	overflow: hidden;
	background-image: url(../images/body/bg_topbar.jpg);
	background-repeat: no-repeat;
}
.td_toplist_bg {
	background-image: url(../images/body/bg_devider.gif);
	background-repeat: repeat-x;
	height: 7px;
}
a.toplist:link {
	color: #9e0b0f;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
a.toplist:visited {
	color: #9e0b0f;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
a.toplist:hover {
	color: #315E32;
	text-transform: uppercase;
	text-decoration: none;
}
a.toplist:active {
color: #9e0b0f;
text-transform: uppercase;
	text-decoration: none;
}
.toplist2 {
	color: #6e6033;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

.toplist3 {
	color: #315E32;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
.bg_photo {
	background-image: url(../flash/images/vhm-slide-00.jpg);
	background-position:center;
	background-repeat: no-repeat;
	height: 120px;
	width: 960px;
}

.bg_photo div#big_slideshow{
	background-image: url(../images/body/bg_banner_photo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 960px;
	margin:0;
	padding:0;
}

.td_menubar {
	background-image: url(../images/body/bg_menubar.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 960px;
}
ul#menu {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
ul#menu li {
	background-image:none;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top: 5px;
	padding-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-transform: uppercase;
}
ul#menu li a {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#0f5585;
	text-decoration: none;
	text-transform: uppercase;
}
ul#menu li a:hover, ul#menu li a.active:hover {
	color: #264d27;
}
ul#menu li a.active {
	color: #9e0b0f;
}
a.mexlink, a.mexlink:visited, a.mexlink:active {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#9e0b0f;
	text-decoration: none;
	text-transform: uppercase;
}
a.mexlink:hover {
	color: #264d27;
}
ul#menu2 {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
ul#menu2 li {
	background-image:none;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top: 5px;
	padding-right: 18px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-transform: uppercase;
}
ul#menu2 li a {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#9e0b0f;
	text-decoration: none;
	text-transform: uppercase;
}
ul#menu2 li a:hover, ul#menu2 li a.active:hover {
	color: #264d27;
}
ul#menu2 li a.active {
	color: #9e0b0f;
}
.td_content {
	/*background-image: url(../images/body/desperado.jpg); */
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 300px;
	background-color: #FEF0D5;
}
.td_bottombar {
	background-image: url(../images/body/bg_bottombar.jpg);
	height: 71px;
	width: 960px;
	overflow: hidden;
}
ul#menu3 {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
ul#menu3 li {
	background-image:none;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top: 5px;
	padding-right: 0px;
	margin-bottom: 5px;
	margin-left: 18px;
	text-transform: uppercase;
}
ul#menu3 li a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#555555;
	text-decoration: none;
	text-transform: uppercase;
}
ul#menu3 li a:hover, ul#menu3 li a.active:hover {
	color: #9e0b0f;
}
ul#menu3 li a.active {
	color: #555555;
}
.smallwhite {
	font-size: 11px;
	color: #FFF; 
}
.smalldark {
	font-size: 11px;
	color: #333;
}
.bigreen {
	font-size: 14px;
	color: #264d27;
}
.flink { color:#000}
a.flink, a.flink:visited, a.flink:active {
	color:#ffde64;
	text-decoration: none;
}
a.flink:hover {
	color: #ffde64;
}
h1 {
	color: #B71201;
	font-size: 28px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 28px;
}
p {
	color: #333;
}
.banner {
	float: right;
	margin-left: 30px;
}
.pattern {
	background-image: url(../images/body/bg_pattern.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 606px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#home-content h2 {
	color: #a0451e;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
	font-size: 18px
}


h2 {
	color: #a0451e;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 18px
	

}


h3 {
	color: #b71201;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 16px;
}


h4 { margin-bottom:0;
font-size:130%;
	}

ul#experience {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
}
ul#experience li {
	background-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: -15px;
	list-style-image: url(../images/body/bullet.gif);
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	line-height:12px;
}
ul#experience li a {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#e87800;
	text-decoration: underline;
}
ul#experience li a:hover, ul#experience li a.active:hover {
	color: #9e0b0f;
}
ul#experience li a.active {
	color: #9e0b0f;
}
.hotel_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a30046;
}
.hotel_price {
	color: #dc6d00;
	font-size: 14px;
	font-weight: bold;
}
.hotel_address {
	font-size: 10px;
	font-style: italic;
	color: #6e6033;
}
.exp {
	float: left;
	width: 202px;
	overflow:hidden;
}
.soffer {
	float: left;
	width: 303px;
	overflow:hidden;
}
.soffer img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.soffer p {
	line-height: 1em;
}

.map {
	background-image: url(../images/body/map.jpg);
	background-repeat: no-repeat;
	height: 261px;
	width: 264px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.email {
	width: 264px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.email_bg {
	background-color: #C9CEA6;
	width: 264px;
	margin-top: 0px;
}

.formtable {
	/**		height: 218px;		
	overflow: hidden; **/
	width: 264px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #f2dba9;
}
.devid {
	width: 264px;
	height: 1px;
	background-color: #f2dba9;
}
.devid2 {
	width: 264px;
	height: 4px;
}

a.formlink:link {
	color: #694d39;
	font-size: 9px;
	text-transform: none;
	text-decoration: underline;
}
a.formlink:visited {
	color: #694d39;
	font-size: 9px;
	text-transform: none;
	text-decoration: underline;
}
a.formlink:hover {
	color: #315E32;
	text-transform: none;
	text-decoration: underline;
}
a.formlink:active {
	color: #694d39;
	text-transform: none;
	text-decoration: underline;
}
select {
	font-size: 11px;
	color: #333;
}
#content ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#content ul li, #navLinkHotel ul li{
	background-image: url(../images/body/bullet.gif);
	list-style-type: none;
	margin-top: 0px;
	list-style-image: none;
	margin-right: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 20px;
	line-height:19px;
	background-repeat: no-repeat;
	background-position: left 8px;
}

/** subnav **/

#sub {
	width: 185px;
	float:right;
	background-image: url(../images/body/subs.gif);
	background-color: #fceac4;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
	
}

#sub ul#submenu {
	float: none;
	padding-top:10px;
	padding-left: 20px;
	list-style-image: none;
	list-style-position: outside;
	margin-bottom:14px;
}

#sub ul#submenu li  {
    margin:0;
	padding:0;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#9e0b0f;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/body/dev.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float:none;
	padding-bottom:5px;
	margin-top:5px;
	
}
#sub ul#submenu li a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#12507b;
	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;
	
}
#sub ul#submenu li a:hover, #sub ul#submenu li a.active:hover {
	color: #0066ac;
}
#sub ul#submenu li a.active {
	color: #0066ac;
}
/** image carousel CSS begins **/

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 404px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 404px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#mypromotions.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: hidden; /*leave this value alone*/
width: 604px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}

#mypromotions.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#mypromotions.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 604px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mypromotions .exp {
	float: left;
	width: 199px;
	overflow:hidden;
}

/** end of image carousel CSS **/



/* Extra General Layout Styles  */

div, span, td { font-family: "Trebuchet MS"; font-size: 12px; }
.inner { padding:15px 20px } /* standard inner */
li { background-image: none; }

.txtMainTitlePage {
	color: #b71201;
	font-weight: normal !important;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size:26px;
}


.table-full-width-inner { width: 97%; margin:15px auto; } 

/* DEFINICION DE ANCHOS EN PORCENTAJES ESTANDARS */
.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 }  

input.btnDefault, input.btndefault, input.a_button_search, input.HotelFindAvailability,
#btnDestinos, #ctl00_ContentPlaceHolderMain_btnSearch, #ListSearchSubmit,
#UcSearchActivity1_btnSearch{
  background-color:#aa5d0a;
  border:2px solid #F5DEB3;
  color:#FFFFFF;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
 /* margin:0 1px;*/
  padding:4px 8px;
}

.price1 {
  color:#EFAC4A;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:normal;
  text-transform:uppercase;
}


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

div.separator {
  background-color:#D8B8A8;
  clear:both;
  height:1px;
  margin:5px 0;
  overflow:hidden;
  padding:0;
  width:100%;
}


#content li { line-height: normal 	}

/*ESTILOS PARA CONTENIDOS GENERALES */
#imgL { background-color:#FCF8F3; border:1px solid #F2EDD9;  float:left; margin-bottom:2px; margin-right:5px;
margin-top:2px; padding:3px; }

	/*Galeria de sitios de Interes*/

	#navlistSI img{border:3px solid #ead6bc; margin-bottom:5px;}
	
	ul#navlistSI 
	{
	margin-left: 0;
	padding-left:0;
	font:11px  Arial;
	font-size:11px;
	}
	
	#navlistSI li
	{
	position:relative;
	/*_top:-20px;*/
	/*display:inline;*/
	list-style:none;
	float:left;
	width:120px;
	height:120px;
	*height:150px;
	margin:5px;
	*margin:3px;
	overflow:hidden;
	}
	#navlistSI a {
	text-decoration:none;
	float:left;
	width:115px;
	padding:4px 2px 5px 4px;
	padding:4px 4px 5px 4px;
	background-color:#fff;
	}
	#navlistSI a:link, #navlistSI a:visited{color: #A51E22;}
	#navlistSI li  a:hover
	{
	padding:4px 2px 5px 4px;
	padding:4px 4px 5px 4px;
	color:#CC6600 !important;
	background-color:#f6ede1;
	}
	#navlistSI span {
	padding:0px;
	margin:0px;
	color:#000000;
	}
 
 .pad10 { padding:10px }


/* Selector de Restaurantes en Combo*/
.cmbRestaurantes { background: #791400 url(../images/body/bg-cmb-restaurantes.jpg) no-repeat right; margin-bottom:10px; height: 110px  }
.cmbRestaurantes .inner { padding:5px 15px }
.cmbRestaurantes h3 { margin:0; padding:0; color:#ffd200; }
.cmbRestaurantes p { margin:0; padding: 4px 40px 4px 0px; color:#FFF; }


/**
 *  Estilos para contenidos de vivalapaz.net
 *
 */
 
/** 
 *  Estructura de selectores globales del layout.
 *
 *  * | #header                  |
 *  * ----------------------------
 *  * | #sidebar | #content-info |
 *  * ----------------------------
 *  * | #footer                  |
 *
 */
 

/**
 * Estilos para directorios estaticos, hoteles, directorios de viaje, etc
 */
dl#bussiness-directory dt { font-weight:bold; font-size:14px }
dl#bussiness-directory dd{ padding:0; margin:0 0 20px 0 }

/**
 * Estilos especificos en el area de contenidos
 *
 */

/* Encabezados Hn */
#content-page h1 { color: #ac4906 }
#content-page h2 { color: #a08941 }
#content-page h3 { font-size: 15px; font-weight: normal; padding:8px 0 4px; color:#000; border-bottom: 1px solid #dad3c5 }
#content-page h4 { }
#content-page h5 { }


/**
 * Estilos para botones graficos
 *
 */

.btn-find-availavility { background: #ccc url(../images/buttons/check-availability-and-reserve.gif) no-repeat; width:207px; height: 30px;  float:left	 }
.btn-find-availavility { text-indent: -9999px }
.btn-find-availavility:hover { background-position:0 -40px;}

 
/******** CSS ********  para Tablas de Disntacias *********/

p.tableInformation {

}

table.tableBig td, .tableInformation{
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

table.tableMini, .up , .down { /*font:9px Verdana, Arial, Helvetica, sans-serif; */}
table.tableMini .down { text-align:justify}
table.tableMini {
	border:1px solid #F8F2E8;
	/*float:right;*/
}

table.tableMini .up {
    background:url(http://imagebank.visitehotelesdemexico.com/vhmportals/mnTable.gif) #F8F2E8 no-repeat;
	height:78px;
}

table.tableBig .diagonal {
	background:url(http://imagebank.visitehotelesdemexico.com/vhmportals/bx.gif) no-repeat; 
}

table.tableBig {
/*	*margin-top:100px;
	*margin-top:0px;*/

}
table.tableBig .tdSize {
	width:6.5%;
	*width:8%;
}

table.tableBig .borde {
	border:1px solid #D03924;
	/*border-top:none; border-right:none;*/
	text-align:center
}



/** 
 * Validadores
 *
 */
 .Validators, .validators { font-size: 11px ; color: red; padding:2px; margin:2px;}




	/* Estilos para la aplicacion del modulo de clima */
	#SwfWeatherContainer{ background-color:#F2DBA9; padding:10px}
	#SwfWeatherWriter { clear:both!important;background-color:#FEF0D5; height:200px;font:12px  Arial;border:1px solid #E9D9BF; padding:0 10px;}
	#SwfWeatherWriter .caption{color: #B71201;font-size:18px;margin-bottom:2px; padding-top:3px!important;}	
	#SwfWeatherWriter .location{font-weight:bold; color:#DC6D00;font-size:14px;}    	
	#SwfWeatherWriter .swfObject{float:left;width:100px;height:104px;margin-top:5px;margin-right:10px;}
	#SwfWeatherWriter .temperature{font:26px bold;margin:5px;}
	#SwfWeatherWriter .humidity{font:18px bold;margin:5px;}
	#SwfWeatherWriter .condition{clear:both;float:left;margin-left:6px;font-size:12px;margin-top:4px;}
	#SwfWeatherWriter .weatherLink {clear:both;padding-top:0px;}
	html>body #SwfWeatherWriter .weatherLink{clear:both; color:#FFF; padding-top:5px;}
	#SwfWeatherWriter .weatherLink a:link, #SwfWeatherWriter .weatherLink a:hover, #SwfWeatherWriter .weatherLink a:visited, #SwfWeatherWriter .weatherLink a:visited:hover { font-size:9px; letter-spacing:-1px;}
	#SwfWeatherWriter a,#SwfWeatherWriter a:visited{font-family:Verdana, Geneva, sans-serif;font-size:8px;text-decoration:none;}
	#SwfWeatherWriter a:hover{ color:#CC6600;}
    #SwfWeatherWriter #weatherSw{width:100px !important; height:100px !important;}


/****************************/
/* ESTILO PARA TABS STANDARDS */
/****************************/
.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; }




/* ESTILOS PARA 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:transparent; }
#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:transparent; }
#dgMembers .dgPager td a {display:inline; background-color: #FFF; margin-top:1px; 
padding:4px 8px}


.td_content center {
	text-align:left;
}



/* *
*  FrontPage Events  Styles
*
*/
#homepage-events-banners { padding:2px ;  } 
#homepage-events-banners img { margin:6px } 
#homepage-events .event-list-item  {  padding:4px 0 }
#homepage-events .bg-event-day { background: transparent url(../images/body/bgeventday.jpg) no-repeat ; float: left ; width:32px; height:48px ; margin-right:10px ; text-align: center }
#homepage-events .bg-event-day .day { display:block; font-size:18px; padding:3px 0 }
#homepage-events .bg-event-day .month { display:block; font-size:12px; color:#FFF  }
#homepage-events .event-list-item .event-name { color: #a0451e }
#homepage-events .event-list-item .event-desc {  }
#homepage-events .event-list-item .event-extra { color: #896c3c  }
#homepage-events .event-list-content {  margin-left:42px  }
#homepage-events .separator-day { border-bottom:1px solid  #e9d9bf  } 
#homepage-events .last-item { border-bottom: none }

.clear{clear:both;}

/* *
*
*  Estilos adicionales FX2
*
*/


/**
 *  Destinos Destacados en Pagina Inicial
 *
 */

#featuredDestinations { 
	background: url(../images/home/bgFeaturedDestinations.png) no-repeat; 
	height:260px;
	margin-top:20px;
	margin-bottom:14px;
}

#featuredDestinations .viewer {
	width:560px;
	height:200px;
	margin:0 auto;
	padding:10px 0 0;
}

#featuredDestinations .viewer img.photoFrames { float: left; margin-right:6px }
#featuredDestinations .viewer h2 { font-size:24px; color: #a80c0c; padding-top:10px  }
#featuredDestinations .viewer p { margin:0 }
#featuredDestinations .viewer .featDest { clear:both }		

#featuredDestinations .ui-tabs-hide { display:none; }


#featuredDestinations .shortcuts { margin:10px 5px; padding:0 }
#featuredDestinations .shortcuts li {
	background: url(../images/home/rightArrowBullet.gif) no-repeat 2px; 
	line-height: inherit;
	padding-left:15px;
	list-style:none;
}

#featuredDestinations .shortcuts li a { text-decoration:none; color:#954603; }	
#featuredDestinations .navFeaturedDestinations {
	clear:both;
	text-align:center;
	padding:5px 0;
	margin:0
}

#featuredDestinations .navFeaturedDestinations li { display:inline; background:none; padding:0; margin:0 }					
#featuredDestinations .navFeaturedDestinations li a:link { border:none !important; display:inline-block; margin:0 5px }				

/* Specials */

#specialOffers { background-color: #f8e5bf; margin-bottom:18px; }
#specialOffers .hd { background: url(../images/home/bgSpecialOffersHd.png) no-repeat  }
#specialOffers h2 { 
	font-size:20px; 
    color: #FFF; 
    padding:10px 15px; 
    margin:0;   
}

#specialOffers div.content { background-color: #FFF; margin:10px; padding:10px }

#specialOffers .list td { border-bottom:1px solid #f8e5bf }
#specialOffers .list tr.last td { border-bottom:none !important }  
#specialOffers .list .title, #specialOffers .list .provider, #specialOffers .list .extrainfo { display:block; }
#specialOffers .list td { padding: 6px 0 }
#specialOffers .list a { color:#a80c0c; text-decoration: none }
#specialOffers .list a:hover{ text-decoration: underline }

#specialOffers span.rate { font-size: 18px }      
	
    
    
/**
 *  Eventos Destacados
 *
 */         

#commingEvents h2 { 
	font-size:20px; 
	color: #a80c0c; 
	padding:10px 15px; 
	margin:0   
}         

#commingEvents .agenda { float:left; width:321px; }        
#commingEvents .agenda .hd { background: url(../images/home/hCommingEvents.gif) no-repeat; height:48px; }    
#commingEvents .agenda .cn { background: url(../images/home/bgCommingEvents.gif) repeat-y; height: 212px; }        
#commingEvents .agenda .ft { background: url(../images/home/fCommingEvents.gif) no-repeat; }        
#commingEvents .agenda a { display:block; color:#a80c0c; text-decoration: none }   
#commingEvents .agenda a:hover { text-decoration: underline }   

#commingEvents .agenda .list td { padding: 5px  }       
#commingEvents .agenda .place { display:block; }   
#commingEvents .agenda .list td { border-bottom:1px solid #f8e5bf }
#commingEvents .agenda .list tr.last td { border-bottom:none !important }        

#commingEvents .featured { float:right; width:271px; }    
#commingEvents .featured .hd { background: url(../images/home/hdFeaturedEvent.gif) no-repeat; height:44px; }    
#commingEvents .featured .cn { background: url(../images/home/bgFeaturedEvent.gif) repeat-y; }        
#commingEvents .featured .ft { background: url(../images/home/ftFeaturedEvent.gif) no-repeat; }                  
#commingEvents .featured .photoBackGround { background: url(http://imagebank.visitehotelesdemexico.com/imagenes/featEvent_es.jpg) no-repeat center; height:222px; }
#commingEvents .featured .links { padding:0 20px; color:#FFF !important; }
#commingEvents .featured .links a { color:#ffb400 !important; }        

#commingEvents .featured .link { 
	height:178px;
	display:block; 
	text-indent:-9999px;       
}

#commingEvents .featured ul, #commingEvents .featured ul li { margin:0; padding:0 }          
#commingEvents .featured ul li { 
	background: url(../images/home/bullettoright.png) no-repeat  2px ;
	display:inline;
	padding-left:20px;
	padding-right:20px;
}   


#mod_eMailList { margin-bottom: 16px; margin-top:16px }
#mod_eMailList h3 { border-bottom:1px solid #d7c1a5; color:#a80c0c; font-size:17px; padding: 8px 4px; margin:0 }
#mod_eMailList p { line-height: 120%; padding: 8px 2px; margin:4px  }
#mod_eMailList .followlinks { margin:0 1px}

#mod_FollowUs { margin-bottom: 16px }
#mod_FollowUs h3 { border-bottom:1px solid #d7c1a5; color:#a80c0c; font-size:17px; padding: 8px 4px; margin:0 }
#mod_FollowUs p { line-height: 120%; padding: 8px 2px; margin:4px  }
#mod_FollowUs .followlinks { margin:0 1px}

#mod_stateslist { margin-bottom: 16px; margin-top:16px }
#mod_stateslist h3 { border-bottom:1px solid #d7c1a5; color:#a80c0c; font-size:17px; padding: 8px 4px; margin:0 }
#mod_stateslist p { line-height: 120%; padding: 8px 2px; margin:4px  }

#mod_stateslist select { font-size:12px  }



/* **** PARCHE **** */
#navMenuXslt #nTopXslt { border-bottom:1px solid #d7c1a5; color:#a80c0c; font-size:17px; padding: 8px 4px; margin:0 }



/* Listado de ofertas y promociones */
.weekHotelPic {
	border:2px solid #DFAA7F;
	float:left;
	margin-right:5px;
}

#tableSpecialOffers img.roomPhoto{ border: 1px solid #CC9; padding:3px; }

#imgInfoGeneral{ margin-left:5px; padding:5px; border:1px solid #963; background:#FFF;}
/*#imgcontainer{ border:1px solid #960}*/


/*tabs*/

#FrmSearch { background:url(../images/body/tab_seccion_list_hotel.png) no-repeat; padding:0 10px; margin:0}
#boxMapListTab{ padding-top:14px;}
ul#bookingmaintab{ margin:0; padding:0; float:left; width:100%; border-bottom:1px solid #EFDAB3; list-style:none}
ul#bookingmaintab li {float:left; padding:5px 2px 5px 2px;}
ul#bookingmaintab li.selected { background:#EFDAB3; float:left; padding:5px 2px 5px 2px; font-weight:bold}				
ul#bookingmaintab li.selected a { color:#520E02 !important;}

ul#bookingmaintab li a{ text-decoration:none; padding:2px 1px 2px 1px;}
ul#bookingmaintab li a:link{ color:#BF9E77;}
ul#bookingmaintab li a:hover{/*color:#864902;*/ background:#CFA75A; color:#FFF !important;}


.btnbookit{
  color: #FFFFFF !important;
  background-color: rgb(170, 93, 10);
  margin-bottom: 5px;
  padding: 10px !important;
  font-size: 16px !important;
  float:right;
  }

.sleepinn .btnbookit-landing-sleep {
  color: #FFFFFF!important;
  background-color: rgb(170, 93, 10);
  margin-bottom: 5px;
  padding: 10px !important;
  font-size: 16px !important;
  }

 .sleepinn h4 {
 	margin:0!important;
 }

#MapContainer{ border:5px solid #F1DDB7; margin:10px auto 0; display:none}

/*Css para Mapa Description */
#MapDescriptions table{margin:20px auto 0; width:99% }
#MapDescriptions table tbody tr td { background-color: #FDFAF2;padding:2px 2px;}
#MapDescriptions table tbody tr.odd  td {background-color: #F0ECE4; border-top:1px solid #EFDAB3; border-bottom:1px solid #EFDAB3;}
#MapDescriptions .alph-globe{height:25px; margin-left:10px;}





#imgInfoGeneral{ margin-left:5px; padding:5px; border:1px solid #963; background:#FFF;}
#divGetMoreHotels{ /*background:url(../images/home/PlusIcon.png) no-repeat; */ text-align:right ;padding:0 4px;}
#divGetMoreHotels a{  background:url(../images/body/PlusIcon.png) no-repeat; color:#7F5E1F; text-decoration:none; padding:0 0 0 19px;}
#PageContainerTop{ margin-top:10px }

#HotelResultsHeader center{ text-align:right }

.content #aspnetForm table{ width:78%; margin:15px auto !important; background:transparent;}
.content #aspnetForm  .btnDefault { left: 50px; position: relative; top: 5px;}


/** Calendario de eventos ---------------------------------------------------------------------------------------------- **/

                            #jMonthCalendar { position:relative; width:920px;padding-bottom:5px;float:left;padding-left:20px;}
	                        .MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #441D16; clear:both; height:20px; padding:5px 10px 0 10px; width:98%; background:#441D16; }
	                        .MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:10%;text-align:center; float:left;color:#784102; }
	                        .MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right;color:#FFEAB2; }
	                        .MonthlyCalendar .MonthName { width:65%; text-align:center; font-weight:bold; float:left;color:#FFEAB2; font-size:16px; line-height:16px; }
	                        .MonthNavigation a{ color:#FFEAB2;text-decoration:none;font-size:12px;} 
	                        .MonthNavigation a:hover{ text-decoration:none; color:#FFFFFF;} 
	                        .DateHeader {color:#666666;background:#F1EAD7}
							
							.cal_title { font-size:26px; text-shadow:2px 2px 3px #BEAD79; letter-spacing:1px; padding:22px 0 0 0;}
                    		
	                        .MonthlyCalendar { height:100%; width:100%;  border-collapse:collapse; }
	                        .MonthlyCalendar #CalendarHead { width:100%; border:1px solid #441D16; }
	                        .MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; background:#A0451E; color:#FFC753; text-shadow:1px 1px 2px #000000; }
                    		
	                        .MonthlyCalendar #CalendarBody { }
	                        .DateBox { vertical-align:top; border:solid 1px #441D16; }
	                        .DateLabel { height:16px; width:100%; text-align:left; border-bottom:1px solid #441D16; background:#441D16; }
	                        .DateLabel label { padding:0 5px 2px; text-decoration:none; line-height:16px;font-size:12px;color:#FFC753;}
							.Today .DateBox { background:#ffffff;}
							
							.DateBox a, .DateBox a:visited { color:#C84114; text-decoration:none; }
							.DateBox a:hover { color:#441D16;}

	                        #CalendarBody .Inactive { background:#DFD8B9 none repeat scroll 0 0; color:#666666 }
	                        #CalendarBody .Inactive label{ color:#C5872A;}
	                        #CalendarBody .Weekend{}
	                        .Today .DateLabel{ background:#6D2612 none repeat scroll 0 0; color:#ffffff; text-shadow:1px 1px 2px #000;}
                    		
	                        #jMonthCalendar .Event { font-size:12px; padding:8px;  margin-bottom:1px; display:block; }
	                        /*.Event a { text-decoration:none; }*/
	                        .Event a:hover { color:#441D16; } 
	                        .Event p{text-align:left;margin-top:-1px;} 
	                        .Event img{border:none; float:left; margin-right:4px; border:solid 2px #D8CDA1;}
	                        .Event p{text-align:left;margin-top:-1px;} 


                            .title{position:relative;}
                            .title #info{display:none;min-width:300px;min-height:70px;position:relative;z-index:99;background:#FEF0D5;color:#6D2612;border:solid 2px #D8CDA1;}
                            #info #spFecha{} 
                            #info #spLink{}
                            #info a { padding:0 5px 5px 0; position:relative;float:left; font-size:14px; font-weight:bold;  text-shadow:1px 1px 2px #BEB293;}
                            #info #spDescripcion{text-align:left;float:left; font-style:italic; color:#8B825B;}
	                        .ulmap{text-decoration:none;position:relative;float:left;}
                            .ulmap li {display:inline;}

/** Calendario Single Event ------------------------------------------------------------------------------------------**/

                          #Evento {width:95%;position:relative;float:left;padding-left:10px;text-align:justify;} 
                          #Evento #imagen{border: 2px solid #D8CDA1;float:left;padding:0px; margin-right:4px;}
                          #Evento #fecha{float: left;position:relative;padding-left:5px; color:#2E110F; font-size:14px; font-weight:bold;}
                          #Evento #titulo{position:relative;padding-left:5px; color:#A62125; font-size:18px; letter-spacing:1px; text-shadow:2px 2px 1px #FEF0D5, 3px 3px 3px #BEAD79; text-transform:uppercase;}
                          #Evento #descripcion{text-align:justify;position:relative;top:10px;left:5px; line-height:22px; margin-bottom:28px;}
                          
						  .ulmap{text-decoration:none;position:relative;float:left; height:16px; padding:8px; margin-left:10px; border-bottom:1px solid #D8CDA1;}
						  .ulmap ul {}
                          .ulmap li {display:inline; letter-spacing:1px; font-style:italic;}
						  
						  .event_list { padding:20px 0 10px 26px; background:#FEE8C3; margin-left:12px; border:1px solid #D8CDA1;}
						  .event_list li { height:24px; margin-bottom:4px; }
						  
						  /*a:link, a:visited, a:active, a:hover { color:#6D2612;}*/



#miniFormulario {padding: 20px 25px; font-size:13px; background:url("http://www.visitehotelesdemexico.com/Partners/visitehotelesdemexico/css/images/bg-miniFormulario.png") repeat-x;   
width: 79%;
  background: #FFF6E5;
  margin: auto;;}
#miniFormulario div {overflow:hidden; margin-bottom: 5px; }
#miniFormulario input {float:right; height: 22px; border: 1px solid #ccc; width:99%}
#miniFormulario input, #miniFormulario button {-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
#miniFormulario button {height: 22px; border: 1px solid #ccc;}
#miniFormulario textarea {width:100%; margin-bottom:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;  border: 1px solid #ccc;}						  
.redondas {-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}

body{behavior:url("/Partners/VivaLaPaz/css/assets/csshover3.htc");}
			#navigation { width:100%; height:20px;padding-top:22px;  }
			#navigation ul { margin:0px; padding:0px; }
			#navigation ul li { display:inline; float:left; list-style:none; margin-left:15px; position:relative; height:30px; }
			#navigation li a { color:#864902; text-decoration:none; text-transform:uppercase;  }
			#navigation li a:hover { color:#B71201; text-decoration:underline; }
			/* Submenus */
			#navigation li ul { margin:0px; padding:10px 0 0 0; width:180px; display:none; position:absolute; left:0px; top:20px; }
			#navigation li:hover ul { display:block !important;  background-color:#B71201 }
			#navigation li li { list-style:none; display:block; width:100%  }
			#navigation li li a {   color:#FFF ; text-decoration:none; }
			#navigation li li a:hover { color:#FFF; text-decoration:underline; }

			#navigation ul ul, #navigation li:hover ul ul {  display:none; z-index:9999 	}
			#navigation li:hover ul,#navigation li:hover li:hover ul { display:block; 	}	

			/* Custom Nav Menu */
			.travel-directory-nav { left:-180px !important; width:340px !important }
			.travel-directory-nav li { width:150px  }