/* definicion de hojas de estilo basicas
----------------------------------------------- 
	copyright popsique para albada.net 
	ultima actualización: 1 junio 2005
*/

/* globles */
	/* body ----------------------------------------------- */
			html,body {margin:0;padding:0;background:#fff;}
			body {padding:5px;font:76%/150% "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;color: #444;}
			#central {padding: 0;margin: 0em auto 0 auto;width: 770px;height: 100%;border: 0px;}
	/* cabecera y menu horizontal ----------------------------------------------- */
			#cabecera {float: right; width: 520px;border-bottom: 5px solid black;color: #C60202;z-index: -2;}
			#cabecera ul {float: right;padding: 1px 0px; margin: 0px;height: 19px;text-align:right;z-index: -1;}
			#cabecera li {display: inline;}
			#cabecera li a {border-bottom: 5px solid #aaa;padding: 3px 10px 3px 10px;background: #fff;text-decoration: none;}
			#cabecera li a:visited {background: #f5f5f5;	color: #77b;}
			#cabecera li a:hover {background: #fdb;margin: 0px;padding: 3px 10px 3px 10px;border-bottom: 5px solid red;color: blue;}
	/* fachada ----------------------------------------------- */
			#fachada {float: left;height: 415px;width: 250px;text-align: center;padding-top: 10px;background: #fff url(/img/fachada-hotel-tarbena.jpg) no-repeat;}
			#fachada h1, #fachada a {font: normal 190% "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;color: #eee;padding: 0px;margin: 0px;text-decoration: none;}
			#fachada a {border-bottom: 1px dotted #888;}
			#fachada a:hover {border-bottom: 1px dotted #fff;color: #fff;}
	/* contenido ----------------------------------------------- */
			.contenido {color: #004080;float: right;width: 500px;padding: 10px;padding-bottom: 0px;}
			.contenido p {text-indent: 5%;text-align: justify;line-height: 18px;padding: 7px;margin: 0px;}
			.contenido h2, .contenido h1 {font-size: 15px;border-bottom: 2px solid red;width: 100%;padding-left: 30px;padding-right: 10px;display: inline;}
			.contenido h2 {text-transform: capitalize;}
	/* pie ----------------------------------------------- */
			#pie {float: left;width: 770px;text-align: left;font-family: verdana, arial, tahoma, sans;border-top: 2px solid black;font-size: 9px;}
			#pie a, #pie div {color: #929292;text-decoration: none;}
			#pie a {color: blue;}
			#pie ul {float: right;padding: 0px;margin: 0px;width: 400px;height: 19px;text-align:right;}
			#pie li {display: inline;}
			#pie li a {border-top: 2px solid #aaa;padding: 3px 10px 5px 10px;background: #fff;text-decoration: none;}
			#pie li a:visited {background: #f5f5f5;color: #99d;}
			#pie li a:hover {background: #fdb;margin: 0px;border-top: 2px solid red;color: blue;}
			#pieHome {float: right; text-align: right; border-top: 2px red solid; width: 250px; padding-right: 30px;	margin-top: 20px;}
			.selectedLang {border: 1px solid #FAA;border-top: 2px solid #F77;padding: 3px 9px 4px 9px;background: #eee;color: Maroon;}
			#logos {width: 760px;padding-top: 10px;text-align: center;margin-top: 50px;}
			#copy {float: left;}
			#telReservas {float: left; text-align: center;width: 230px;margin: 2px 0px 0px 0px;padding: 10px;background: #012464;color: #fff;}
			
/* globales */


	
/* habitaciones
----------------------------------------------- */

#habitaciones {float: left;width: 100%;}
#habitaciones2 {float: left;width: 768px;border-left: 1px solid #B5FFB5;border-right: 1px solid #B5FFB5;border-bottom: 1px solid lime;margin: 0px 0px 20px 0px;}
#habitaciones h2, #habitaciones2 h2  {font: italic 15px trebuchet ms, sans-serif;border-bottom: 1px solid lime;width: 100%;padding: 0px;margin: 0px;text-indent: 30px;display: block;margin-top: 15px;color: red;}
.enlaceHabitacion h3 {font: normal 13px trebuchet ms, sans-serif;padding: 0px;margin: 0px;color: #aa0;width: 100%;}
.tdCentrado {width: 50%;text-align: center;}
#habitaciones img, #habitaciones2 img {border: 1px solid Gray;}
#habitaciones b {font: italic 13px trebuchet ms, sans-serif;border-bottom: 1px dotted red;color: red;}
#habitaciones p {padding: 0px;margin: 10px;text-align: justify;width: 400px; float: left;}
.listado {background: #eee; float: left; width: 200px;list-style: none;margin: 0px; padding: 0px;}
.listado li {padding: 0px 0px 0px 10px;margin: 0px 0px 0px 20px;background: url(/img/dot.gif) center left no-repeat;}
.enlaceHabitacion {text-align: justify;padding: 0px 20px 10px 20px;vertical-align: top;background: #eee;}
.enlaceHabitacion a {text-decoration: none;font: italic 10px trebuchet ms, sans-serif;color: blue;float: right;text-align: right;width: 100%;}
.enlaceHabitacion a:hover {color: red;}
#izquierda {width: 358px;float: left;padding: 0px;margin: 0px;}
#derecha {
	float: right;
	width: 359px;
	padding: 20px 25px 20px 25px;
	border-left: 1px solid #B5FFB5;
	color: #444;
}
#derecha h3 {
	color: #0A1535;
	border: 0px;
	padding: 0px; 		margin: 0px;
	font: italic 20px georgia;
}
#derecha p {
	background: #eee;
	margin: 10px 0px 10px 0px;
	width: 349px;
	padding: 5px;

}

.precarga {
	width: 0px;
	height: 0px;
	border: 0px;
	display: none;
}
	.sombraCapa {
		width: 358px;
		background: url(/img/sombraCapas.jpg) top repeat-x;
		text-align: center;
		padding: 22px 0px 0px 0px;
	}
	.sombraCapa h2 {
		text-align: left;
	}
/* situacion
----------------------------------------------- 
	#para /html/situacion.php
*/

.poblaciones {
	width: 110px;
	float: left; 
	list-style: none;
	padding: 0px;		margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}
.poblaciones li {
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 38px;
	background: url(/img/flecha.jpg) bottom center no-repeat;
}
.situacion div {
	float: left;
	width: 100%;
}
#plano {
	float: right; 
	background: url(/img/plano.jpg) center no-repeat;
	width: 372px;
	height: 60px;
	padding: 250px 0px 0px 0px;
	margin-top: 10px;
}

/*	tarifas
----------------------------------------------- 
	#para /html/tarifas.php
*/

#tarifas	td {
	background: #fff;
	text-align: center;
}
#tarifas th {
	text-align: left;
	background: #f5f5f5;
	font-weight: normal;
}
#tarifas span {
	font-size: 9px;
	color: #c99;
}

input, select, textarea {
	font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* reservas
----------------------------------------------- 
	#para /html/reservas.php
*/

#formulario th {
	text-align: right;
	font-weight: normal;
}


#avisoForm {
	padding-top: 10px;
	text-align: center;
	color: red;
}