@charset "utf-8";
/* CSS Document */

/* root element for tabs  */
body {
	background-color:transparent;
}
ul.tabs {
	list-style:none;
	margin-left:10px;
	margin-bottom:0px;
	padding:0;
	height:30px;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;
	color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;
	cursor:default !important;
	color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 {
	background-position: -519px 0;
	width:134px;
}
ul.tabs a.w1:hover {
	background-position: -519px -31px;
}
ul.tabs a.w1.current {
	background-position: -519px -62px;
}
/* width 2 */
ul.tabs a.w2 {
	background-position: -366px -0px;
	width:154px;
}
ul.tabs a.w2:hover {
	background-position: -366px -31px;
}
ul.tabs a.w2.current {
	background-position: -366px -62px;
}
/* width 3 */
ul.tabs a.w3 {
	background-position: -193px -0px;
	width:174px;
}
ul.tabs a.w3:hover {
	background-position: -193px -31px;
}
ul.tabs a.w3.current {
	background-position: -193px -62px;
}
/* width 4 */
ul.tabs a.w4 {
	background-position: -0px -0px;
	width:194px;
}
ul.tabs a.w4:hover {
	background-position: -0px -31px;
}
ul.tabs a.w4.current {
	background-position: -0px -62px;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}
/* container for tabs and panes */
#scrollable {
	float:left;
	height:440px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:810px;
}
/* container for panes */
#panes {
	height:430px;
	position:absolute;
	width:10000px;
}
/* single pane */

.panel_cont {
	float:left;
	height:430px;
	text-align:left;
	width:820px;
	position:relative;
}
/***** player style *******/
/* container has a background image */
a.player {
	display:block;
	background:url(../nImg/bg_overlay.png) no-repeat;
	width:820px;
	height:430px;
	padding:0 126px 0px 127px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
/* splash image */
a.player img {
	margin-top:115px;
	border:0;
}
/*	Estilos Contenidos	*/

.id_hotel {
	line-height:20px;
	margin: 14px 0 0 0;
	_margin-top:14px;
	_margin-bottom:0px;
	height:53px;
	_height:27px;
	display:block;
}
.info_hotel {
	position:relative;
	float:left;
	width:500px;
	overflow: hidden;
	margin-left:10px;
}
.logo_hotel {
	overflow:hidden;
	float: right;
	display: block;
	margin-right: 60px;
	_margin-right: 30px;
	margin-top:15px;
}
.logo_hotel img {
	behavior: url(/nJs/iepngfix.htc);
}
.nombre_hotel {
	font-size:20px;
	letter-spacing:-0.01em;
	margin:0;
}
.ub_hotel {
	font-size:12px;
	letter-spacing:-0.01em;
	margin:0;
}
.mapa {
	width:820px;
	height:430px;
	overflow:hidden;
	border:none;
	padding:0;
	display:block;
}
.panes .hide_map {
	overflow:hidden;
}
.overlay_container {
	width:810px;
	margin:0 auto;
	overflow:hidden;
}
.map_container {
	background:url(../nImg/bg_content.png) no-repeat;
	width:580px;
	height:424px;
	float:left;
	position:relative;
}
#navigation_overlay {
	list-style:none;
	height: 33px;
	_height: 30px;
	font-size: 18px;
	_font-size: 18px;
	line-height: 34px;
	margin:0;
	padding:0;
	margin-top:2px;
	margin-left:15px;
	letter-spacing:-0.05em;
	font-weight:bold;
	text-transform:capitalize;
}
#navigation_overlay a {
	color: #000;
	letter-spacing:-0.05em;
	text-decoration: none;
	padding-left: 15px;
	color:#FFF;
	font-size: 17px;
	_font-size: 17px;
}
#navigation_overlay a, #navigation_overlay a span {
	display: block;
	float: left;
	width: auto !important;
	width:50px;
	_font-size:17px;
	cursor:pointer;
	letter-spacing:-0.05em;
	padding-right: 15px;
	height: 34px;
	float: none;
}
#navigation_overlay a:hover {
	color: #fff;
	height: 34px;
}
#navigation_overlay a:hover span {
	color:#7ac3fb;
	letter-spacing:-0.05em;
}
#navigation_overlay ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation_overlay li {
	float: left;
	height: 34px;
	line-height: 34px;
	padding-right: 5px;
	_padding-right:5px;
	display: inline;
	overflow: hidden;
	letter-spacing:-0.05em;
}
#navigation_overlay .current a:link, #navigation_overlay .current a:visited, #navigation_overlay .current a:visited, #navigation_overlay .current a:hover {
	background:url(../nImg/left_corner_current_lbox.png) left top no-repeat;
	color:#7ac3fb;
	height:34px;
	cursor:pointer;
	font-size:17px;
	letter-spacing:-0.05em;
	behavior: url(/nJs/iepngfix.htc);
}
#navigation_overlay .current a span, #navigation_overlay .current a:hover span {
	background:url(../nImg/right_corner_current_lbox.png) right top no-repeat;
	behavior: url(/nJs/iepngfix.htc);
	cursor:pointer;
	letter-spacing:-0.05em;
}
.galleria {
	list-style:none;
	width:200px
}
.galleria li {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:.5em
}
* html .galleria li div span {
	width:400px
} /* MSIE bug */
* {
	margin:0;
	padding:0
}
h1, h2 {
	font:bold 80% 'helvetica neue', sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
}
a {
	color:#348;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#67a;
}
a {
	color:#67a;
}
.caption {
	color:#FFF;
}
.demo {
	position:relative;
	margin-top:2em;
}
.gallery_demo {
	height:60px;
	margin:0 auto 0 2px;
	overflow:hidden;
	width:3000px;
}
.gallery_demo li {
	width:78px;
	height:55px;
	border:1px solid #CCC;
	margin: 0 10px;
	background:#000;
}
.gallery_demo li.active {
	border:2px solid #FFF;
}
.gallery_demo li div {
	left:240px
}
.gallery_demo li div .caption {
	font:italic 0.7em/1.4 georgia, serif;
}
#main_image {
	height:394px;
	margin:15px auto 0;
	position:relative;
	width:550px;
	background-color:#000;
}
#main_image img {
	margin-bottom:14px;
}
.nav {
	padding-top:15px;
	clear:both;
	font:80% 'helvetica neue', sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	position:relative;
	float:right;
}
.info {
	text-align:left;
	width:700px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}
.info p {
	margin-top:1.6em;
}
.imageContainer {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:550px;
}
.nav-prev, .nav-next {
	behavior: url(/nJs/iepngfix.htc);
}
.panel-overlay {
	_height:30px;
}
.big {
	background:transparent url(../nImg/bg_content_big.png) no-repeat scroll 0 0 !important;
	width:810px;
	height:540px;
}
/********		ADDED		*********/
/********		GLOBO GMAPS MPLAYER		*********/
.mplayer {
	color:#333 !important;
}
/********		TOUR VIRTUAL y VIDEO		*********/

.fndTourVirtual, .fndVideo {
	margin-left: 14px;
	overflow: hidden;
	width: 552px;
	height: 396px;
	margin-top: 14px;
	background: #000;
	text-align: center;
}
/********		FIN TOUR VIRTUAL y VIDEO		*********/
.contPtosInteresOver {
	background:#FFF;
	border: 1px solid black;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	color:#333333;
	margin-left:25px;
	padding:3px 3px 0 4px;
	position:absolute;
	right:22px;
	top:50px;
	max-width:300px;
}

