@import url(http://fonts.googleapis.com/css?family=Nunito);
body, html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	background:#fff url(../imagenes/fondoTodo.jpg) no-repeat center top;
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	color:#fff;
}
#wrapper{
	position:relative;
	margin:auto auto;
	width:960px;
	height:763px;
}
#isla{
	position:absolute;
	width:960px;
	height:763px;
	background:url(../imagenes/isla.png) no-repeat;
}
#bannerPrincipal{
	position:absolute;
	width:501px;
	height:280px;
	left:230px;
	top:103px;
}
#bottom{
	position:absolute;
	width:960px;
	height:225px;
	top:495px;
}
#bottom #reserva{
	position:absolute;
	width:174px;
	height:146px;
	left:37px;
	z-index:10;
}
#bottom #galeria{
	position:absolute;
	width:172px;
	height:146px;
	right:33px;
	z-index:10;
}
#bottom #login{
	position:absolute;
	width:326px;
	height:51px;
	left:319px;
	top:95px;
	z-index:10;
}
#bottom #anecdotas{
	position:absolute;
	width:301px;
	height:100px;
	left:169px;
	top:151px;
	z-index:10;
	background:url(../imagenes/bottom/bottom_24.jpg) no-repeat;
}
#bottom #cumple{
	position:absolute;
	width:301px;
	height:100px;
	left:490px;
	top:151px;
	z-index:10;
	background:url(../imagenes/bottom/bottom_26.jpg) no-repeat;
}
#header-principal{
	position:absolute;
	width:960px;
	height:103px;
	z-index:500;
}
#social{
	position:absolute;
	width:148px;
	height:24px;
	left:50%;
	margin-left:-74px;
	top:540px;
	z-index:50;
}
#principal{
	position:absolute;
	width:960px;
	height:660px;
	top:103px;
}
#principal img{
	position:absolute;
}
#submenu{
	position:absolute;
	right:0px;
	top:20px;
	width:850px;
	height:30px;
	text-align:right;
	z-index:15;
}
#submenu ul{
	list-style-type:none;
	width:auto;
	height:30px;
	margin:auto;
}
#submenu ul li{
	float:right;
	margin:0 5px 0 5px;
}
.titulo{
	color:#FEC700;
	font-size:16px;
}
.contenido{
	color:#5E3B18;
}