/*
---------------------------------------------------------------------
- GENERAL
---------------------------------------------------------------------
*/


/* RESETEOS ----------*/

* {
	border:						0px;
	margin:						0px;
	padding:					0px;
}

a {
	text-decoration:			none;
	margin:						0px;
}

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

li {
	padding:					0px;
	margin:						0px;
}

h1, h2, h3, h4, h5, h6 {
	padding:					0px;
	margin:						0px;
	font-size:					12px;
}



/* CONTENDEDORES ----------*/

body {
	background-color:			#f8f0e3;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	color:						#949597;
	width:						549px;
	margin-left:				auto;
	margin-right:				auto;
	padding-top:				15px;

}

#pagina {
	width:						549px;
	float:						left;
	border:						6px solid #ffffff;
}

.fondo_naranja {
	background-color:			#efdfc5;
}

.fondo_celeste {
	background-color:			#d2dacf;
}


/* ESTILOS DE TEXTO ----------*/

.hotel {
	float:						left;
	padding-top:				45px;
	padding-left:				20px;
}

.titulo {
	width:						280px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-weight:				bold;
	clear:						both;
	color:						#000000;
	filter: 					alpha (opacity=30);
	-moz-opacity:				0.3;
	text-align:					right;	
}

h1 {
	font-size:					14px;
	font-weight:				bold;
	color:						#aaaca9;
}

h2 {
	font-family:				"Times New Roman", Times, serif;
	font-size:					14px;
	font-weight:				bold;
	display:					inline;
}

h3 {
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-size:					11px;
	color:						#8b0000;
	font-weight:				normal;
}

h4 {
	font-size:					14px;
	font-weight:				bold;
	color:						#8b0000;
	margin-bottom:				5px;
}

p {
	margin-bottom:				15px;
	text-align:					justify;
	line-height:				21px;
}


/* VARIOS ----------*/

.terminacion {
	width:						549px;
	height:						40px;
	clear:						both;
	background-repeat:			no-repeat;
	background-position:		center;
	vertical-align:				middle;
}

.desarrollo {
	width:						225px;
	background-color:			#ffffff;
	float:						left;
	margin-left:				20px;
	_margin-left:				10px;
	margin-top:					10px;
	padding:					17px;
	border-top:					1px solid #a4a8a9;
}

.tira_de_fotos {
	width:						195px;
	border: 					3px solid #000000;
	float:						left;
	margin-left: 				40px;
	margin-top:					10px;
}

.foto {
	width:						195px;
	height:						103px;
	float:						left;
	border-bottom:				3px solid #000000;
}

.linea {
	width:						500px;
	height:						1px;
	float:						left;
	margin:						15px 0px 15px 20px;
	_margin-left:				10px;
	_margin-bottom:				0px;
	border-top:					1px solid #a4a8a9;
}

.boton_naranja {
	height:						15px;
	margin-left:				30px;
	margin-top:					15px;
	padding:					3px 5px;
	background-color:			#f78a2b;
	border:						1px solid #000000;
	float:						left;
	color:						#000000;
}

.boton_naranja:hover {
	color:						#ffffff;
}

.boton_naranja2 {
	height:						15px;
	margin-left:				23px;
	/*_margin-left:				12px;*/
	margin-top:					15px;
	padding:					3px 5px;
	background-color:			#f78a2b;
	border:						1px solid #000000;
	float:						left;
	color:						#000000;
}

.boton_naranja2:hover {
	color:						#ffffff;
}

.normal {
	line-height:				normal;
	margin-bottom:2px;
}

/*
---------------------------------------------------------------------
- CONTENIDO
---------------------------------------------------------------------
*/


/* MENU ---------------------------------*/

.menu {
	float:						left;
	width:						543px;
	height:						31px;
	margin:						3px;
	_margin-left: 				2px;
	_margin-right:				1px;
}

.menu li {
	float:						left;
}

.boton_clarito{
	width:						75px;
	height:						20px;
	float:						left;
	margin-right:				3px;
	background-color:			#ffffff;
	text-align:					center;
	padding-top:				10px;
	font-size:					9px;
	filter: 					alpha (opacity=60);
	-moz-opacity:				0.6;
	color:						#5d5d5d;
}

.boton_clarito:hover {
	filter: 					alpha (opacity=100);
	-moz-opacity:				1;
}

.boton_oscuro {
	width:						75px;
	height:						20px;
	float:						left;
	margin-right:				3px;
	background-color:			#ffffff;
	text-align:					center;
	padding-top:				10px;
	font-size:					9px;
	filter: 					alpha (opacity=30);
	-moz-opacity:				0.3;
	color:						#5d5d5d;
}

.boton_oscuro:hover{
	filter: 					alpha (opacity=100);
	-moz-opacity:				1;
}

.boton_selected {
	width:						75px;
	height:						20px;
	float:						left;
	margin-right:				3px;
	background-color:			#ffffff;
	text-align:					center;
	padding-top:				10px;
	font-size:					9px;
	color:						#5d5d5d;
}



/* HOME ---------------------------*/

#pagina #fondo_home {
	width:						549px;
	height:						403px;
	float:						left;
	background-image:			url(images/fondo_home.jpg);
	background-repeat:			no-repeat;
	background-position:		top;
}

#pagina #destacado {
	width:						549px;
	height:						74px;
	float:						left;
	border-top:					6px #ffffff solid;
	border-bottom:				6px #ffffff solid;
	background-color:			#000000;
	background-image:			url(images/home_privilegio.gif);
	background-repeat:			no-repeat;
	background-position:		center;
}

#pagina #oferta_destacada {
	width:						549px;
	height:						32px;
	float:						left;
	background-color:			#eff0eb;
	text-align:					center;
	padding-top:				15px;
}

#pagina #oferta_destacada a {
	color:						#b2765b;
	text-decoration:			underline;
}

#pagina #oferta_destacada a:hover {
	color:						#ae2b00;
}

/* HABITACIONES ---------------------------*/
/* ver clases: .desarrollo; .tira_de_fotos; y .foto en GENERAL/VARIOS */




/* SALONES ---------------------------*/
/* ver clases: .desarrollo; .tira_de_fotos; y .foto en GENERAL/VARIOS */

/* loguito de wi-fi */

#pagina #wifi_celeste {
	width:						59px;
	height:						24px;
	float:						left;
	background-image:			url(images/wi-fi_celeste.gif);
	background-repeat:			no-repeat;
	margin-left:				40px;
	margin-bottom:				10px;
	margin-top:					10px;
}

/* tabla salones */

#salones {
	width:						500px;
	float:						left;
	margin:						0px 0px 15px 20px;
	_margin-left:				10px;
	border:						2px solid #787c7d;
	background-color:			#efdfc5;
}

/* tabla salones - fila uno */

#salones #salon_title {
	font-family:				Georgia, "Times New Roman", Times, serif;
	height:						30px;
	font-weight:				bold;
	color:						#8b0000;
	background-color:			#ffffff;
	text-align:					center;
	vertical-align:				middle;
}

/* tabla salones - fila dos */

#salones #salon_tel {
	font-family:				"Times New Roman", Times, serif;
	height:						30px;
	text-align:					right;
	width:						473px;
	padding-right:				27px;
	vertical-align:				middle;
	border-top:					2px solid #787c7d;
}

/* tabla salones - fila tres y cuatro */

.categorias {
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-size:					11px;
	color:						#8b0000;
	width:						446px;
	padding-right:				27px;
	padding-left:				30px;
	padding-bottom:				10px;
	vertical-align:				middle;
	border-top:					2px solid #787c7d;
}

.columnas {
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-size:					11px;
	width:						446px;
	font-weight:				bold;
	padding-right:				27px;
	padding-left:				30px;
	padding-bottom:				10px;
	vertical-align:				middle;
	border-top:					2px solid #787c7d;
}

.columnita {
	padding-top:				5px;
	width:						60px;
	text-align:					center;
}

.provincia {
	padding-top:				5px;
	width:						146px;
	font-size:					12px;
	text-align:					left;
}


/* SERVICIOS ---------------------------*/
/* ver clases: .desarrollo; .tira_de_fotos; y .foto en GENERAL/VARIOS */

.listado_servicios {
	float:						right;
	width:						100px;
	color:						#b5c0bc;
	margin-bottom:				-7px;
	_margin-bottom:				-22px;
}

.listado_servicios li {
	text-align:					right;
	/*padding-top:2px;*/
}

#wi-fi {
	width:						59px;
	height:						24px;
	margin-top:					15px;
	background-image:			url(images/wi-fi_blanco.gif);
	background-repeat:			no-repeat;
	float:						left;
}


/* SITUACION ---------------------------*/

#mapita1 {
	width:						230px;
	height:						230px;
	float:						left;
	margin-left:				20px;
	_margin-left:				10px;
	margin-top:					10px;
	background-image:			url(images/situacion_mapa1.gif);
	background-repeat:			no-repeat;
	border:						1px solid #000000;
}

#mapita2 {
	width:						230px;
	height:						230px;
	float:						left;
	margin-left:				40px;
	margin-top:					10px;
	background-image:			url(images/situacion_mapa2.gif);
	background-repeat:			no-repeat;
	border:						1px solid #000000;
}

#mapita_grande {
	width:						260px;
	height:						195px;
	float:						left;
	margin-left:				20px;
	_margin-left:				10px;
	margin-top:					10px;
	background-image:			url(images/situacion_mapath.gif);
	background-repeat:			no-repeat;
	border:						1px solid #000000;
}

#datos {
	width:						213px;
	float:						left;
	margin-left:				30px;
	margin-top:					10px;
	color:						#6b726b;
}

/* TARIFAS ---------------------------*/

#tarifas {
	width:						500px;
	float:						left;
	margin:						0px 0px 15px 20px;
	_margin-left:				10px;
	border:						2px solid #787c7d;
	background-color:			#d2dacf;
}

#tarifas #tarifa_title {
	font-family:				Georgia, "Times New Roman", Times, serif;
	height:						30px;
	font-weight:				bold;
	color:						#8b0000;
	background-color:			#ffffff;
	text-align:					center;
	vertical-align:				middle;
}

.entera {
	padding-top:				5px;
	width:						500px;
	font-size:					12px;
	text-align:					center;
	vertical-align:				middle;
	padding-top:5px;

}

.precio {
	font-family:				Georgia, "Times New Roman", Times, serif;
	width:						500px;
	float:						left;
	font-size:					24px;
	background-color:			#d2dacf;
	text-align:					center;
	vertical-align:				middle;
}

/* RESERVAS ---------------------------*/

#tabla_reservas {
	width:						245px;
	_width:						245px;
	float:						left;
	margin:						10px 5px 15px 20px;
	_margin:					10px 10px 15px 11px;
}

.campo_largo {
	width:						240px;
	_width:						240px;
	height:						14px;
	padding:					2px;
	border:						1px solid #868686;
	background-color:			#ffffff;
	font-size:					11px;
}

.fila_radio {
	font-size:					10px;
	color:						#6a6a6a;
}

.radio {
	width:						auto;
	margin-top:					5px;
	_margin-top:				2px;
	vertical-align:				middle;
	float:						left;
	_float:						none;
}

.titulo_campo {
	padding:					10px 0px 3px 0px;
	color:						#6a6a6a;
}

.observaciones {
	width:						500px;
	height:						70px;
	margin-top:					10px;
	border:						1px solid #868686;
}


/* OFERTAS ---------------------------*/

#oferta {
	width:						500px;
	float:						left;
	margin-left:				20px;
	_margin-left:				11px;
}

#texto_oferta {
	width:						480px;
	padding:					10px;
	float:						left;
	background-color:			#ffffff;
	border-top:					1px solid #a4a8a9;
	margin-top:					10px;
}



/* FOOTER ---------------------------*/

#footer {
	height:						23px;
	width:						475px;
	float:						left;
	padding:					13px 37px 0px 37px;

}

#footer a {
	font-size:					10px;
	font-weight:				bold;
	color:						#5d5d5d;
	float:						left;	
}

#footer a:hover {
	text-decoration:			underline;
}

#footer a .contacto {
	float:						right;
}