body {
 background-color: #ffffff;
 margin: 10px 0;
 padding: 0;
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: #000000;
 text-align: center;
}

form {
 margin: 0;
 padding: 0;
}

div.clear {
 height: -1px; /* Needed to stop IE7 giving the clearing div a height */
 line-height: 0;
 clear: both;
 font-size: 0;
}

.left {
 float: left;
 margin-right: 2px;
 margin-bottom: 2px;
}

.right {
 float: right;
 margin-left: 2px;
 margin-bottom: 2px;
}

/*************/
/* Container */
/*************/
div#container {
 margin: 0 auto;
 width: 800px;
 text-align: left;
 border: 1px solid #111111;
 background-color: #ffb573;
}

/*************/
/* Header */
/*************/
div#header {
 position: relative;
 height: 209px;
 background-image: url(images/header.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

/*******/
/* Nav */
/*******/
ul#nav {
 position: absolute;
 bottom: 25px;
 left: 5px;
 margin: 0;
 padding: 0;
 list-style: none;
}

ul#nav li {
 margin: 0;
 padding: 0;
 float: left;
 margin-right: 15px;
}

ul#nav li a {
 display: block;
 height: 25px;
 background-repeat: no-repeat;
 background-position: top left;
 text-indent: -9999px;
 font-family: "Bradley Hand ITC", sans-serif;
 color: #ffffff;
 font-size: 0.9em;
 text-decoration: none;
}

ul#nav li a:hover {
 color: #eeeeee;
}

ul#nav li#navHome a {
 background-image: url(images/nav/home.png);
 width: 46px;
}

* html ul#nav li#navHome a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/home.png', sizingMethod='crop');
}

ul#nav li#navArea a {
 background-image: url(images/nav/the_area.png);
 width: 70px;
}

* html ul#nav li#navArea a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/the_area.png', sizingMethod='crop');
}

ul#nav li#navApartments a {
 background-image: url(images/nav/the_apartments.png);
 width: 128px;
}

* html ul#nav li#navApartments a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/the_apartments.png', sizingMethod='crop');
}

ul#nav li#navBooking a {
 background-image: url(images/nav/booking.png);
 width: 163px;
 width: 67px;
}

* html ul#nav li#navBooking a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/booking.png', sizingMethod='crop');
}

ul#nav li#navAvailability a {
 background-image: url(images/nav/availability.png);
 width: 98px;
}

* html ul#nav li#navAvailability a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/availability.png', sizingMethod='crop');
}

ul#nav li#navGallery a {
 background-image: url(images/nav/gallery.png);
 width: 60px;
}

* html ul#nav li#navGallery a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/gallery.png', sizingMethod='crop');
}

ul#nav li#navVisitor a {
 background-image: url(images/nav/visitor_book.png);
 width: 100px;
}

* html ul#nav li#navVisitor a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/visitor_book.png', sizingMethod='crop');
}

ul#nav li#navRestaurants a {
 background-image: url(images/nav/restaurants.png);
 width: 99px;
}

* html ul#nav li#navRestaurants a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/restaurants.png', sizingMethod='crop');
}


ul#nav li#navHome a:hover {
 background-image: url(images/nav/home_hover.png);
}

* html ul#nav li#navHome a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/home_hover.png', sizingMethod='crop');
}

ul#nav li#navArea a:hover {
 background-image: url(images/nav/the_area_hover.png);
}

* html ul#nav li#navArea a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/the_area_hover.png', sizingMethod='crop');
}

ul#nav li#navApartments a:hover {
 background-image: url(images/nav/the_apartments_hover.png);
}

* html ul#nav li#navApartments a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/the_apartments_hover.png', sizingMethod='crop');
}

ul#nav li#navBooking a:hover {
 background-image: url(images/nav/booking_hover.png);
}

* html ul#nav li#navBooking a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/booking_hover.png', sizingMethod='crop');
}

ul#nav li#navAvailability a:hover {
 background-image: url(images/nav/availability_hover.png);
}

* html ul#nav li#navAvailability a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/availability_hover.png', sizingMethod='crop');
}

ul#nav li#navGallery a:hover {
 background-image: url(images/nav/gallery_hover.png);
}

* html ul#nav li#navGallery a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/gallery_hover.png', sizingMethod='crop');
}

ul#nav li#navVisitor a:hover {
 background-image: url(images/nav/visitor_book_hover.png);
}

* html ul#nav li#navVisitor a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/visitor_book_hover.png', sizingMethod='crop');
}

ul#nav li#navRestaurants a:hover {
 background-image: url(images/nav/restaurants_hover.png);
}

* html ul#nav li#navRestaurants a:hover { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/restaurants_hover.png', sizingMethod='crop');
}

/***********/
/* Content */
/***********/
div#content {
 padding: 30px 25px 10px;
 font-size: 0.9em;
 line-height: 1.4em;
}

div#content h1 {
 color: #ffffff;
 font-size: 1.8em;
 margin: 0 0 20px;
 font-family: "Bradley Hand ITC", sans-serif;
}

div#content h2 {
 color: #ffffff;
 font-size: 1.4em;
 margin: 10px 0 -10px;
 font-family: "Bradley Hand ITC", sans-serif;
}

div#content h3 {
 color: #ffffff;
 font-size: 1.2em;
 margin: 10px 0 -5px;
 font-family: "Bradley Hand ITC", sans-serif;
}

div#content h4 {
 color: #ffffff;
 font-size: 1em;
 margin: 10px 0 -10px;
 font-family: "Bradley Hand ITC", sans-serif;
}

div#content a {
 color: #993300;
 font-weight: bold;
 text-decoration: none;
}

div#content a:hover {
 text-decoration: underline;
}

div#content ul {
 list-style: none;
 padding: 0;
}

div#content ul li {
 background-image: url(images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 padding-left: 18px;
 margin-bottom: 2px;
}

div#content div.col {
 float: left;
 width: 48%;
 margin-left: 25px;
}

div#content div.col.first {
 margin-left: 0;
}

div#content table.data {
 border-collapse: collapse;
 margin-bottom: 14px;
}

div#content table.data th {
 background-color: #993300;
 color: #ffffff;
 font-weight: bold;
 text-align: left;
}

div#content table.data th, div#content table.data td {
 padding: 3px 6px;
}

div#content table.data, div#content table.data th, div#content table.data td {
 border: 2px solid #ffb573;
}

div#content table.data td {
 background-color: #f8cda6;
}

div#content p.comment {
 margin-bottom: 0;
}

div#content p.visitor {
 margin-top: 0;
 margin-left: 10px;
 font-style: italic;
 font-size: 0.9em;
}

/***********/
/* Gallery */
/***********/
div#content div#gallery {
 margin-top: 10px;
}

div#content div#gallery img {
 float: left;
 border: 1px solid #ffb573;
 margin-right: 5px;
 margin-top: 5px;
}

div#content div#gallery a:hover img {
 border: 1px solid #ffffff;
}

/*********/
/* Forms */
/*********/
div#content form {
 margin: 0;
}

div#content fieldset {
 border: 1px solid #993300;
 padding: 5px 8px;
 margin: 15px 0;
}

div#content fieldset.hidden {
 border: 0;
 padding-left: 9px;
 padding-right: 9px;
}

div#content fieldset legend {
 color: #ffffff;
 font-family: "Bradley Hand ITC", sans-serif;
 font-size: 1.3em;
}

div#content fieldset div.field {
 clear: left;
 float: left;
 margin: 0 0 5px 10px;
 width: 650px;
}

div#content fieldset div.field label {
 float: left;
 width: 12em;
 text-align: right;
 margin-right: 1em;
}

div#content fieldset div.field input.text, div#content fieldset div.field textarea {
 float: left;
 width: 350px;
 padding: 1px;
}

div#content fieldset div.field textarea {
 font-family: sans-serif;
 font-size: 1em;
 height: 70px;
}

div#content fieldset div.field input.checkbox, div#content fieldset div.field input.radio {
 float: left;
}

div#content fieldset div.required label {
}

div#content fieldset div.field.indent {
 padding-left: 13em;
 width: auto;
}

/*********************/
/* Errors / Messages */
/*********************/
div#content div.errors, div#content div.messages {
 border: 1px solid #000000;
 padding: 5px 10px;
 color: #ffffff;
 background-color: #ff0000;
 margin-bottom: 15px;
}

div#content div.messages {
 background-color: #f0f0f0;
 color: #000000;
}

div#content div.errors ul, div#content div.messages ul {
 padding-left: 0px;
 margin-left: 20px;
 list-style: disc;
}

div#content div.errors ul li, div#content div.messages ul li {
 text-transform: none;
 background-image: none;
 padding-left: 5px;
 margin-left: 10px;
}

div#content div.error {
 background-color: #ff0000;
 padding: 3px 0;
 color: #ffffff;
 border: 1px solid #000000;
}

div#content div.error input.field {
 border: 1px solid #000000;
}

/************/
/* Lightbox */
/************/
div#overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1;
 background-image: url('images/overlay.png');
}

* html div#overlay { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/overlay', sizingMethod='crop');
}

div#largeimagecontainer {
 background-color: #112d80;
 border: 1px solid #ffffff;
 position: relative;
}

div#largeimagecontainer img#closebutton {
 z-index: 50;
 position: absolute;
 top: 4px;
 right: 4px;
 cursor: pointer;
}

/***********/
/* Booking */
/***********/
div#content div#monthlinks {
 margin-bottom: 15px;
}

div#content div#monthlinks p {
 text-align: center;
 margin: 0;
 width: 15em;
}

div#content a.prevlink {
 float: left;
}

div#content a.nextlink {
 float: right;
}

div#content table#calendar {
 border-spacing: 0;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

div#content table#calendar th {
 background-color: #f8cda6;
 color: #993300;
 font-weight: bold;
 text-align: center;
 border: 2px solid #ffb573;
 width: 80px;
 white-space: nowrap;
}

div#content table#calendar th.monthheader {
 background-color: #993300;
 color: #ffffff;
}

div#content table#calendar td {
 border: 2px solid #ffb573;
 width: 80px;
 height: 60px;
 text-align: left;
 vertical-align: top;
 font-size: 85%;
 background-color: #f7bf8c;
}

div#content table#calendar td.empty {
 background-color: #ffb573;
}

div#content table#calendar col.saturday,
div#content table#calendar col.sunday {
 background-color: #eeeeff;
}

div#content table#calendar td ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#content table#calendar span.date {
 font-size: 75%;
 color: #666666;
}

div#content table#calendar td ul li {
 margin: 1px 3px;
 padding: 0;
 background-image: none;
 text-align: center;
 line-height: normal;
}

div#content .bella {
 background-color: #ff9933;
 border: 1px solid #000000;
 padding: 2px;
 font-size: 0.8em;
}

div#content .isa {
 background-color: #888888;
 border: 1px solid #000000;
 padding: 2px;
 font-size: 0.8em;
}

div#content .heredades {
 background-color: #ffff99;
 border: 1px solid #000000;
 padding: 2px;
 font-size: 0.8em;
}

div#content div#map {
 border: 1px solid #ffffff;
 width: 650px;
 height: 400px;
 margin: 0 auto;
}

div#content div.comment {
 background-image: url(images/quote_open.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 0 0 30px;
 padding: 8px 0 0 15px;
}

div#content div.comment p {
 margin-top: 0;
}

div#content div.comment p.testimonee {
 background-image: url(images/quote_closed.gif);
 background-repeat: no-repeat;
 background-position: 100% 0;
 margin: -30px 0 0;
 font-style: italic;
 text-align: right;
 padding: 20px 8px 0 0;
 font-weight: bold;
}

/**********/
/* Footer */
/**********/
div#footer {
 height: 100px;
 background-image: url(images/footer.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

div#footer a {
 float: right;
 font-size: 0.75em;
 color: #993300;
 font-weight: normal;
 text-decoration: none;
 margin-right: 10px;
}

div#footer a:hover {
 text-decoration: underline;
}

/*****************/
/* Date Selector */
/*****************/
#FSmainTable		{border:1px solid black; background-color:#FFFFFF; font-family:Arial,Helvetica,Sans-Serif; font-size:12px}
.FSdateField		{width:76px; border:0; font-size:11px; padding:1px 0 0 3px}
.FSdateSelect		{border:1px solid #999999; background-color:white}
.FSmonthRolldown	{width:90px; font-size:11px}
.FSyearInput		{width:38px; font-size:11px}
.FSbuttonsRow		{background-color:#DDDDDD}
.FSdateButton		{width:20px; height:20px; font-weight:bold; font-size:10px}
.FSdateButton2		{width:40px; height:20px; font-weight:normal; font-size:10px}
.FScalendarTitles TD{border-bottom:1px solid black; font-size:11px; color:black; line-height:14px}
.FScalendar TD		{font-size:11px; font-weight:normal}
.FSinMonth			{color:#000000; text-decoration:none; width:22px; height:12px; line-height:14px}
.FSnotInMonth		{color:#999999; text-decoration:none; width:22px; height:12px; line-height:14px}
.FSinMonth:hover	{font-weight:bold}
.FSnotInMonth:hover	{font-weight:bold}
.FSoutOfRange		{color:red; line-height:14px}
#FSrangeCell		{background-color:#EEEEEE; font-size:11px; text-align:center; line-height:14px}
#FSdateToday		{font-size:11px; font-weight:bold; line-height:20px}
/* New to version 3.14 */
.FSweekday			{}
.FSweekend 			{background-color:#F9F9F9}
.FSweekend A		{color:#333333}
.FSweekend A.FSnotInMonth	{color:#999999}