#index-esq {
	position: relative;
	float: left;
	width: 350px;
	height: 100%;
}

#index-dir {
	position: relative;
	float: right;
	width: 300px;
	height: 320px;
	margin: 0 20px;
	background: url("../img/facilidades.gif") no-repeat 50% 50%;
	border: 2px solid #c0c0c0;
}

#mapa {
	position: relative;
	width: 350px;
	height: 110px;
	background: url("../img/mapa.gif") no-repeat 10px 50%;
}

#linksCidade {
	position: relative;
	width: 350px;
	height: 110px;
	background: url("../img/ibiruba.gif") no-repeat 10px 50%;
}

#fotoshotel {
	position: relative;
	width: 350px;
	height: 110px;
	background: url("../img/ohotel.gif") no-repeat 10px 50%;
}

h1.index_tit {
	text-align: left;
	padding-left: 140px;
	padding-top: 10px;
	color: #bcac1c;
}

h2.index_text {
	text-align: justify;
	padding-left: 140px;
	padding-top: 10px;
}

h2.index_text a {
	text-decoration: none;
	color: #000000;
}

h2.index_text a:hover {
	text-decoration: underline;
	color: #cc0000;
}

#index-dir-links {
	position: relative;
	float: right;
	width: 300px;
	height: 320px;
	margin: 0 20px;
	border: 2px solid #c0c0c0;
}

h1.index_tit-pg {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #bcac1c;
}

p.links {
	text-align: left;
	padding-left: 20px;	
	font: bold 80% Arial,Helvetica,Verdana;
	line-height: 25px;
}

p.links a {
	color: #000000;
	text-decoration: underline;
}

p.links a:hover {
	color: #cc0000;
	text-decoration: line-through;
}

.borderOFF {
	border: 4px solid #c0c0c0;
}

.borderON {
	border: 4px solid #797979;
}