
/*******************************************************************************************/
/* DEFAULT */
/*******************************************************************************************/
body {
	line-height:1.1em;
	margin:0;
	color:#5f5f5f;
	background-color:#262626;
}
#overview {
	margin:0 auto;
	width:1007px;
	display:block;
	position:relative;
}
.fixed {
	clear:both;
	padding:0 16px;
}
.popup					{width:450px !important;}
.clear					{clear:both;}
.glassBox				{display:none;}
.glassBox div div div		{background-color:#000 !important;}
.glassBox div div div div	{padding:10px;}
.glassBox h2 {
	color:#d50000;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:20px;
}
.glassBox p {color:#959595;}
.glassBox a {color:#FFF;}


/*******************************************************************************************/
/* TOP */
/*******************************************************************************************/
#top {
	height:30px;
}
#flags {
	float:right;
	clear:both;
	display:inline;
}
#flags a {
	height:0;
	width:18px;
	padding:24px 3px 0 3px;
	margin:4px 0 0 7px;
	display:block;
	overflow:hidden;
	position:relative;
	background:transparent none 3px 5px no-repeat;
	opacity:0.5;
	float:left;
}
#flags a.on, #flags a:hover {opacity:1;}
* html #flags a {filter:alpha(opacity=50);} /* IE patch */
*+html #flags a {filter:alpha(opacity=50);} /* IE patch */
* html #flags a.on {filter:alpha(opacity=100);} /* IE patch */
* html #flags a:hover {filter:alpha(opacity=100);} /* IE patch */
*+html #flags a.on {filter:alpha(opacity=100);} /* IE patch */
*+html #flags a:hover {filter:alpha(opacity=100);} /* IE patch */



/*******************************************************************************************/
/* HEADER */
/*******************************************************************************************/
#page {
	background-color:#000;
	color:#969696;
	padding-bottom:10px;
}
.popup #page {
	margin:10px auto;
}
#header {
	position:relative;
	height:54px;
	padding:16px 0 11px;
	clear:both;
}
#logo h1 {
	margin:0;
}
#logo a {
	float:left;
	clear:both;
	padding:0;
	margin:0;
}
#logo a#slogan {
	width:321px;
	display:block;
	overflow:hidden;
	height:0;
	padding:15px 0 0 0;
	margin:0;
	background:transparent url(logo_home_sub.gif) 10px 0 no-repeat;
}
.es #logo a#slogan {background-position:10px -15px;}
.ca #logo a#slogan {background-position:10px -30px;}
.en #logo a#slogan {background-position:10px -45px;}
#logo a img {
	width:264px;
	height:36px;
	padding:0;
	margin:0 10px;
}
#lkBlog {
	position:absolute;
	top:30px;
	right:10px;
	width:46px;
	display:block;
	height:0;
	padding:17px 0 0 0;
	overflow:hidden;
	background:transparent none 0 0 no-repeat;
}
#socialLinks {
	position:absolute;
	top:10px;
	right:0px;
}
#socialLinks a {
	float:left;
	margin:0 2px;
	width:16px;
	display:block;
	height:0;
	padding:16px 0 0 0;
	overflow:hidden;
	background:transparent none 0 0 no-repeat;
}
#socialLike {
	position:relative;
	bottom:0px;
	left:0px;
}

#socialLike a {
	float:left;
	margin:0 2px;
	display:block;
	overflow:hidden;
	background:transparent none 0 0 no-repeat;
}

/*******************************************************************************************/
/* HOTEL PAGE */
/*******************************************************************************************/
#panHotelNav {
	background-color:#1b1b1b;
	border:1px solid #3d3d3d;
	border-style:solid none;
	color:#fff;
	height:31px;
	margin-bottom:15px;
	position:relative;
}
a.bt_hotel_previous, a.bt_hotel_search, a.bt_hotel_next {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
a.bt_hotel_previous:hover, a.bt_hotel_search:hover, a.bt_hotel_next:hover {
	color:#fff;
	text-decoration:underline;
}
a.bt_hotel_previous {
	padding:5px 0 0 20px;
	background:transparent url(bt_hotel_previous.gif) 0 50% no-repeat;
	position:absolute;
	left:0;
	width:203px;
	margin:3px 0 0 17px;
	height:19px;
}
a.bt_hotel_search {
	padding:10px 0 0 0;
	background:transparent url(bt_hotel_search.gif) 50% 0 no-repeat;
	position:absolute;
	left:490px;
	width:500px;
	margin:3px 0 0 -250px;
	text-align:center;
}
a.bt_hotel_next {
	padding:5px 20px 0 0;
	background:transparent url(bt_hotel_next.gif) 100% 50% no-repeat;
	position:absolute;
	right:0;
	width:203px;
	margin:3px 17px 0 0;
	height:19px;
	text-align:right;
}

#hotel_infos .col {
	float:left;
}

#hotel_infos #hTop {
	min-height:130px;
	background:transparent url(bgCols.png) -1px 0;
}
#hotel_infos #hTop .col1 {
	padding:0 10px 0 0;
	width:317px;
}
#hotel_infos #hTop .col2 {
	padding:0 10px;
	width:308px;
}
#hotel_infos #hTop .col3 {
	padding:0 0 0 10px;
	width:310px;
}


#hotel_infos #hMiddle {
	height:375px;
	min-height:375px;
	max-height:375px;
	overflow:hidden;
	position:relative;
}
#hotel_infos #hMiddleContent {
	position:absolute;
	display:block;
}
#hotel_infos #hMiddle .col1 {
	padding:10px 10px 0 0;
	width:317px;
	height:375px;
	min-height:375px;
	max-height:375px;
}
#hotel_infos #hMiddle .col2 {
	padding:0;
	width:1px;
	height:375px;
	min-height:375px;
	max-height:375px;
}
#hotel_infos #hMiddle .col2 #whitebox_bg {
	position:relative;
	display:block;
}
#hotel_infos #hMiddle .col2 #whitebox_bg div {
	position:absolute;
	display:block;
	overflow:hidden;
	border:10px solid #000;
	background:#000 url() 50% 50% no-repeat;
}

#mooSlider {
	width:975px;
	height:13px;
	background-color: #3d3d3d;
	cursor:pointer;
	margin-top:10px;
}
#mooKnob {
	width:35px;
	height:13px;
	background-color: #d30000;
	cursor:pointer;
}

#hotel_infos #hBottom {
	min-height:380px;
	margin-top:20px;
	background:transparent url(bgCols.png) 326px 0 repeat-y;
}
#hotel_infos #hBottom .col1 {
	padding:0 10px 0 0;
	width:317px;
}
#hotel_infos #hBottom .col2 {
	width:627px;
	float:left;
	padding-left:10px;
}


h1 {
	color:#d50000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#hotel_infos #intro {
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#hotel_infos .kind {
	height:0 !important;
	display:block;
	overflow:hidden;
	width:170px;
	padding:30px 0 0 0;
	margin:20px 0;
	background:transparent none 0 0 no-repeat;
}
#hotel_infos h3 {
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
}
#hotel_infos #panBottom p {
	text-align:justify;
}
#hotel_infos #panPresta {
	overflow-x:hidden;
	overflow-y:auto;
}
#hotel_infos #panPresta span {
	display:block;
	font-size:12px;
	background:transparent url(list_dot.gif) 0 7px no-repeat;
	padding:0 5px 0 7px;
}
#hotel_infos ul {
	margin:0;
	padding:0 0 0 0;
}
#hotel_infos li {
	color:#959595;
	list-style:none;
	font-size:8px;
	padding:0 5px 0 7px;
	background:transparent url(list_dot.gif) 0 7px no-repeat;
}
#hotel_infos span, #hotel_infos span  a {
	color:#959595;
	font-size:12px;
}
#hotel_infos #gmap {
	width:325px;
	height:180px;
	display:block;
	margin:10px 0;
}
#hotel_infos #hBottom ul li span strong {
	text-transform:uppercase;
	font-weight:normal;
}
#panHotelBottomLine {
	background-color:#1b1b1b;
	border:1px solid #3d3d3d;
	border-style:solid none;
	color:#fff;
	height:22px;
	margin:15px 0;
	position:relative;
}
a.btPrint {
	position:absolute;
	top:4px;
	right:20px;
	color:#fff;
	font-size:11px;
	height:12px;
	padding-right:20px;
	background:transparent url(ico_print.gif) 100% 1px no-repeat;
	text-decoration:none;
}
a.btPrint:hover {
	color:#969696;
	cursor:pointer;
	text-decoration:underline;
}

/*******************************************************************************************/
/* CONTACT FORM */
/*******************************************************************************************/
#contactForm p.legend {
	text-align:right;
}
#contactForm .legend {
	font-size:11px;
	color:#636363;
	padding:0 0 0 5px;
}
#contactForm .warning {
	color:#D50000;
	padding:0 0 0 5px;
}
#contactForm .thanks {
	color:#749022;
	font-size:1.3em;
	font-weight:bold;
	padding:0 0 0 5px;
}
#contactForm .col {
	width:308px;
}
#contactForm .col div {
	display:block;
	padding:0 0 15px 0;
}
#contactForm .col div p {
	margin-bottom:0;
}
#contactForm .col div input {
	padding:2px;
}
#contHotelName, #contHotelEmail {
	width:260px;
}
#contHotelPhone {
	width:130px;
}
#contactForm .date input {
	width:220px;
	background:#FFF url(ico_cal.gif) 100% 50% no-repeat;
}
#contHotelFreeText {
	width:315px;
	height:125px;
}
#contactForm .submit {
	padding-top:23px;
	position:relative;
	width:87px;
	display:block;
}

.pan .form .submit {
	width:114px;
	margin-left:-57px;
	position:absolute;
	display:block;
	bottom:20px;
	left:50%;
}

/*******************************************************************************************/
/* SEARCH ENGINE */
/*******************************************************************************************/
#searchTitle {
	background:#2e2d2a none 10px -52px no-repeat;
	color:#fff;
	clear:both;
	margin:1px 0;
	height:0;
	padding-top:26px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
#searchTitle:hover, #searchTitle.over {
	background:#1b1b1b none 10px -78px no-repeat;
}
.close #searchTitle {
	background:#2e2d2a none  10px 0 no-repeat;
}
.close #searchTitle:hover, .close #searchTitle.over {
	background:#1b1b1b none 10px -26px no-repeat;
}
#searchBloc {
	display:block;
}
.close #searchBloc {
	display:none;
}
#searchBloc .pan {
	background:#706e68 none 10px 0 no-repeat;
	float:left;
	padding:0;
	margin:0;
}
#searchBloc #panWhere {
	width:644px;
	height:301px;
	margin:0 7px 7px 0;
}
#searchBloc #panStay, #searchBloc #panResults {
	width:321px;
	height:301px;
}
#searchBloc #panWishes, #searchBloc #panNeeds {
	width:322px;
	height:301px;
	margin-right:7px;
}
#searchBloc #panNeeds {
	width:315px;
}
#searchBloc #panWishes, #searchBloc #panNeeds, #searchBloc #panResults {
	height:148px;
}
*+html #searchBloc, *+html #searchBloc form {
	zoom:1;
	margin:0;
	line-height:0;
}
.pan .title {
	padding-left:10px;
	height:0;
	padding-top:22px;
	display:block;
	overflow:hidden;
	color:#fff;
	font-size:15px;
	clear:both;
	background-position:10px top;
	background-repeat:no-repeat;
}
.pan .form {
	background-color:#cac6bb;
	padding:5px 10px;
}
.pan .form label {
	color:#706e68;
	display:block;
	margin:0;
	height:16px;
	cursor:pointer;
}
.pan .form label.checked {
	color:#000;
}
.pan .form label input {
	padding:2px 0 0 0;
	margin:3px 3px 0 0;
}
.pan .form label input span {
	padding:0;
	margin-top:-5px;
}
.pan .form p, .pan .form .on {
	color:#000;
	margin:0;
}
.pan .form p.intro {
	padding:2px 0 3px 0;
	overflow:hidden;
	display:none;
}
* html .pan .form label {
	position:relative;
	padding:0 0 0 16px;
}
* html .pan .form label input {
	position:absolute;
	top:0px;
	left:-5px;
	padding:0;
	height:13px;
}
* html .pan .form label input span {
	height:13px;
}

*+html .pan .form label {
	position:relative;
	padding:0 0 0 16px;
}
*+html .pan .form label input {
	position:absolute;
	top:0px;
	left:-5px;
	padding:0;
	height:13px;
}
*+html .pan .form label input span {
	height:13px;
}

#panWhere .map {
	background:#cac6bb url(map.png) 0 0 no-repeat;
	padding:0;
	width:328px;
	height:279px;
	float:left;
}
#panWhere .form {
	border-left:1px solid #706e68;
	width:295px;
	height:269px;
	float:left;
}
#panCities p.intro, #panCitiesDistance p.intro {
	display:block;
}
#panCitiesDistance p.intro {
	padding:0;
}
#searchBloc #panStay,
#searchBloc #panResults {
	position:relative;
	width:324px;
}
#panStay .form {
	height:269px;
}
#panWishes .form, #panNeeds .form {
	height:116px;
}
#panNeeds .form {
	width:295px;
}
#panStay .panUp .col {
	padding-bottom:20px;
}
#panStay .panDown span {
	text-transform:uppercase;
}
#panResults .title {
	background-color:#403f3b;
}
#panResults .form {
	height:116px;
	background-color:#87847D;
}
#panResults .form p {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.panUp {
	display:block;
	clear:both;
	height:193px;
}
.panDown {
	margin-top:5px;
	padding-top:5px;
	background:transparent url(hr.gif) 50% 0 repeat-x;
	display:block;
}
.pan .form #panCitiesDistance {
	opacity:1;
}
.pan .form #panCitiesDistance.hide {
	opacity:0.2;
	cursor:default;
}
.col {
	width:145px;
	float:left;
}
.col1 {
	padding-left:0;
}
#panWhere .col1, #panWhere .col2 {
	padding:2px 0;
}
#panWhere .col1 {
	width:135px;
	padding-left:0;/*15px;*/
}
#label_all_cities {
}
#label_all_cities, #label_any_cities {
	height:16px;
	width:150px;
	float:left;
	display:none;
}
#label_all_cities span, #label_any_cities span {
	font-size:14px;
}
.pan .form #countResult {
	padding:10px 0;
}
.pan .form #countResult p {
	font-size:14px;
	font-weight:normal;
}
.pan .form #swf_counter {
	font-size:20px;
	font-weight:bold;
	color:#403F3B;
	width:53px;
	height:24px;
	margin:0 auto;
	text-align:center;
}
.submit {
	padding:22px 0 0 0;
	height:0;
	display:block;
	overflow:hidden;
	background:transparent none 0 0 no-repeat;
}
.pan .form .submit {
	width:114px;
	padding:32px 0 0 0;
}
* html .submit			{height:22px;} /* IE patch */
* html .pan .form .submit	{height:32px;} /* IE patch */
*+html .submit			{height:22px;} /* IE patch */
*+html .pan .form .submit	{height:32px;} /* IE patch */
input#bt_submit:hover {
	cursor:pointer;
	background-position:0 bottom;
}
#div_submit {opacity:0.5;}
* html #div_submit {filter:alpha(opacity=50);} /* IE patch */
*+html #div_submit {filter:alpha(opacity=50);} /* IE patch */



/*******************************************************************************************/
/* NICEFORM */
/*******************************************************************************************/
.niceform label {
	padding-left:16px;
	padding-top:1px;
	background:transparent none 0 2px no-repeat;
	border:0;
	cursor:pointer;
}
.niceform label.checked		{background-image:url(checkbox_on.gif);}
.niceform label.unchecked		{background-image:url(checkbox_off.gif);}
.niceform label.selected		{background-image:url(radio_on.gif);}
.niceform label.deselected	{background-image:url(radio_off.gif);}
.niceform label.checked input,
.niceform label.unchecked input {display:none;}

.niceform #label_all_cities,
.niceform #label_any_cities {
	width:280px;/*134px;*/
}


/*******************************************************************************************/
/* ORDER */
/*******************************************************************************************/
#panOrder {
	background-color:#1b1b1b;
	border:1px solid #545454;
	border-style:solid none;
	color:#8d8a83;
	height:24px;
	position:relative;
	clear:both;
}
#panOrder span {
	float:left;
	padding:4px 10px;
	font-weight:bold;
	border-right:1px solid #545454;
}
#panOrder a {
	height:15px;
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	padding:4px 20px 5px 10px;
	float:left;
	border-right:1px solid #545454;
	background:transparent url(sort_arrows.gif) 100% 100% no-repeat;
}
#panOrder a:hover {
	text-decoration:none;
}
#panOrder a.up, #panOrder a.down {
	background-color:#fff;
	color:#000;
}
#panOrder a.up {
	background-position:100% 0;
}
#panOrder a.down {
	background-position:100% 50%;
}



/*******************************************************************************************/
/* PAGINATION */
/*******************************************************************************************/
.panPagination {
	position:relative;
	display:block;
	height:35px;
}
.panPagination .selector {
	position:absolute;
	right:0;
	top:10px;
	color:#fff;
}
.panPagination .selector span {
	padding-right:5px;
}
.panPageNav {
	padding-top:10px;
	font:normal 12px Verdana,Arial,sans-serif;
	cursor:default;
	display:block;
	height:25px;
	width:270px;
	white-space:nowrap;
	margin:0 auto;
}
.panPageNav a {
	color:#8d8a83;
	font:normal 12px Verdana,Arial,sans-serif;
	cursor:pointer;
}
.panPagePrev, .panPageNext {
	display:block;
	width:38px;
	height:13px;
	float:left;
}
.pageFirst, .pagePrevious, .pageNext, .pageLast {
	width:13px;
	height:0;
	padding-top:13px;
	margin:1px 3px;
	display:block;
	overflow:hidden;
	float:left;
}
.panPageNav span {
	float:left;
}
.pageFirst, .pagePrevious {
	background:transparent url(paging_left.gif) 0 -13px no-repeat;
}
.pageNext, .pageLast {
	background:transparent url(paging_right.gif) 0 -13px no-repeat;
}
.pageFirst, .pageNext {					background-position:0 -13px;}
.pageFirst:hover, .pageNext:hover  {		background-position:0 0;}
.pagePrevious, .pageLast {				background-position:-13px -13px;}
.pagePrevious:hover, .pageLast:hover {	background-position:-13px 0;}
.pageNb {
	text-decoration:none;
	padding:0 2px;
}
.panPageNav .on {
	font-weight:bold;
	color:#fff;
}
.pageNb:hover {
	color:#E2001A;
	background-color:#fff;
}



/*******************************************************************************************/
/* HEART */
/*******************************************************************************************/
#heartTitle {
	background:#2e2d2a none 10px 0 no-repeat;
	color:#fff;
	clear:both;
	margin:1px 0;
	height:0;
	padding-top:26px;
	display:block;
	overflow:hidden;
	cursor:default;
}
#panHeart {
	border-top:1px solid #2e2e2e;
	height:134px;
	overflow:hidden;
	padding:0 0 20px 0;
}
#hotel_heart {margin:0 0 20px 0;}
#panHotelNav {
	background-color:#1b1b1b;
	border:1px solid #3d3d3d;
	border-style:solid none;
	color:#fff;
	height:31px;
	margin-bottom:15px;
	position:relative;
}
#heartNav {text-align:center;}
#heartNav a {
	top:-1px;
	padding:30px 0 0 40px;
	overflow:hidden;
	position:relative;
	background-color:#000;
	background-position:50% 50%;
	font-size:0;
}
#heartNav a.bt_hotel_next {
	margin-left:-1px;
}
#heartNav a.hItemOver {
	background-color:#1b1b1b;
	cursor:pointer;
}



/*******************************************************************************************/
/* LISTING */
/*******************************************************************************************/
#listTitle {
	background:#2e2d2a none 10px 0 no-repeat;
	color:#fff;
	clear:both;
	margin:1px 0;
	height:0;
	padding-top:26px;
	display:block;
	overflow:hidden;
	cursor:default;
}
#panListing {
	border-top:1px solid #2e2e2e;
	padding:0 0 8px 0;
}
.hItem {
	color:#959595;
	border-bottom:1px solid #2e2e2e;
	padding:8px 0;
	display:block;
}
.hItemOver {
	background-color:#1b1b1b;
	cursor:pointer;
}
.hItem .photo {
	float:left;
	width:180px;
	height:130px;
	background:#fff url(no_pictures.png) 50% 50% no-repeat;
	margin:2px 7px;
}
.hItem .hotelName a {
	color:#d50000;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.hItem .hotelName span {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.hItem .refCityName {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:12px;
}
.hItem .hotelDesc {
	margin-bottom:0;
}
.hItem .distance {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-transform:lowercase;
}
.hItem div.moreInfo {
	/*border-left:1px solid #2e2e2e;*/
	width:240px;
	height:134px;
	padding: 0 7px 0 10px;
	float:right;
	background:transparent url(bgLinesV.gif) 3px 0 repeat-y;
}
.hItem .price {
	color:#d50000;
	font-size:14px;
	font-weight:bold;
}
.hItem .inSales {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.hItem .opening {
	color:#fff;
	font-size:12px;
}
.hItem .opening ul {
	margin:0;
	padding:0 0 0 15px;
}
.hItem .opening li {
	color:#959595;
	list-style-type:square;
	font-size:8px;
}
.hItem .opening span {
	color:#959595;
	font-size:11px;
}
.hItem .kind {
	height:0 !important;
	display:block;
	overflow:hidden;
	float:right;
	width:170px;
	padding:30px 0 0 0;
	background:transparent none 0 top no-repeat;
}



/*******************************************************************************************/
/* AREA & BOTTOM */
/*******************************************************************************************/
#bottom {
	overflow:hidden;
	padding:0;
	clear:both;	
}
#navBottom, #navCities, #navArea {
	text-align:center;
	margin:10px 0;
}
#navCities {margin-bottom:30px;}
#navBottom span {padding:0 5px;}
#navArea span {padding:0 2px;}
#navCities span {padding:0;}
#navArea a, #navBottom a, #navCities a {
	font-size:11px;
	white-space:nowrap;
	color:#5f5f5f;
	padding:2px 5px;
	text-decoration:none;
}
#navArea a.on, #navArea a:hover,
#navBottom a.on, #navBottom a:hover,
#navCities a.on, #navCities a:hover {
	color:#959595;
	border-bottom:1px solid #5f5f5f;
}
#navArea {margin:0 0 0 0;}
#navArea a, #navCities a {font-size:9px;}
#navCities a {padding:2px 1px 0 2px;}



/*******************************************************************************************/
/* HOME */
/*******************************************************************************************/
.home {
	text-align:center;
}
.home #header {
	display:block;
	margin:50px auto 5px auto;
	width:295px;
}
.home #logo {
	width:295px;
}
.home #logo a {
	background:transparent url(logo_home.gif) 0 0 no-repeat;
	width:295px;
	padding:39px 0 0 0;
	position:relative;
}
.home #slogan {
	color:#707070;
	font-size:14px;
	text-indent:italic !important;
	width:700px;
	margin:10px auto;
}
.home #slideshow {
	border:5px solid #fff;
	margin:20px auto;
}
.home #bottom {
	display:none;
}
.home #flags {
	margin:10px auto;
	position:relative;
	clear:both;
	display:block;
	float:none;
}
.home #flags a {
	width:48px;
	height:0;
	display:block;
	overflow:hidden;
	padding:41px 0 0 0;
	margin:0 0 0 0;
	background:transparent none 0 0 no-repeat;
	opacity:1;
	position:relative;
}
* html .home #flags a {filter:alpha(opacity=100);} /* IE patch */
*+html .home #flags a {filter:alpha(opacity=100);} /* IE patch */
.home #flags a:hover {
	background-position:0 -41px;
}


