@charset "utf-8";



html, body {          

	background: url('../pics/fondo.gif') repeat-y center #eaab42;


	font: 11px/1.5em Verdana;

    margin: 0; 

    padding: 0;

}



a {

   	color: #990000;

    text-decoration: none;

	font-size: 10px;

}

a:link{

   	color: #990000;

    text-decoration: none;

}

a:visited{

   	color: #990000;

    text-decoration: none;

}

a:hover{

   	color: #EA0000;

	text-decoration: underline;

}

a:active{

   	color: #990000;

    text-decoration: none;

}



h1 {

	text-align: center;

	color: #990000;

    font-size: 1.5em;

    font-weight: bold;

	padding: 0 0 6px 0;

	margin: 0;

	border-bottom: 1px solid #990000;

}

h2 {

	background: #EAAB42;

	color: #795200;

    font-size: 1.3em;

	font-weight: bold;

	border-bottom: 1px solid #C28827;

	padding: 3px;

}

h3 {

	color: #000000;

    font-size: 1.1em;

	font-weight: bold;

}

h4 {

	color: #990000;

    font-size: 1.0em;

	font-weight: bold;

}



strong {

	font-size: 10px;

}



#encabezado {

	background: #000000;

	color: #FFFFFF;

	clear: both;

	text-align: center;

	font-weight: bold;

	font-size: 10px;

	padding: 7px;

	text-transform: uppercase;

}



/* --------------------------------- */

/* -------- Menu Horizontal -------- */

/* --------------------------------- */

#tabsE {

	float: left;

    width: 760px;

    background: #000000;

    line-height: normal;

	font: bold 11px/1.5em Verdana;

}

#tabsE ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#tabsE li {

	display: inline;

    margin: 0;

    padding: 0;

}

#tabsE a {

	float: left;

    background: url('../pics/tableftE.gif') no-repeat left top;

    margin: 0;

    padding: 0 0 0 5px;

    text-decoration: none;

	border-bottom: 1px solid #FFFFFF;

}

#tabsE a span {

	float: left;

    display: block;

    background: url('../pics/tabrightE.gif') no-repeat right top;

    padding: 5px 9px 5px 4px;

    color: #FFFFFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsE a span {float: none;}

/* End IE5-Mac hack */

#tabsE a:hover span {

	color: #FFCC00;

}

#tabsE a:hover {

	background-position: 0% -42px;

}

#tabsE a:hover span {

	background-position: 100% -42px;

}

/* --------------------------------- */

/* --------- Menu Vertical --------- */

/* --------------------------------- */

#titulo {

	width: 100%;

	margin: 0;

	padding: 0;

}

#subtitulo {

	width: 100%;

	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;

	color: #990000;

	display: block;

	padding: 0 20px 2px 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') 0 -17px;

	color: #FFFFFF;

	text-decoration: none;

}



/* --------------------------------- */

/* -------- Varios  Estilos -------- */

/* --------------------------------- */

#contenido {

	text-align: justify;

	padding: 0 55px 0 15px;

	color: #000000;

}

#contenido a{

	color: #990000;

	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');

}



#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;

}



#tour-1 {

	border-bottom: 1px solid #E79E25;

}

#tour-1 h2 {

	background: none;

	border: 0;

}

#tour-1 h2 a {

	color: #683200;

	font-size: 90%;

	border-bottom: 1px solid #E1981E;

}

#tour-1 h2 a:hover {

	background: #E9A93F;

	color: #990000;

	font-size: 90%;

	border-bottom: 1px solid #C4841A;

}

#tour-1 a {

	color: #990000;

	text-decoration: none;

	border-bottom: 1px solid #E1981E;

}

#tour-1 a:hover {

	background: #E9A93F;

	color: #683200;

	text-decoration: none;

	border-bottom: 1px solid #C4841A;

}



.tablas table {

	border: 1px solid #C28827;

	padding: 3px 3px 0 3px;

	font-size: 11px;

	color: #416352;

}

.tablas td, th {

	padding: 5px;

	text-align: center;

}

.tablas thead th {

	background: #D8A043;

	color: #725118;

	padding: 5px;

	text-align: center;

	font-weight: bold;

	text-transform: uppercase;

}

.tablas tbody th {

	font-weight: bold;

}

.tablas tbody tr td { 

	background: #EBB04F;

	color: #725118;

	font-size: 11px;

	font-weight: bold;

}

.tablas tfoot th, tfoot td {

	background: #D8A043;

	color: #FFFFFF;

	padding: 3px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	font-style: italic;

	border-bottom: 3px solid #C28827;

}



.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;

}



#scroll {

	width: 125px;

	height: 225px;

	padding: 10px 5px;

	border-bottom: 2px solid #355948;

}

#scroll a {

	text-align: center;

	font-size: 11px;

	color: #355948;

	font-weight: normal;

	text-decoration: none;

}

#scroll a:hover {

	text-align: center;

	color: #E1771E;

	font-weight: normal;

	text-decoration: none;

	border-bottom: 3px dotted #E1771E;

}



#scrolll a {

	text-align: center;

	font-size: 11px;

	color: #355948;

	font-weight: normal;

	text-decoration: none;

}

#scrolll a:hover {

	text-align: center;

	color: #E1771E;

	font-weight: normal;

	text-decoration: none;

	border-bottom: 3px dotted #E1771E;

}



#datetime {

	text-align: center;

	color: #435B3E;

	font-weight: bold;

	font-size: 10px;

	padding: 5px;

	text-transform: uppercase;

}



blockquote {

	padding-left: 40px;

	padding-top: 5px;

	background: url('../pics/quote.gif') no-repeat;

}



.author {

	text-align: right !important;

	font-weight: bold;

	font-size: 90%;

}



.contacto {

	background: #ebaf4e;

	width: 140px;

	margin-right: 7px;

	border: 1px solid #CC8A1C;

	text-align: center;

}

.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 #990000;

	cursor: help;

	color: #990000;

}

.divider {

	background: url('../pics/divider.gif') repeat-x center;

}



.language {

	background: #993300;

}

.sonido {

	background: #993300;

}

.options {

	background: #993300;

}



/* --------------------------------- */

/* ---------- Formularios ---------- */

/* --------------------------------- */

form {

	padding: 0;

	margin: 5px 0 0 0;

}



fieldset {

	border: 1px solid #BF8626;

	padding: 10px;

}



legend {

	color: #804D00;

	font: 15px "Trebuchet MS";

	font-weight: bold;

	padding: 5px;

}



label {

	cursor: pointer;

	padding-right: 15px;

	width: 125px;

	color: #990000;

	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 #BF8626;

	font: 11px "Trebuchet MS";

	color: #990000;

}



input: focus, textarea: focus {

	border: 1px solid #FFCC33;

}



.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 {

	float: right;

	text-align: center;

	padding: 0 0 5px 5px;

	font-size: 90%;

	color: #990000;

	font-weight: bold;

	width: 143px;

}

#pics img {

	padding: 4px;

	border: 1px solid #E1981E;

	background: #EBAF4E;

}

#pics img:hover  {

	border: 1px solid #990000;

}

#pics a {

	display: block;

    width: 143px;

    height: 112px;

	margin-bottom: 2px;

	border-bottom: 1px solid #D59833;

}

#pics a:hover {

	display: block;

    width: 143px;

    height: 112px;

	border-bottom: 1px solid #D59833;

}



#pics1 {

	text-align: center;

	font-size: 90%;

	color: #990000;

	font-weight: bold;

	width: 168px;

}

#pics1 img {

	padding: 4px;

	border: 1px solid #E1981E;

	background: #EBAF4E;

}

#pics1 img:hover  {

	border: 1px solid #990000;

}



#pics-1 {

	float: left;

	padding: 10px 10px 0 0;

}

#pics-1 img {

	padding: 4px;

	background: #EBAF4E;

	border: 1px solid #E1981E;

}

#pics-1 img:hover  {

	border: 1px solid #990000;

}



#pics-2 {

	float: right;

	padding: 10px 0 0 10px;

}

#pics-2 img {

	padding: 4px;

	background: #EBAF4E;

	border: 1px solid #E1981E;

}

#pics-2 img:hover  {

	border: 1px solid #990000;

}



/* --------------------------------- */

/* --------- Pie de Pagina --------- */

/* --------------------------------- */

#footer {

	background: #000000;

	color: #FFFFFF;

	clear: both;

	text-align: center;

	padding: 10px 0 5px 0;

	font-weight: normal;

	font-size: 10px;

}

#footer a{

	color: #FFFFFF;

	border-bottom: 1px solid #5B5B5B;

}



#footer a:hover {

	color: #FFCC00;

	text-decoration: none;

	border-bottom: 1px solid #FFCC00;

	font-weight: normal;

}