* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #000000;
	margin-bottom: 20px;
}

.contenedor {
	margin: 20px auto;
	width: 760px;
	height: 557px;
	display: block;
}
.idiomaES, .idiomaEN {
	margin: 3px 2px 3px 0px;
	float: right;
}
.idiomaES a{
	width: 45px;
	height: 15px;
	font-size: 9px;
	display: block;
	background: url(../imgs/botones/btn_idioma-esp.gif) top left no-repeat;
}
.idiomaEN a{
	width: 45px;
	height: 15px;
	font-size: 9px;
	display: block;
	background: url(../imgs/botones/btn_idioma-eng.gif) top left no-repeat;
}
.idiomaEN a:hover {
	background: url(../imgs/botones/btn_idioma-eng.gif) bottom left no-repeat;
}
.idiomaES a:hover {
	background: url(../imgs/botones/btn_idioma-esp.gif) bottom left no-repeat;
}

.contenido {
	margin: 0px;
	padding: 0px;
	width: 760px;
	clear:both;
}
.contenido img {
	margin: 0px;
	padding: 0px;
}

#inicioFondo {
	width: 760px;
	height: 426px;
	display: block;
	background: url(../imgs/01-home/fondo.jpg) top left no-repeat;
}
.pie {
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 109px;
	border-top: 1px solid #FF8700;
}
.flashpie {
	width: 250px;
	height: 109px;
	background: #000000;
	margin: 0px;
	padding: 0px;
}

.menupie {
	margin: 0px 0px 0px 0px;
	width: 510px;
	height: 109px;
	background: url(../imgs/01-home/bg_menu.gif) top left;
}

/*------------------------------ CONTENIDO ---------------------------------*/
.flashlogo {
	padding: 10px 0px 0px 10px;
	position: absolute;
}
.eslogan {
	padding: 188px 0px 0px 163px;
	position: absolute;
}

/*-----------------------------  MENU DE CIUDADES Y GALERIA -------------------------*/
#ciudades{
margin: 0px 0px 0px 0px; 
padding:20px 0px 0px 20px;
}
#ciudades ul{
margin: -488px 0px 0px -100px;
padding:0;
width: 258px;
}
#granada ul, #cordoba ul{
margin: -488px 0px 0px -93px;
padding:0;
width: 258px;
}

#ciudades a{
display:block;
padding:0px 5px;
/*text-decoration: underline;*/
}

#ciudades a:hover{
color:#333;
}
.ciudades2 a{
padding:0px 0px 0px 0px !important;
margin: 0px;
color: #BF6602;
text-decoration:none;
display: inline !important; 
}
.ciudades2 a:hover{
	text-decoration: underline !important;
	color: #BF6602 !important;
}

#ciudades li{
margin: 0px 10px 0px 0px;
float:left;
position:relative;
list-style-type:none;
}
#ciudades ul {
position:absolute;
display:none;
width:258px;
}

/*#ciudades li ul a{
width:120px;
height:auto;
float:left;
}*/

#ciudades ul ul{
top:auto;
}	

#ciudades li ul ul {
left:12em;
margin:0px 0px 0px 10px;
}

.infociudad {
	margin: 0px 0px 0px 0px;
	padding: 18px;
	width: 222px;
	height: 417px;
	display: block;
	background: #E9E9E9;
	border: 1px solid #666666;
	border-bottom: none;
	position: relative;
	z-index: 20;
}
.infociudad p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
}

.flechaflotante {
	margin: 0px 0px 0px 0px;
	width: 260px;
	height: 12px;
	background: url(../imgs/botones/flecha-flotante.gif) top left no-repeat;
	position: relative;
	z-index: 20;
}

#granada {
	width: 79px;
	height: 22px;
	background: url(../imgs/botones/btn_granada.gif) top left no-repeat;
}
#cordoba{
	width: 77px;
	height: 22px;
	background: url(../imgs/botones/btn_cordoba.gif) top left no-repeat;
}
#madrid{
	width: 62px;
	height: 22px;
	background: url(../imgs/botones/btn_madrid.gif) top left no-repeat;
}
#malaga {
	width: 67px;
	height: 22px;
	background: url(../imgs/botones/btn_malaga.gif) top left no-repeat;
}
#toledo {
	width: 62px;
	height: 22px;
	background: url(../imgs/botones/btn_toledo.gif) top left no-repeat;
}
#btn-galeria a{
	width: 22px;
	height: 22px;
	background: url(../imgs/botones/btn_galeria.gif) top left no-repeat;
}
#btn-galeria a:hover {
	background: url(../imgs/botones/btn_galeria.gif) bottom left no-repeat;
}

/*-----------------------------  MENU PIE DE PAGINA -------------------------*/

#nav{
margin: 76px 0px 0px 0px; 
_margin: 0px;
padding: 0px 0px 0px 20px;
_padding:54px 0px 0px 20px;
font-size:10px;
clear: both;
}
#nav ul{
margin: -60px 0px 0px 0px;
padding:0px;
}

#nav3 ul{
margin: -47px 0px 0px 0px;
padding:0;
}

#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;
position: relative;
z-index: 10;
}

.vaciaLI{
display:block;
width: 172px;
height: 10px;
padding:0px 5px;
color:#8f8f8f;
text-decoration:none;
border-left: 1px solid #8F8F8F;
position: relative;
z-index: 0;
}

.vacia !important{
display:block;
width: 172x;
height: 10px;
padding:0px 5px;
color:#8f8f8f;
text-decoration:none;
border-left: 1px solid #8F8F8F;
position: relative;
z-index: 0;
}
.todas {
border-left: 1px solid #8F8F8F;
padding: 0px 0px 2px 5px;
}
#gra{
	margin: 0px 0px 0px 2px;
	width: 46px;
	height: 12px;
	font: 5px;
	display: block;
	background: url(../imgs/botones/btn_sbm-granada.gif) top left no-repeat;
}
#cor{
	margin: 0px 0px 0px 2px;
	width: 45px;
	height: 12px;
	font: 5px;
	display: block;
	background: url(../imgs/botones/btn_sbm-cordoba.gif) top left no-repeat;
}
#mad{
	margin: 0px 0px 0px 2px;
	width: 36px;
	height: 12px;
	font: 5px;
	display: block;
	background: url(../imgs/botones/btn_sbm-madrid.gif) top left no-repeat;
}
#tlfno{
	margin: 0px 0px 0px 2px;
	width: 54px;
	height: 14px;
	font: 5px;
	display: block;
	background: url(../imgs/botones/btn_sbm-telefono.gif) top left no-repeat;
}
#mail{
	margin: 0px 0px 0px 2px;
	width: 172px;
	height: 14px;
	font: 5px;
	display: block;
	background: url(../imgs/botones/btn_sbm-email.gif) top left no-repeat;
}

#nav a:hover{
color:#333;
}
#nav2 a, #nav3 a{
display:block;
width: 172px;
height: 20px;
padding:0px 5px;
color:#8f8f8f;
text-decoration:none;
position: relative;
z-index: 0;
}
#nav2 a:hover, #nav3 a:hover{
color:#333;
}

#nav li{
float:left;
position:relative;
list-style-type:none;
}
#nav ul {
position:absolute;
display:none;
width:172px;
}

#nav li ul a{
width:172px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#historia a{
	width: 45px;
	height: 14px;
	font-size:10px;
	background: url(../imgs/botones/btn_historia-esp.gif) top left no-repeat;
}
#historia a:hover {
	background: url(../imgs/botones/btn_historia-esp.gif) bottom left no-repeat;
}
#reservas {
	width: 94px;
	height: 14px;
	background: url(../imgs/botones/btn_reserva-esp.gif) top left no-repeat;
}
#contacto {
	width: 57px;
	height: 14px;
	background: url(../imgs/botones/btn_contacto-esp.gif) top left no-repeat;
}
#club a{
	width: 79px;
	height: 14px;
	font-size:10px;
	background: url(../imgs/botones/btn_club-hammam.gif) top left no-repeat;
}
#club a:hover {
	background: url(../imgs/botones/btn_club-hammam.gif) bottom left no-repeat;
}
#clubEN a{
	width: 79px;
	height: 14px;
	font-size:10px;
	background: url(../imgs/botones/btn_club-hammam.gif) top left no-repeat;
}
#clubEN a:hover {
	background: url(../imgs/botones/btn_club-hammam.gif) bottom left no-repeat;
}

#facebook a{
	width: 14px;
	height: 14px;
	margin: 0px 0px 0px 20px;
	background: url(../imgs/botones/facebook.jpg) top left no-repeat;
}

#alandalus a{
	width: 94px;
	height: 14px;
	margin: 0px 0px 0px 20px;
	background: url(../imgs/botones/btn_alandalus.gif) top left no-repeat;
}
#alandalus a:hover {
	background: url(../imgs/botones/btn_alandalus.gif) bottom left no-repeat;
}

#historiaEN a{
	width: 40px;
	height: 14px;
	font-size:10px;
	background: url(../imgs/botones/btn_historia-eng.gif) top left no-repeat;
}
#historiaEN a:hover {
	background: url(../imgs/botones/btn_historia-eng.gif) bottom left no-repeat;
}
#reservasEN {
	width: 117px;
	height: 14px;
	background: url(../imgs/botones/btn_reserva-eng.gif) top left no-repeat;
}
#contactoEN {
	width: 51px;
	height: 14px;
	background: url(../imgs/botones/btn_contacto-eng.gif) top left no-repeat;
}
#alandalusEN a{
	width: 94px;
	height: 14px;
	margin: 0px 0px 0px 10px;
	background: url(../imgs/botones/btn_alandalus.gif) top left no-repeat;
}
#alandalusEN a:hover {
	background: url(../imgs/botones/btn_alandalus.gif) bottom left no-repeat;
}

#imgBanner {
	border: none;
}
/*----------------------------  HISTORIA  --------------------------------------*/
#historiaFondo {
	width: 760px;
	height: 426px;
	display: block;
	background: url(../imgs/historia/fondo-historia.gif) top left no-repeat;
}
.marcohistoria {
	margin: 0px 0px 0px 270px;
	padding: 40px 0px 0px 0px;
	display: block;
	width: 470px;
}
.marcohistoria p{
	font: 13px/18px Arial, Helvetica, sans-serif;
}

h3{
	font: 16px Arial, Helvetica, sans-serif;
	color: #FF8700;
}
.marcohistoria img {
	margin: 0px 0px 45px 0px;
}
.marcohistoria p {
	margin: 0px 0px 15px 0px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/*---------------------------- GALERIA  --------------------------------------*/
#paginador {
	margin: 417px 0px 0px 665px;
	position:absolute;
	width: 78px;
	height: 19px;
	display: block;
}
#anterior a{
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	background: url(../imgs/botones/btn_pag-atras.gif) top left no-repeat;
}
#anterior a:hover{
	background: url(../imgs/botones/btn_pag-atras.gif) bottom left no-repeat;
}
#siguiente a{
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	background: url(../imgs/botones/btn_pag-adelante.gif) top left no-repeat;
}
#siguiente a:hover{
	background: url(../imgs/botones/btn_pag-adelante.gif) bottom left no-repeat;
}
#numpaginas{
	padding: 2px 9px 0px 9px;
	height: 17px;
	float: left;
	text-align: center;
	font: 11px "Trebuchet MS", "Times New Roman", Arial;
	background: #FF8700;
}
#epigrafe {
	margin: 386px 0px 0px 0px;
	padding: 3px 10px 0px 10px;
	position:absolute;
	min-width: 0px;
	height: 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background: #000000;
}
#flechaAnt{
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	background: url(../imgs/botones/btn_pag-atras.gif) top left no-repeat;
}
#flechaSig{
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	background: url(../imgs/botones/btn_pag-adelante.gif) top left no-repeat;
}

.Enlace{
	color: #ff8700;
	font-weight: bold;
	text-decoration:none;
}

.Enlace a:hover{
	color: #ff8700;
	font-weight: bold;
	text-decoration:none;
}