body {
	background: #fffcea;
	text-align: center;
	font-family: Arial, Verdana;
	font-size: .75em;
	margin-top: 70px;
}

/* Barra lateral */

div#barra {
	background: url(img/topbarra.png) no-repeat;
	position:absolute;
	top: 10px;
	width: 268px;
	height: 450px;
	padding-left: 11px;
	margin-left: 21px;
	padding-top: 177px;
}

div#barra a {
	float: left;
}

div#barra a.ini {
	display: block;
	background: url(img/inibut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	height: 31px;
}

div#barra a.ini:hover {
	display: block;
	background-position: 0 -31px;
}

div#barra a.hot {
	display: block;
	background: url(img/hotelbut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	height: 60px;
}

div#barra a.hot:hover {
	display: block;
	background-position: 0 -60px;
}

div#barra a.inst {
	display: block;
	background: url(img/instbut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	height: 25px;
}

div#barra a.inst:hover {
	display: block;
	background-position: 0 -25px;
}

div#barra a.hab {
	display: block;
	background: url(img/habbut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	height: 25px;
}

div#barra a.hab:hover {
	display: block;
	background-position: 0 -25px;
}

div#barra a.loc {
	display: block;
	background: url(img/locbut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	height: 103px;
}

div#barra a.loc:hover {
	display: block;
	background-position: 0 -103px;
}

div#barra a.visita {
	display: block;
	background: url(img/vistbut.png) no-repeat;
	text-indent: -99999px;
	width: 232px;
	margin-top: 0px;
	height: 250px;
}

div#barra a.visita:hover {
	display: block;
	background-position: 0 -250px;
}

div#barra img {
	border: 0px;
}

/* Capa superior */

div#top {
	height: 81px;
	width: 517px;
	margin-left: 340px;
	background: url(img/top.jpg) no-repeat;
}

/* Capa contenedor */

div#contenedor {
	width: 900px;
	margin: auto;
	padding: 0px;
}

/* Menu */

a:focus { 
    outline: none; 
}

/* Capa central */

div#medio {
	background: url(img/bg.jpg);
	margin:0px;
	padding: 0px 0px 0px 262px;
	height: 449px;
	text-align: justify;
	line-height: 144.5%;
	border-top: 1px #ffeb60 solid;
	border-right: 1px #ffeb60 solid;
	border-left: 1px #ffeb60 solid;
}

/* Capa central imagenes*/

div#medioimg {
	background: url(img/bg.jpg);
	margin:0px;
	padding: 20px 0px 0px 312px;
	height: 429px;
	text-align: justify;
	line-height: 144.5%;
	border-top: 1px #ffeb60 solid;
	border-right: 1px #ffeb60 solid;
	border-left: 1px #ffeb60 solid;
}


/* Div colocado arriba a la derecha */

div#normal {
	color: #000;
	background-color: #efbc0c;
	padding: 20px;
	margin: 0px 0 0 416px;
	height: 175px;
	opacity: .72;
	-moz-opacity: 0.72;
	filter: alpha(opacity=72);
}

/*Div texto habitaciones */

div#hab {
	color: #fff;
	background-color: #e4930b;
	padding: 20px;
	margin: 0px 0 0 313px;
	height: 176px;
	opacity: .72;
	-moz-opacity: 0.72;
	filter: alpha(opacity=72);
}

/*Div texto hotel */

div#hotel {
	color: #fff;
	background-color: #e4930b;
	padding: 50px 20px;
	margin: 0px 415px 0 0px;
	height: 110px;
	opacity: .72;
	-moz-opacity: 0.72;
	filter: alpha(opacity=72);
}

/*Div texto instalaciones */

div#inst {
	color: #fff;
	background-color: #ff6600;
	padding: 90px 20px 0 20px;
	margin: -210px 315px 0 40px;
	height: 120px;
	opacity: .80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}

/*Div texto mapa */

div#mapa {
	color: #fff;
	background-color: #e4930b;
	padding: 70px 20px 10px 20px;
	margin: 20px 20px 10px 450px;
	height: 226px;
	opacity: .72;
	-moz-opacity: 0.72;
	filter: alpha(opacity=72);
}

div#iframe {
	float:left;
	margin: 20px 10px 10px 10px;
}

a.contacto {
	display:block;
	margin-left: 10px;
}

/* Capa inferior */

div#inf {
	text-align: right;
	font-size: 10px;
	border: 1px #ffeb60 solid;
	margin: 0px;
	background: #ff9500;
	color: #000;
	padding: 6px 5px 5px 260px;
}

div#inf span {
	margin-right: 0px;
}

div#inf a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

/* Alineacion imagenes */

img.left {
	float:left;
	margin: 0px;
	padding: 0px;
}

img.right {
	float:right;
	margin: 0px;
	padding: 0px;
}

/* copi */

div#copi {
	color: #000;
	text-align: right;
	font-size: 10px;
}

div#copi a {
	text-decoration:none;
	color: #ff0000;
}

div#logo {
	margin: 0px 40px 0 0;
	padding: 0px;
	float:right;
}

/* Reservas */

div#reservas {
	float:right;
	margin:-60px 0 0 0;
}