body {
	height: 100%; margin: 0; padding: 0; background: #e2e5e9 url("../img/hotel-sport/bg-body.gif") repeat-x top;
	text-align: center; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000;
}
body:after { content: "."; display: block; clear: both; line-height: 0; height: 0; color: #fff; }

img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; } 

/* layout full screen size */
.layoutie6sucks {
	position: relative; clear: both; width: 100%; margin: 0; padding: 0; min-height: 54px; height: auto !important; height: 54px;
	margin: 0; padding: 0; border-bottom: 3px solid #fff41f; background: #fffbb2; z-index: 1;
}

	/* IE 6 sucks */
	.ie6sucks { width: 860px; margin: 0 auto; font-size: 12px; text-align: left; }
	.ie6sucks div { float: right; margin: 3px 0 3px 10px; }
	.ie6sucks img { margin-right: 3px; vertical-align: middle; }
	.ie6sucks p { margin-top: 2px; }

/* container */
.container {
	position: relative; clear: both; width: 850px; height: 100%; margin: 70px auto 0; padding: 10px 20px;
	background: #d6dce0 url("../img/hotel-sport/bg-container.gif") repeat-x; text-align: left;
}
.container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
html[xmlns] .container { display: block; }
* html .container { height: 1%; }

	/* header */
	#header { position: relative; clear: both; width: 100%; height: 275px; z-index: 0; }
		
		/* logo */
		#hotel-sport { position: absolute; top: -80px; left: 10px; z-index: 3; }
		
		/* keywords */
		#hotel-sport-kwd { position: absolute; top: -25px; left: 15px; z-index: 3; }
		#hotel-sport-kwd h1 { margin: 0; padding: 0; font: bold italic 14px Arial, Tahoma; color: #1470d4; }
		
		/* languages */
		#languages { position: absolute; top: -55px; right: 10px; z-index: 5; }
		#languages img { margin-left: 3px; }
		
		/* breakfast */
		#breakfast { position: absolute; width: 124px; height: 124px; top: -5px; left: -5px; z-index: 10; }
		
		/* content-container */
		/* content slider - special selection from portfolio*/
		#slider { position: relative; height: 265px; margin: 0; padding: 0; z-index: 0; }
			
			/* slider wrapper */
			.sliderwrapper { position: relative; height: 265px; margin: 0; padding: 0; overflow: hidden; z-index: 1; }
			.sliderwrapper .contentdiv { position: absolute; visibility: hidden; height: 100%; top: 0; left: 0; padding: 0; }
			.sliderwrapper .contentdiv img { margin: 0; left: 0; }
			.pagination { position: absolute; top: 230px; left: 15px; z-index: 4; }
			.pagination a { padding: 5px 10px; background: #dae2ff; text-decoration: none; color: #000; }
			.pagination a:hover, .pagination a.selected { background: #1e52c8; text-decoration: none; color: #fff; }
		
		/* menu */
		#menu {
			position: absolute; clear: both; width: 210px; min-height: 283px; height: auto !important; height: 283px; top: -20px; right: 5px;
			padding: 1px 5px; background: #2f5887 url("../img/hotel-sport/stars.gif") no-repeat right bottom; z-index: 3;
		}
		#menu ul { margin: 0; padding: 2px; list-style: none; }
		#menu ul li { display: inline; margin: 0; padding: 0; }
		#menu ul li a { 
			display: block; width: 110px; margin: 2px 2px 0 0; padding: 5px 4px 5px 24px; 
			text-decoration: none; background: url("../img/arrows/arrow-star.gif") no-repeat 0 8px; font: italic 13px/19px Arial, Tahoma; color: #fff;
		}
		#menu ul li a:hover, #menu ul li a.selected { background: url("../img/arrows/arrow-star-hover.gif") no-repeat 0 8px; font-weight: bold; color: #ffcd01; }
	
	#content { position: relative; clear: both; height: 100%; margin: 0 0 10px; }
	#content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 0; }
	html[xmlns] #content { display: block; }
	* html #content { height: 1%; }
	
		/* middle */
		#middle { position: relative; clear: both; margin: 0; padding: 0; font-size: 12px; }
		#middle h2 { border: 0; }
		
		/* middle */
		.middle { position: relative; clear: both; margin: 0 0 0 5px; padding: 5px; border: 1px solid #eee; }
		
		/* left */
		#left { position: relative; float: left; width: 603px; margin: 0; padding: 5px; border: 1px solid #eee; background: #fff; }
		#left p { margin: 5px 0; padding: 0; }
		#left .editor a { text-decoration: underline; color: #2f5887; }
		#left .editor a:hover { text-decoration: none; color: #000; }
			
			/* you are here */
			.here { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #eeeef6; font-weight: bold; font-size: 13px; }
		
		/* right */
		#right { position: relative; float: left; width: 220px; margin: 0 0 0 10px; padding: 0; }
			
			/* box content */
			.box { display: block; margin-bottom: 10px; padding: 5px; border: 1px solid #eee; background: #fff; }
			
			/* ads */
			.ads { clear: both; height: 100%; margin: 0; padding: 5px 0; text-align: center; }
			.ads ul { margin: 0; padding: 0; list-style: none; }
			.ads li { display: block; margin: 2px 0; padding: 0; }
			.ads li a { margin: 0; padding: 0; text-decoration: underline; color: #215ed8; }
			.ads li a:hover { text-decoration: none; color: #000; }
	
	
	/* footer */
	#footer {
		position: relative; clear: both; width: 890px; margin: 15px auto 0; padding: 7px 0; border-bottom: 1px solid #e5e3db;
		background: #c6d7fc; text-align: left;
	}
		
		/* footer left */
		#ft-left { float: left; width: 200px; margin: 1px 0 0 5px; padding: 0; font-size: 12px; color: #000; }
		#ft-left span { font-weight: bold; color: #1d57cc; }
		
		/* footer right */
		#ft-right { float: left; width: 678px; margin: 0; padding: 0; text-align: right; color: #0054ff; }
		#ft-right a { text-decoration: underline; font-size: 12px; color: #1d57cc; }
		#ft-right a:hover { text-decoration: none; color: #1962f7; }
	
	/* validation */
	#validation { display: inline; position: relative; clear: both; margin: 5px 15px 0 0; padding: 0; text-align: left; }
	#validation a { margin: 0; padding: 2px 2px 2px 3px; text-decoration: none; }
	#validation a:hover {  }
	#validation a.html { background: #77b2e1; font-size: 10px; color: #fff; }
	#validation a.html:hover { background: #b7d5ed; color: #000; }
	#validation a.css { background: #b7d5ed; font-size: 10px; color: #000; }
	#validation a.css:hover { background: #77b2e1; color: #fff; }
	
	/* footer bottom line */
	#fbline { position: relative; clear: both; width: 890px; margin: 7px auto 5px; padding: 0; }
		
		/* footer down links */
		#fdwnlnk { display: inline; float: right; position: relative; margin: 0; padding: 0; text-align: right; color: #7177d0; }
		#fdwnlnk a { margin: 0; padding: 5px 0 0; text-decoration: underline; color: #564e97; }
		#fdwnlnk a:hover { text-decoration: none; }
		
		/* footer bottom line inner */
		#fblineinner { display: inline; float: left; position: relative; margin: 0; padding: 0; }
		
		/* web design author */
		#creator { display: inline; position: relative; clear: both; margin: 10px 0 0; padding: 0 5px; color: #1962f7; }
		#creator a { margin-left: 2px; text-decoration: none; font-weight: bold; font-size: 10px; color: #696969; }
		#creator a:hover { color: #000; }
		#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creator strong { color: #000; }
		
		/* partners */
		.partners { clear: both; width: auto; margin: 25px auto 0; padding: 0; text-align: center; color: #000; }
		.partners a { border: none; text-decoration: none; font-size: 11px; color: #696969; }
		.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }


/* >>> form in page <<< */

form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
form br { clear: both; }

input, textarea { display: block; }

/* label clear: both; */
label { float: left; width: 135px; margin: 0;  padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label span { color: #c10000; }
	
	/* label properties */
	/* radio */
	label.radio { float: none; clear: none; width: auto; display: inline; vertical-align: top; font-weight: normal; cursor: pointer; }
	/* status */
	label.status { float: none; width: auto; display: inline; vertical-align: top; font-weight: normal; cursor: pointer; }
	/* index */
	label.idx { width: 90px; }

/* input */
input {
	float: left; height: 18px; margin: 0 5px 5px 0; padding: 3px 0 0 3px;
	border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd; background: #fff; font-size: 11px;
}
input[type="file"] { height: 20px; }
input[type="hidden"] { display: none; }
input[type="radio"] { float: none; display: inline; border: 0; background: none; }

	/* input properties */
	/* hidden */
	input.hidden { display: none; border: none; }
	/* no background - for checkbox and radio buttons */
	input.no-bg { display: inline; float: left; width: 30px; margin: 0 5px 5px; border: none; vertical-align: middle; background: #fff; }
	/* filebrowser */
	input.filebrowser { height: 20px; }
	/* chars left */
	input.ch-left { position: relative; width: 30px; margin-left: 10px; top: 0; }
	/* radio active buttons */
	input.active { display: inline; float: none; width: 30px; border: none; vertical-align: top; background: #fff; }

/* select */
select {
	display: inline; /*float: left;*/ margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd;
	background: #fff; font: 11px "Trebuchet", Tahoma;  z-index: 0;
}
	
	/* select properties */
	select.room_types { width: 220px; background: #edefff; color: #0c25c6; }
	select.country { width: 175px; background: #edefff; color: #0c25c6; }
	* html select.country { width: 172px; }

/* textarea */
textarea {
	float: left; margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ddd #ddd #ddd #ddd;
	background: #fff; font: 11px "Trebuchet", Tahoma;
}

/* fieldset */
.fieldset { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }
.fieldset fieldset { margin: 0; padding: 5px 5px 0; border: 1px solid #e9e9e9; /*background: #f7f7f7;*/ }
* html .fieldset fieldset { padding-top: 0; }
.fieldset legend { margin: 5px 0; padding: 2px 3px; border-bottom: 1px solid #5872ba; background: #2f5887; color: #fff; }
* html .fieldset legend { margin: 5px 0 5px -6px; }
.fieldset img { border: 0; cursor: pointer; }
.fieldset a { color: #6a447c; }
	
	/* important fieldset */
	.impfiled { background: #fffdcc; }
	
	/* form text */
	.form-text { clear: both; margin: 5px 0; padding: 0; color: #000; }
	
	/* form tip */
	.form-tip { clear: both; margin: 5px 0; padding: 0; color: #000; }
	.form-tip img { vertical-align: middle; }
	
	/* antispam operation */
	.codeop { display: block; float: left; margin: 0; }
	.codeop img { margin-bottom: 5px; vertical-align: middle; cursor: pointer; }
	.codeop span { margin-left: 5px; font-size: 10px; color: orange; }
	
	/* error */
	.frmerror {
		clear: both; display: block; line-height: 18px; padding: 2px 0 0 16px;
		background: url('../img/icons/icon-form-error.gif') no-repeat 0 4px; color: #ff1418;
	}
	
	/* required */
	strong.required { font-weight: bold; color: #d90000; }

/* >>> index <<< */

#index-boxes { clear: both; margin: 5px 0; }
	
	.intro-text { clear: both; margin: 5px 0 10px; padding: 5px; border: 1px solid #eee; color: #215ed8; }
	.intro-text p { margin: 5px 0; font-size: 12px; }
	.intro-text p strong { color: #1d57cc; }
	
	.boxidx { float: left; width: 286px; padding: 5px; border: 1px solid #eee; }
	* html .boxidx { width: 284px; }
	.boxidx h2 { margin: 5px 0 15px; padding: 0; font-weight: bold; font-size: 15px; color: #2f5887; }
	.boxidx h2 span { color: #2493f4; }
		
		/* index box properties */
		.facility { margin-left: 5px; background: #f0f7fd; }
		.facility a { text-decoration: underline; color: #003fff; }
		.facility a:hover { text-decoration: none; }
		.facility ul { margin: 15px 0 0; padding: 0; list-style: none; }
		.facility li {
			display: block; margin: 5px 0; padding: 0 0 0 24px; background: url("../img/arrows/arrow-idx.gif") no-repeat 0 5px;
			/*font-style: italic; */font-size: 13px; color: #1d40ac;
		}
		.personal-info { margin-left: 5px; }
		.boxidxminheightr { min-height: 250px; height: auto !important; height: 250px; }
		* html .boxidxminheightr { height: auto !important; height: 219px; }
		.boxidxminheight { min-height: 320px; height: auto !important; height: 320px; }
	
/* >>> sitemap <<< */

.sitemap { position: relative; clear: both; width: 100%; height: 100%; margin: 0; padding: 0; }
.sitemap h2 { margin: 5px 0 15px; padding: 0; font-weight: bold; font-size: 13px; color: #2f5887; }
.sitemap ul { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
.sitemap li { display: block; margin: 2px 0 5px; padding: 0; color: #000; }
.sitemap li a { line-height: 15px; padding: 2px; text-decoration: underline; color: #4b409f; }
.sitemap li a:hover { text-decoration: none; color: #3e2fd1; }

/* >>> photo-gallery <<< */

.photo-gallery { clear: both; width: 100%; margin: 5px 0; padding: 0; }
.photo-gallery strong { line-height: 25px; font-size: 13px; color: #2f5887; }

	/* photo box */
	.picbox { 
		float: left; width: 102px; min-height: 100px; height: auto !important; height: 100px; margin: 0 5px 5px 0;
		padding: 2px; border: 1px solid #d4d4d4; text-align: center; font: 10px Arial, "Trebuchet MS"; color: #305fc5;
	}
	.picbox img { border: 0; }

/* >>> category <<< */

/* category */

.item_n { clear: both; margin: 10px 0 20px; padding: 0; overflow: inherit; }
.item_n-alternative { clear: both; display: block; margin: 10px 0 20px; padding: 3px; border: 1px solid #b9dcff; background: #e0eefc; overflow: inherit; }

#detailed-item { font-size: 11px; }

/* category content */
.itembody { position: relative; clear: both; width: 100%; line-height: 20px; margin: 0; padding: 0; }
.itembody a { text-decoration: underline; color: #000; }
.itembody a:hover { text-decoration: none; color: #2f5887; }
.itembody h2 { position: relative; margin: 0; padding: 0; border: none; font-size: 13px; font-weight: bold; color: #000; }
.itembody h2 span { margin: 0 5px 0 5px; font-weight: bold; color: #1a6bf0; }
.itembody h2 strong { color: #e10000; }
.itembody img { float: left; margin: 5px 5px 0 0; padding: 2px; border: 1px solid #c8d8ef; vertical-align: text-top; }
.itembody span { font-weight: bold; }

/* category main options */
.itemoptions { clear: both; position: relative; height: 20px; margin: 5px 0; padding: 0 3px; border-bottom: solid 1px #2f5887; color: #2f5887; }
* html .itemoptions { padding: 3px; }
.itemoptions a { text-decoration: none; color: #2f5887; }
.itemoptions a:hover { text-decoration: underline; color: #000; }
.itemoptions img { float: none; margin: 0 5px 0; padding: 0; border: 0; vertical-align: middle; }

/* counter */
.views { font-size: 11px; color: #2f5887; }

/* font chager */
.font-size { position: absolute; top: 0; right: 10px; }
* html .font-size { top: 3px; }

/* voting system */
.votesarea { position: relative; clear: both; width: auto; height: 100%; margin: 10px 0; padding: 3px 3px 10px; border: 1px solid #e8efe6; }
	/* info */
	.votes-box { clear: both; margin: 3px 0 0; line-height: 15px; font-size: 11px; color: #818181; vertical-align: top; }
	.votes-box span { font-weight: bold; color: #6bb806; }
	.votes-box img { margin: 0 5px 0 0; padding: 0; border: 0; vertical-align: middle; cursor: pointer; }
	.votes-box .item { float: none; width: 100%; min-height: 16px; height: auto !important; height: 16px; margin: 0; border: 0; text-align: left; }
	/* vote stars */
	.vote-stars { clear: both; margin: 5px 0 10px; }

/* social bookmarking */
.bookmarking { clear: both; position: relative; height: 100%; margin: 10px 0; padding: 3px; border: 1px solid #eee; overflow: inherit; }
.bookmarking strong { margin-left: 4px; padding: 1px 2px; color: #2f5887; }
.bookmarking ul { margin: 3px 0 0; padding: 0; list-style-type: none; }
.bookmarking li { float: left; width: auto; margin: 0 1px; padding: 0; }
.bookmarking li a { float: left; margin: 0; padding: 2px; }
.bookmarking li a img { margin: 0; padding: 3px; border: 1px solid #eee; }
.bookmarking li a:hover img { border: 1px solid #2f5887; }

/* >>> general users comments <<< */

ul.comms { clear: both; width: auto; margin: 3px 0px; padding: 0; list-style: none; }
ul.comms li { clear: both; position: relative; height: 100%; margin: 2px 0 2px 0; padding: 2px 5px 0; border-bottom: 1px solid #dcdcdc; color: #c9292f; }
ul.comms li.alt { margin: 0 0 2px; background: #f7f7ff; }
ul.comms li.reply { float: right; margin: 0 0 2px; border-bottom: 1px solid #F4D9D9; background: #f7eaea; }
ul.comms li .rep { position: absolute; top: 2px; right: 5px; }
ul.comms li p { line-height: 18px; margin: 5px 0 0; color: #000; }
ul.comms li strong { color: #d90000; }
ul.comms li a { text-decoration: underline; font-weight: bold; font-size: 10px; color: #000; }
ul.comms li a:hover { text-decoration: none; font-weight: bold; font-size: 10px; color: #696969; }
ul.comms li a img { margin: 0; border: 0; vertical-align: middle; }
ul.comms li img { margin: 0; border: 0; vertical-align: middle; }

/* total comments */
.total-entries {
	clear: both; width: auto; margin: 0; padding: 3px; border-bottom: 1px solid #dbdbdb; background: #eee;
	text-transform: uppercase; font-weight: bold; font-size: 11px; color: #000;
}
.total-entries span { font-weight: bold; font-size: 11px; color: #b40b0b; }

/* >>> editor <<< */

.editor { clear: both; height: 100%; line-height: 100%; margin: 10px 0 0; padding: 0; text-align: justify; font: 11px Arial "Trebuchet MS", Tahoma; }
.editor h1 { font-size: 15px; }
.editor h2 { font-size: 14px; }
.editor h3 { font-size: 13px; }
.editor h4 { font-size: 12px; }
.editor h5 { font-size: 11px; }
.editor h6 { font-size: 10px; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin: 5px 0; padding: 0; color: #e68700; }
.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
.editor p { margin: 0; padding: 0; line-height: 20px; }
.editor p { color: #000; }
.editor p strong { color: #000; }
.editor p ol, .editor p ul { display: block; clear: both; width: auto; margin: 0; padding: 5px; text-align: justify; }
.editor ol li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: decimal; }
.editor ul li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: disc; }
.editor a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #000; }
.editor a:hover { text-decoration: none; }
.editor img { float: left; }

/* >>> clearfix <<< */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 3px 5px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 3px 5px; border-bottom: 1px solid #c1b4ec; background: #7755e5; color: #fff; } 
	.navigator input {
		display: inline; float: none; width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
		font-weight: bold; font-size: 11px;
	}
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }

/* image calendar */
img.calendar { margin-left: 2px; padding: 0; border: 0; }

/* site messages */
.msg-success, .msg-error, .msg-warning, .msg-tip {
	display: block; clear: both; /*min-height: 25px; height: auto !important; height: 25px;*/ margin: 5px 0; padding: 5px; font-size: 11px;
}
.msg-success, .msg-error, .msg-warning big { font-weight: bold; font-size: 12px; }
.msg-success { border: 1px solid #87d30e; background: #e7ffb2; color: #3d9711; }
.msg-warning { border: 1px solid #f2cf6f; background: #fff1b8; color: #d87b0e; }
.msg-error { border: 1px solid #c07e7e; background: #ffe3e4; color: #df0510; }
.msg-tip {
	min-height: 18px; height: auto !important; height: 18px; padding: 3px 0 5px 22px; border: 1px solid #fff778;
	background: #fffdcc url('../img/icons/message-tip.gif') no-repeat 2px 1px; color: #000;
}
.msg-tip em { font-style: normal; }