* {margin:0; padding:0; font-size:99%;}

body {background:#9ab0d6 url("/images/bg.png") repeat-x; font:normal 9px 'Tahoma'; color:#000;}

a:link, a:visited {color:#fff;}
a:hover, a:visited:hover {color:#e4a524;text-decoration:none;}
a img {border:0 none;}

/***TOP LINE***/
#topline {max-width: 920px; margin: 0pt auto; padding: 10px 0pt;}

/***TOP BREADCRUMBS***/
#breadcrumbs {float:left}
#breadcrumbs span {font-size:20px;font-family: 'ArtScriptRegular', sans-serif;color:#e4a524;}
#breadcrumbs span a {font-size:20px;font-family: 'ArtScriptRegular', sans-serif;color:#e4a524; text-decoration: none;}

/***TOP LANGS***/
#langs {float:right;}
#langs ul {list-style:none;margin:0 auto;padding:0;text-align:center;}
#langs li {float:left;height:30px}
#langs li a {font-size:23px;padding:0 21px;text-decoration:none;}
#langs #ru {background:url("/images/lang-ru.png") no-repeat 0 0;}
#langs #ua {background:url("/images/lang-ua.png") no-repeat 0 0;}
#langs #en {background:url("/images/lang-en.png") no-repeat 0 0;}
/* #langs #nosm {background:url("/images/nonsmoking.gif") no-repeat 0 0; height: 55px; width: 83px; margin-top: -15px;} */

/***TOP MENU***/
/*#topmenu {background-color:rgba(119,134,167,0.8);float:left;margin:40px 0 0;width:100%;}*/
#topmenu {background-color:#7786a7;float:left;margin:40px 0 0;width:100%;}
#topmenu ul {list-style:none;margin:0 auto;padding-left:7px;text-align:center;max-width:1020px;}
#topmenu li {float:left;width:14.2%;padding:8px 0;}
#topmenu li a {font-size:20px; font-family: 'ArtScriptRegular', Monotype Corsiva, sans-serif;padding:8px 5px;text-decoration:none;}
.el1 {background-color:#7786a7;}
.el0 {background-color:#5d6a89;}

/***START PAGE***/
#startpage {background-color:#7786a7;float:left;margin:40px 0 0;width:100%;}
#startpage ul {list-style:none;margin:0 auto;padding-left:17px;text-align:center;max-width:600px;}
#startpage li {float:left;width:33%;padding:8px 0;}
#startpage li a {font-size:24px; font-family: 'ArtScriptRegular', sans-serif;padding:8px 5px;text-decoration:none;}
#mainphoto {background:url("/images/hellologo.jpg") no-repeat;margin-top: 20px; margin-left: auto; margin-right: auto; width:950px; height:440px;}
#continf{font-size:12px;text-align:center;}

/***TOP WRAPPER***/
#wrapper {background-color:#889bbe;margin:30px auto 0;width:990px;padding-bottom:16px;}

/***HEADER***/
#header {background:#2f425f url("/images/header-bg.png") repeat-x;margin:0 auto;width:95%;height:200px;}

/***HEADER LOGO***/
#logo {float:left;padding:34px 29px;}

/***HEADER FADE***/
#fade {float:right;height:200px;padding:0px 10px;width:600px;}
#fade2 {background: url("/images/header-fade.png") no-repeat 0 0 transparent; position: relative; height: 200px; width: 600px;}

/***HEADER PICS***/
#pics {float:left;padding:11px;}

/***HOTLINE***/
#hotline {background:#2f425f url("/images/hotline-bg.png") repeat-x;height:100px;margin:16px auto 0;padding:0 37px; width: 88%; }
#hotline img {padding-top:7px;}

/***MAIN***/
#main {margin:16px auto 0;min-height:100px;width:95%;}

/***CONTENT***/
#content {float:left;width:520px;margin-left:25px;font-size:10pt; font-family: Tahoma, Verdana, sans-serif; color: #ffffff;}
#contentmain {background:#304360 url("/images/content-bg.png") repeat-x;padding:35px;width:450px;}
#contenthot {background:#2f425f url("/images/hotline-bg.png") repeat-x;max-height: 100px;padding:15px 35px 20px;width:450px;margin-bottom: 25px;text-align: justify;}
#contenthot h4 {color:#F4D584;font:18px 'Monotype Corsiva';text-align: center; font-weight: bold;}
#content p {margin-bottom:10px}

/***RIGHT***/
#right {float:right;width:181px;}

/***LEFT***/
#left {float:left;width:181px;}

/***MODULES***/
.mod {background:#505c78 url("/images/module-bg.png") repeat-x;margin-bottom:16px;}
.mod-header {background:url("/images/monogram.png") no-repeat 50% 0 transparent; height:39px;}
.mod-footer {background:url("/images/monogram.png") no-repeat 50% 100% transparent; height:39px;}
.mod-content {text-align:center;margin:10px 16px;}
.mod-left {background:#505c78 url("/images/content-bg.png") repeat-x;margin-bottom:16px;}
.mod-special {background:#505c78 url("/images/special-bg.png") repeat-x;margin-bottom:16px;}

/***RSRV MODULE***/
.clrsrv a {text-decoration:none;}
.ftrsrv {background:url("/images/btn-reservation.png") no-repeat 0 0 transparent;}
.ftrsrv {display:block;height:67px;position:relative;width:150px;margin-left:4px;}
/*.ftrsrv * {display:none;}*/
.ftrsrv span {font-family:Arial;font-size:17px;line-height:22px;position:relative;top:12px;z-index:1000;}
.ftrsrv span.hover {background:url("/images/btn-reservation.png") no-repeat 0 -67px transparent;}
.ftrsrv span.hover {display:block;height:67px;left:0;position:absolute;top:0;width:150px;z-index:10;}
.btn-round {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.btn-shadow {-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;}

/***SPEC MODULE***/
#special h3 {color:#E4A524;font:20pt 'Monotype Corsiva';}
#special li {list-style-image:url("/images/point.png");}

/***TOP FOOTER***/
#footer {height:30px;margin:0 auto;width:990px;}
#footer span {float:right;padding:9px 33px;}

/***OTHER***/
.round {-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;}
.shadow {-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;}
.clear {clear:both;}

/* Added by K.A. */
#content p {margin-bottom:10px; text-indent:20px; text-align:justify; font-size: 10pt; letter-spacing:1px;}
#content dt {margin-bottom:10px; text-align:justify; font-size: 12pt; letter-spacing:3px;}
#content dd {margin-bottom:10px; margin-left:20px; text-align:justify; font-size: 10pt; letter-spacing:1px;}
#content li {margin-bottom:10px; margin-left:40px; text-align:justify; font-size: 10pt; letter-spacing:1px;}
#content h3 {color:#F4B544;font:18pt 'Monotype Corsiva';}
.spoffers {text-decoration: none; font-size: 11pt;}
#special p {color: #ffffff; margin-bottom:10px; text-indent:20px; text-align:justify; font-size: 10pt; letter-spacing:1px;}
#special h4 {color:#F4E564;font:15pt 'Monotype Corsiva'; margin-bottom:10px; font-weight: bold;} /* #E4A524 */
#footline {background:#2f425f url("/images/hotline-bg.png") repeat-x;margin:16px 32px 16px;padding:10px 37px; width: 88%; float: left; max-height: 80px; color: #ffffff;}
#footline  a {font-size: 11pt; text-decoration: none;}
#footline h4 {color:#f4c544;font:14pt 'Monotype Corsiva';}
#footline img {padding-top: 5px;}
#footline div {text-align: justify;padding-right:10px;font-size:8pt;}
tr.pricelist:hover {background-color: #2f425f; color: #ffffff;}
.bookingbutton {background:url("/images/btn-roombooking.png") no-repeat 0 0 transparent; color:#ffffff; font-size: 12pt; border: 0px; padding: 10px; width: 145px;}
.bookingbutton:hover {background:url("/images/btn-roombooking.png") no-repeat 0 -42px transparent; color:#E4A524; font-size: 12pt; border: 0px; padding: 10px; width: 145px;}
.alloffers {padding: 15px 0px; border-bottom: 1px dotted #a3dfff;}
.alloffers h4 {color:#F4D584;font:18px 'Monotype Corsiva';text-align: left; font-weight: bold;}
.activepromo {color: #ffbbbb; font-size: 14px; vertical-align: super; font-family: Tahoma,Verdana,sans-serif; color: #F4E5D4; font-weight: bold; font-size: 8pt;}

/* Accordion */
.accordion {
	width: 150px;
}
.accordion h3 {
	background: url(/images/arrow.png) no-repeat 6px 6px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-align: left;
	padding-left: 25px;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h3:hover {
	background-color: #889bbe;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h3.active {
	text-align: left;
	padding-left: 25px;
	background: url(/images/arrow_down.png) no-repeat 6px 6px;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h2 {
	padding: 7px 25px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h2:hover {
	background-color: #889bbe;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h2.active {
	background-position: right 5px;
	-moz-border-radius:31px;-webkit-border-radius:31px;border-radius:31px;
	-moz-box-shadow:0 0 18px #222;-webkit-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
}
.accordion h2 a {
	color: #000000;
}
.accordion h3 a {
	color: #000000;
}
.accordion h2 a.review {
	color: #f4c544;
/*	font: 11pt 'Monotype Corsiva'; */
}
.accordion p {
	margin: 0;
	padding: 10px 10px 20px;
	font-size: 11pt;
	display: none;
	text-align: left;
}
.accordion p a {
	padding-left: 20px;
	background: url("/images/point.png") no-repeat;
	font-size: 9pt;
}
.accordion a {
	text-decoration: none;
}
.accordion a:hover {
	text-decoration: underline;
}


@font-face {
	font-family: 'ArtScriptRegular';
	src: url('/fonts/artscrpt-webfont.eot');
	src: local('☺'), url('/fonts/artscrpt-webfont.woff') format('woff'), url('/fonts/artscrpt-webfont.ttf') format('truetype'), url('/fonts/artscrpt-webfont.svg#webfontxSg3tN4f') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AGLettericaCompressedOblique';
	src: url('/fonts/aglecoo-webfont.eot');
	src: local('☺'), url('/fonts/aglecoo-webfont.woff') format('woff'), url('/fonts/aglecoo-webfont.ttf') format('truetype'), url('/fonts/aglecoo-webfont.svg#webfonttHy2rzMi') format('svg');
	font-weight: normal;
	font-style: normal;
}