/**
 *
 * UIP - User Interface Styles for Portals
 * Module: Rich Content 
 *
 */

/** 
 * richContentArea Reset 
 *
 */

.uip_richContentArea 		{ line-height: auto; }

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

/* Selector Global para Zonas de Contenido Enriquecido */

.uip_richContentArea { padding-top:20px}


/**
 *  Paginas de Inicio de Estados y Destinos 
 */ 


.uip_richContentArea #estados li { padding:4px }


.uip_richContentArea #intro #img { float:right; margin:20px; padding:8px; background-color:#FFF; border:1px solid #E6D6BC; margin:0 0 10px 10px;}

.uip_richContentArea #photoBGIntroCity { 
	background: transparent url(http://imagebank.visitehotelesdemexico.com/mexico/baja_california_sur/la_paz/imagenes/intro.jpg) no-repeat scroll 0pt 5px; 
	height: 310px; 
	width: 520px; 
	margin: 0 auto 17px;
} 

.uip_richContentArea #photoBGIntroCity p { 
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:180px;
}


.uip_richContentArea #SitiosInteres { clear:both; float: left; margin-bottom:10px; width:606px }
.uip_richContentArea #SitiosInteres h3 { background: transparent url("../../css/images/body/bg_pattern.jpg") no-repeat; padding:2px 8px   }
/*.uip_richContentArea #SitiosInteres ul li, .uip_richContentArea #SitiosInteres ul li a  { height:120px }*/


.uip_richContentArea #navlistSI li { margin:5px 14px !important; border: 1px solid #E6D6BC  }

.uip_richContentArea #eventosFestividades { width:400px; margin-bottom:15px }
.uip_richContentArea #eventosFestividades .backGround { background-color:#FFE9BF;}
.uip_richContentArea #eventosFestividades tr.title { font-weight:bold; text-transform:uppercase  }

.uip_richContentArea #navGallery { width:380px; float:left }
.uip_richContentArea #navGallery.wauto{width:auto;}
.uip_richContentArea #eventsF h3 { background: transparent url("../../css/images/body/bg_pattern.jpg") no-repeat; padding:2px 8px; width:400px   }
.uip_richContentArea #navGallery ul li { float :left; padding:8px; margin:4px; background-color:#FFF; border:1px solid #E6D6BC }
.uip_richContentArea #navGallery ul li a{color:#A51E22; text-decoration:none;display:block;line-height:150%;}
.uip_richContentArea #navGallery ul li a:hover{background-color:#F6EDE1;color:#CC6600 !important;text-decoration:none;}

.uip_richContentArea #lnkGallery { clear:left }

.uip_richContentArea #eventsF { clear:left }

.uip_richContentArea #mapaInt { float:left; padding:4px 0 }
.uip_richContentArea #mapaInt #mapa { float:left; padding:4px   }
.uip_richContentArea ul#mapList { float:left; list-style:none; margin:0; width:250px; padding:5px;  }
.uip_richContentArea ul#mapList .title {  font-weight:bold; text-transform:uppercase }
.uip_richContentArea ul#mapList li { line-height:150%; }

/*.uip_richContentArea #mapWeather { width:606px; clear:both;  }*/

.uip_richContentArea #climaInt { clear:right;float:right; width:160px; background-color:#EFE1C2; }

.uip_richContentArea #climaInt h3 {margin:0; width:auto; font-size:12px; background:#A0451E; color:#FFFFFF;text-align:center; }
.uip_richContentArea #climaInt #weatherToday{border:12px solid #EFE1C2; background-color:#FEF0D5;}
.uip_richContentArea #climaInt .txtBold{ font-weight:bold; color:#A80C0C;}
.uip_richContentArea #climaInt .txtBoldsize{ color:#9F8959; font-weight:bold; font-size:20px}

.uip_richContentArea #cntMainLeft { float:left; width:400px; }
.uip_richContentArea #cntMainRight { float:right; }
.uip_richContentArea #EvtsAndFst{clear:both; float:left; }

#CityGuideTabMenu {
	background-color:#FAD877;
	display:block;
	height:28px;
	padding:10px 0 0 5px;
	position:relative;
	width:606px !important;
}

#CityGuideTabMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

#CityGuideTabMenu ul li {
	background:#F9F3DF none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0 4px 0 0;
	padding-bottom:0;
}

#CityGuideTabMenu ul li a {
	background:#EEE3BF url(images/foxmenu_bg-OFF.gif) no-repeat scroll left top;
	color:#864902;
	display:block;
	float:left;
	height:24px;
	padding:5px 4px 0;
	text-decoration:none;
}

#CityGuideTabMenu ul li a:hover { background-color:#EEE3BF !important; }
#CityGuideTabMenu ul li a.current { background-color:#FFFFFF; font-weight:bold; }
#CityGuideTabMenu ul li a.current:hover { }
#cityGuideNavLocationBox { margin:15px 0 0; }



/**
 *  Listado de Hotel
 */

.HotelStaticListItem table { width:606px !important }




/**
 *  Pagina detalle de Hotel 
 *
 */
 
.uip_richContentArea  #imgGeneral { margin-left:15px; padding: 10px; border: 1px solid #E6D6BC  }
.uip_richContentArea  #imgMapLocation { margin:0 auto; }
.uip_richContentArea  #HotelDetailsMap center { text-align:center; }


.uip_richContentArea  #HotelDetailsGalleryViewer center { text-align:center  }

.uip_richContentArea  #HotelDetailsGalleryNav { width:600px !important; cursor:pointer}



/* 
 * Submenus
 * Sumenus en secciones de contenido enriquecido 
 *
 */
 
.uip_richContentArea #navMenuOpt { 
	float:right;
	/*margin-left:30px;*/
	margin-bottom:30px;
	width:160px;	 
}

.uip_richContentArea #menuOpt #nTop {
	background-color: #A0451E;
	color: #fff;
	text-align:center;
	padding:4PX;
}

.uip_richContentArea #navMenuOpt ul 		{ margin:0px; padding:10px; }
.uip_richContentArea #navMenuOpt ul li 		{ list-style:none; margin:0; padding:0 6px; line-height:150% !important  }
.uip_richContentArea #navMenuOpt ul li a 	{ margin:0; padding:0 }


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

.uip_richContentArea .RatesBold { font-weight:bold }


/* Link para ir a inicio de pagina */
.uip_richContentArea ul { margin:0; padding:0; list-style:none }
.uip_richContentArea .#back { list-style:none; margin:0;  }
.uip_richContentArea .#back a { cursor:pointer  }
.uip_richContentArea .#back a #imgUp { float:left  }


/* Alineacion de imagenes en contenido */ 
.uip_richContentArea #imgR { border:1px solid #E6D6BC; float:right; margin-left:5px;  padding:10px; }
.uip_richContentArea #imgL { border:1px solid #E6D6BC; float:left;  margin-right:5px; padding:10px; }

#menuOpt{ background-color:#EFE1C2; }
#menuOpt ul li{ background-color:#FEF0D5 !important;}

#menuOpt ul { float: none; padding-top:10px; padding-left: 0px; margin-bottom:14px; list-style:disc; margin:0; }
#menuOpt ul li { margin:0; color:#9e0b0f; text-decoration: none; float:none;  margin-top:8px; border-bottom: 1px solid #e6dcc5; margin:8px 10px 0 0;
padding-bottom:8px; }
#menuOpt ul li a { font-family:"Trebuchet MS"; font-size:11px; color:#9E441E; text-decoration: none; padding-top: 2px; padding-bottom: 2px; padding-left:9px; background-image:url(images/body/arrow3.gif); background-repeat: no-repeat; background-position: left 8px; list-style-image: none; }
#menuOpt ul li a:hover,
#menuOpt ul li a.active:hover { color: #900; }
#menuOpt ul li a.active { color: #900; }

/**    **/
.land-view{width:520px;height:315px;}
.land-view .title{font-size:24px; margin-top: 0;padding-top:5px;}
.land-view .intro{padding:180px 10px 0px 10px;}