body {
	margin: 0;
	font-family: "lucida grande", tahoma, sans-serif;
	background: #ccc url(../img/body-bg.jpg) 0 0 no-repeat;
}

a {
	outline: none;
}

hr {
	margin: 0 0 10px 0;
	background-color: #eee;
	color: #eee;
	height: 1px;
	border: 0;
}

#pagina {
	width: 900px;
	margin: 15px auto;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #999;
}

/*--<cabecera>--*/

#cabecera h1 {
	margin: 0;
	padding: 15px 0;
	height: 150px;
	text-align: center;
}

#cabecera h1 a img {
	border: none;
}

/*---<menu>---*/

#menu {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #111 url(../img/menu-bg.jpg) 0 0 no-repeat;
	height: 36px;
}

#menu ul {
	margin: 0;
	padding: 6px 0 6px 30px;	
}

#menu ul li {
	float: left;
	padding: 4px 4px 4px 4px;
	font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	list-style: none;
}

li.menuop a {
	color: #ccc;
	text-decoration: none;
	padding: 3px 4px 3px 6px;
	border: 1px solid #111;
}

li.menuop a:hover, li.reserve a:hover {
	border: 1px solid #999;
	background-color: #222;
}

li.reserve a {
	color: #fff;
	text-decoration: none;
	padding: 3px 4px 3px 6px;
	border: 1px solid #eee;
	background-color: #EE1C25;
}


/*--<contenido>--*/
span#reservar-en-linea a
{
display:block;
margin:20px auto 10px auto;
text-align:center;
font-size: 10pt;
background-color:#EE1C25;
border-top:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
color:#FFFFFF;
padding:3px 4px 3px 6px;
text-decoration:none;
text-transform:uppercase;
}
span#reservar-en-linea a:hover
{
	color:#FFFF00;
}

#contenido {
	clear: both;
	width: 900px;
}

#introduccion {
	padding: 0px;
	width: 900px;
	height: 380px;
	border-bottom: 1px solid #999;
}

#mapsite {
	margin: 15px 15px 0 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#mapsite p {
	margin: 0;
	padding: 5px;
	font-size: 8pt;
	line-height: 15pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

#mapsite p a {
	color: #999;
	text-decoration: none;
}

#mapsite p a:hover {
	color: #F02A21;
	text-decoration: none;
}

/*--<textos>--*/

#textos {
	float: left;
	width: 600px;
	color: #333;
	padding-bottom: 10px;
}

#textos h2 {
	margin: 15px 0 10px 15px;
	font-size: 20pt;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 28pt;
	letter-spacing: 1px;
}

#textos h3 {
	margin: 15px 0 0 15px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 20pt;
	letter-spacing: 1px;
}

#textos p {
	margin: 0 0 10px 15px;
	font-size: 8pt;
	line-height: 15pt;
	text-align: justify;
}

#textos ul {
	margin-top: 0;
	margin-bottom: 10px;
}

#textos ul li {
	font-size: 8pt;	
	line-height: 15pt;
	list-style: url(../img/dot.gif);
}

#textos a {
	color: #EE1C25;
	text-decoration: none;
}

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

.promocion {
	margin: 0 0 10px 15px;
}

/*---<contactform>---*/

#contactform {
	margin:0 0 0 15px;
}

#contactform form {
	margin: 0;
}

#contactform label {
	float: left;
	text-align: right;
	padding-right: 10px;
	width: 150px;
}

.input200 {
	width: 200px;
	padding: 2px;
	border: 1px solid #eee;
	background: #f7f7f7 url(../img/asterisco.gif) 190px 50% no-repeat;
	font-size: 8pt;
}

.input150 {
	width: 150px;
	padding: 2px;
	border: 1px solid #eee;
	background-color: #f7f7f7;
	font-size: 8pt;
}

#contactform select {
	width: 155px;
	padding: 2px;
	border: 1px solid #eee;
	background-color: #f7f7f7;
	font-size: 8pt;
}

#contactform textarea {
	width: 250px;
	height: 100px;
	padding: 2px;
	border: 1px solid #eee;
	background: #f7f7f7 url(../img/asterisco.gif) 240px 50% no-repeat;
	font-size: 8pt;	
	font-family: "lucida grande", tahoma, sans-serif;
}

.contactenviar {
	letter-spacing: 1px;
	font-size: 8pt;
}

/*---<barra>---*/

#barra {
	float: left;
	width: 150px;
}

#booking {
	margin: 15px 0 15px 15px;
	width: 265px;
	height: 300px;
	background: #EE1C25 url(../img/reservaciones-bg.jpg) 0 0 no-repeat;
}

#booking h4 {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 10pt;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #f7f7f7;
}
ul#booking-tabs
{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
ul#booking-tabs li
{
	float:left;
	margin:0;
	padding:0;
}
img.img_selectable
{
	cursor:pointer;
}
#booking-form-placeholder
{
	margin: 0 0 0 6px;
}
#booking-form-placeholder img
{
	vertical-align:middle;
	margin-right:5px;
}

#booking-form-placeholder p
{
	font-family: "lucida grande", tahoma, sans-serif;
	color:#f7f7f7;
	font-size:10pt;
}
#reserva form {
	margin: 5px;
	padding: 0;
}

#reserva label {
	margin-top: 5px;
	font-size: 8pt;
	letter-spacing: 1px;
	line-height: 15pt;
	color: #eee;
	display: block;
}

#reserva select#fd, #reserva select#fy, #reserva select#td, #reserva select#ty {
	width: 60px;
	padding: 2px;
	border: 1px solid #EE1C25;
	font-size: 8pt;
}

#reserva select#fm, #reserva select#tm {
	width: 112px;
	padding: 2px;
	border: 1px solid #EE1C25;
	font-size: 8pt;
}

.adultos {
	float: left;
	width: 79px;
	margin: 5px 5px 0 0;
}

.adultos select {
	width: 79px;
	padding: 2px;
	border: 1px solid #EE1C25;
	font-size: 8pt;
}

.adultosfinal {
	float: left;
	width: 80px;
	margin: 5px 0 0 0;
}

.adultosfinal select {
	width: 80px;
	padding: 2px;
	border: 1px solid #EE1C25;
	font-size: 8pt;
}

#reserva .submit {
	clear: both;
	margin: 15px 0 0 0;
	width: 242px;
	height: 40px;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #eee;
	border: 1px solid #eee;
	background: #EE1C25 url(../img/boton-bg.gif) 0 0 repeat-x;
}

input.submitboletin {
	margin: 0;
	font-size: 8pt;
	letter-spacing: 1px;
}


#reserva p {
	margin: 0;
	padding: 10px 20px 0 20px;
	font-size: 8pt;
	line-height: 15pt;
	color: #eee;
}

/*---<prev/next>---*/

a.prev, a.next, a.prevPage, a.nextPage {
	display: inline;
	width:18px;
	height:18px;
	background:url(../img/left.png) no-repeat;
	float:left;
	margin: 83px 0 0 0;
	cursor:pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

a.disabled {
	visibility:hidden !important;		
}

a.next, a.nextPage {
	background-image:url(../img/right.png);
	clear:right;	
}

/*---<scrollable>---*/

div.scrollable {
	float:left;
	position:relative;
	overflow:hidden;	 	
	width: 849px;	
	height:185px;	
	margin: 0 0 15px 0;
	padding: 0 15px 0 0;
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

.masopcion {
	float:left;
	display: inline;
	margin: 0 0 0 15px;
	width: 268px;
}

.masopcion h4 {
	margin: 0 0 5px 0;
	font-size: 10pt;
	text-transform: uppercase;
	line-height: 15pt;
	letter-spacing: 1px;
	color: #333;
}

.masfoto {
	width: 256px;
	height: 110px;
}

.masopcion p {
	margin: 5px 0 0 0;
	font-size: 8pt;
	line-height: 13pt;
	text-align: justify;
	color: #333;
}

.masopcion a {
	text-decoration: none;
	color: #333;
}

.masopcion a img {
	border: none;
}

/*---<otrasopciones>---*/

#otrasopciones {
	clear: both;
	border-top: 1px solid #999;
	width: 900px;
	height: 150px;
	background: #111 url(../img/otrasopciones-bg.jpg) 0 0 no-repeat;
}

#boletines{
	float: left;
	width: 300px;
	height: 150px;
}

#boletines h4 {
	margin: 15px 15px 0 15px;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

#boletines p {
	margin: 10px 15px 5px 15px;
	font-size: 8pt;
	line-height: 13pt;
	color: #999;
}

#boletines form#newsform {
	margin: 0 15px;
}

#boletines label {
	float: left;
	font-size: 8pt;
	letter-spacing: 1px;
	color: #666;
}

#boletines .inputbg {
	clear: both;
	width: 160px;
	margin: 0;
	padding: 3px;
	font-size: 8pt;
	border: 1px solid #999;
}

#boletines .submit {
	font-size: 8pt;
	letter-spacing: 1px;
}

/*---<minigaleria>---*/

#minigaleria {
	float: left;
	width: 600px;
	height: 150px;
}

#minigaleria h4 {
	margin: 15px 15px 0 15px;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

#minigaleria p {
	margin: 10px 15px 5px 15px;
	font-size: 8pt;
	line-height: 13pt;
	color: #999;
}

#minigaleria p a {
	color: #EE1C25;
	text-decoration: none;
}

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

#minifoto {
	margin: 8px 0 0 15px;
}

#minifoto img {
	margin: 0 5px 0 0;
	border: none;	
}

/*---<ubicacion>---*/

#ubicacion {
	float: left;
	width: 300px;
	height: 150px;
}

#ubicacion h4 {
	margin: 15px 15px 0 15px;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

#ubicacion p {
	margin: 10px 15px 5px 15px;
	font-size: 8pt;
	line-height: 13pt;
	color: #999;
}

#ubicacion p a {
	color: #EE1C25;
	text-decoration: none;
}

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

/*---<telefonos>---*/

#telefonos {
	float: left;
	width: 300px;
	height: 150px;
}

#telefonos h4 {
	margin: 15px 15px 0 15px;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

#telefonos p {
	margin: 10px 15px 5px 15px;
	font-size: 8pt;
	line-height: 13pt;
	color: #999;
}

/*---<pie>---*/

#pie {
	width: 900px;
	margin: 0 auto;
}

/*---<menuinferior>---*/

#menuinferior {
	margin: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
}

#menuinferior p {
	margin: 0;
	padding: 10px;
	font-size: 8pt;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	color: #999;
}

#menuinferior p a:link, #menuinferior p a:visited {
	color: #333;
	text-decoration: none;
}

#menuinferior p a:hover, #menuinferior p a:active {
	color: #EE1C25;
	text-decoration: none;
}


/*---<address>---*/

#address p {
	margin: 0;
	padding: 10px;
	font-size: 8pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	color: #666;
}

#address p span {
	padding-right: 5px;
}

/*---<copy>---*/

#copy p {
	margin: 10px 0;
	font-size: 8pt;
	text-align: center;
	color: #666;
}

.logo img {
	vertical-align: middle;
	border: 0;
}
.add-loader-icon
{
	background: #ffffff url(../img/ajax-loader.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.add-ok-icon
{
	background: #ffffff url(../img/ok.gif);
	background-position:right;
	background-repeat:no-repeat;
}