body#home {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #FFFFFF url("../images/fondo-home.jpg") center top no-repeat;
	width: 100%;
	height: 100px;

}

#contenedor-home {
	width: 1500px;
	min-width:970px;/*--Fixes Background Bug--*/
	height: 1019px;
	margin: 0 auto;
}

#recuadro-identidad {
	background-color: #FFFFFF;
	width: 231px;
	height: 140px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/
	position: absolute;
	top: 80px;
}

#identidad {
	position: absolute;
	top: 95px;
	margin-left: 15px;
}

h1 a {
	background: url(../images/logo-trans.png);
	height: 111px;
	width: 184px;
	text-indent: -9999px;
	display: block;
	margin-left: 5px;
}

#recuadro-navegacion {
	background-color: #FFFFFF;
	width: 231px;
	height: 190px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/
	position: absolute;
	top: 223px;
}

#navegacion {
	position: absolute;
	top: 220px;
}

ul.lista {
	margin-left: 15px;
	margin-top: 15px;
}

ul.lista li {
	display: block;
	width: 190px;
	border-bottom: 1px solid #ACCDD0;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.lista li a {
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
}

ul.lista li a:hover {
	color: #3d94d5;
}

ul.lista li.ultimo {
	border: none;
}

#recuadro-footer {
	background-color: #FFFFFF;
	width: 231px;
	height: 144px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/
	position: absolute;
	top: 416px;
}

#footer {
	position: absolute;
	top: 420px;
}

p.texto-footer {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 15px;
	margin-left: 15px;
}

p.mail a {
	background: url(../images/mail-trans.png)!important;
	background-image: none;
	height: 13px;
	width: 152px;
	text-indent: -9999px;
	display: block;
	margin-left: 15px;
	margin-top: 3px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mail-trans.png");
}

p.mail a:hover {
	background: url(../images/mail-hover-trans.png)!important;
	background-image: none;
	height: 13px;
	width: 152px;
	text-indent: -9999px;
	display: block;
	margin-left: 15px;
	margin-top: 3px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mail-hover-trans.png");
}

a.links {
	color: #033f6d;
	text-decoration: none;
}

a.links:hover {
	color: #3d94d5;
}

/*aca empieza el link habitaciones*/

body#habitaciones {
	background: #FFFFFF url("../images/fondo-habitaciones.jpg") center top no-repeat;
}

#recuadro-cuerpo {
	background-color: #FFFFFF;
	width: 735px;
	height: 480px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/ 
	position: absolute;
	top: 80px;
	left: 241px;
}

#cuerpo {	
	position: absolute;
	top: 90px;
	left: 241px;
	width: 600px;
}

h2 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #4683b0;
	margin-top: 53px;
	margin-left: 27px;
}

p.textos {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 15px;
	margin-left: 27px;
}

ul.lista-cuerpo {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 15px;
	margin-left: 27px;
	list-style: inside circle;
}



#fotos {
	position: absolute;
	left: 236px;
	top: 20px;
}

/*aca empieza el link la casa*/

body#casa {
	background: #FFFFFF url("../images/fondo-casa.jpg") center top no-repeat;
}

/*aca empieza el link tarifas*/

body#tarifas {
	background: #FFFFFF url("../images/fondo-tarifas.jpg") center top no-repeat;
}

/*aca estan los estilos del cuadro de tarifas*/

#cuadro {
	margin-left: 30px;
	margin-top: 60px;
}

#recuadro-cuerpo-tarifas {
	background-color: #FFFFFF;
	width: 550px;
	height: 480px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/
	position: absolute;
	top: 80px;
	left: 241px;
}

th.titulos {
	background-color: #3d94d5;
	border: 1px solid #3d94d5;
	color:#FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	height: 20px;
	padding-top: 2px;
	border-radius: 15px;
}

td {
	border: 1px solid #CCCCCC;
	padding-left: 5px;
}

td.habitaciones {
	color: #2160AB;
	width: 200px;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #033f6d;
	padding-left: 10px;
}

td.tarifa {
	width: 100px;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	color: #033f6d;
}

td.comentarios {
	width: 485px;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	color: #033f6d;
	padding-top: 10px;
	padding-left: 10px;
}

#call-to-action {
	background: url(../images/globo-trans.png) no-repeat;
	width: 131px;
	height: 101px;
	position: absolute;
	right: 70px;
	top: 20px;
}

p.contactenos {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3d94d5;
	margin-top: 22px;
	margin-left: 30px;
	text-decoration: none;
}

p.consulta {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-left: 30px;
	text-decoration: none;

}

/*aca empieza el link ubicacion*/

body#ubicacion {
	background: #FFFFFF url("../images/fondo-ubicacion.jpg") center top no-repeat;
}

h2.ubicacion {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #4683b0;
	margin-top: 30px;
	margin-left: 27px;
}

p.texto-mapa {
	font: 11px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 7px;
}

#mapa {
	background: url(../images/mapa.jpg) no-repeat;
	height: 423px;
	width: 468px;
	position: absolute;
	left: 236px;
	top: 21px;

}




/*aca empieza el link servicios*/

body#servicios {
	background: #FFFFFF url("../images/fondo-servicios.jpg") center top no-repeat;
}

#fotos-galeria-servicios {
	background: url(../images/fotos-servicios.jpg) no-repeat;
	width: 205px;
	height: 414px;
	position: absolute;
	top: 25px;
	left: 498px;
}

p.textos-primera-columna {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 15px;
	margin-left: 27px;
	width: 200px;
}

p.textos-segunda-columna {
	position: absolute;
	left: 260px;
	top: 95px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	width: 200px;
}

#segunda-columna {
	position: absolute;
	left: 260px;
	top: 95px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	width: 200px;
}

ul.lista-segunda-columna {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	list-style: inside circle;
}




/*aca empieza el link el lugar*/

body#lugar {
	background: #FFFFFF url("../images/fondo-lugar.jpg") center top no-repeat;
}

#fotos-galeria {
	background: url(../images/fotos-lugar.jpg) no-repeat;
	width: 205px;
	height: 414px;
	position: absolute;
	top: 25px;
	left: 498px;
}

/*aca empieza el link consultas*/

body#consultas {
	background: #FFFFFF url("../images/fondo-consultas.jpg") center top no-repeat;
}

#recuadro-cuerpo-consultas {
	background-color: #FFFFFF;
	width: 550px;
	height: 480px;
	-moz-opacity: 0.75; /*solo Firefox*/
	opacity:.75; /*Versiones actuales de Firefox, Chrome, Opera y Safari*/
	filter: Alpha(Opacity=75); /*Explorer 6, 7*/
	-ms-filter:'alpha (opacity=75)'; /*Explorer 8*/
	-khtml-opacity: 0.75; /*solo Safari*/
	position: absolute;
	top: 80px;
	left: 241px;
}


/*aca estan los estilos del formulario*/

#formulario {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	margin-top: 20px;
}

label {
	width: 130px;
	float: left;
	text-align: left;
	display: block;
	margin-top: 8px;
}

input {
	color: #333333;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-left: 5px;
	margin-top: 3px;
	width: 282px;
}


input#codigo {
	color: #333333;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	width: 100px;
	height: 15px;

}

input#telefono {
	color: #333333;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	width: 175px;
	height: 15px;
}

input#consulta {
	color: #333333;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	width: 282px;
	height: 100px;
}

input#novedades {
	color: #333333;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 15px;
}

p.codigo {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 140px;
	color: #999999;
	padding-top: 2px;
}

.telefono {
	margin-left: 20px;
}

input#submit {
	width: 50px;
	position: absolute;
	left: 22px;
	margin-top: 15px;
}


#error-formulario {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #FF0000;
	margin-top: 5px;
}

p.exito {
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	margin-top: 5px;
}

p.error {
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	margin-top: 5px;
}

/*aca empiezan los css de la base de datos*/

p.datos {
	font: 12px Arial, Helvetica, sans-serif;
	color: #033f6d;
	margin-top: 5px;
}

p.loginError {
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	margin-top: 5px;
}

p.volver a {
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	text-decoration: none;
}

p.volver a:hover {
	color: #3d94d5;
}

h1.titulo {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #4683b0;
}

li.lista a {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 27px;
	color: #033f6d;
	margin-top: 5px;
	text-decoration: none;
}