/*---------------------Building Blocks---------------------*/
html, body {margin:0; padding:0;}
body {
	font: 62.5%/1em Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
	background-color: #E2D1BC;
	background-image: url(../img/background-main-content.jpg);
	background-repeat: repeat;
	background-position: left top;
}
h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; padding:0; color:#804000;}
h1 {font-size: 1.6em; line-height:1.2em; margin-bottom:10px;}
h2 {
	font-size: 1.7em;
	line-height:1.2em;
	font-weight: bold;
	color:#804000;
	background-color: transparent;
	background-image: url(../img/background-h2-ornament-1.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.9em;
	padding-left: 0;
	text-align: center;
}
h3 {font-size: 1.4em; line-height:1.2em;  font-weight: bold; color:#804000;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.9em;
	padding-left: 0;
	text-align: left;}
h4 {font-size: 1.1em; line-height:1.5em; font-weight:bold;}
p {
	line-height:120%;
	margin:0;
	padding:0px 0 10px 0;
	margin:0;
	color:#753a05;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
} 
pre {font-size:1.2em; line-height:1.2em; margin:0; padding:0 0 1em 0;} 
a {text-decoration:none; outline:none;}
#B a {background:none; padding:0; margin:0px;}
#B p a {text-decoration:none;}
#B h2 a {
	font-size:inherit;
	color:#804000;
	padding:0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/ul_bullet.gif);
	margin: 0;
}
#B h2 a:hover {font-size:inherit; color:#926505;}
#B h3 a {font-size:inherit; color:#048bbe;}
#B h3 a:hover {font-size:inherit; color:#048bbe;}
td {line-height:1.5em; color:#753a05;} 
td a{
	color:#753a05;
	font-weight: bold;
	font-size: 90%;
} 
td p {font-size:1em;} 
img {padding:0; margin:0; outline:none; border:none;}
a img {}
img.border {padding:4px; background:#fff; border:1px solid #d3d3d3; margin:0;}
ul {margin:0; padding:0; font-size:1.1em;}
ol {margin:0; padding:0; font-size:1.1em; font-size:1.1em;}
li {margin:0; color:#5e5e5e;}
input {border:1px solid #c6c5c5; background:#fff; color:#727272; padding:2px; font-size:11px;}
select {border:1px solid #c6c5c5; background:#fff; color:#727272; padding:2px; font-size:11px;}
textarea {border:1px solid #c6c5c5; background:#fff;  color:#727272; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.clear {clear:both; height:1px;}
#B .fRight {float:right; margin:0 0 10px 10px;}
.fLeft {float:left; margin:0 10px 10px 0;}
/*----------------------------------------------------------*/

/*------------------Containers and Columns------------------*/
#H {
	background-color: d3b795;
}
#B {
	width:800px;
	position:relative;
	padding-top:40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#F {
	width:780px;
	margin:0 auto;
	padding:0px 0 15px 0;
	clear:both;
	position: relative;
	text-align: center;
}
.inner {
	width:860px;
	margin:0 auto;
	position:relative;
}
.leftCol {
	float:left;
	position:relative;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0;
}
.leftCol_index {
	float:left;
	position:relative;
	width: 380px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0;
}
.gauche{width:7%; float:left; height:400px;}
.bgdes{width:100%; height:400px;; float:left; background:url(../img/bgcol.gif); background-repeat:no-repeat; background-position:left bottom;}
.bgdes_img{
	float:left;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
}
.bgdes_lm{
	float:left;
	padding-top:0px;
}

.rightCol {width:210px; float:left; padding:0 0 15px 10px;}
.rightCol p {line-height:1.5em; padding-bottom:8px;}
/*----------------------------------------------------------*/

/*--------------------------Header--------------------------*/
#H .topBarC1 {background:#2f2219; border-bottom:1px solid #1d1510; overflow:hidden; padding:.4em 0;}
#H .topBarC1 ul li {float:left;padding:.2em 10px .2em 0px; color:#e2bd83; list-style:none;}
#H .topBarC1 ul li.tel {border-right:1px solid #95773c; margin-right:10px;}
#H .minHeight {height:166px; width:1px;}
/*----------------------------------------------------------*/

/*-----------------------Navigation-------------------------*/
#H #nav {
	overflow:hidden;
	height: 44px;
}
#H #nav ul li {
	float:left;
	list-style:none;
	width:95px;
	padding: 0;
	text-align:center;
}
#H #nav ul li a {
	color:#753a05;
	display:block;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	height: 36px;
	line-height: 1.2em;
	font-weight: bold;
}
#H #nav ul li a:hover {
	font-weight: bold;
	border-top-width: 1ex;
	border-top-style: solid;
	border-top-color: #753a05;
}
#H #nav ul li a.active {
	border-top-width: 1ex;
	border-top-style: solid;
	border-top-color: #753a05;
}
#H #nav ul li a.active:hover{
	color:#753a05;
}

#H #logo {
	width:860px;
	height:158px;
	position:absolute;
	top:0px;
	left:0px;
	text-align: center;
}

#H #quickLinks {
	text-align:right;
	position:absolute;
	top:4px;
	right:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 0;
}
#H #quickLinks li {list-style:none; float:left; padding:5px 0 5px 19px; margin-left:10px;}
#H #quickLinks li.contact {background:url(../img/icon_contact.gif) no-repeat left center;}
#H #quickLinks li.brochure {background:url(../img/icon_brochure.gif) no-repeat left center;}
#H #quickLinks li a {color:#e2bd83;}
#H #quickLinks li a:hover {color:#fff;}
#H #quickLinks li a.active {color:#fff;}
#H #quickLinks li a.active:hover {color:#fff;}
/*----------------------------------------------------------*/

/*--------------------Body Links Styles---------------------*/
#B a.textLink, #F a.textLink {color:#926505; font-size:1.1em; line-height:1.6em; background:url(../img/icon_link.gif) no-repeat right center; padding:0 15px 1px 0; margin-right:10px;}
#B a:hover {
}

#B  a img{
 /*border:solid;
 border-width:6px;
  border-color:#FFFFFF;
  */}
 #B  a:hover img{
  /*border:solid;
 border-width:6px;
  border-color:#ccddcc;
  */}
/*----------------------------------------------------------*/

/*----------------3 Column Sections Homepage----------------*/
#B .sections {
	background:url(../img/sections_bg.gif) no-repeat center top;
	clear:both;
	width:100%;
	overflow:auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#B .sections .col {width:249px; float:left;}
#B .sections .one {padding-right:10px;}
#B .sections .two {width:240px; border:1px solid #dbdbdb; border-width:0px 1px; padding:0 10px;}
#B .sections .three {padding-left:10px;}
/*----------------------------------------------------------*/

/*------------Right Reservations link on homepage-----------*/
#B .rightSection {background:url(../img/dotted_div.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:15px;}
#B .rightSection p {padding:0;}
/*----------------------------------------------------------*/

/*-----------Content Container, 1px border bottom-----------*/
#B .contentSection {border-bottom:1px solid #e2e1e1; padding-bottom:15px; margin-bottom:10px; width:100%; overflow:auto;}
#B .contentSection ul li { background:url(../img/ul_bullet.gif) no-repeat 0 10px; padding-left:12px;}
#B .contentSection li {margin:0; color:#5e5e5e; padding:4px 0; line-height:1.5em;}
/*----------------------------------------------------------*/

/*------------H1 Page titles, image replacement-------------*/
#B .title span {display:none;}
#B .titleWelcome {background:url(../img/titles/home_welcome.gif); width:378px; height:27px;}
#B .titleVillas {background:url(../img/titles/villas.gif); width:378px; height:27px;}
#B .titlePool {background:url(../img/titles/pool.gif); width:378px; height:27px;}
#B .titleActivities {background:url(../img/titles/activities.gif); width:378px; height:27px;}
#B .titleContact {background:url(../img/titles/contact.gif); width:334px; height:27px;}
#B .titleAddress {background:url(../img/titles/address.gif); width:334px; height:27px;}
#B .titleSafari {background:url(../img/titles/safari.gif); width:334px; height:27px;}

#B .title {background-position:top left; background-repeat:no-repeat; padding:0 0 3px 0; margin:0;}
/*----------------------------------------------------------*/

/*----------------------Home Slideshow----------------------*/
#B .miniGallery {padding-bottom:15px;}
#SlideShow {border: 1px solid #d3d3d3; padding: 4px; width: 770px; margin-bottom:15px; overflow:hidden;}
#SlideShow ul {list-style: none; padding: 0px; margin: 0px;}
#SlideShow li {list-style: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesCanvas {background: #fff; padding: 0px; margin: 0px; line-height:1em; height:238px;}
#SlideShow ul#SlidesCanvas li img {display: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesNavigator {background:#dcdcdc; float:left; padding:1px; line-height:1em; margin:0;}
#SlideShow ul#SlidesNavigator li {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding:5px 4px; margin:0px 1px 0px 0px; cursor: pointer; line-height:1em; background:#e7e7e7;}
#SlideShow ul#SlidesNavigator li:hover {color:#000;}
#SlideShow ul#SlidesNavigator li.actionstart {background:#e7e7e7 url(../img/slideshow_play.gif) no-repeat 5px center; padding-left: 22px; margin:0px;}
#SlideShow ul#SlidesNavigator li.actionstop {background:#fff url(../img/slideshow_stop.gif) no-repeat 5px center; padding-left: 20px; margin:0px;}
#SlideShow ul#SlidesNavigator li.selectedIndex {color: #4c87af; background:#fff;}
/*----------------------------------------------------------*/

/*---------------Contact and Reservation forms--------------*/
#B #contactC1 {background:#e5edf8; border:1px solid #d1dff2; padding:9px; width:615px; overflow:auto;}
#B #contactC1 h2 {color:#048bbe; font-size:1.2em; padding:0 0 15px 0; margin:0; line-height:1em;}
#B #contactC1 label {color:#5e5e5e; font-size:1.1em; width:60px; display:block; float:left; padding:4px 0 0 0; margin:0; line-height:1em;}
#B #contactC1 input {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; line-height:1.3em; padding:3px 3px 4px 3px; color:#5e5e5e;}
#B #contactC1 .formLeft {width:300px; float:left;}
#B #contactC1 .formLeft input {width:230px; float:left;}
#B #contactC1 .formLeft input.dateFrom, #B #contactC1 .formLeft input.dateTo {width:97px; background:#fff url(../img/input_calendar.gif) no-repeat center right;}
#B #contactC1 .formLeft input.dateFrom {float:left;}
#B #contactC1 .formLeft .labelDateTo {width:auto; padding-left:10px; width:20px;}
#B #contactC1 .formLeft .message {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:104px; width:230px; float:left; color:#5e5e5e; overflow:auto;}
#B #contactC1 .formRight {width:294px; border-left:1px solid #c6daf6; padding-left:10px; margin-left:10px; float:left; overflow:auto;}
#B #contactC1 .formRight input {width:228px; float:left;}
#B #contactC1 .formRight .contactMessage {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:166px; width:228px; float:left; color:#5e5e5e; overflow:auto;}
#B #contactC1 .formRight label {width:56px;}
#B #contactC1 input.button {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 4px 0 0; width:54px; font-size:1.1em;}
#B #contactC1 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#B #contactC1 form:focus {border-bottom:none;}
#B .addressC1 {width:260px; float:left; overflow:hidden;}
#B .addressC1 p {padding-bottom:5px; margin:0;}
#B .address {border-bottom:1px solid #e2e1e1; width:260px; padding:5px 0 0 0;}
#B .addressInfo {border-bottom:1px solid #e2e1e1;width:260px; padding:5px 0 0 0; margin-bottom:5px;}
#B .footNote {font-size:1em; line-height:2em; font-style:italic; color:#5e5e5e;}
#B .googleMaps {background:url(../img/icon_google.gif) no-repeat 0px 6px; padding:5px 0 4px 13px;}
#B .googleMaps a {font-size:11px;}
#B .locationC1 {width:365px; padding-left:9px; float:left; overflow:hidden; padding-top:15px;}
/*----------------------------------------------------------*/


/*--------------------Content page Images-------------------*/
#B .imageC1 {float:right; overflow:auto; width:auto; margin:0 0 10px 10px; padding:0;}
#B .imageC1 img {display:block; margin-bottom:5px; float:none;}
#B .imageC1 a {}
/*----------------------------------------------------------*/

#B #texto{
	color:#753a05;
	font-size: 120%;
	text-align: left;
	line-height: 18px;
	height: auto;
	z-index: 0;
}

/*--------------------Result page styles--------------------*/
.results {}
.results .result { overflow:hidden; padding-bottom:5px; border-bottom:1px solid #e2e1e1; margin:10px 0 10px 0;}
.results .result .contactInfo {background:#e4eef4; border-bottom:1px solid #d8e2e8; width:100%; overflow:auto; padding:6px 0 5px 0; margin-bottom:10px;}
.results .result .contactInfo h3.name {float:left; border-right:1px solid #ccc; padding:0 5px; line-height:1em;}
.results .result .contactInfo span.date {padding:0 5px; float:right; font-size:1.1em; line-height:1em; color:#048bbe;}
#B .results .result .contactInfo a.email {padding:0 5px; float:left; display:block; font-size:1.1em; line-height:1em; color:#5e5e5e;}
#B .results .clear {border-top:1px solid #d8e2e8; padding-bottom:5px;}
#B .results .dateFromResult {float:left; padding:0 10px 0 0; border-right:1px solid #ccc; line-height:1em;}
#B .results .dateToResult {float:left; padding:0 10px 0 10px; border-right:1px solid #ccc; line-height:1em;}
#B .results .telephoneResult {float:left; padding-left:10px;line-height:1em;}
#B .results .result strong {padding-right:3px;}
.hiddenFields {display:none;}
/*----------------------------------------------------------*/

/*--------------------------Footer--------------------------*/
#F {padding-top:10px;}
#F a {background:none; padding:0; margin:0; font-size:11px; color:#753a05}
#F a:hover {color:#000; color:#926505}
#F p {padding:0;}
#F .footerInner {
	overflow:hidden;
	padding-bottom:6px;
}
#F .siteInfo {float:right; width:400px; text-align:right;}
#F .info {padding:5px 0 0 0;}
#F .info img {margin-right:5px; border:none; padding:0; background:none;}
.companyInfo {font-size:1em; color:#a9aaad;}
/*----------------------------------------------------------*/











/*--------------------Popup Input Calendar-----------------*/
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #048bbe; color: #fff; font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {background: #e5edf8; color: #048bbe; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #048bbe;}
table.jCalendar td.today {background: #048bbe; color: #fff;}
table.jCalendar td.selected {background: #81bcd5; color: #fff;}
table.jCalendar td.selected:hover {background: #81bcd5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #81bcd5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #d9e3f1;color: #90c7dc;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 9px; font-family: arial, sans-serif; padding: 2px 6px 6px 6px; width: 154px; line-height: 1.1em; margin:20px 0 0 0px; border:1px solid #a7c0e0;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-size: 11px; text-align: center; margin:0;	padding: 3px 0;	color:#048bbe;	width:154px; line-height:1.3em;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #048bbe; text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#048bbe;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}
/*----------------------------------------------------------*/
/*
   ------------------------------------------------
	Listen
   ------------------------------------------------
*/
	ul#list-style-1 {
	margin:0;
	padding:0;
	border-bottom:1px solid #BEB7A3;
		}
	ul#list-style-1 li {
	list-style-type:none;
	margin:0;
	line-height:1.6em;
	padding-top: 8px;
	padding-bottom: 3px;
		}
		
		ul#list-style-1 li a {
	color:#804000;
	text-decoration:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BEB7A3;
			}
		ul#list-style-1 li a:hover {
	color:#804000;
			}