#menprincipal {
	clear: both;
	font-size: 11px;
	text-transform: uppercase;
	line-height:normal;
	width:655px;
	}

#menprincipal a:link, #menprincipal a:visited {
	font-weight: bold;
	color: #002674
}

#menprincipal a:hover, #menprincipal a:active {
	font-weight: bold;
	color: #002674
}

#menprincipal li li a:link, #menprincipal li li a:visited {
	font-weight: bold;
	color: #fff
}

#menprincipal ul {
	float:right;
	margin: 15px 10px 0 10px;
	padding: 0;
	list-style:none
}
#menprincipal li {
	display: block;
	float: left;
	margin: 0;
	padding:0
}
#menprincipal a {
	display: block;
	background:url("../img/tabizquierda.gif") no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 4px;
	text-decoration:none
}

	#menprincipal ul li:hover a, #menprincipal ul li.sfhover a {
		background-position: 0% -30px
	}
	
	#menprincipal ul li:hover a span, #menprincipal ul li.sfhover a span {
		background-position: 100% -30px
	}

	#menprincipal ul li li a, #menprincipal ul li li li a, #menprincipal ul li li li li a {
		background-image: none;
		text-align: left;
		padding: 0
	}
	
#menprincipal a span {
	display:block;
	background:url("../img/tabderecha.gif") no-repeat right top;
	padding:5px 6px 4px 3px;
}
	
	body.index #menprincipal li#index a span, body.habitaciones #menprincipal li#habitaciones a span {
		padding-bottom: 5px;
		background-position: 100% -60px
	}
	
	body.home #menprincipal li#index a, body.index #menprincipal li#index a:hover, body.habitaciones #menprincipal li#habitaciones a, body.habitaciones #menprincipal li#habitaciones a:hover {
		color: #fff;
		background-position: 0% -60px
	}
	
	body.index #menprincipal li#index a:hover, body.index #menprincipal li#index a:active {
		color: #fff
	}
	
/* Hack para IE5-Mac \*/
#menprincipal a span {float:none}
/* Hack para IE5-Mac  */
#menprincipal a:hover span {
	
}
#menprincipal a:hover {
	background-position:0% -30px
}
#menprincipal a:hover span {
	background-position:100% -30px
}

#menprincipal ul li {
	color: #fff;
	float: left;
	padding: 0
}

#menprincipal ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	top: auto;
	background-color: #002674;
	font-weight: normal;
	border-left: 1px solid #003555;
	border-right: 1px solid #003555;
	border-bottom: 1px solid #003555;
	text-transform: none;
	margin: 0
}

#menprincipal ul li li {
	width: 120px;
	border-top: 1px solid #DDF2F6;
	color: #fff;
	background-color: #002674
}

#menprincipal ul li ul li a, #menprincipal ul li ul li ul li a, #menprincipal ul li li:hover ul li a, #menprincipal ul li li.sfhover ul li a, #menprincipal ul li li:hover li:hover li a, #menprincipal ul li li.sfhover li.sfhover li a {
	padding: 4px 0;
	text-indent: 8px;
	width: 120px;
	color: #fff;
	background-color: transparent
}

#menprincipal ul li ul a:hover, #menprincipal ul li ul li ul li a:hover {
	color: #002674
}

#menprincipal ul li ul ul {
	margin: -23px 0 0 120px;
}

#menprincipal ul li:hover ul ul, #menprincipal ul li:hover ul ul ul, #menprincipal ul li.sfhover ul ul, #menprincipal ul li.sfhover ul ul ul {
	left: -999em;
}

#menprincipal ul li:hover ul, #menprincipal ul li li:hover ul, #menprincipal ul li li li:hover ul, #menprincipal ul li.sfhover ul, #menprincipal ul li li.sfhover ul, #menprincipal ul li li li.sfhover ul {
	left: auto;
}

#menprincipal ul li li:hover, #menprincipal ul li li.sfhover {
	color: #fff;
	background: #F8D14A
}

#menprincipal ul li li:hover a, #menprincipal ul li li.sfhover a, #menprincipal ul li li:hover li:hover a, #menprincipal ul li li.sfhover li.sfhover a, #menprincipal ul li li:hover li:hover li:hover a, #menprincipal ul li li.sfhover li.sfhover li.sfhover a {
	color: #002674
}

#menprincipal ul li a.sub-level {
	background: url(../img/arrow-blue.gif) 105px 0 no-repeat;
}
#menprincipal ul li a.sub-level:hover {
	background: url(../img/arrow-yellow.gif) 105px 0 no-repeat;	
}

	
	body.index #menprincipal li#index a span, 
	body.habitaciones #menprincipal li#habitaciones a span, 
	body.bares #menprincipal li#bares a span, 
	body.eventos #menprincipal li#eventos a span,
	body.tarifas #menprincipal li#tarifas a span,
	body.guia #menprincipal li#guia a span {
		padding-bottom: 5px;
		background-position: 100% -60px
	}
	
	body.index #menprincipal li#index a, body.index #menprincipal li#index a:hover, 
	body.habitaciones #menprincipal li#habitaciones a, body.habitaciones #menprincipal li#habitaciones a:hover, 
	body.bares #menprincipal li#bares a, body.bares #menprincipal li#bares a:hover,
	body.eventos #menprincipal li#eventos a, body.eventos #menprincipal li#eventos a:hover,
	body.tarifas #menprincipal li#tarifas a, body.tarifas #menprincipal li#tarifas a:hover,
	body.guia #menprincipal li#guia a, body.guia #menprincipal li#guia a:hover {
		color: #fff;
		background-position: 0% -60px
	}
	
	body.index #menprincipal li#index li a:hover, 
	body.habitaciones #menprincipal li#habitaciones li a:hover, 
	body.bares #menprincipal li#bares li a:hover,
	body.eventos #menprincipal li#eventos li a:hover,
	body.tarifas #menprincipal li#tarifas li a:hover,
	body.guia #menprincipal li#guia li a:hover {
		color: #002674;
	}

#menprincipal li:hover, #menprincipal li.hover {
    position: static;
}	


/*menu de redes sociales*/
#menuredes {
	clear: both;
	width:110px;
	height:0;
	float:right;
	position:relative;
	z-index:10000;
	}
#menuredes ul {}

#menuredes li {
	display:inline;
	margin:0;
	padding:0;
	padding-left:3px;
	}