html, body {
	background: #000000;
	/*background: #E5D7B5 url('../pics/fondo.gif') repeat-y center;*/
	font: 11px/1.5em Verdana;
    margin: 0; 
    padding: 8px 0;
}
a {
   	color: #852516;
    text-decoration: none;
}
a:link{
   	color: #852516;
    text-decoration: none;
}
a:visited{
   	color: #852516;
    text-decoration: none;
}
a:hover{
   	color: #EA0000;
	text-decoration: underline;
}
a:active{
   	color: #852516;
    text-decoration: none;
}

h1 {
	text-align: center;
	color: #852122;
    font-size: 2.0em;
    font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #990000;
}
h2 {
	text-align: left;
	color: #663300;
    font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #D9BB8D;
}
h3 {
	color: #000000;
    font-size: 1.1em;
	font-weight: bold;
}
h4 {
	color: #990000;
    font-size: 1.0em;
	font-weight: bold;
}

#encabezado {
	padding-top: 10px;
	background: url('../pics/encabezado.gif') no-repeat;
	background-color: #991111;
	height: 150px;
}
#encabezado #logo {
	margin: 0;
	padding: 0;
	position: absolute;
	float: left;
	top: 36px;
	left: 160px;
}
#encabezado #logo a {
	border: 1px solid #E5D7B5;
	display: block;
	width: 180px;
	height: 118px;
	background: url('../pics/logo.gif') no-repeat;
}
#encabezado #logo a:hover {border: 1px solid #D9BB8D;}

#encabezado #logo span {display: none;}

#encabezado #language {
	margin: 0;
	padding: 0;
	position: absolute;
	float: right;
	text-align: right;
	top: 100px;
	right: 160px;
	color: #852516;
	font-size: 10px;
	font-weight: bold;
}
#encabezado #language a{
	text-transform: uppercase;
}
#fondo {
    width: 740px;
	margin: auto;
    background: #E1B365;
	border: 1px solid #875023;
	padding: 10px;
	/*font: bold 11px/1.5em Verdana;*/
}

#fon-izq {
	background: #CD840A url('../pics/fon-izq.gif') repeat-y top left;
	padding-top: 15px;
}

#fon-der {
	background: #CD840A url('../pics/fon-der.gif') repeat-y top right;
	padding-top: 15px;
}
#animacion {
	background: #981111;
	height: 250px;
}
/* --------------------------------- */
/* -------- Menu Horizontal -------- */
/* --------------------------------- */
#memu { 
	display: block;
	text-align: center;
	text-decoration: none;
}

#menu ul { 
	width: 760px; /*If your links text is bigger you will have to adjust this value*/
	height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
	background: url('../pics/menu_bg.jpg') repeat-x left top;
}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 46px;
	height: 34px;
	background: url('../pics/menu_l.jpg') no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 45px;
	height: 34px;
	background: url('../pics/menu_r.jpg') no-repeat right top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 19px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
	background: url('../pics/menu_sep.jpg') no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
	background: url('../pics/menu_sep.jpg') no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url('../pics/menu_over.jpg') repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->

/* --------------------------------- */
/* --------- Menu Vertical --------- */
/* --------------------------------- */
#titulo {
	width: 160px;
	margin: 0;
	padding:0;
}
#subtitulo {
	margin: 0;
	padding: 0;
}
#subtitulo ul{
	list-style: none;
}
#subtitulo li a{
	width: 140px; /*185px minus all left/right paddings and margins*/
	background: url('../pics/menu.gif') no-repeat;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #990000;
	display: block;
	padding: 0 25px 4px 0;
}
* html #subtitulo li a{ /*IE only */
	width: 140px; /*185px minus all left/right paddings and margins*/
	width: 14em; /*IE 5*/
}
#subtitulo li a:hover {
	background: url('../pics/menu.gif') no-repeat 0 -18px;
	color: #FFFFFF;
	text-decoration: none;
}

/* --------------------------------- */
/* -------- Varios  Estilos -------- */
/* --------------------------------- */
#contenido {
	background: url('../pics/fon-cont.gif') repeat-y;
	text-align: justify;
	padding: 15px 40px 15px 40px;
	color: #412110;
}
#contenido a{
	color: #852122;
	font-size: 11px;
	border-bottom: 1px solid #990000;
	text-decoration: none;
}
#contenido a:hover{
	color: #EA0000;
	font-size: 11px;
	border-bottom: 1px solid #EA0000;
	text-decoration: none;
}
#contenido li {
	list-style-image: url('../pics/icon.gif');
}
#cont-der {
	width: 450px;
	float: right;
	padding: 20px;
}
#cont-izq {
	width: 220px;
}
#room {
	font-size: 130%;
	font-weight: bold;
	clear: both;
	margin: auto;
	margin-bottom: 10px;
	display: table;
	width: 90%;
}

#room a {
	font-size: 120%;
}

#room a:hover {
	font-size: 120%;
}

#room1 {
	font-size: 11px;
	text-align: left;
}

#scroll {
	width: 400px;
	height: 126px;
	border-left: 10px solid #990000;
	border-right: 10px solid #990000;
	padding: 4px 7px 0 7px;
}

#tour{
	color: #990000;
	text-align: center;
	font-size: 11px;
}
#tour a {
	color: #990000;
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #990000;
	text-decoration: none;
}
#tour a:hover {
	color: #EA0000;
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #EA0000;
	text-decoration: none;
}

.tablas table {
	border: 1px solid #D9BB8D;
	padding: 4px;
}
.tablas td, th {
	padding: 3px 10px;
	text-align: center;
}
.tablas thead th {
	background: #852122;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.tablas tbody th {
	font-weight: bold;
}
.tablas tbody tr td { 
	background: #EFE7D1;
}
.tablas tfoot th, tfoot td {
	background: #F3C75F;
	color: #000000;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	border-bottom: 3px solid #D9BA77;
}

.spaces {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.click {
	margin-left: 175px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: blink;
	padding-bottom: 5px;
}

#itinerary{
	color: #E1771E;
	font-size: 1.0em;
	font-weight: bold;
}
#precio{
	background: url('../pics/precio.gif') no-repeat center;
	color: #096eaa;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 165px;
	height: 90px;
	margin-left: 185px;
}
#reserve {
	text-align: center;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: blink;
	font-weight: bold;
}
#reserve a{
	font-size: 20px;
}
#reserve a:hover{
	font-size: 20px;
}
#flag a{
	text-align: center;
	color: #425A3D;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
#flag a:hover {
	color: #F48C27;
	font-size: 10px;
	text-decoration: none;
	border-bottom: 3px solid #F48C27;
}

#menutitle1{
	background-color: #355948;
	width: 130px;
	color: #FFFFFF;
	padding: 5px;
}

#datetime {
	text-align: right;
	color: #FBF7EC;
	font-weight: bold;
	font-size: 10px;
	padding-right: 10px;
}

#language {
  	width: 180px;
  	background: #991111 url('../images/language_top.jpg') no-repeat;
  	text-align: center;
  	padding: 5px 0;
	float: right;
}
#language a{
	color: #FBF7EC;
}

blockquote {
	padding-left: 40px;
	padding-top: 2px;
	background: url('../pics/quote.gif') no-repeat;
}

.author {
	text-align: right !important;
	font-weight: bold;
	font-size: 90%;
}

.contacto {
	background: #D59833;
	width: 140px;
	margin-right: 7px;
	border: 1px solid #A7632C;
	text-align: center;
	padding: 5px;
}
.contacto a{
	font-size: 11px;
}

.aright { text-align: right; }
.acenter { text-align: center !important; }
.aleft { text-align: left !important; }
.fright { float: right; }
.fleft { float: left; }
.clear { clear: both; }
.hidden { display: none; }
.upper { text-transform: uppercase; }
.ohp { width: 95%; }
.req {
	font-weight: bold;
	color: #990000;
}
acronym, abbr {
	border-bottom: 1px dotted #852122;
	cursor: help;
	color: #852122;
}
.divider {
	background: url('../pics/divider.gif') repeat-x center;
}

.language {
	background: #993300;
}
.sonido {
	background: #993300;
}
.options {
	background: #993300;
}

div#banner {
	margin-left:  370px;
	padding-top: 20px;
	height: 84px;
	overflow: hidden;
}

div#banner .padding {
	padding:  10px;
}

/* --------------------------------- */
/* ---------- Formularios ---------- */
/* --------------------------------- */
form {
	padding: 0;
	margin: 0;
}

fieldset {
	border: 1px solid #D9BB8D;
	padding: 10px;
}

fieldset p {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

legend {
	color: #852122;
	font-weight: bold;
	padding: 0 3px;
	font-size: 12px;
}

label {
	cursor: pointer;
	padding-right: 15px;
	width: 125px;
	color: #852122;
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

label.noblock {
	text-align: left;
	padding: 0 20px 0 3px;
	float: none;
}

input, textarea, select {
	border: 1px solid #D9BB8D;
	font-size: 11px;
	color: #412110;
}

input: focus, textarea: focus {
	border: 1px solid #C89B59;
}

.button input {
	background: #990000;
	color: #FFFFFF;
	font-weight: bold;
	border: 5px double #990000;
	border-left-color: #990000;
	border-top-color: #990000;
	padding: 2px;
}

/* --------------------------------- */
/* -------- Estilo Imagenes -------- */
/* --------------------------------- */
#pics {
	text-align: center;
	padding: 5px;
	font-size: 90%;
	color: #990000;
	font-weight: bold;
}
#pics img {
	padding: 5px;
	border: 1px solid #D9BB8D;
	background: #E5D7B5;
}
#pics img:hover  {
	border: 1px solid #C59854;
}
#pics a {
	display: block;
	border-bottom: 1px solid #E5D7B5;
}
#pics a:hover {
	display: block;
	border-bottom: 1px solid #E5D7B5;
}

/* --------------------------------- */
/* --------- Pie de Pagina --------- */
/* --------------------------------- */
#footer {
	background: url('../images/footer.jpg') no-repeat;
	height: 100px;
	color: #FDE7C2;
	text-align: center;
	font-size: 11px;
	padding-top: 15px;
}
#footer a{
	color: #FDE7C2;
	border-bottom: 1px solid #FDE7C2;
}

#footer a:hover {
	color: #D3B37C;
	text-decoration: none;
	border-bottom: 1px solid #D3B37C;
	font-weight: normal;
}