/*
----------------------------------------------------
hbritannia.com
Autor: Aeron Gleman - Metodus.com
Fecha: 22/june/2006
(c) 2005 metodus IPTI S.A.
------------------------------------------------------
Estilos predeterminados
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #0F4A1D url(../css/body-new.jpg) repeat-x center top;
	font-size: 62.5%; 
	text-align: center;
}
html > body { font-size: 10px; }

hr { display: none; }

#base {
	margin: 0 auto;
	text-align: left;
	width: 790px;
}

#sec-sup {
	background: #FFF url(../css/sec-sup-new.jpg) no-repeat;
	height: 164px;
	position: relative;	
	width: 790px;
}
	#sec-sup h1.marca {
		left: 50px;
		overflow: hidden;
		position: absolute;
		top: 14px;
	}
	#sec-sup h1.marca a {
		background: url(../css/sec-sup-marca.gif);
		display: block;
		height: 96px;
		text-indent: -1000px;
		width: 190px;
	}
	#sec-sup h2 {
		color: #0F4A1D;
		font: bold italic 1.8em/20px "Times New Roman", Times, serif;
		left: 290px;
		overflow: hidden;
		position: absolute;
		top: 70px;
		width: 500px;
	}
	#sec-sup blockquote h2 {
		margin-left: 120px;
		top: 95px;
		
	}
	#sec-sup h3 {
		color: #A75716;
		font: bold 15px/18px Arial, Helvetica, sans-serif;
		letter-spacing: .1em;
		position: absolute;
		right: 30px;
		text-align: right;
		top: 9px;
	}
	#sec-sup h3 span {
		color: #333;
		font: bold 1.0em/18px Arial, Helvetica, sans-serif;
	}

	#menu-pri {
		height: 30px;
		font: normal 1.4em/30px Georgia, serif;
		left: 20px;
		position: absolute;
		top: 134px;
		width: 750px;
	}
	#menu-pri a {
		background: #0F4A1D repeat-x left top;
		color: #FFF;
		display: block;
		float: left;
		height: 30px;
		text-align: center;
		text-decoration: none;
		width: 150px;
	}
	#menu-pri #reservations a { background-image: url(../css/menu-pri-1.gif); }
	#menu-pri #hotel-highlights a { background-image: url(../css/menu-pri-2.gif); }
	#menu-pri #guest-rooms a { background-image: url(../css/menu-pri-3.gif); }
	#menu-pri #location a { background-image: url(../css/menu-pri-4.gif); }
	#menu-pri #packages a { background-image: url(../css/menu-pri-5.gif); }
	#menu-pri a:hover,
	#menu-pri li.active a {
		background-position: left bottom;
	}
	#menu-pri #reservations a:hover,
	#menu-pri li.active#reservations a { color: #FFF; }
	#menu-pri #hotel-highlights a:hover,
	#menu-pri li.active#hotel-highlights a  { color: #FFF; }
	#menu-pri #guest-rooms a:hover,
	#menu-pri li.active#guest-rooms a  { color: #67360E; }
	#menu-pri #location a:hover,
	#menu-pri li.active#location a  { color: #333; }
	#menu-pri #packages a:hover,
	#menu-pri li.active#packages a  { color: #67360E; }
	#menu-pri li {
		float: left;
		list-style: none;
	}

	#nav-sup {
		color: #09260F;
		font: normal 1.2em/12px Arial, Helvetica, sans-serif;
		position: absolute;
		right: 50px;
		text-align: right;
		top: 44px;	
	}
	#nav-sup li {
		border-left: 1px #09260F solid;
		display: inline;
		list-style: none;
		margin-right: 4px;	
		padding-left: 5px;
	}
	#nav-sup li:first-child {
		border: 0;
	}
	#nav-sup li#espanol {
		background: url(../css/espanol.gif) no-repeat 4px 3px;
		padding-left: 24px;
	}
	#nav-sup li#french {
		background: url(../css/france.gif) no-repeat 4px 3px;
		padding-left: 24px;
	}
	#nav-sup li#aleman {
		background: url(../css/aleman.gif) no-repeat 4px 3px;
		padding-left: 24px;
	}
	#nav-sup li a {
		color: #09260F;
	}
	#nav-sup li a:hover,
	#nav-sup li strong {
		color: #000;
		font-weight: normal;
		text-decoration: none;
	}

#sec-cen {
	background: #FFF url(../css/sec-cen.gif) repeat-y left top;
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
	width: 790px;
}
	#sec-cen.columnas {
		background-image: url(../css/sec-cen-columnas.gif);
	}
	#sec-cen.columnas #cont-pri {
		float: right;
		left: -30px;
		margin: 10px 0 0 10px;
		position: relative;
		width: 580px;
	}
	#sec-cen.columnas div.publi h1 {
		padding-left: 250px;
	}
	#sec-cen.columnas div.publi img {
		left: 170px;
	}
	
	#sec-cen div.publi {
		background: url(../css/sec-cen-publi-new.gif);
		height: 232px;
		width: 790px;		
	}
	#sec-cen div.publi div {
		background: url(../css/sec-cen-publi-div.png);
		height: 230px;
		position: absolute;
		left: 21px;
		top: 0px;
		width: 748px;		




















	}
	#sec-cen div.publi h1 {
		bottom: 160px;
		color: #fff;
		font: normal 2.6em/28px "Times New Roman", Times, serif;
		left: 27px;
		padding-left: 100px;
		position: absolute;
		text-indent: -100px;
		width: 250px;
	}
	#sec-cen div.publi img {
		border: 0;
		left: 21px;
		position: relative;
	}
	
	#menu-sec {
		font: normal 1.4em/25px Georgia, serif;
		height: 230px;
		left: 21px;
		position: absolute;
		text-align: right;
		width: 149px;
		z-index: 20;
	}
	#menu-sec a,
	#menu-sec strong {
		display: block;
		font-weight: normal;
		height: 25px;
		margin-top: 5px;
		text-align: center;
		text-decoration: none;
		width: 149px;
	}
	#menu-sec li {
		list-style: none;
	}
	/* Cuartos */
	div.cuartos {
		background: url(../css/sec-cen-cuartos.png) left top no-repeat;
		height: 395px;
		left: 528px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		top: 14px;
		width: 233px;
		z-index: 100;
	}
	div.cuartos form {
		height: 309px;
		overflow: hidden;
		position: static;
		width: 233px;
	}
	div.cuartos div {
		margin: 0 0 5px 18px;
		overflow: hidden;
		width: 197px;
	}
	div.cuartos div div {
		float: left;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 10px;
		width: 52px;
	}
		div.cuartos div div label {
			float: none;
			margin: 0;
			text-align: center;	
		}
		div.cuartos div div select {
			margin: 0;
		}
	div.cuartos h1 {
		color: #FFF;
		font: normal 2.0em/20px "Times New Roman", Times, serif;
		padding: 39px 0 10px 0;
		text-align: center;
	}
	div.cuartos p {
		clear: both;
		color: #FFF;
		font: normal 1em/16px Verdana, Geneva, serif;
		margin: 0 5px;
		width: 185px;
	}
	div.cuartos form div p,
	div.cuartos form div ul {
		clear: both;
		color: #FFF;
		font: normal 1em/16px Verdana, Geneva, serif;
		margin: 5px 5px 0 10px;
		text-align: left;
	}
	div.cuartos form div ul {
		margin: 5px 5px 5px 25px;
	}
	div.cuartos a {
		color: #FFF;
		position: relative;
		z-index: 200;
	}
	div.cuartos a:hover {
		text-decoration: none;
	}
	div.cuartos input {
		border: 1px #000 solid;
		float: left;
		font: normal 1em/16px Arial, Helvetica, sans-serif;
		height: 18px;
		margin-right: 8px;
		position: relative;
		width: 83px;
		z-index: 200;
	}
	div.cuartos label {
		color: #FFF;
		float: left;
		font: normal 1em/16px Verdana, Geneva, serif;
		margin-right: 8px;
		text-align: right;
		width: 70px;
	}
	div.cuartos select {
		background: #FFF;
		border: 1px #000 solid;
		float: left;
		font: normal 1em/16px Arial, Helvetica, sans-serif;
		height: 18px;
		margin-right: 8px;
		width: 43px;
	}
	div.cuartos span {
		color: #FFF;
		float: none;
		font: normal 1em/16px Verdana, Geneva, serif;
		margin-right: 8px;
	}
	div.cuartos input#button {
		background: url(../css/sec-cen-cuartos-button.gif);
		border: 0;
		color: #000;
		cursor: pointer;
		display: block;
		font: normal 1.2em/25px Arial, Helvetica, sans-serif;
		height: 25px;
		margin: 0px auto 0px 25px;
		position: relative;
		text-align: center;
		width: 148px;
		z-index: 200;
	}
	div.cuartos button:hover {
		background-position: left bottom;
	}

	/* Busqueda */
	div.busq {
		background: url(../css/sec-cen-busq.png) left top no-repeat;
		height: 200px;
		left: 528px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		top: 123px;
		width: 233px;
		z-index: 100;
	}
	div.busq form {
		height: 200px;
		margin: 0 auto;
		overflow: hidden;
		position: static;
		width: 200px;
	}
	div.busq div {
		display: block;
		margin: 3px auto;
		overflow: hidden;
		width: 100%;
	}
	div.cuartos div div {
		float: left;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 10px;
		width: 52px;
	}
	div.busq h1 {
		color: #FFF;
		font: normal 2.0em/20px "Times New Roman", Times, serif;
		padding: 39px 0 10px 0;
		text-align: center;
	}
	
	div.busq p {
		clear: both;
		color: #FFF;
		font: normal 1em/16px Verdana, Geneva, serif;
		margin: 0 auto;
		text-align: left;
		width: 180px;
	}
	div.busq a {
		color: #FFF;
		position: relative;
		z-index: 200;
	}
	div.busq a:hover { text-decoration: none; }
	div.busq input {
		border: 1px #000 solid;
		font: normal 1em/16px Arial, Helvetica, sans-serif;
		height: 18px;
		position: relative;
		width: 130px;
		z-index: 200;
	}
	div.busq button {
		background: url(../css/sec-cen-busq-button.gif);
		border: 0;
		color: #000;
		cursor: pointer;
		display: block;
		float: none;
		font: normal 1.2em/25px Arial, Helvetica, sans-serif;
		height: 25px;
		margin: 5px auto;
		position: relative;
		text-align: center;
		width: 45px;
		z-index: 200;
	}
	div.busq button:hover {
		background-position: left bottom;
	}

	/* Paquetes */	
	div.paquetes {
	 	background: #FFFFB0;
		border: #1A5B29 solid 1px;
		left: 528px;
		margin: 10px 0 0 25px;
		overflow: hidden;
		padding: 5px;
		position: absolute;
		text-align: center;
		top: 240px;
		width: 170px;
		z-index: 100;
	}

	div.paquetescuartos {
	 	background: #FFFFB0;
                background: url(http://www.hbritannia.com/images/159.jpg);
		border: #1A5B29 solid 1px;
		left: 528px;
		margin: 10px 0 0 25px;
		overflow: hidden;
		padding: 5px;
		position: absolute;
		text-align: center;
		top: 240px;
		height: 115px;
		width: 170px;
		z-index: 100;
	}
	div.paquetes h3 {
		color: #67360E;
		font: normal 2.0em/20px "Times New Roman", Times, serif;
		padding: 0px 0 5px 0;
		text-align: center;
	}
	div.paquetes p {
		clear: both;
		color: #67360E;
		font: normal 1em/14px Verdana, Geneva, serif;
		margin: 0 auto;
		text-align: left;
	}
	div.paquetes div.button { overflow: hidden; }
	div.paquetes div.button a{
		background: url(../css/sec-cen-paquetes-button.gif);
		border: 0;
		color: #000;
		cursor: pointer;
		display: block;
		font: normal 1.2em/25px Arial, Helvetica, sans-serif;
		height: 25px;
		margin: 5px auto;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 148px;
		z-index: 200;
	}
	div.paquetes div.button a:hover {
		text-decoration: none;
	}
	div.paquetescuartos div.button { overflow: hidden; }
	div.paquetescuartos div.button a{
		background: url(../css/sec-cen-paquetes-button.gif);
		border: 0;
		color: #000;
		cursor: pointer;
		display: block;
		font: normal 1.2em/25px Arial, Helvetica, sans-serif;
		height: 25px;
		margin: 5px auto;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 148px;
		z-index: 200;
	}
	div.paquetescuartos div.button a:hover {
		text-decoration: none;
	}	
	
#cont-pri {
	margin-left: 30px;
	overflow: hidden;
	padding-top: 10px;
	width: 730px;
}
	#cont-pri div.error {
		background: #900 url(../css/cont-pri-h1-error.gif) no-repeat 3px 3px;
		color:  #FFF;
		padding: 10px 5px;
		text-indent: 35px;		
	}
	#cont-pri div.error p {
		color: #FFF;
		font: bold 1.4em/16px Arial, Helvetica, sans-serif;
	}
	#cont-pri div.error ul {
		color: #FFF;
		margin-bottom: 0;
	}
	#cont-pri div.error li {
		list-style-position: inside;
	}
	#cont-pri div.spacer {
		float: right;
		height: 160px;
		width: 232px;
	}
	#cont-pri div.search em {
		color: #AC8C21;
	}
	#cont-pri div.search h3 {
		margin: 0;
	}

	#cont-pri a {
		color: #176D28;
	}
	#cont-pri a:hover {
		color: #AC8C21;
		text-decoration: none;
	}
	#cont-pri a:hover img {
		border-color: #AC8C21;
	}
	#cont-pri em {
		color: #A53F13;
		font-style: normal;
	}
	#cont-pri div.button { overflow: hidden; }
	#cont-pri div.button a{
		background: url(../css/sec-cen-paquetes-button.gif);
		border: 0;
		color: #67360E;
		cursor: pointer;
		display: block;
		font: bold 1.4em/25px "Times New Roman", Times, serif;
		height: 25px;
		margin: 10px auto 0px 12px;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 148px;
		z-index: 200;
	}
	#cont-pri div.button a:hover {
		text-decoration: none;
	}

/* Form */
	#cont-pri form {
		background: url(../css/cont-pri-form.gif) no-repeat;
		margin: 5px auto;
		padding: 5px 0;	
		width: 575px;
	}
	#cont-pri form fieldset {
		border: 0;
		margin-bottom: 10px;
	}
 	#cont-pri form button,
	#cont-pri form input#button {
		background: url(../css/bt-reserve.gif) no-repeat ;
		border: 0;
		color: #630;
		cursor: pointer;
		display: block;
		font: normal 1.2em/25px Arial, Helvetica, sans-serif;
		height: 25px;
		margin-left: 195px;
		text-align: center;
		width: 140px;
	}	
	#cont-pri form button:hover {
		background: url(../css/bt-reserve.gif) bottom left;
	}
	#cont-pri form div {
		overflow: hidden;
		padding-bottom: 12px;
	}
	#cont-pri form div.right {
		background-position: right bottom;
	}
	#cont-pri form fieldset div h3 {
		background: url(../css/package-h2.gif) no-repeat 100% 5px;
		color: #67360E;
		font: bold 1.6em/18px Arial, Helvetica, sans-serif;
		height: 32px;
		margin: 5px 10px -10px 20px;
	}
	#cont-pri form input {
		border: 1px #000 solid;
		float: left;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		height: 18px;
		margin-right: 10px;
		padding: 2px 0 0 2px;
		width: 148px;
	}
	#cont-pri form input.error,
	#cont-pri form select.error,
	#cont-pri form textarea.error {
		border-color: #900;
		color: #900;
	}
	#cont-pri form label {
		color: #A53F13;
		float: left;
		font: bold 1.2em/16px Arial, Helvetica, sans-serif;
		margin-right: 10px;
		text-align: right;
		width: 180px;
	}
	#cont-pri form label span {
		color: #900;
		float: none;
		margin: 0;
	}
	#cont-pri form input[type=checkbox] {
		width: 16px;
	}
	#cont-pri form p {
		color: #67360E;
		float: left;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		margin: 10px 15px 15px 20px;
		text-align:justify;
	}
	#cont-pri form p a {
		margin-left: 170px;
	}
	#cont-pri form select {
		border: 1px #000 solid;
		float: left;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		height: 20px;
		margin-right: 10px;
		width: 150px;
	}
	#cont-pri form span {
		color: #67360E;
		float: left;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		width: 150px;
	}
	#cont-pri form span.error {
		color: #900;
	}
	#cont-pri form span.error:before {
		content: "! ";
	}
	#cont-pri form textarea {
		border: 1px #000 solid;
		float: left;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		height: 100px;
		margin-right: 10px;
		width: 220px;
	}
	#cont-pri h1 {
		color: #67360E;
		font: normal 2.6em/28px "Times New Roman", Times, serif;
		margin-bottom: 10px;
	}
	#cont-pri h1.error {
		background: #900 url(../css/cont-pri-h1-error.gif) no-repeat 3px 3px;
		color:  #FFF;
		padding: 5px;
		text-indent: 35px;
	}
	#cont-pri h2 {
		color: #67360E;
		font: bold 1.6em/16px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-pri h3 {
		color: #AC8C21;
		font: bold 1.4em/16px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-pri img {
		border: 2px #176D28 solid;
		float: right;
		margin-left: 10px;
	}
	#cont-pri kbd {
		color: #A53F13;
		font: normal 1.2em/16px "Courier New", Courier, monospace;
	}
	#cont-pri ol,
	#cont-pri ul {
		color: #67360E;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		margin: 0 0 10px 20px;
	}
	#cont-pri ol em,
	#cont-pri ul em {
		color: #A53F13;
	}
	#cont-pri ol li {
		list-style-type: decimal;
	}
	#cont-pri ul li {
		list-style-type: disc;
	}
	#cont-pri ol span,
	#cont-pri ul span {
		color: #000;
	}
	#cont-pri ul ul {
		color: #555;
		font-size: 100%;
	}
	#cont-pri ul ul li {
		list-style-type: circle;
	}
	#cont-pri p {
		color: #000;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-pri strong {
		font-size: 116%;
	}
	#cont-pri strong em {
		color: #AC8C21;
		font-size: 100%;
		font-style: normal;
	}
	#cont-pri table {
		border-collapse: collapse;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		margin: 10px;
	}
	#cont-pri table th {
		background-color: #808080;
		border-color: #FFF;
		border-style: solid;
		border-width: 2px;
		color: #FFF;
		font-weight: normal;
		padding: 5px 10px;
	}
	#cont-pri table th:first-child {
		background-color: #AC8C21;
	}
	#cont-pri table td {
		background-color: #DBDBDB;
		border-color: #FFF;
		border-style: solid;
		border-width: 2px;
		color: #333;
		padding: 5px 10px;
	}

#cont-sec {
	background-color: #DBDBDB;
	float: left;
	left: 30px;
	margin: 10px 0 0 0;
	overflow: hidden;
	position: relative;
	width: 130px;	
}
	#cont-sec a {
		color: #333;
	}
	#cont-sec a:hover {
		color: #000;
		text-decoration: none;
	}
	#cont-sec a:hover img {
		border-color: #333;
	}
	#cont-sec h1 {
		color: #333;
		font: normal 2.0em/20px "Times New Roman", Times, serif;
		margin-bottom: 10px;
	}
	#cont-sec h2 {
		color: #333;
		font: bold 1.6em/18px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-sec hr {
		background: url(../css/cont-sec-hr.gif) no-repeat right top;
		border: 0;
		height: 25px;
		position: relative;
		top: 0px;
	}
	#cont-sec img {
		border: 2px #FFF solid;
		margin-bottom: 10px;
	}
	#cont-sec p {
		color: #333;
		font: normal 1.2em/16px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}

#contacto {
	background: transparent url(../css/cen-bottom.gif) no-repeat left top;
	display: block;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}
	#contacto p {
		background: none;
		color: #8D9F87;
		font: normal 1.1em/18px Arial, Helvetica, sans-serif;
		margin: 0;
	}
	#contacto p a {
		color: #8D9F87;
	}

#enlaces {
	background: #0D3D18 url(../css/enlaces-top.gif) no-repeat left top;
	margin: 10px auto 0px auto;
	padding-top: 5px;
	overflow: hidden;
}

	#enlaces div {
		background: #0D3D18 url(../css/enlaces.gif) repeat-y left top;
		overflow: hidden;
		padding: 5px 30px 10px 50px; 
		width: 730px;
	}	
	#enlaces ul {
		color: #708369;
		float: left;
		font: normal 1.2em/18px Arial, Helvetica, sans-serif;
		margin-left: 0px;
		width: 230px;
	}
	#enlaces ul li {
		list-style: none;
	}
	#enlaces ul li ul {
		font-size: 1em;
		margin-left: 10px;
		width: 210px;
	}
	#enlaces a { color: #708369; }
	#enlaces a:hover { text-decoration: none; }

#sec-inf {
	background: #0F4A1D url(../css/sec-inf.gif) no-repeat;
	height: 40px;
	padding-top: 10px;
	width: 790px;
}
	#nav-inf {
		color: #8D9F87;
		font: normal 1.1em/18px Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		margin-left: 150px;
		text-align: center;
		width: 500px;
	}
	#nav-inf li {
		border-left: 1px #8D9F87 solid;
		display: inline;
		list-style: none;
		margin-right: 4px;	
		padding-left: 5px;
	}
	#nav-inf li:first-child {
		border: 0;
	}
	#nav-inf li a {
		color: #8D9F87;
	}
	#nav-inf li a:hover {
		color: #FFF;
		text-decoration: none;
	}

	#sec-inf p.copy {
		color: #8D9F87;
		font: normal 1.1em/12px Arial, Helvetica, sans-serif;
		text-align: center;
	}
/*----------------------------Sitemap---------------------*/	
	#sitemap {
	margin-left: 40px;
	}
	#sitemap ul li {
	background: url(../css/ul-sitemap.gif) no-repeat bottom left;
	list-style: none;
	display: block;
	text-indent: 20px;
	}
	#sitemap ul ul li {
	background: url(../css/li-sitemap.gif) no-repeat bottom left;
	list-style: none;
	}
/*----------------------------Sitemap---------------------*/