@charset "utf-8";

/*============================== */
			@media all { 
/* ============================= */


* { margin: 0; padding: 0; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th, b, strong { font-weight: bold; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table {border-spacing: 0; }
caption, th, td, center { vertical-align: top; }
body { line-height: 1;}
q { quotes: "" ""; }
a { color: inherit; }
hr { display: none; } 
font { color: inherit !important; color: inherit !important; }

.clear {clear: both; height: 0px;}
br {line-height: 14px;}
h1 {
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.5em;
	color: #71b0c5;
}

h2 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5em;
	color: #71b0c5;
}

h3 {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
        color: #71b0c5;
}

a:link,
a:visited {
        color:#71AFC4;
}

a:hover,
a:active {
        color:#498093;
}


/*=====================================*/

body {
	font-family: Arial, Microsoft Sans Serif, Helvetica, sans-serif;
	text-align: center;
	font-size:62.5%;
	background-color: #71AFC4;
	color: #000;
	background-image: url(../tmp_images/pattern_website.jpg);
	background-repeat: repeat;
}


#wrapper {
	width: 919px;
	margin: 0 auto;
	padding: 0px 4px 0px 4px;
	background-image: url(../tmp_images/repeat_y.jpg);
	background-repeat: repeat-y;
background-color: #fff;
}

/*------------------------------------------------
			HEADER
------------------------------------------------*/


#header {
	position: relative;
	height: 152px;
z-index: 999;
}

#logo {
	position: absolute;
	top: 0px;
	left: 43px;
	z-index: 9;
}

#first_sentence {
padding: 6px 24px 6px 0;
text-align: right;
position: relative;
z-index: 9;
color: #b2b2b2;
}

#book_buttons {
	position: absolute;
top: 88px;
right: 18px;
	}

#book_buttons a {
margin: 0 0 0 17px;
}

#langs {
width: 200px;
	position: absolute;
	top: 26px;
	left: 669px;
}

#langs img {margin: 0 0 0 2px;}

#ledra {
	position: absolute;
	top: 6px;
	right: 0px;
}

#small_menu_wrapper {
	position: absolute;
	top: 100px;
	right: 33px;

}

ul#small_menu {
	list-style-type:none;
}

ul#small_menu li {
	float: left;
	padding: 0 10px 0 0;
}

ul#small_menu li a:link,
ul#small_menu li a:visited {
	color: #b2b2b2;
text-decoration: underline;
}

ul#small_menu li a:hover,
ul#small_menu li a:active {
	color: #000;
}

.selected {}


/*----------- Main Menu ------------- */

#main_menu_wrapper {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #71AFC4;
	height: 27px;
	width: 667px;
	padding: 0 0 0 252px;
	overflow: hidden;
}

#main_menu {
    height: 27px; position: relative;
}

#main_menu li {
    float: left; list-style: none; margin: 0 19px 0 0;
}

#main_menu li,
#main_menu a {
    height: 27px; 
display: block;
overflow: hidden;
text-decoration: none;
}

#main_menu a:hover,
#main_menu a.selected {
text-decoration: none;
}
	
#main_menu a span {
position: relative;
top: -30px;
left: 0px;
}
	
  #panel1 {
	width: 52px;
	background-image: url(../tmp_images/photos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
  #panel2 {	
    width: 67px;
	background-image: url(../tmp_images/location.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
  #panel3 {	
    width: 45px;
	background-image: url(../tmp_images/villas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
  #panel4 {	
    width: 68px;
	background-image: url(../tmp_images/amenities.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
   #panel5 {	
    width: 61px;
	background-image: url(../tmp_images/services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
   #panel6 {	
    width:155px;
	background-image: url(../tmp_images/rates.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
   #panel7 {	
    width: 63px;
	background-image: url(../tmp_images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
/*	#panel8 {	
    width: 36px;
	background-image: url(../tmp_images/blog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#panel9 {	
    width: 47px;
	background-image: url(../tmp_images/family2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}*/


  

  #main_menu li:hover, #main_menu li.selected {background-position: left bottom;}
	
/* END END END Main Menu ------------- */

/*------------------------------------------------
			main_slideshow_wrapper
------------------------------------------------*/

.main_slideshow_wrapper {
width: 919px;
height: 426px;
overflow: hidden;
position: relative;
}

.main_slideshow {
position: relative;
}

.banner {
position: absolute;
top: 60px;
right: 0px;
z-index: 999;
}

.main_slideshow .categorytitle,
.main_slideshow .nav,
.main_slideshow .caption {
display: none;
}

.demo {position: relative;}

.galleria_wrapper {
position: relative;
*left: -3px;
*top: 0px;
}

ul.galleria {
position: absolute;
top: 350px;
left: 20px;
}

#InnetSlideShowCaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	z-index: 99;
	font-size: 20px;
	color: #fff;
	text-align: right;
	padding: 12px 24px;
	width: 871px;
	height: 40px;
	background-image: url(../tmp_images/diaf.png);
	background-repeat: repeat;
}

/*------------------------------------------------
			breadcrumb_wrapper
------------------------------------------------*/

.breadcrumb_wrapper {
	background-color: #71AFC4;
	height: 27px;
	margin: 0 0 27px 0;
	}

.breadcrumb {
display: inline;
float: left;
padding: 8px 0px 0 44px;
color: #fff;
}

.breadcrumb a:link,
.breadcrumb a:visited {
text-decoration: underline;
color: #498093;
text-decoration: none;
padding: 0 5px 0 0;
}

.breadcrumb img {
padding: 0 5px 0 0;
}

.breadcrumb a:hover,
.breadcrumb a:active {
text-decoration: underline;
}


/*------------------------------------------------
			Middler Leftcol
------------------------------------------------*/

#middler {}

#leftcol {
	width: 881px;
	padding: 0 19px 0 19px;
}



/*----------- Simple Scenario ------------- */

.pagetitle {
	padding: 0 23px 17px 23px;
}

.pagetitle h1 {}

.pagetext {
	padding: 0 23px;
        text-align: left;
        font-size: 12px;
        line-height: 1.5em;
position: relative;
}

.pagetext h2 {}

.pagetext ul {
        list-style: inside;
        list-style-type:disc;
}

table.homepagetable tr td h2 {
	background-image: url(../tmp_images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 15px;
	}

/*----------- List Scenario ------------- */

.list {}

.listed_suite {
	width: 881px;
	height: 144px;
	clear: both;
	background-color: #f1f1f1;
    margin: 0 0 13px 0;
}

/*#ctl03_villas1_Repeater1_ctl00_Repeater2_ctl00_listed,
#ctl03_villas1_Repeater1_ctl00_Repeater2_ctl01_listed {
	height: 164px;
}*/


.listed_left {
	width: 724px;
	height: 124px;
	float: left;
	border-right: solid 3px #fff;
	padding: 10px;
}

.listed_photo {
	width: 188px;
	height: 124px;
	float: left;
overflow: hidden;
position: relative;
}

.button_morephotos {
position: absolute;
bottom: 0px;
right: 0px;
display: inline-block;
background-color: #f1f1f1;
padding: 3px 6px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}

.button_morephotos a:link,
.button_morephotos a:visited {text-decoration: none;}

.listed_text {
	width: 497px;
	height: 124px;
	float: left;
        padding: 0 0 0 10px;
        text-align: left;
position: relative;
}

.listed_text h2 {
text-transform: uppercase;
padding: 0px;
height: 16px;
}

.listed_text h2 a:link,
.listed_text h2 a:visited {
        text-decoration: none;
}

.listed_text h2 a:hover,
.listed_text h2 a:active {
        text-decoration: underline;
}

.listed_text h3 {
        padding: 0 0 0px 0;
        font-weight: bold;
        color: #3f3f3f;
height: 26px;
/*position: relative;
left: 0px;
top: -6px;*/
}

.listed_description {
        font-size: 12px;
        line-height: 1.3em;
}

.listed_morephotos {
        position: absolute;
        left: 10px;
        bottom: 2px;
}

.listed_morephotos a:link,
.listed_morephotos a:visited {
        color: #000;
        text-decoration: underline;
}

.listed_morephotos a:hover,
.listed_morephotos a:active {
        text-decoration: none;
}

.listed_right {
	width: 114px;
	height: 124px;
	float: right;
        padding: 10px;
        text-align: right;
position: relative;
}

/*#ctl03_villas1_Repeater1_ctl00_Repeater2_ctl00_listed .listed_right,
#ctl03_villas1_Repeater1_ctl00_Repeater2_ctl01_listed .listed_right {
	height: 144px;
}*/

.listed_right h2 {
        text-align: right;
        line-height: 1em;
        padding: 0 0 11px 0;
}

.listed_links {}

.listed_links a {
        line-height: 1.5em;
}

.listed_links a:link,
.listed_links a:visited {
        color: #787878;
        text-decoration: underline;
}

.listed_links a:hover,
.listed_links a:active {
        text-decoration: none;
}

.listed_check_rates {
position: absolute;
bottom: 0px;
left: 0px;
}



/*----------- Room Scenario ------------- */

.room {position: relative;}

.floorplan {
       clear: both;
       text-align: left;
       margin: 0 0 30px 0;
}

.floorplan img {
       border: solid 10px #f1f1f1;
}

.per_room_gallery {
margin: 20px 0 10px 0;
background-color: #000;
}

.per_room_gallery tr td {
padding: 5px 5px 0px 5px;
}

.per_room_gallery img {
width: 80px;
}

.book_and_tour_wrapper {
clear: both;
       text-align: left;
padding: 0 0 0 23px;
}

.book_and_tour {}



/*----------- Photogallery Scenario ------------- */

.photogallery a {
float: left;
display: block;
margin: 0 13px 20px 0;
text-decoration: none;
}

.photogallery a span {
display: block;
text-align: center;
padding: 3px 0;
margin: 0 0 5px 0;
}




/*------------------------------------------------
			footer
------------------------------------------------*/

#footer {
	background-color: #71AFC4;
	margin: 17px 19px 0px 19px;
	padding: 25px 13px 25px 25px;
	color: #fff;
	background-image: url(../tmp_images/f_stars.jpg);
	background-repeat: no-repeat;
	background-position: 25px 120px;
	position: relative;
}

.facebook {
	position: absolute;

	top: 119px;
	left: 154px;
	width: 104px;
	height: 13px;
	}
	
.facebook a {
display: block;
	width: 104px;
	height: 13px;
	background-image: url(../tmp_images/facebook.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.facebook a:hover {
	background-image: url(../tmp_images/facebook_over.gif);
	}	

.footer_left {
width: 260px;
float: left;
}

.footer_left_resort {
width: 130px;
float: left;
text-align: left;
}

.footer_left_text {
font-size: 11px;
line-height: 1.2em;
}

.footer_left_reserve {
width: 130px;
float: left;
text-align: left;
position: relative;
left: 0px;
top: -1px;
}

.footer_right {}

.footer_logos {
text-align: right;
padding: 0 12px 0 0;
}

.footer_credits {
text-align: right;
padding: 30px 16px 0px 0px;
}


.footer_credits img {
position: relative;
left: 0px;
top: 3px;
}

.downcup {
text-align: center;
	width: 927px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.downcup_hm {
text-align: center;
	width: 927px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	display: none;
}

#last_sentence {
padding: 6px 16px 0 0;
text-align: right;
}


	
/*------------------------------------------------
			Site Map
------------------------------------------------*/

#leftcol ul#links_list {
margin: 0 19px 0 0;
padding: 18px 10px 18px 0px;
text-align: left;
font-size: 12px;
color: #8e8351;
line-height: 1.5em;
}

#leftcol ul#links_list a:link,
#leftcol ul#links_list a:visited {
text-decoration: none;
color: #8e8351;
}

#leftcol ul#links_list a:hover,
#leftcol ul#links_list a:active {
text-decoration: underline;
}

#leftcol ul#links_list li {
float: none;
	font-weight: bold;
	padding: 0 28px;
	list-style-type:none;
	background-image: url(../tmp_images/bullet_gold.jpg);
	background-repeat: no-repeat;
	background-position: 17px 5px;
}

#leftcol ul#links_list li ul {
float: none;
padding: 0 0 10px 0;
}

#leftcol ul#links_list li ul li {
list-style-type:none;
float: none;
text-align: left;
font-weight: normal;
padding: 0 0 0 0px;
background-image: none;
}


/*------------------------------------------------
	      Contant Form
------------------------------------------------*/

#contactform table tr td {
font-size: 12px;
padding: 3px;
}

#contactform table tr td input {
border: solid 1px #ccc;
padding: 2px;
}

#contactform table tr td textarea {
border: solid 1px #ccc;
}

.c_f_upper {
padding: 23px 26px 23px 25px;
background-color: #F1F1F1;
text-align: left;
margin: 0 0px 0 0;
font-size: 12px;
}

.c_f_upper .inputbox {
border: solid 1px #ccc;
width: 100%;
height: 15px;
padding: 2px;
}

.c_f_upper .textarea {
width: 540px;
border-top: solid 0px #ccc;
border-right: solid 0px #ccc;
border-bottom: solid 0px #ccc;
border-left: solid 0px #ccc;
height: 130px;
padding: 6px;
font-size: 12px;
line-height: 1.5em;
}

.c_f_upper tr td.textarea_holder {
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 0px #ccc;
border-left: solid 1px #ccc;
background-color: #fff;
}

.be_our_guest {
padding: 50px 0 0 0;
}

span.rightie {
float: right;
font-size: 12px;
}

span.leftie {
float: left;
padding: 10px 0;
font-size: 12px;
}

.c_f_downer {
padding: 0px;
background-color: #F1F1F1;
text-align: left;
margin: 25px 0px 0 0;
font-size: 12px;
line-height: 1.5em;
color: #3f3f3f;
}

.c_f_downer table tr td.info {
padding: 10px 0 23px 23px;
}

.c_f_downer table tr td.info2 {
padding: 10px 0 23px 0px;
}

.c_f_downer table tr td.info3 {
padding: 10px 0 23px 26px;
}

.c_f_downer table tr td.spacer {
background-color: #fff;
}

.c_f_downer strong {
color: #8F8351;
}






.getQuote {
text-align: left;
padding: 0 0 24px 0;
	}

.getQuoteHeader {
	padding: 0 0 12px 0;
	}








/*------------------------------------------------
			RATES & RESERVATIONS
------------------------------------------------*/

.offer {
text-align: left;
color: #72B0C5;
font-size: 12px;
padding: 3px 0 12px 44px;
}

/*----------- Rates Tables ------------- */

.rates30 {
padding: 25px 0 12px 0;
}

.rates2 {
padding: 0px 0 36px 0;
}

.rates_tables {
padding: 24px;
background-color: #f1f1f1;
margin: 0 0 25px 0;
}

.rates_tables table {
font-size: 11px;
border-left: solid 1px #a1a1a1;
border-bottom: solid 1px #a1a1a1;
}

.rates_tables table tr td {

border-top: solid 1px #a1a1a1;
border-right: solid 1px #a1a1a1;
border-left: solid 0px #a1a1a1;
border-bottom: solid 0px #a1a1a1;
font-size: 12px;
text-align: left;
padding: 6px;
line-height: 1.3em;
}

.bullets {
font-size: 12px;
text-align: left;
color: #616161;
padding: 20px 0 0 10px;
line-height: 1.3em;
}

.bullets_left {
float: left;
}

.bullets_right {
float: left;
}

.bb {
text-align: right;
padding: 0 24px 5px 0;
text-transform: uppercase;
color: #71AFC4;
}

.white {
background-color: #fff;
}



.red {color: red;}

del {color: #999; text-decoration: line-through;}
del span {color: #999;}



.rates_tables table tr td.stitle {padding: 0px;}

td.stitle table {
border-top: solid 0px #a1a1a1;
border-right: solid 0px #a1a1a1;
border-left: solid 0px #a1a1a1;
border-bottom: solid 0px #a1a1a1;
}

td.stitle table tr td {
border-top: solid 0px #a1a1a1;
border-right: solid 0px #a1a1a1;
border-left: solid 0px #a1a1a1;
border-bottom: solid 0px #a1a1a1;
padding: 1px 1px 1px 0px;
}

td.stitle h6 {
font-size: 12px;
text-transform: uppercase;
padding: 7px 0px 0px 9px;
}

td.stitle p {
font-size: 11px;
padding: 0px 0px 0px 9px;

}

a.tbl_view {
	width: 44px;
	height: 42px;
	display: block;
	background-image: url(../tmp_images/Rates/view_suite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.tbl_view:hover {
	background-position: left bottom;
}

a.tbl_viewv {
	width: 44px;
	height: 42px;
	display: block;
	background-image: url(../tmp_images/Rates/view_villa.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.tbl_viewv:hover {
	background-position: left bottom;
}

a.tbl_book {
	width: 44px;
	height: 42px;
	display: block;
	background-image: url(../tmp_images/Rates/book_now.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.tbl_book:hover {

	background-position: left bottom;
}

/*------ Rates Reservation Small Form --- */

.small_reservations_wrapper {
	position: absolute;
	width: 326px;
	top: -60px;
	right: 22px;
background-color: #F1F1F1;
text-align: left;
}

a.chkavailbutton {
	width: 326px;
	height: 22px;
	display: block;
	background-image: url(../tmp_images/Rates/check_availability.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a.chkavailbutton:hover {
	background-position: left bottom;
}

td.greyback {
	background-image: url(../tmp_images/Rates/small_08.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

td.cin input {
border: solid 1px #ccc;
font-size: 10px;
padding: 2px;
width: 70px;
}

td.cout input {
border: solid 1px #ccc;
font-size: 10px;
padding: 2px;
width: 70px;
}

td.adlts input {
border: solid 1px #ccc;
font-size: 10px;
padding: 2px;
width: 40px;
}

td.cldrn input {
border: solid 1px #ccc;
font-size: 10px;
padding: 2px;
width: 40px;
}


/*------------------------------------------------
			FINE TUNNING
------------------------------------------------*/


.small_selectbox {
width: 40px;
}


/*=============================== */
}
			@media print { 

/* ============================== */


body {
	margin: 0px;
	padding: 0px;

	text-align:center;
	background-color:#FFFFFF;
	}

#wrapper {
	width: auto; 
	margin: 0 3%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}

#header,
#links_list_area,
#teasers_area {display: none;}

#leftcol,
.step {

	width: auto; 
    margin: 0;
padding: 0px;
    text-align: left;
	float: none !important;
	padding: 0;
    border: 0;
	}

#footer,
.pagetext {display:none;}

#reservations2_res_step31_printorder {display:none;}

#MyOrders1_printorder {display:none;}

#logo {display: block;}

#MyOrders1_printHeader {display:block;
text-align: center;

padding: 10px;}

#MyOrders1_myorders > h5 {display:none;}

.steptitle {display:none;}

#rightcol,
.StepsHeader,
.stepHelp a,
.buttonie,
.downcup {display:none;}


a:link {
	color: #CAA16D;
	text-decoration: none;
}
a:visited {
	color: #CAA16D;
	text-decoration: none;
}
a:hover {
	color: #55643B;
	text-decoration: underline;
}

#MyOrders1_HyperLink2, #teaser, #newsletter {display:none;}

#printcontactdetails {display:block;
text-align: left;
padding: 20px 0 0 0;}



.printlogo {
display: block;
padding: 0 0 10px 0;
}

/* ==================================================== */
		} /*NOTHING ELSE DOWN ON */
/* ====================================================	*/