/* ********************************************** */
/* *** CSS general para todo el sitio         *** */
/* ********************************************** */
html, body {
	margin:0;
	background:#FFFFFF;
	color:#999999;
}

body {
	background:url(../img/fondo.jpg) repeat-x top;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

a {	outline:none; }

/* ********************************************** */
#cuerpo {
	margin:0 auto;
	padding:0;
	background:url(../img/fondocontenidos.jpg) repeat-y;
	color:#999999;
	width:760px;
	overflow:auto;
}

#contenedor {
	margin:0 auto;
	padding:0;
	width:760px;
	min-height:500px;
	text-align:left;
}
* html #contenedor {
	height:500px;
}

.cabecera1 {
	background:url(../img/cabecera1.jpg) no-repeat;
	color:#999999;
}
.cabecera2 {
	background:url(../img/cabecera2.jpg) no-repeat;
	color:#999999;
}
.cabecera3 {
	background:url(../img/cabecera3.jpg) no-repeat;
	color:#999999;
}
.cabecera4 {
	background:url(../img/cabecera4.jpg) no-repeat;
	color:#999999;
}
.cabecera5 {
	background:url(../img/cabecera5.jpg) no-repeat;
	color:#999999;
}
/* ********************* */
#logo {
	width:760px;
	height:100px;
}

#logo a {
	position:relative;
	width:310px;
	height:65px;
	display:block;
	left:40px;
	top:35px;
	text-indent:-1000px;
	background:url(../img/logo.jpg) no-repeat;
	color:#000000;
}

/* ********************* */
#menusup {
	width:760px;
	height:65px;
	/*border:1px solid #FF0000;*/
}

#msup {
	width:250px;
	margin:0;
	padding:30px 0 0 60px;
}

#msup ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#msup ul li {
	margin:0;
	padding:0;
	float: left;
}

#tabinicio {
	background:url(../img/menusup.jpg) no-repeat 0 -30px;
	color:#666666;
	width:46px;
	height:30px;
	display:block;
}
#tabinicio a {
	background:url(../img/menusup.jpg) no-repeat 0 0;
	text-indent:-1000px;
	width:46px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabinicio a:hover {
	background-image:none;
}

#tabreservas {
	background:url(../img/menusup.jpg) no-repeat -75px -30px;
	color:#666666;
	width:74px;
	height:30px;
	display:block;
}
#tabreservas a {
	background:url(../img/menusup.jpg) no-repeat -75px 0;
	text-indent:-1000px;
	width:74px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabreservas a:hover {
	background-image:none;
}

#tabcontacto {
	background:url(../img/menusup.jpg) no-repeat -178px -30px;
	color:#666666;
	width:72px;
	height:30px;
	display:block;
}
#tabcontacto a {
	background:url(../img/menusup.jpg) no-repeat -178px 0;
	text-indent:-1000px;
	width:72px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabcontacto a:hover {
	background-image:none;
}

/* ********************* */
#datoscontacto {
	width:760px;
	height:65px;
	/*border:1px solid #FF0000;*/
}

#datoscontacto img.imgH {
	float:left;
	margin:15px 0 0 160px;
}

#datoscontacto img.separa {
	float:left;
	margin:10px 0 0 25px;
	clear:both;
}

#datoscontacto p {
	width:125px;
	float:left;
	margin:15px 0 0 15px;
	text-align:right;
	font-size:8pt;
	color:#999999;
	background:#F2F2F2;
}

/* ********************* */

#contenidos {
	width:760px;
}

#contenidoizq {
	float:left;
	width:538px;
}

#contenidoizq h1 {
	margin:25px 50px 0 40px;
}

#contenidoizq h2 {
	font-size:13pt;
	margin:25px 50px 0 75px;
}

#contenidoizq p {
	margin:15px 50px 0 75px;
	text-align:justify;
	font-size:11pt;
}

#contenidoizq ul {
	padding:15px 0 0 75px;
	margin:0 0 0 50px;
	text-align:justify;
	font-size:11pt;
}

#contenidodch {
	float:right;
	width:218px;
	/*border:1px solid #FF0000;*/
}

#menulat {
	width:200px;
	margin:0;
	padding:100px 0 0 0;
	overflow:hidden;
}

#menulat ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menulat ul li {
	margin:0;
	padding:0;
}

#tabhotel {
	background:url(../img/menulat.jpg) no-repeat -200px 0;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabhotel a {
	background:url(../img/menulat.jpg) no-repeat 0 0;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabhotel a:hover {
	background-image:none;
}

#tabinstalaciones {
	background:url(../img/menulat.jpg) no-repeat -200px -31px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabinstalaciones a {
	background:url(../img/menulat.jpg) no-repeat 0 -31px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabinstalaciones a:hover {
	background-image:none;
}

#tabservicios {
	background:url(../img/menulat.jpg) no-repeat -200px -62px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabservicios a {
	background:url(../img/menulat.jpg) no-repeat 0 -62px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabservicios a:hover {
	background-image:none;
}

#tabtarifas {
	background:url(../img/menulat.jpg) no-repeat -200px -93px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabtarifas a {
	background:url(../img/menulat.jpg) no-repeat 0 -93px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabtarifas a:hover {
	background-image:none;
}

#tabdonde {
	background:url(../img/menulat.jpg) no-repeat -200px -124px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabdonde a {
	background:url(../img/menulat.jpg) no-repeat 0 -124px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabdonde a:hover {
	background-image:none;
}

#tabturismo {
	background:url(../img/menulat.jpg) no-repeat -200px -155px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabturismo a {
	background:url(../img/menulat.jpg) no-repeat 0 -155px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabturismo a:hover {
	background-image:none;
}

#tabactividades {
	background:url(../img/menulat.jpg) no-repeat -200px -186px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabactividades a {
	background:url(../img/menulat.jpg) no-repeat 0 -186px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabactividades a:hover {
	background-image:none;
}

#tabgaleria {
	background:url(../img/menulat.jpg) no-repeat -200px -217px;
	color:#666666;
	width:200px;
	height:30px;
	display:block;
}
#tabgaleria a {
	background:url(../img/menulat.jpg) no-repeat 0 -217px;
	text-indent:-1000px;
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
}
#tabgaleria a:hover {
	background-image:none;
}


/* ********************* */
/* FORMULARIOS           */

#contactoform p {
	margin:5px 50px 0 80px;
	text-align:justify;
	font-size:11pt;
	clear:both;
}

	#contactoform input, textarea, select {
		border:1px solid #999999;
		margin:5px;
		padding:0 5px;
		background:url(../img/fondoinput.jpg) top repeat-x #FFF;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
	}
	
	#contactoform label {
		float:left;
		margin:5px;
		width:100px;
		display:block;
	}


#reservaform p {
	margin:5px 50px 0 60px;
	text-align:justify;
	font-size:11pt;
	clear:both;
}

	#reservaform input, textarea, select {
		border:1px solid #999999;
		margin:5px;
		padding:0 5px;
		background:url(../img/fondoinput.jpg) top repeat-x #FFF;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
	}
	
	#reservaform label {
		float:left;
		margin:5px;
		width:160px;
		display:block;
	}


/* ********************* */

#pieimg {
	width:760px;
	height:50px;
	margin:0 auto;
	background:url(../img/pie.jpg) no-repeat;
	/*border:1px solid #FF0000;*/
}

#pie {
	width:760px;
	height:50px;
	margin:0 auto;
	/*border:1px solid #FF0000;*/
}

#pie p.pieizq {
	float:left;
	margin:0;
	padding:10px 0 0 15px;
	font-size:8pt;
}
#pie p.piedch {
	float:left;
	margin:0;
	padding:10px 0 0 200px;
	font-size:8pt;
}

#pie a {
	background:#FFFFFF;
	color:#999999;
	text-decoration:none;
}
#pie a:hover {
	background:#FFFFFF;
	color:#666666;
	text-decoration:underline;
}



/* ********************* */
/* GALERÍA DE FOTOS      */
#galeriafotos {
	margin:20px 0 0 60px;
	width:425px;
}

#galeriafotos img {
	border:0;
}

#galeriafotos a {
	float:left;
	margin:10px 20px;
	border:2px solid #F2F2F2;
}
#galeriafotos a:hover {
	border:2px solid #F7A318;
}




.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}
<!–[if lt IE 7]><style>
/* style for IE 6 + IE5.5 + IE5.0 */
.gainlayout { height: 0; }
</style><![endif]–>
<!–[if IE 7]><style>
.gainlayout { zoom: 1;}
</style><![endif]–>