body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#topBanner {
	height:105px;
	border-bottom:1px solid #000;
}

#topBanner img {
	float:left;
}

#topBanner h1 {
	text-align:center;
	font-size:2.4em;
	color:#036;
	margin:0;
	padding:0;
}

#topNav {
	padding:2px 8px;
	border-bottom:8px solid #069;
	margin:0;
	height:1.2em;
	font-size:1em;
}

#topNav dt {
	float:left;
	font-weight:bold;
}

#topNav dd {
	float:none;
	margin:0;
}

#topNav ul {
	margin:0;
	list-style-type:none;
}

#topNav ul li {
	margin-left:10px;
	float:left;
}

#topNav a {
	color:#00f;
}

#topNav a:hover {
	color:#f60;
}

#topNav a.seleccionado {
	color:#f00;
	text-decoration:none;
	font-weight:bold;
}

p#ruta {
	color:#000;
	border-bottom:8px solid #069;
	margin:0;
	padding:2px 8px;
	background-color:#ffe;
	font-weight:bold;
}

p#ruta a {
	color:#00f;
	font-weight:normal;
}

p#ruta span {
	color:#f00;
	font-weight:bold;
}

p {
	margin:2px 20px 10px 8px;
	text-align:justify;
}

h2 {
	background:url(/images/flechadn2.gif) left no-repeat;
	clear:both;
	color:#063;
	font-size:1.8em;
	padding-left:20px;
	border-bottom:1px solid #063;
	margin-bottom:0;
	
}

h2 img {
	width:12px;
	vertical-align:text-top;
}

a {
	color:#00f;
	text-decoration:none;
}

a:hover {
	color:#f00;
	text-decoration:underline;
}

div.zona {
	width:44%;
	float:left;
	margin:0 2% 20px 2%;
}

div.zona h3 {
	color:#036;
	margin-bottom:0;
	border-bottom:1px solid #063;
}

.zona ul {
	margin:0 0 0 30px;
}

.zona ul li {
}

.zona ul li ul {
	margin-bottom:10px;
}

.zona ul li ul li {
	font-size:85%;
}

.zona img {
	float:right;
	margin:0 0 5px 5px;
}

.zona dl {
	margin:0 0 0 30px;
}



div.listado {
}

div.listado h3 {
	color:#036;
	margin-bottom:0;
	border-bottom:1px solid #063;
}

.listado ul {
	margin:0 0 0 30px;
}

.listado ul li {
	line-height:20px;
}

img.fotosCiudad {
	float:right;
	margin:0 0 5px 0;
	height:137px;
}

.listado li a img {
	width:9px;
	height:9px;
	border:0;
}

address {
	font-size:0.8em;
	color:#063;
	margin:0 0 0 20px;
	font-style:normal;
}

table#fotosHotel {
	float:right;
	border-collapse:collapse;
	border:0;
	clear:both;
	margin-left:10px;
	width:239px;
}

table#fotosHotel td {
	border:1px solid #000;
	padding:0;
	text-align:center;
	vertical-align:middle;
}

table#fotosHotel td.noFoto {
	background-color:#aaa;
	color:#000;
	font-weight:bold;
	height:119px;
}

#precios {
	float:right;
	font-size:0.85em;
	margin:0 0 10px 10px;
	text-align:right;
	width:280px;
}

#precios table {
	width:100%;
	border-collapse:collapse;
}

#precios table caption {
	background:#063;
	color:#ff0;
	text-transform:uppercase;
	font-weight:bold;
	padding:1px;
}

#precios table tr.f1 {
	background-color:#ddd;
}

#precios table tr th {
	font-weight:bold;
	border:1px solid #063;
	padding:1px 2px;
}

#precios table tr td {
	text-align:center;
	border:1px solid #063;
	padding:1px 2px;
}

#precios table thead th {
	text-align:center;
}

#precios ul {
	margin:0;
	text-align:right;
}

#precios ul li {
	font-size:0.9em;
	white-space:nowrap;
}



.ficha dl {
	margin:0;
}

.ficha dl dt {
	font-weight:bold;
	font-size:1.25em;
	text-decoration:underline;
	background:url(/images/arrow_right.gif) left no-repeat;
	padding:0 0 0 20px;
	color:#036;
}

.ficha dl dd {
	margin-bottom:15px;
	text-align:justify;
}

.ficha dl dd dt {
	color:#000;
	font-weight:bold;
	font-size:1em;
	background:#fff;
		margin:0;
}

.ficha dl dt.infoReservas {
	color:#f00;
}

div#pie {
	margin:0 0 20px 0;
	border-top:8px solid #069;
	border-bottom:1px solid #069;
	background:#ffe;
	padding:2px;
	text-align:center;
	height:3.4em;
}

#pie div {
	margin:0 10px;
}

div#pie div p {
	text-align:center;
	margin:0;
}

#pie div h4 {
	color:#063;
	margin:0;
}

#pie div h4 a {
	color:#063;
}

#pie #cht {
	float:left;
}

#pie #vc {
	float:right;
}

div#prePie {
	text-align:right;
	margin:40px 0 0;
	border-top:1px solid #000;
	background-color:#eee;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#prePie ul {
	margin:0;
	padding:2px;
}

div#prePie ul li {
	display:inline;
	margin:0 20px;
}




form table {
	border-collapse:collapse;
	color:#003366;
	border:1px solid #000;
	background-color:#eeeeff;
	vertical-align:top;
	width:100%;
	margin:0 auto 20px;
}

form table tr th {
	text-align:right;
	font-weight:bold;
	vertical-align:middle;
	white-space:nowrap;
	padding:4px 2px 4px 4px;
	width:190px;
}

form td {
	padding:4px 10px 4px 4px;
	color:#000000;
}

form td span {
	font-size:70%;
	color:#ff0000;
	line-height:1em;
	vertical-align:middle;
}

form label {
	font-size:85%;
	margin-right:10px;
}

form table select, form table input {
	font-size:90%;
}

form table caption {
	font-size:1.4em;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:2px 2px 2px 30px;
	background-color:#006699;
	background:#006699 url(/images/flechadn3.gif) left no-repeat;
}

form a img {
	border:0;
}

form a {
	font-size:90%;
}

form th img {
	margin-right:10px;
}

form div {
	text-align:center;
}

form div p {
	font-size:80%;
	margin:10px 100px;
}

form div input {
	margin-right:100px;
}

form.rellenable {
	border:1px solid #063;
	border-top:0;
	padding:20px;
	margin:0;
}

form#botonera input {
	font-weight:bold;
}