html, body { margin: 0px; background-color: #fff; color:#000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 400;}

/*CLEARFIX*/
/* Hides from IE-mac float clearing for IE6 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both;}
img {border: none; margin: 0px; border: 0px;}
a:focus { outline: 0; }
.clearboth { CLEAR: both; HEIGHT: 0px; VISIBILITY: hidden;}
LI { list-style-type: none; DISPLAY: block;}
OL, UL { list-style-type: none; DISPLAY: block; margin: 0px; padding: 0px;}
table,td,tr {border:0px; padding:0px; margin: 0px;}
.highlight {font-weight: 700;}

#wrapper{ width: 100%; margin: 0px auto; padding: 0px;  background-repeat: repeat-x; background-position: center top; background-image: url(back.jpg);}
#content { width: 980px; margin: 0px auto; padding: 0px;}
.header {height: 180px;}
.footercontent {width: 940px; margin: 50px auto 0px ; padding: 0px; position:relative; }
.footer{ width: 100%; background-image:url(footer.jpg); background-repeat: repeat-x; background-position: center top; height: 160px; background-color: #2f2630;}

/*LOGO*/
.logo {float: left; width: 300px; z-index: 9999999; }
UL#logo	{margin: 0px; padding: 0px; list-style: none;}
UL#logo li { text-indent: -9999px; }
UL#logo li a { height: 180px; display: block; background-image: url(logo.png); background-repeat: no-repeat; background-position: 106px 22px;}

.headercontent {float:left; width: 320px; margin: 0px; padding: 0px; }
.maincontent {padding: 0px 20px;}

.rightfloat {float: right; margin: 0px; padding: 0px; }
.rightfloat H6{font-size: 10px; margin-right: 40px; padding: 0px; line-height: 10px;}
.rightfloat h6 a { color: #000; text-decoration: underline; margin: 0px 2px; padding: 0px 2px; text-align:center;}
.rightfloat h6 a:hover { text-decoration: none;}

/* Default titles */    
H1, h2, h3, h4, h5, h6{ display:block; font-weight: 400; margin: 0px; padding: 0px; text-align: left;}
h2 { font-family:'Six Caps', sans-serif; font-size:28px; line-height: 24px;background-color: #e4d8e7; padding: 5px; width: 120px; word-spacing: 3px;}
h4 { font-family: Tahoma, Arial, sans-serif; font-size: 13px; padding: 4px 0px;}
h4 a {color: #000; text-decoration: underline;}
h4 a:hover {text-decoration: none;}

h5{font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #606; padding: 2px 0px;}
h5 a{color: #606; }
h5 a:hover { text-decoration: none;}

h6 {font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #606;  margin: 0px; padding: 0px 0px 0px 10px; }
h6 a {text-decoration: none; text-decoration: none; background-color: #e4d8e7; color: #606; line-height: 24px; margin: 0px 3px; padding: 5px; text-align:center;}
h6 a:hover { text-decoration: none; background-color: #fff;}

/*AQUAVISTA*/
H3 {color: #fff; font-size: 11px; font-weight: 700; margin-top: 10px; }
h3 a{font-size: 11px; color: #fff; line-height: 18px; text-align: center;  padding: 0px 14px; text-decoration: underline; text-align:center;}
h3 a:hover{text-decoration: none;}

.aquavista {position:relative; left: 50px; top:34px; width: 230px; text-align: center; }

.titles5 { font-family:  Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px;color: #fff; padding-top: 12px; }
.titles5 A:hover{ text-decoration: underline;}

/*MENU*/
.menu {float: left;  position: relative; top: 73px; width: 320px;}
UL#menu	{ width: 320px; margin: 0px; font-size: 13px; padding: 0; list-style: none; float: left;}
UL#menu li { color: #FFF; float: left;  }
UL#menu li a { color: #FFF; text-decoration: none; padding: 4px 10px;  display: block;  margin-right: 8px; background-color:#604a62; 	-webkit-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;  -moz-border-radius:5px 5px 0px 0px;}

UL#menu li a:hover { text-decoration: none; background-color:#c490b9;}
UL#menu li #current a { background-color:#720c80; color: #FFF; text-decoration: none;}

.titles4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000;}

.titles7 { font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", verdana, arial; font-size: 12px; font-weight: 700; color: #AA50B2; text-decoration: underline;}

.back { background-repeat: repeat-x; background-position: center top; background-image: url(back.jpg);}
.backtab{ background-repeat: repeat; background-color: #ededed; width: 318px; padding: 10px; height: 204px;}
.backtab2{ background-repeat: repeat; background-color: #ededed; width: 637px; padding: 10px; height: 204px;}

.backflash{ background-image: url(backflash.png); background-repeat: no-repeat; background-position: center top; width: 970px; height: 458px; padding: 0px;}
.slideshow { margin-left: 38px;padding-top: 14px; }

/*HEADERS*/
.headerwelc {display: block; background-image: url(header1.png); background-repeat: no-repeat; background-position: left top; height: 60px;}
.headermassage {display: block; background-image: url(header5.gif); background-repeat: no-repeat; background-position: left top; height: 84px;}
.headerdinners {display: block; background-image: url(header2.gif); background-repeat: no-repeat; background-position: left top; height: 84px;}
.headerhoneymoon {display: block; background-image: url(header3.gif); background-repeat: no-repeat; background-position: left top; height: 84px;}
.headerfacil {display: block; background-image: url(headerfacil.gif); background-repeat: no-repeat; background-position: left top;height: 84px;}
.headersuites {display: block; background-image: url(header4.gif); background-repeat: no-repeat; background-position: left top; height: 66px;}
.headercontact {display: block; background-image: url(header6.gif); background-repeat: no-repeat; background-position: left top; height: 66px;}
.headerdropus {display: block; background-image: url(header7.gif); background-repeat: no-repeat; background-position: left top; height: 84px;}

.info1 { font-family: "Lucida Sans", "Lucida Sans Unicode", "trebuchet MS", Arial, sans-serif; font-size: 12px; color: #7b7a7a; text-align: justify; line-height: 20px; padding: 8px 0px; margin:0px;}
.info2 {font-size: 12px; line-height: 20px; padding: 8px 0px; margin:0px;}

/*FACILITIES*/
.facilcontent {float:left; width: 300px; margin-right: 10px; margin-bottom: 10px; }
.suitecontent {float:left; width: 460px; margin-right: 10px; margin-bottom: 10px; }

UL.facil {float:left; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, sans-serif; background-color: #ededed ; min-height: 234px; padding: 7px 18px;  line-height: 20px; display:block;}
LI.facil {list-style-type: none; }
Ul.facil p {padding: 7px 0px; margin: 0px; text-align:justify;}
UL.services {float:left; font-family: "Lucida Sans", "Lucida Sans Unicode", "trebuchet MS", Arial, sans-serif; font-size: 12px; color: #7b7a7a; text-align: justify; line-height: 20px; padding: 8px 0px; margin:0px;}
LI.services {list-style-type: none;}
.padspeci {padding: 14px 16px;}

/*FORM + PRICES*/
.priceleft {float: left; width: 250px; margin-right: 40px; margin-top: 10px;}
.priceright {float: left; width: 640px; margin-top: 10px;}
.borderrates { border: 1px dashed #d1bfd6; padding: 10px; background-color: #eee8f0;}
.prices1 {font-size: 11px; line-height: 19px; padding: 3px 0px; margin: 0px; }
#form{ color:#000; margin:0px; padding:0px; font-size: 11px; line-height: 18px; }
.star { color: #f00; font-size: 10px; font-weight:bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}

/*SEASONS*/
.roomtype1{ font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
textarea, input, select, option { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 11px; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 2px; margin-bottom: 1px; -webkit-border-radius: 5px 5px 5px 5px; 
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  -moz-border-radius:5px;}

input#form { margin-top: 8px; margin-bottom: 0px; padding: 4px; color: #fff; border: none; cursor: pointer; 
background-color:#48394a; 
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  -moz-border-radius:5px;}



