﻿/*BODY
*****************************************************************************************************/

/* remove firefox dotted borders */

a {
	outline: none;
}
body {

	background-color:#fcfbf3 ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #575243 ;
	font-size: 13px;
}
body p {
margin:20px 0;
}
html, body, #body {	
	margin: 0;
	padding: 0;
	border: none;
	color: #333333;
}
li {
line-height:12px;
	
}
td {
	color:#333;
	font-size:13px
}
a:link {
	color: #ea604a;
}
a:visited {
	color: #ea604a;
}
a:hover {
	color: #315E32;
}
a:active {
	color: #ea604a;
}
.td_topmenu {
	height: 28px;
	width: 960px;
	overflow: hidden;
}

.lnkWeather{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:10px;

	}
a.lnkWeather{ color:#bc851e;}	
}
ul#topmenu {
	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: 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: 83px; parche para demo vivalapaz */
height:106px;
	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/lapaz-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.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 1006px;
	margin:0;
	padding:0;
}

.td_menubar {
	background-image: url(../images/body/bg_menubar.jpg);
	background-repeat: no-repeat;
	height: 46px;
	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:14px;
	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: #FFF;
}
.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: 10px;
	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: #064c7c;
	font-size: 28px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
}
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: 10px;
	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;
}

#cityGuideNavLocationBox ul#navlistSI li{
	background-image:none;
	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;
}


#content 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", Arial, Helvetica, sans-serif; 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:#97722c url(../images/buttons/bg-btn-default.jpg) repeat-x; );
  border:2px solid #F5DEB3;
   color:#FFFFFF;
  cursor:pointer;
  font-size:11px;
  /*margin:4px;*/
  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;}


/* 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;}

#MapContainer{ border:5px solid #F1DDB7; margin:10px auto 0; display:none}
#MapDescriptions table{margin:20px auto 0;}

#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 }

/*** == social networks == ***/
div#feedback2 { margin-bottom:-5px; padding-top:4px; background-image: url(../images/body/bg-topFooter.jpg); height:37px }
#feedback2 a { display:inline-block; height:27px; width:90px; }
#feedback2 #facebook2 { background-position:top; background-image: url(../images/social/facebook.png) }
#feedback2 #facebook2:hover{ background-position:bottom;}
#feedback2 #twitter2 { background-position:top; background-image: url(../images/social/twitter.png) }
#feedback2 #twitter2:hover{ background-position:bottom;}
#feedback2 #myspace2 { background-position:top; background-image: url(../images/social/myspace.png) }
#feedback2 #myspace2:hover{ background-position:bottom;}
#feedback2 #youtube2 { background-position:top; background-image: url(../images/social/youtube.png) }
#feedback2 #youtube2:hover{ background-position:bottom;}













div#feedback {
background:transparent none repeat scroll 0 0;
left:0.25%;
position: fixed;
/*
bottom:1%; 
width:10.4em;
Abajo*/
top:35%;
width:3.4em;
}


#feedback a { 
 display:block; height:31px; width:31px; text-indent:24px; float:left;
}

#feedback #facebook {
background:transparent url(../images/social/socialicons.png) no-repeat scroll 0 -31px;
}
#feedback #facebook:hover{
 background-position:0 0;
}

#feedback #twitter {
 background:transparent url(../images/social/socialicons.png) no-repeat scroll -32px -31px;
}
#feedback #twitter:hover{
 background-position:-32px 0;
}

#feedback #myspace {
 background:transparent url(../images/social/socialicons.png) no-repeat scroll -64px -31px;
}
#feedback #myspace:hover{
 background-position:-64px 0;
}

#feedback #youtube{
 background:transparent url(../images/social/socialicons.png) no-repeat scroll -96px -31px;
}
#feedback #youtube:hover {
 background-position:-96px 0;
}




/*#feedback #email {
background:transparent url(../images/redes/socialicons.png) no-repeat scroll 0 -31px;
}

#feedback #rss_icon {
background:transparent url(../images/redes/socialicons.png) no-repeat scroll 0 -31px;
color:#FFFFFF;
font-family:tahoma;
font-weight:normal;
line-height:1.9em;
}

#feedback #twitter:hover, #feedback #facebook:hover, #feedback #rss_icon:hover, #feedback #email:hover, #feedback #myspace:hover, #feedback #youtube:hover {
background-position:0 0;
}
*/

/*** == social networks == ***/


#mod_eMailList { margin-top: 20px }
#mod_eMailList h3 { color: #784102; text-transform:uppercase  }
#mod_eMailList p { margin: 10px 0 }



/* Default jQuery UI Tabs Theme */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Home VivaLaPaz.net Layout 08-2010*/

/* HEADER */
#header { background: url(../images/body/bg-header.jpg)  center top repeat-x; height:150px;  }
#header .content { background: url(../images/body/header-logo.jpg)  center top repeat-x; height:150px; margin:0 auto; width:980px }
#header .logo { width:475px; height:128px; margin:20px 0 0 20px; float:left; text-indent:-9999px } 
#header .menus { float:right; /*padding:5px 20px; */text-align:right; } 

#header .menus .menu-usuarios a { color: #533a04; text-decoration: none; font-family:Arial, Helvetica, sans-serif   }
#header .menus .menu-usuarios a:hover { color: #533a04; text-decoration: underline }
#header .menus .menu-usuarios li { display: inline; margin-left:30px }
#header .menus .menu-usuarios li a { display: inline; color: }

#header .menus .menu-viajero { font-size: 12px; margin:10px 0; /*text-transform: uppercase;*/ font-weight:bold; color:#a64003 }
#header .menus .menu-viajero a { font-size: 11px; color:#a64003; margin:0 10px; text-decoration:none }
#header .menus .menu-viajero .no-margin { margin:0  }

#header .menus .menu-telefonos { padding-top: 4px; color: #714d02 }
#header .menus .menu-telefonos .tel { font-family: Arial, Helvetica, sans-serif; padding-left:10px }

#page { background: url("../images/body/bg-pagina.jpg") repeat-x scroll center top #FCFBF3 }
#slideshow { background: #fcfbf3 url(../images/body/bg-slideshow.jpg) center bottom no-repeat; height:152px  }

/* FOOTER */

#footer {color: #fff; width:960px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#footer .menu-telefonos { color: #b49c72; float:right; text-align:right; padding:10px 10px 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#footer .menu { list-style:none; text-align:left; padding:10px 0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif  }
#footer .menu ul { margin:0; padding:0 0 5px }
#footer .menu ul li { display: inline;   border-left:1px solid #fff }
#footer .menu ul li a { padding:0 10px }
#footer a { color: #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#footer span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.footer2 { width:960px; height:240px; background: url(../images/body/bg-footer1.jpg); background-repeat:no-repeat; background-position:center}
.footer3 {background: url(../images/body/bg-footer2.jpg)  center top repeat-y;}
#footerCol1 { width:155px; height:200px; padding-top:15px; float:left; text-align:left; padding-left:15px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#784102; line-height:108%; font-weight:bold}
#footerCol1 a { color: #8f836b; text-decoration:none; font-size:12px}
#footerCol1 a:hover { color: #c77000; text-decoration:underline}
#footerCol1 a:visited { color: #9F6231;}
#footerCol1 a:active { color: #c77000;}


#shadow { background: url(../images/body/shadow.png) center top repeat-y;  width: 972px; margin:0 auto }


.home-page h1 { /*text-transform:uppercase;*/ font-size:20px; color:#784102;  }
.home-page h2 { border-bottom:1px solid #EBDEC9; padding:8px 0; color: #6d5114; font-size:16px }

/* Lugares a Visitar */
.lugares-a-visitar p { margin: 5px 0 }
.lugares-a-visitar .lugares { background: url(../images/body/bg-lugares-a-visitar.jpg) no-repeat; height:215px;  }
.lugares-a-visitar .lugares .foto { margin:20px 15px; border:0 }
 
/* Recomendaciones */
#menu-recomendaciones ul li { background-image: none; padding:3px 5px }
#menu-recomendaciones ul li a {    color: #ab9077; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 	text-decoration:underline }
#menu-recomendaciones .contenidos { clear:left }
#menu-recomendaciones.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color:#95702b }
#menu-recomendaciones.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #FFF; text-decoration:none }
#menu-recomendaciones.ui-tabs .ui-tabs-nav li a {  padding: .1em 1em;  }
#menu-recomendaciones table.lista { border-collapse: collapse }
#menu-recomendaciones table.lista  th  { text-transform: uppercase; color: #784102; padding: 4px 8px; background-color: #f5f0e4; font-size:11px  }
#menu-recomendaciones table.lista  td { height:44px; padding: 0 8px }
#menu-recomendaciones table.lista  tr.separador td { background: url(../images/body/tbl-separador.gif) repeat-x  }
#menu-recomendaciones table.lista  td a  { color: #bc4a0c; display:block }
#menu-recomendaciones table.lista  td a.hotel  { text-transform:uppercase  }

/* Calendario Eventos  */
.eventos { margin:10px 0 }
.eventos .demo-calendario { background: url(../images/body/demo-calendario.gif) no-repeat; height:128px; width:170px  }
.eventos h3 { color: #784102; font-weight:normal; font-size:13px; padding:0 0 10px; text-transform: uppercase; border-bottom:1px solid #EBDEC9; }
.eventos h4 { color: #6d5114; font-weight:normal; font-size:16px; padding:10px 0 }
.eventos ul.proximos .fecha { color: #333; letter-spacing: 1px; font-weight:bold; display:block; font-size:12px }
.eventos ul.proximos .evento { padding:8px 0; display:block; color:#784102  }
.eventos ul.proximos .descripcion { margin: 0px 0 !important; font-size:11px  }
.eventos ul.proximos { margin:0; padding:0 }

.eventos ul.proximos li { list-style-type:none; margin:0 0 20px; padding:0 }
.eventos ul.proximos li a { color:#784102 }

/* Clima */
.clima h3 { text-transform: uppercase }
.clima h3 { color: #784102; font-weight:normal; font-size:13px; padding:10px 0; text-transform: uppercase; border-bottom:1px solid #EBDEC9; }
.clima .current_temp { font-size:24px; color: #78413c }


#menu-recomendaciones .precio { font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif }