* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background-color: #6B93C8;
	background-image: url(images/fondo.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	text-align: center;
}

#alrededor {
	margin: 10px auto;
	width: 850px;
	text-align: left;
}

#arriba {
	display: inline;
	float: none;
}

#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 177px;
	width: 225px;
	float: left;
	z-index: 50;/*z-index solo sirve con las propiedades position en relative o absolute MUY IMPORTANTE*/
	position: relative;
	left: 30px;
}

#nombre {
	background-image: url(images/nombre.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	height: 118px;
	width: 371px;
	left: 60px;
}

#banderaing a{
	background-image: url(images/engflag.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	position: relative;
	float: right;
}

#banderaing a:hover {
	background-image: url(images/engflag2.jpg);
}

#banderafran a{
	background-image: url(images/franflag.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	position: relative;
	float: right;
}

#banderafran a:hover {
	background-image: url(images/franflag2.jpg);
}

#banderaesp a {
	background-image: url(images/espflag.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	position: relative;
	float: right;
}

#banderaesp a:hover {
	background-image: url(images/espflag2.jpg);
}

#borde {
	border: 1px dotted gray;
	padding: .5em;
}


#medio {
	background-color: #F3E29D;
	background-image: url(images/fondo-areachica.jpg);
	background-position: top;
	background-repeat: repeat-x;
	width: 850px;
	border: solid 1px #FFFFFF;
	top: -50px;
	float: left;
	position: relative;
	z-index: 0;
}

#menu {
	display: inline;
	float: right;
	height: 50px;
	width: 600px;
	position: relative;

}

#menu ul{
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: Gray;
	clear: both;
	display: block;
	float: left;
	height: 28px;
	position: relative;
	top: 12px;
	width: 600px;
}

#menu li {
	display: block;
	float: left;
	height: 25px;
}

#menu li a{
	color: #403F3D;
	display: block;
	float: left;
	height: 27px;
	letter-spacing: 2px;
	padding: 6px 0;
	text-decoration: none;
}

#menu li a:hover {
	color: #FFFFFF;
	display: block;
}

#contenido {
	clear: both;
	padding: 20px;
	margin: 10px;
	text-align: center;
}

.image {
	width: 140px;
	padding: 10px;
	margin: 10px;
	float: left;
}

.pestrecho {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px;
	text-align: justify;
	text-indent: 15px;
	position: relative;
	float: left;
	width: 500px;
}

#contenido table {
	background-color: #e4e4e4;
	position: relative;
	float: left;
	border: solid;
	border-color: #006699;
	border-width: 1px;
}


#contenido p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px;
	text-align: justify;
	text-indent: 15px;
	position: relative;

}

#contenido ul {
	clear: both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: relative;
	float: left;
	padding: 0 20px 20px 20px;
	left: 40px;
	width: 80%;
}

#abajo {
	margin: 0px;
	padding: 0;
	position: relative;
	float: left;
	top: -50px;
}

#abajo p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	position: relative;
	float: left;
}

#abajo img {
	border: 0;
	border-style: none;
	float: none;
}

#div_botones {
	margin:100 auto 0 auto; width:300px;
}

.boton_reservas {
	float: left;
	border:1px solid #B1A085;
	color:#353327;
	font-family:Georgia;
	font-size:17px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding-left:0;
	width:280px;
	background:transparent url(images/reservar.jpg) repeat scroll 0 0;
	text-decoration: none;
}

#flashcontent {
	height: 400px;
}

#contenido .plano {
	font-family: Tahoma;
	padding: 0;
	width: 630px;
	position: relative;
}

#contenido .plano img.imagen{
	position: relative;
	display: none;
}

#contenido .plano dl#mapeado {
	margin: 0;
	padding: 0;
	background: transparent url(images/plano.gif) top left no-repeat;
	height: 354px;
	width: 630px;
	position: relative;
}

#contenido .plano dt {
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 1em;
	display: none;
}

#contenido .plano dd {
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 1em;
}

dd#punto1_def{
	top: 172px; 
	left: 97px; 
}
dd#punto1_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto1_def a span{
	display: none;
}

dd#punto1_def a:hover{
	border:0px;
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto1_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero1.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	left: -250px;
}


dd#punto2_def{
	top: 260px;
	left: 160px;
}
dd#punto2_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto2_def a span{
	display: none;
}
dd#punto2_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto2_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero1.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	left: -250px;
	top: -100px;
}


dd#punto3_def{
	top: 282px;
	left: 255px;
}
dd#punto3_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto3_def a span{
	display: none;
}
dd#punto3_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto3_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero1.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: -125px;
}



dd#punto4_def{
	top: 234px;
	left: 348px;
}
dd#punto4_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto4_def a span{
	display: none;
}
dd#punto4_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto4_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero1.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: -125px;
}

dd#punto5_def{
	top: 243px;
	left: 420px;
}
dd#punto5_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto5_def a span{
	display: none;
}
dd#punto5_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto5_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero1.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: 10px;
}


dd#punto6_def{
	top: 310px;
	left: 510px;
}
dd#punto6_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto6_def a span{
	display: none;
}
dd#punto6_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto6_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero2.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: -250px;
}


dd#punto7_def{
	top: 312px;
	left: 545px;
}
dd#punto7_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto7_def a span{
	display: none;
}
dd#punto7_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto7_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero3.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: -250px;
}
/*******************************************/

dd#punto8_def{
	top: 280px;
	left: 590px;
}
dd#punto8_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto8_def a span{
	display: none;
}
dd#punto8_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto8_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero4.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
	top: -148px;
	left: -250px;
}



dd#punto9_def{
	top: 215px;
	left: 590px;
}
dd#punto9_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto9_def a span{
	display: none;
}
dd#punto9_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto9_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero4.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
}




dd#punto10_def{
	top: 138px;
	left: 540px;
}
dd#punto10_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto10_def a span{
	display: none;
}
dd#punto10_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto10_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	font-weight: bolder;
	background-image: url(images/letrero4.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
}



dd#punto11_def{
	top: 108px;
	left: 507px;
}
dd#punto11_def a{
	position: absolute;
	width: 23px;
	height: 23px;
	text-decoration: none;
}
dd#punto11_def a span{
	display: none;
}
dd#punto11_def a:hover{
	position: absolute;
	background: transparent top left no-repeat;
	top: 0px;
	left: 0px;
}
dd#punto11_def a:hover span{
	display: block;
	text-indent: 0;
	color: #FF0000;
	/*color: #F3E29D;*/
	font-weight: bolder;
	background-image: url(images/letrero5.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0;
	padding-top: 120px;
	text-transform: uppercase;
	width: 250px;
	height: 148px;
	text-align: center;
}