body{color:#4C4C4C; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{color:#000; font-weight:bold;}
hr{border:0; border-bottom: 2px solid #CEEBEA; margin:10px 10px; *height:2px}
hr.simple {border-bottom: 1px solid #E6E6E6; *height:1px;}
hr.frmBooking {border-bottom: 7px solid #c7e3d9; margin:20px 10px; *height:7px;}

code{color:#0B8C8F;}


.highlight {
	color:#82C8D2;
	font-family:georgia;
	font-size:153.9% !important;
	font-style:normal;
	font-weight:normal;
}

.main p, .main ul, .main ol, .main address {
	font-size:108%;
}

.main ul ul, .main ol ol,
.main ul ol, .main ol ul,
.main ul p, .main ol p {
	font-size:100%;
}

.main p {
	line-height:1.5;
}


.main .highlight {
	line-height:1.231;
}

address.contactInfo {
	background:url(../img/bg/bg-contact-info-fade.jpg) repeat-x left bottom;
	margin:10px;
	min-height:104px;
	padding:10px 0 14px;
	overflow:hidden;
	_zoom:1;
	_overflow:visible;
	_height:104px;
}

address.contactInfo .contactItem {
	background-position:10px 4px;
	background-repeat:no-repeat;
	float:left;
	line-height:225%;
	padding-left:6%;
	width:43.9%;
	_zoom:1;
	_overflow:visible;
}

.contactInfoStreet {
	background-image:url(../img/icon/ic-contact-street.png);
}

.contactInfoPhone {
	background-image:url(../img/icon/ic-contact-phone.png);
}

.contactInfoFax {
	background-image:url(../img/icon/ic-contact-fax.png);
}

.contactInfoWeb {
	background-image:url(../img/icon/ic-contact-web.png);
}

.contactInfoEmail {
	background-image:url(../img/icon/ic-contact-email.png);
}

a.simpleAnchor {
	color:;
	text-decoration:underline;
}

a.simpleAnchor:hover {
	color:#000;
	text-decoration:none;
}

a.toGallery {
	background:url(../img/icon/ic-camara-fotos.png) no-repeat left center;
	font-weight:bold;
	padding-left:30px;
	text-decoration:underline;
}
a.toGallery:hover {
	text-decoration:none;
}


p.nombreUnidadAlojativa {
	color: #1B6570;
	font-size:161.6%;
	font-weight:normal;
	font-style: normal;
	padding:0 10px;
}


/* ====== Headings ====== */

/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1     {display:none;}
h2, .h2{font-size:200%; font-weight:normal; font-style: normal; font-family: georgia; color:#1B6570; background:url(../img/bg/bg-heading-circles-01.png) no-repeat left 10px; min-height:34px; _height:34px; padding-left:42px}
h3, .h3{font-size:161.6%; font-weight:normal; font-style: normal;}
	h3, .h3, h3 a, .h3 a {color:#1B6570 !important}
h4, .h4{font-size:138.5%; font-weight:normal; font-style: normal; color: #1B6570;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#000;}
h6, .h6{font-size:108%; font-weight:bold;  font-style: italic; color:#000;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}

h3.spaTreatments {font-size:131%; font-weight:normal; font-style: normal; line-height:1.1}

h4.spaTreatments {font-size:116%;}
h4.legal {font-size:138.5%;}

h5.legal {color:#1B6570; font-weight:normal; text-decoration:underline;}

h1.bulletStyleTitle,
h2.bulletStyleTitle,
h3.bulletStyleTitle,
h4.bulletStyleTitle,
h5.bulletStyleTitle,
h6.bulletStyleTitle {
	background:url(../img/bg/bg-bullet-green-medium.png) no-repeat 10px 18px;
	color:#a1d9d6;
	font-size:138.5%;
	font-weight:normal;
	font-style: normal;
	font-family: georgia;
	padding-left:20px;
}



/* fix h5 */
h5.h1, h5.h2, h5.h3, h5.h4, h5.h6 {text-decoration:none;}

/* links */
a { color: #4C4C4C; text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#4C4C4C; }


/* ====== Lists ======*/

ul li.line {
	padding-left:0 !important;
	padding-right:0 !important;
}


/* numbered list */
ol.simpleList li{list-style-type: decimal; margin:0 0 10px 30px;}
ol.lowerAlpha li{list-style-type: lower-alpha; margin:0 0 10px 30px;}
ol.upperAlpha li{list-style-type: upper-alpha; margin:0 0 10px 30px;}
ol.lowerRoman li{list-style-type: lower-roman; margin:0 0 10px 30px;}
ol.upperRoman li{list-style-type: upper-roman; margin:0 0 10px 30px;}

/* standard list */
ul.simpleList li {
	background:url(../img/bg/bg-bullet-simple-list.png) no-repeat 0 5px;
	margin-bottom:12px;
	margin-left: 15px;
	padding-left:15px;
}

ul.simpleList ul {
	padding:12px 0 0;
}

ul.simpleList li li {
	background:none;
	margin-left:0;
	padding-left:0;
}

ul.simpleList ul.secLevel li {
	padding-left:0;
	padding-right:0;
}

	/* two column simple list */
	.simpleListTwoColumn {
		overflow:hidden;
		_overflow:visible;
		_zoom:1;
	}
	.simpleListTwoColumn li {
		float:left;
		padding-left:2.5%;
		padding-right:2.5%;
		width:40%;
		_display:inline;
		_zoom:1;
	}
	.simpleListTwoColumn ul.secLevel li {
		float:none;
		width:100%;
	}
	.simpleListTwoColumn {
		
	}
	.simpleListTwoColumn {
		
	}
	
	
/* small bullet list */
ul.minimList li {
	background:url(../img/bg/bg-bullet-little-black-square.png) no-repeat 0 7px;
	margin-bottom:12px;
	margin-left: 15px;
	padding-left:15px;
}

/* no bullet list */
ul.noBullet li {
	padding:3px 10px;
}


/* spa treatments list */
ul.spaTreatments {
	overflow:hidden;
	_zoom:1;
	_overflow:visible;
}

ul.spaTreatments li {
	float:left;
	width:33.3%;
	_display:inline;
}


/* zebra simple list */
ul.darkZebra li {
	margin-bottom:2px;
}
.spec table .odd,
ul.darkZebra li.odd {
	background-color:#EFEFEF;
}
.spec table .even,
ul.darkZebra li.even {
	background-color:#F5F5F5;
}

	/* ----- zebraTwoColumns (extends zebraList) ----- */
	ul.zebraTwoColumns {
		overflow:hidden;
		_zoom:1;
		_overflow:visible;
	}

	ul.zebraTwoColumns li {
		float:left;
		padding-left:2%;
		padding-right:2%;
		width:46%;
	}



/* main navigation */
ul.mainNav {float:left; padding:0}
ul.mainNav li {background:url(../img/bg/bg-main-nav-separator.png) no-repeat left center; float:left; font-size:108%; padding:0 10px; position:relative}
ul.mainNav li.first {background:none; padding:0;}
ul.mainNav li.second {background:none}
ul.mainNav a {color:#2D757E; float:left; line-height:35px}
ul.mainNav a.home {background:url(../img/bg/bg-main-nav-home.png) no-repeat left 7px; height:0; overflow:hidden; padding-top:35px; width:25px;}


	ul.mainNav li div {
		display:none;
		position:absolute;
		left:0;
		top:100%;
		z-index:100;
		overflow:hidden;/*must have*/
		width:220px;/*must have for any value*/
		text-align:left;
	}
	
	ul.mainNav iframe {
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		position:absolute;/*must have*/
		top:0;/*must have*/
		left:0;/*must have*/
		z-index:-1;/*must have*/
		filter:mask();/*must have*/
		width:3000px;/*must have for any big value*/
		height:3000px/*must have for any big value*/;
	}
	
	ul.mainNav li:hover div, ul.mainNav li.over div {display: block;}
	
	
	
	ul.mainNavSub {
		background:#fff url(../img/bg/bg-main-nav-sub-deco-top.png) no-repeat 13px 4px;
		border-width:0 2px 2px 2px;
		border-style:solid;
		border-color:#C1C1C1 #C1C1C1 #C1C1C1 #FFF;
		margin:0;
		padding:10px 0 0;
	}
	
	ul.mainNavSub li {
		background:#EDEDED;
		border-top:1px solid #fff;
		border-bottom:1px solid #D9D9D9;
		display:block;
		float:none;
		padding:0;
		width:auto:
	}
	
	ul.mainNavSub li a {
		color:#646B6F;
		display:block;
		float:none;
		height:30px;
		line-height:30px;
		padding:0;
		_zoom:1;
	}
	
	ul.mainNavSub li a span {
		background:url(../img/bg/bg-main-nav-sub-bullet.png) no-repeat 12px 15px;
		display:block;
		float:none;
		padding:0 10px 0 20px;
		_zoom:1;
	}
	
	ul.mainNavSub li a:hover,
	ul.mainNavSub li.sel a {
		background:#7CBABB url(../img/bg/bg-main-nav-sub-over.png) repeat-x left bottom;
		color:#fff;
		text-decoration:none;
	}
	
	ul.mainNavSub li a:hover span,
	ul.mainNavSub li.sel a span {
		background-position:12px -39px;
	}



/* secondary navigation */
ul.secNav {
	background:url(../img/bg/bg-sec-nav-top-bar.png) no-repeat right top;
	margin:10px;
	padding:21px 0 0;
	word-wrap:break-word;
}

ul.secNav * {
	color:#4C5457;
}

ul.secNav li {
	border-bottom:1px solid #D1D1D1;
	margin-top:1px;
}

ul.secNav li.first {
	border-top:1px solid #D1D1D1;
}

ul.secNav a {
	display:block;
}

ul.secNav .lBullet {
	background:url(../img/bg/bg-sec-nav-1st-level-left-bullet.png) no-repeat 5px 13px;
	display:block;
	padding-left:27px;
}

ul.secNav .rBullet {
	display:block;
	padding:10px 22px 10px 0;
	margin-right:15px;
}

ul.secNav li.sel {
	
}

ul.secNav li.sel a {
	background:#F7F7F7 url(../img/bg/bg-sec-nav-1st-level-fade.png) repeat-x left bottom;
}

ul.secNav li.sel .rBullet {
	background:url(../img/bg/bg-sec-nav-1st-level-right-bullet.png) no-repeat right 11px;
}

ul.secNav li.selDir .rBullet {
	background:none;
}

	/* first level list selected state (directory mode with subnodes), second level list unselected */
	
	ul.secNav li.sel ul {
		margin:0;
		padding:0 0 10px;
	}
	
	ul.secNav li.sel ul li {
		border-top:1px solid #DDF1F0;
		border-bottom:0;
		margin-top:2px;
	}
	
	ul.secNav li.sel ul a {
		background:#EDF8F7 url(../img/bg/bg-sec-nav-2nd-level-fade.png) repeat-x left bottom;
	}
	
	ul.secNav li.sel ul .lBullet {
		background:none;
	}
	
	ul.secNav li.sel ul .rBullet {
		background:none;
		padding-top:6px;
		padding-bottom:6px;
		_zoom:1;
	}
	
		/* sevond level list selected state */
		ul.secNav li.sel ul li.sel a {
			background:#DDF1F0;
		}
	
		ul.secNav li.sel ul li.sel .rBullet {
			background:url(../img/bg/bg-sec-nav-2nd-level-right-bullet.png) no-repeat right 7px;
		}
	
	ul.secNav li.sel ul {
		
	}


/* multimedia gallery navigation */
.galleryMenu {
	border-bottom:1px solid #82C8D2;
	padding:10px 0 5px;
	margin:0 10px 15px;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

.galleryMenu li {
	float:left;
	margin-left:13px;
}

.galleryMenu li.first {
	margin-left:0;
}

.galleryMenu a {
	color:#82C8D2;
	font-family:georgia;
	font-size:138.5%;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

.galleryMenu li.actual a,
.galleryMenu a:hover {
	color:#0b5966;
	text-decoration:none;
}

	
/* language selection */
ul.languageSel {
	float:right;
	margin:0;
	padding-bottom:0;
}

ul.languageSel li {
	float:left;
	margin-left:5px;
}

ul.languageSel a {
	background:url(../img/bg/bg-flags.png) no-repeat left top;
	display:inline-block;
	overflow:hidden;
	height:0;
	padding-top:24px;
	width:25px;
}

ul.languageSel a.es {
	background-position:left top;
}
ul.languageSel a.en {
	background-position:-25px top;
}
ul.languageSel a.de {
	background-position:-50px top;
}



/* foot navigation */
ul.footNav {
	margin-top:25px;
	overflow:hidden;
	padding:0;
	_overflow:visible;
	_zoom:1;
}

ul.footNav .agencias {
	width:auto;
}

ul.footNav * {
	color:#006163 !important;
}

ul.footNav li {
	float:left;
	margin:10px 13px 0 0;
	padding-left:8px;
}

ul.footNav a {
	float:left;
	line-height:17px;
}

ul.footNav span {
	background:url(../img/bg/bg-bullet-green-square.png) no-repeat left center;
	float:left;
	padding-left:7px;
}

ul.footNav li.sel {
	background:url(../img/bg/bg-rounded-arrow-highlight-2.png) no-repeat left top;
}

ul.footNav li.sel a {
	background:url(../img/bg/bg-rounded-arrow-highlight-2.png) no-repeat right -17px;
	padding-right:20px;
}



/* list of logos in foot */
ul.footLogos {
	clear:both;
	float:left;
}

ul.footLogos li {
	float:left;
	margin:5px 10px 0 0;
	_display:inline;
}

ul.footLogos img {display:inline}


/* event list with day's number at lateral */

ul.lateralDayFrame li {
	border-bottom:3px double #E1E1E1;
	margin:20px 0 15px;
	padding:0 0 15px 55px;
	position:relative;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

ul.lateralDayFrame p {
	padding:5px 0;
}

ul.lateralDayFrame .title {
	font-size:100%;
	margin-bottom:5px;
}


ul.lateralDayFrame .titleText {
	color:#27476E;
	font-size:150%;
	font-weight:normal;
}

ul.lateralDayFrame .date {
	color:#000;
	display:block;
	margin:0 0 3px;
}

ul.lateralDayFrame .day {
	background:url(../img/bg/bg-lateral-day-frame.jpg) no-repeat left top;
	color:#000;
	font-size:225%;
	height:44px;
	line-height:44px;
	width:44px;
	padding:8px 0px 4px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

ul.lateralDayFrame p.more a {
	background:url(../img/bg/bg-bullet-lateral-day-frame-more.png) no-repeat left center;
	color:#27476E;
	/*padding-left:8px;*/
	text-decoration:none;
}

ul.lateralDayFrame p.more a:hover {
	text-decoration:underline;
}

ul.lateralDayFrame .extendedText {
	display:none;
}

ul.lateralDayFrame .close {
	display:none;
	float:right;
	margin:0;
}

ul.lateralDayFrame .close a {
	background:url(../img/icon/ic-close.png) no-repeat right center;
	padding-right:18px;
	text-decoration:none;
}

ul.lateralDayFrame .close a:hover {
	text-decoration:underline;
}

ul.lateralDayFrame li.unfoldedEvent .more {
	display:none;
}

ul.lateralDayFrame li.unfoldedEvent .close,
ul.lateralDayFrame li.unfoldedEvent .extendedText {
	display:block;
}


/* specification list */
ul.specs {
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

ul.specs li {
	margin-bottom:2px;
	padding:3px 2%;
	float:left;
	width:96%;
}


ul.specs .specCat {
	/*display:inline-block;*/
	float:left;
	width:27%;
}

ul.specs .specDesc {
	/*display:inline-block;*/
	float:right;
	width:70%;
}

	/* ----- eventsSpecs (extends specs) ----- */
	ul.eventsSpecs .specCat {
		width:27%;
	}
	
	ul.eventsSpecs .specDesc {
		width:70%;
	}
	
	/* ----- bookingDetails (extends specs) ----- */
	ul.bookingDetails li {
		background:none;
	}
	ul.bookingDetails li.odd {
		background:#EFEFEF;
	}
	ul.bookingDetails li.even {
		background:#fff;
	}
	
	ul.bookingDetails .specCat {
		color:#8E8B8A;
		width:30%;
	}
	
	ul.bookingDetails .specDesc {
		font-weight:bold;
		width:67%;
	}


	
	/* ----- resumen (extends specs) ----- */
	ul.resumen li {
		background:none;
		padding:0;
		width:100%;
	}
	ul.resumen li.odd {
		background:none;
	}
	ul.resumen li.even {
		background:none;
	}
	
	ul.resumen .specCat {
		color:#8E8B8A;
		width:32%;
	}
	
	ul.resumen .specDesc {
		font-weight:bold;
		width:65%;
	}
	
	/* ----- resumenTipo (extends resumen) ----- */
	ul.resumenTipo {
		float:left;
		padding:15px 10px;
		width:265px;
	}
	ul.resumenTipo li {
		padding:2px 0;
	}
	ul.resumenTipo .specCat {
		padding:0;
		width:135px;
	}
	
	ul.resumenTipo .specDesc {
		font-weight:bold;
		padding:0;
		width:120px;
	}

	/* ----- resumenOcupacion (extends resumen) ----- */
	ul.resumenOcupacion {
		float:left;
		padding:5px 10px;
		width:85px;
	}
	ul.resumenOcupacion li {
		padding:2px 0;
	}
	ul.resumenOcupacion .specCat {
		padding:0;
		width:60px;
	}
	
	ul.resumenOcupacion .specDesc {
		font-weight:bold;
		padding:0;
		width:20px;
	}
	
	/* ----- resumenSuplementos (extends resumen) ----- */
	ul.resumenSuplementos {
		float:left;
		padding:5px 10px;
		width:85px;
		font-size: 10px;
	}
	ul.resumenSuplementos li {
		padding:2px 0;
	}
	ul.resumenSuplementos .specCat {
		padding:0;
		width:60px;
	}
	
	ul.resumenSuplementos .specDesc {
		font-weight:bold;
		padding:0;
		width:20px;
	}


/* ----- spa treatments ----- */
ul.spaTreatmentsList {
	padding:20px 0;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}
ul.spaTreatmentsList li {
	float:left;
	width:33%;
}
ul.spaTreatmentsList .photoBalloon {
	/* background-image is defined at each option */
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	height:109px;
	overflow:hidden;
	width:240px;
}
ul.spaTreatmentsList .photoBalloon a {
	display:block;
	height:82px;
	width:223px;
	overflow:hidden;
	padding:12px 0px 15px 17px;
	text-decoration:none;
}
ul.spaTreatmentsList .photoBalloon a span {
	display:block;
	padding:35px 0 0 100px;
}

ul.spaTreatmentsList .photoBalloonCurrent {
	background-position:left -134px;
}
	/* options*/
	ul.spaTreatmentsList .optTratamientos {
		background-image:url(../img/paradaise_wellness_tratamientos_tratamientos.jpg);
	}
	ul.spaTreatmentsList .optEstetica {
		background-image:url(../img/paradaise_wellness_tratamientos_estetica.jpg);
	}
	ul.spaTreatmentsList .optEnvolturas {
		background-image:url(../img/paradaise_wellness_tratamientos_envolturas.jpg);
	}


	
/* ----- star list ----- */
ul.starList li {
	background:url(../img/bg/bg-star-list-item.png) no-repeat 10px 0.4em;
	margin-top:3px;
	padding-left:22px;
}

/* ===== Buttons ===== */

.button {
	background:url(../img/bg/button/bt-silver.png) no-repeat left top;
	color:#000;
	display:inline-block;
	padding-left:10px;
	text-decoration:none !important;
}

.button input, .button span {
	background:url(../img/bg/button/bt-silver.png) no-repeat right top;
	border:none;
	color:#000;
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 10px 0 0;
	text-align:center;
	width:100px;
}

.button img {
	display:inline;
	margin:0;
	vertical-align:-10%;
}

	/* ----- btBooking (extends button) ----- */

	.btBooking {
		background:url(../img/bg/button/bt-emerald.png) no-repeat left top;
		color:#fff;
		padding-left:5px;
	}

	.btBooking a,
	.btBooking input {
		background:url(../img/bg/button/bt-emerald.png) no-repeat right top;
		color:#fff !important;
		height:23px;
		line-height:23px;
		padding:0 5px 3px 0;
		width:100px;
		display: inline-block;
	}
	
	/* ----- btBookingCont (extends btBooking) ----- */
	.btBookingCont {
		background:url(../img/bg/button/bt-emerald-cont.png) no-repeat left top;
	}
	
	.btBookingCont input {
		background:url(../img/bg/button/bt-emerald-cont.png) no-repeat right top;
		padding:0 25px 3px 0;
	}
	
	/* ----- btBookingPrev (extends btBooking) ----- */
	.btBookingPrev {
		background:url(../img/bg/button/bt-emerald-prev.png) no-repeat left top;
		padding-left:25px;
	}
	
	.btBookingPrev a,
	.btBookingPrev input {
		background:url(../img/bg/button/bt-emerald-prev.png) no-repeat right top;
		padding:0 0 3px 0;
		width:75px;
	}
	.btBookingPrev a{margin-left:10px;width:70px;}
	
	/* ----- btBookingInfo (extends btBooking) ----- */
	.btBookingInfo {
		background:url(../img/bg/button/bt-emerald-info.jpg) no-repeat left top;
		padding-left:25px;
		margin-top:10px;
	}
	
	.btBookingInfo a,
	.btBookingInfo input {
		background:url(../img/bg/button/bt-emerald-info.jpg) no-repeat right top;
		padding:0 0 3px 0;
		width:75px;
	}
	.btBookingInfo a{margin-left:10px;width:50px;}

	
	
/* ===== Forms ===== */

input, select, textarea {
	background:transparent;
	border:0;	
	color:#999B9E;
	margin:0;
	padding:0;
	width:100%;
}

label {
	display:block;
	margin-bottom:3px;
}

.field {
	display:block;
	padding:2px 5px;
}



.field.date {
	margin-right:25px;
}

.field.date input {
	_width:95%;
}

.calendarPop {
	background:url(../img/icon/ic-calendar.png) no-repeat left top;
	display:inline-block;
	float:right;
	height:0;
	overflow:hidden;
	padding-top:18px;
	width:18px;
	float:right;
}


	/* ----- frmStandard (extends form) ----- */
	
	.frmStandard {background:#F7F7F7; margin:20px 10px;}
	.frmStandard .line {padding:0;}
	.frmStandard input, .frmStandard select, .frmStandard textarea {color:#4C4C4C;}
	.frmStandard select {*position:relative; *top:4px}
	.frmStandard textarea {overflow:auto;}
	.frmStandard .field {background:#E5E5E5; border:none;}
	
	.frmStandard .bd {padding:10px;}
	.frmStandard .ft {padding:5px 10px;}
	
		/* header blocks for frmStandard*/
		.hdTab {
			background:#D1E4DD url(../img/bg/bg-frm-standard-hd.png) repeat-x left bottom;
			padding:5px 10px 0;
			overflow:hidden;
			_overflow:visible;
			_zoom:1;
		}
		
		.hdTab .tab {
			background:url(../img/bg/bg-frm-standard-hd-tab.jpg) repeat-x left bottom;
			display:inline-block;
			float:left;
			height:41px;
			line-height:41px;
			font-size:100%;
			font-weight:bold;
			margin:0 5px 0 0;
			padding:0 0 0 50px;
		}
		
		.hdTab, .hdTab * {
			color:#4C4C4C;
		}
		
		.hdTab .tabR {
			background:url(../img/bg/bg-frm-standard-hd-tab.jpg) repeat-x right bottom;
			float:left;
			height:41px;
			line-height:41px;
			padding-right:20px;
		}
		
		/* foot block for frmStandard */
		.ftWater {
			background:#D1E4DD;
			/*border-bottom:8px solid #F7F7F7;*/
		}
		
		
	
	/* ----- sideForm (extends form) ----- */
		
	.sideForm .formRow {
		padding:5px 10px;
		overflow:hidden;
		_overflow:visible;
		_zoom:1;
	}
	
	
	.sideForm .field {
		background:#fff;
		border:1px solid #D8D8D8;
		padding:2px;
	}
	
	

	/* ----- frmModNewsletter (extends form) ----- */
	.frmModNewsletter .onLineForm {
		background:url(../img/bg/bg-white-rounded-right.png) no-repeat right top;
		height:18px;
		line-height:18px;
		overflow:hidden;
		padding:0;
		margin:0 10px 2px;
	}
	
	.frmModNewsletter label {display:none;}
	
	.frmModNewsletter .field {
		background:transparent;
		border:none;
		display:inline-block;
		height:18px;
		padding:0 0 0 5px;
		width:113px;
	}
	.frmModNewsletter .buttonRounded {
		background:url(../img/bg/button/bt-rounded.png) no-repeat left center;
		border:none;
		color:#000;
		display:inline-block;
		height:11px;
		line-height:11px;
		padding:0;
		position:relative;
		top:3px;
		*top:-2px;
		width:11px;
	}
	
	/* ----- frmBooking (extends form) ----- */
	
	.frmBooking {}
	.frmBooking .line {padding:0;}
	
		.frmBooking .darkBG {background:#f3f3f3;}
		.frmBooking .mediumDarkBG {background:#f3f3f3;}
	
	.frmBooking input, .frmBooking select, .frmBooking textarea {color:#8E8B8A;}
	.frmBooking textarea {overflow:auto;}
	.frmBooking label {
		display:inline-block;
		margin:0;
	}
	.frmBooking label.labelInline {
		display:inline;
	}
	.frmBooking .field {
		background:#fff;
		border:1px solid #e6e6e6;
		display:inline-block;
		margin-left:5px;
		padding:1px 2px;
	}
	.frmBooking .fieldInline {
		display:inline;
	}
	
	.frmBooking .fieldSelect {
		border:0;
		padding:0;
		*margin-left:0;
	}
	
	.frmBooking .fieldCheckbox {
		background:transparent;
		border:0;
		margin-left:0;
		padding:0;
		width:15px;
	}
	
	.frmBooking .fieldSelect select {
		border:1px solid #e6e6e6;
		padding:0 2px;
	}
	
	.frmBooking .calendarPop {
		display:inline-block;
		float:none;
		position:relative;
		top:3px;
		*top:0;
	}

	.frmBooking .field.date {
		margin-right:0px;
	}

	
		.alignLabelDateShort label {
			width:130px;
		}
		.alignLabelDateShort .field {
			width:100px;
		}

		.alignLabelLong label {
			width:130px;
		}
		.alignLabelLong .field {
			width:440px;
		}
		
		
	.frmBooking .sizeUnset {
		width:auto;
	}.frmBooking .fieldShort {
		width:40px;
	}.frmBooking .fieldMedium {
		width:130px;
	}
	
	
	.unidadAlojativaControl {
		background:#EBEBEB;
		margin-bottom:20px;
		overflow:hidden;
		_overflow:visible;
		_zoom:1;
	}
	
	.unidadAlojativaNombre {
		background:url(../img/bg/bg-bullet-unidad-alojativa-nombre.png) no-repeat 10px 0.4em;
		color:#006163;
		float:left;
		font-size:108%;
		font-weight:normal;
		font-style: normal;
		padding:5px 5px 5px 30px;
		text-decoration:none;
	}
	.unidadAlojativaEliminar {
		float:right;
		padding:3px;
	}

	
	.frmBooking .importeUA .label {
		font-weight:bold;
	}
	.frmBooking .importeUA .cantidad {
		color:#006163;
		font-size:138.5%;
		font-weight:bold;
		line-height:0.8;
	}
	.frmBooking .importeUA .cantidad input {
		color:#006163;
		display:inline;
		text-align:right;
		width:80px;
	}
	
	
	.frmBooking .resumenUnidadAlojativa {
		margin:10px 0;
		overflow:hidden;
		_overflow:visible;
		_zoom:1;
	}
	
	.frmBooking .resumenUnidadAlojativa .importeUA {
		float:left;
		padding:30px 10px 10px;
	}
	
	.frmBooking .resumenImporteTot {
		border-width:1px 0;
		border-style:solid;
		border-color:#e6e6e6;
		margin:10px;
		padding:7px 0;
		text-align:right;
	}
	
	.frmBooking .resumenImporteTot .inner {
		background:#f3f3f3;
		display:block;
		padding:5px 10px;
	}
	
	.frmBooking .resumenImporteTot .label {
		color:#a1d9d6;
		font-size:138.5%;
		font-weight:normal;
		font-style: normal;
		font-family: georgia;
		padding-left:20px;
	}
	
	.frmBooking .resumenImporteTot .cantidad {
		color:#006163;
		font-size:175%;
		font-weight:normal;
		font-style: normal;
		padding-left:10px;
	}
	
	
	.frmBooking .datosPersonales .frmGrayCanvas {
		background:#f3f3f3;
		margin:5px 15px;
		padding:10px 10px;
	}
		
		
	.frmBooking .datosPersonales .field {
		display:block;
		margin:0;
	}
	
	.frmBooking .confirmacionCondGrales .field {
		float:left;
		margin-right:5px;
	}
	
	.frmBooking .confirmacionCondGrales label {
		display:inline;
	}
	
	
	.frmBooking .features {
		padding:10px 0;
	}
	
	.frmBooking .importeTot {
		color:#006163;
		font-size:200%;
		font-weight:bold;
		padding-bottom:0;
	}
	
	.frmActions {text-align:right}
	.frmActions a {margin-left:10px;}
	
	
	
	
	
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/ _border-right:none;}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}


/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}


/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}


/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

/* ====== media ====== */
.media{overflow:hidden; _overflow:visible; _zoom:1; margin:10px;}
.media .img{float:left; margin-right: 10px; _margin-right:7px}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px; _margin-left:7px}


/* fix bordered .bd in media inside mod.straight */
.straight .media .bd {
	border:none;
}

/* ===== mediaOffer (extends media) ===== */
.mediaOffer {
	margin:20px 0 30px;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

.mediaOffer p {
	line-height:150%;
	padding-bottom:0;
}

/* ===== mediaIntroSection (extends media) ===== */
.mediaIntroSection {
	margin:20px 10px 30px;
}


/* ===== infoAlignment  ===== */
/* used for the alignment of text in different sections of the site */
.infoAlignment {overflow:hidden; _overflow:visible; _zoom:1; margin:10px 0;}
.infoAlignment .img{float:left; margin-right: 10px; _margin-right:7px}
.infoAlignment .img img{display:block;}
.infoAlignment .imgExt{float:right; margin-left: 10px; _margin-left:7px}

/* ----- infoAlignmentEvents (extends infoAlignmentEvents) ----- */
.infoAlignmentEvents .img {
	margin-left:10px;
	_display:inline;
}

.infoAlignmentEvents .imgExt {
	margin-right:10px;
	_display:inline;
}


/* ===== section ===== */
.section {
	clear:both;
	margin:10px 0 20px;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

/* ===== modNewsletter ===== */
.modNewsletter .bd p {
	padding-top:0;
	padding-bottom:5px;
}




/* ===== miscelanea ===== */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.fl {
	float:left;
	margin:10px 10px 10px 0;
	*display:inline;
}

.fr {
	float:right;
	margin:10px 0 10px 10px;
	*display:inline;
}

p.fl, p.fr {
	padding:0;
}

.sideBox {
	margin:5px 10px;
}

.sideBoxBest {
	margin-bottom:-5px;
}

.shrink {
	padding:0 !important;
}

.join {
	padding-top:0 !important;
	padding-bottom:0 !important;
}


/* standard horizontal separation */
.stdHorSep {
	padding-left:10px;
	padding-right:10px;
}



p.copyright {
	color:#006163;
	float:left;
	font-family:arial;
	font-size:108%;
	margin-top:10px;
	padding:10px 0;
	width:200px;
}


p.socialNetworks {
	float:left;
	margin-top:18px;
}

p.socialNetworks a {
	float:left;
	margin-right:4px;
}

.sectionTitle {margin-bottom:20px;}

.breadcrumb {
	background:url(../img/bg/bg-bullet-breadcrumb.png) no-repeat left 8px;
	font-size:161.6%;
	font-weight:normal;
	font-style: normal;
	margin:15px 10px 15px 0;
	padding:0 0 0 10px;
}

.breadcrumb a {color:#1B6570 !important}

.breadcrumb .lev2 {
	font-weight:bold;
}

.no-top {
	margin-top:0;
	padding-top:0;
}

.no-bottom {
	margin-bottom:0;
	padding-bottom:0;
}

.mapContainer {
	margin:0 10px;
	text-align:center;
}

.mapContainer img {
	display:inline;
}


/* star rating system */
.starRating {
	background:url(../img/bg/bg-star-rating.png) no-repeat -65px top;
	display:inline-block;
	height:9px;
	line-height:9px;
	margin-top:5px;
	width:65px;
	vertical-align:top;
}
	
	.rating1star {background-position: -52px top;}
	.rating2star {background-position: -39px top;}
	.rating3star {background-position: -26px top;}
	.rating4star {background-position: -13px top;}
	.rating5star {background-position:   0px top;}
	
	
/* page navigator */

.pageNav { margin: 0; padding: 0; text-align:right}
.pageNav a { background-image: url(../img/bg/bg-page-navigator.png); background-repeat: no-repeat; display:inline-block; margin-left:1px; width: 13px; height: 0; padding-top: 13px; overflow: hidden; position:relative; top:2px; *top:-3px}
.pageNav .txt {padding:0 3px 0 2px;}

/* botones */
.pageNav .pgFirst { background-position: 0 0; }
.pageNav .pgPrev  { background-position: -14px 0; margin-right:3px }
.pageNav .pgNext  { background-position: -28px 0; margin-left:3px  }
.pageNav .pgLast  { background-position: -42px 0; }

/* Data Specification section */
.dataSpec {
	padding:15px 0;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

.dataSpecFirst {
	padding-top:0;
}

.dataSpec .dataSpecHD {
	background:#E1F3F2 url(../img/bg/bg-data-spec-hd.png) repeat-x left bottom;
	color:#333;
	font-size:108%;
	font-weight:bold;
	margin:0 10px 2px;
}

.dataSpec .dataSpecHD h1, .dataSpec .dataSpecHD h2, .dataSpec .dataSpecHD h3, .dataSpec .dataSpecHD h4, .dataSpec .dataSpecHD h5, .dataSpec .dataSpecHD h6 {
	color:#333;
	font-size:100%;
	font-weight:bold;
	padding:5px 10px;
}

.dataSpec .dataSpecBD {
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}


/* ----- spa treatments ----- */
.spaTreatmentsSection {
	padding:5px;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}
.spaTreatmentsSection .leftList {
	float:left;
	width:325px;
}
.spaTreatmentsSection .rightList {
	float:left;
	width:325px;
}
.spaTreatmentsSection ul.simpleList li{margin-left:0;margin-bottom: 8px;padding-left:20px;}
.spaTreatmentsSection ul.simpleList li ul li{background:none;margin:10px 0 8px 0;padding:0;}


.dataSpec .hd h1, .dataSpec .hd h2, .dataSpec .hd h3, .dataSpec .hd h4, .dataSpec .hd h5, .dataSpec .hd h6 {
	color:#333;
	font-size:100%;
	font-weight:bold;
}



/* ----- Booking process ----- */

.bookingSteps {
	border-bottom:1px solid #E5E5E5;
	margin:20px 10px;
	padding-bottom:1px;
	
}

.bookingSteps ul {
	background:url(../img/bg/bg-booking-steps.png) repeat-x bottom left;
	height:40px;
	padding:0 20px;
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

.bookingSteps li {
	float:left;
	margin:0 1px;
	padding-top:11px;
}	

.bookingSteps li a {
	background:url(../img/bg/bg-booking-steps-off.png) no-repeat left top;
	display:inline-block;
	font-size:197%;
	font-weight:normal;
	font-family:georgia;
	height:29px;
	line-height:29px;
	padding-left:10px;
	text-decoration:none;
}
.bookingSteps li a span {
	background:url(../img/bg/bg-booking-steps-off.png) no-repeat right -60px;
	display:inline-block;
	height:29px;
	line-height:29px;
	padding-right:10px;
	text-align:center;
	width:80px;
}
.bookingSteps li a, .bookingSteps li a span {
	color:#fff;
	height:29px;
	line-height:29px;
}
.bookingSteps li.current {
	margin:0 2px;
	padding-top:0;
}
.bookingSteps li.current a {
	background:url(../img/bg/bg-booking-steps-current.png) no-repeat left top;
	font-size:275%;
}
.bookingSteps li.current a span {
	background:url(../img/bg/bg-booking-steps-current.png) no-repeat right -60px;
	width:80px;
}
.bookingSteps li.current a, .bookingSteps li.current a span {
	color:#006163;
	height:40px;
	line-height:40px;
}


/* ----- faux cols ----- */
.fauxCol {
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

	/* ----- fauxResumenUnidadAlojativa (extends fauxCol) ----- */
	.fauxResumenUnidadAlojativa{
		background:url(../img/bg/bg-faux-col-resumen-UA.png) repeat-y left top;
	}


/** Pablo **/
.fc-tbx table th, .fc-tbx table td{border: none;}
.fc-tbx .tl,.fc-tbx .tr, .fc-tbx .bl, .fc-tbx .br{float:none;}

.wellness-table{margin: 0 auto;}
.wellness-table td{border: 1px solid #AEDFDC;}

#golf-flash-wrapper{margin:70px auto;width: 662px;height: 424px;background: url(/img/bg/golf_18_hoyos_preview.jpg) no-repeat;}

.bold{font-weight: bold;color: #000;}

#ag-wrapper{position:relative;padding-top:5px;}
#ag-wrapper #logout{text-align:right;}
#downloadList li{margin:0 0 10px 0;padding:0 0 5px 0;text-indent:25px;}
#downloadList li.iconPdf{background: url(../img/icon/pdf.png) no-repeat left top;}
#downloadList li.iconImage{background: url(../img/icon/picture.png) no-repeat left top;}
#downloadList li a{color:#1B6570}

#accordion .infoAlignment{padding: 0 25px;margin:2px 0;}
#accordion .toggler{cursor: pointer;}
#accordion .element .simpleList{width:300px;}
#accordion h3{padding:3px 5px;}

.mapContainer a.earth {color:#1575d6; display:inline-block;}
.mapContainer a.earth img {vertical-align:middle;}

ul.lateralDayFrame li.amp{border-bottom:none;}
.amp .back{position:absolute;right:0;top:0;}
.amp .back a{color:#27476E;}
.register{display:inline-block;width:150px;float:left;margin-top:10px;}
.bd p.more a{color: #27476E;}

#work select, #work textarea{border:1px solid #E7E7E7;}
#ag-wrapper h3.toggler, .spaTreatmentsList li h3{cursor: pointer;}
#ag-wrapper div.element{margin-top:2px;}

/* Estilos para la información del Tiempo*/
#weather {	
	font-size:11px;
	font-weight:normal;
	overflow: auto;
	text-align:left;
	margin: 0 auto;
	width:550px;
}
#weather h1 {
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
#weather table#weather_head {
	/**
	background-color: #000000;
	background-image: url(../img/weather_head_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	/**/
	width: 50%;
	margin: 10px auto;
	padding: 0;
}
#weather table#weather_head img {
	margin: 0;
	padding: 0;
}
#weather table#weather_detall {
	padding: 5px;
	border: 1px solid #EEF9FD;
	width: 80%;
}
#weather table#weather_head th, #weather table#weather_head td,
#weather table#weather_detall th, #weather table#weather_detall td {
	border: 1px solid #EEF9FD !important;
	padding: 0 5px;
}
#weather table#weather_detall .leyenda {
	margin: 0;
	padding: 5px;
	background-color: #C1E5E3;
	font-weight: bold;
	width: 100px;
	color: #1B6570;
	
}
img#theweather {
	position: absolute;
	top: 407px;
	height: 60px;
	width: 170px;
	border: 0px solid #FFFFFF;
}
.meteograd{ text-align: center; vertical-align: middle; }

iframe.sky{
	margin:0 auto;
	min-height:450px;
	_height:450px;
	width:100%;
}

.date_home{font-weight:bold;font-size:1.2em; color:#82c8d2;}
span.extras{font-size:2em;color: #82c8d2;}
ul.footNavFix{margin:-10px 0 5px 5px;}
.bd-bottom{position:relative;padding:10px;clear:both;}
.bd-bottom .extra{float:left;}
.bd-bottom .more{float:right;}
.btBooking a.suplemento {width: auto;}
.suplemento_precio{display:inline-block;width:50px;padding-right:5px;text-align:right;}
ul.resumenSuplementos .specPrec {
float:left;
padding:0;
width:100px;
}

.spec table tr td{padding:5px;}
img.img360 { display: inline-block; vertical-align: bottom}
#facebook-banner {
	background: url(../img/banner/banner-side-facebook-paradise.jpg) no-repeat 0 0; 
	display: inline-block;
	width: 100px;
	height: 68px;
	color: #1B6570 !important;
	font-size: 102%;
	font-weight: bold;
	line-height: 1.25em;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 97px;
	text-decoration: none;
	text-align: left;
}