html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-size: 11px; font-family: tahoma, verdana; color: #666666; background: #ffffff; background-image: url('images/bg.png'); background-repeat: repeat-x; background-position: top center }
img { border: none }
a:active, a:visited, a:link { color: #333333; text-decoration: none }
a:hover { color: #333333; text-decoration: underline }
a:focus { outline: none }
.site { width: 980px; margin: auto }
.header { width: 980px; height: 100px }
.logo { width: 160px; height: 80px; text-align: center; padding-top: 10px; float: left }
.header-right { width: 190px; height: 75px; float: right }
.header-menu { height: 30px; color: #6a6363; margin-top: 30px }
.header-menu a:active, .header-menu a:visited, .header-menu a:link { color: #6a6363; text-decoration: none }
.header-menu a:hover { color: #6a6363; text-decoration: underline }
.language-part { margin-top: 55px }
.language-icon { width: 24px; height: 15px; float: left }
.language-name { float: left; font-size: 10px; padding-right: 16px }
.language-name a:active, .language-name a:visited, .language-name a:link { color: #928d8d; text-decoration: none }
.language-name a:hover { color: #928d8d; text-decoration: underline }
.menu-part { width: 980px; height: 22px; margin-top: 1px }
.menu { padding-left: 14px; float: left }
.menu a, .menu a:hover { font-size: 15px; text-transform: uppercase; color: #111; text-decoration: none }
.menu ul a:hover { color: #008FE7 }
.menu-icon { width: 14px; height: 10px; margin-top: 5px; background-image: url('images/menu-icon.gif'); background-repeat: no-repeat; background-position: top right; font-size: 1px; float: left }
.menu-line { width: 980px; height: 18px; background-image: url('images/menu-line.png'); background-repeat: no-repeat; background-position: top }
.slide-bg { width: 972px; /*height: 334px; */ background: #ffffff; border: 1px solid #eeeeee; position: relative; z-index: 97; padding: 3px 2px 1px 3px }
.slide-part { width: 970px; height: 326px; margin: 4px; background: orange }
.slide { width: 970px; height: 326px; z-index: 98 }
.slide-bottom-part { width: 970px; height: 56px; background-image: url('images/slide-bottom.png'); background-repeat: repeat-x; background-position: top; margin: auto; position: absolute; z-index: 99; bottom: 4px }
.slide-bottom-text { height: 56px; line-height: 56px; padding-left: 20px; color: #ffffff; font-size: 20px }
.home-content-part { width: 980px; background: #ffffff; background-image: url('images/home-content-bg.png'); background-repeat: no-repeat; background-position: top }
.content-part { width: 980px; background: #ffffff; background-image: url('images/content-bg.png'); background-repeat: no-repeat; background-position: top; padding-top: 30px }
.content-text-part { width: 422px; padding-left: 8px; float: left }
/* ---- News Start ---- */
.content-news-part { display: block }
.content-news-list { display: block; margin-bottom: 20px }
.content-news-line { display: block; height: 21px; background-image: url('images/content-news-line.png'); background-repeat: repeat-x; background-position: top }
.content-news-img { width: 126px; height: 93px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; background: #ffffff; float: left }
.content-news-text { display: inline; width: 527px; float: left }
.content-news-title { display: block; color: #333333; font-size: 11px; font-weight: bold }
.content-news-date { display: block; height: 25px; color: #008fe7; font-size: 10px }
.content-news-description { display: block; color: #666666; font-size: 11px }
.content-news-more { display: block; color: #008fe7; font-size: 11px }
.content-news-more a:active, .content-news-more a:visited, .content-news-more a:link { color: #008fe7; text-decoration: underline }
.content-news-more a:hover { color: #008fe7; text-decoration: none }
/* ---- News End ---- */
.content-text { width: 422px }
.content-menu-part { width: 280px; float: left }
.content-menu { width: 220px; margin: auto }
.content-banner-part { width: 270px; float: left }
.content-banner { width: 236px; margin: auto }
.spoiler-part { width: 420px; padding-top: 20px }
.spoiler-top { width: 420px; height: 25px; background-image: url('images/spoiler-bg.png'); background-repeat: repeat-x; background-position: bottom }
.spoiler-title { float: left; color: #111; text-transform: uppercase }
.spoiler-icon { float: right }
.spoiler-content { width: 420px; padding-top: 15px }
.spoiler-img { width: 166px; height: 123px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; float: left }
.spoiler-text-part { display: block; float: left }
.spoiler-text { display: block }
.spoiler-more { display: block; text-align: left; padding-top: 12px }
.spoiler-more a:active, .spoiler-more a:visited, .spoiler-more a:link { color: #008fe7; text-decoration: underline }
.spoiler-more a:hover { color: #008fe7; text-decoration: none }
.content-menu-title { width: 220px; height: 20px }
.content-menu-line { width: 220px; height: 7px; font-size: 1px }
.content-menu-name { width: 220px; text-transform: uppercase; color: #222 }
.content-menu-name a, .content-menu-name a:hover { font-size: 16px; text-decoration: none }
.img-block-part { width: 980px; padding-top: 10px }
.img-block { width: 234px; height: 114px; background: #ffffff; text-align: center; padding-top: 4px; border: 1px solid #eeeeee; margin-bottom: 10px; float: left }
.content-img-block { width: 234px; height: 114px; background: #ffffff; text-align: center; padding-top: 4px; border: 1px solid #eeeeee; margin-bottom: 10px }
.img-block-line { width: 12px; height: 10px; float: left }
.small-block-part { width: 980px }
.small-block-list { width: 230px; margin-top: 25px; float: left }
.small-block-top { width: 230px; height: 32px }
.small-block-center { width: 230px }
.block-title { font-size: 22px; text-transform: uppercase; color: #111 }
.small-block-line { width: 20px; height: 20px; float: left }
.news-part { width: 220px }
.news-list { width: 220px }
.news-date { /* height: 25px; */ font-size: 11px; color: #2e84d7; font-weight: bold }
.news-description { font-size: 11px; color: #333333 }
.weather-part { width: 220px }
.weather-text { width: 125px; float: left }
.weather-img { width: 95px; float: left; padding-top: 8px }
.weather-number { width: 125px; height: 28px; font-size: 18px; color: #2e84d7; text-align: center; padding-top: 25px }
.weather-name { width: 120px; font-size: 14px; color: #000000; text-align: center }
.gudauri-bg { /*margin-top: -120px; */ width: 100%; height: 140px; background-image: url('images/gudauri-bg.gif'); background-repeat: no-repeat; background-position: bottom center }
.footer-part { width: 980px; height: 119px; margin: auto }
.footer-line { width: 980px; height: 9px; background-image: url('images/footer-line.png'); background-repeat: no-repeat; background-position: top center; font-size: 1px }
.footer-bg { width: 980px; height: 110px; background-image: url('images/footer-bg.png'); background-repeat: no-repeat; background-position: top center }
.footer-menu { width: 980px; height: 20px; text-align: center; font-size: 10px; color: #999999; padding-top: 20px }
.footer-menu a:active, .footer-menu a:visited, .footer-menu a:link { color: #999999; text-decoration: none }
.footer-menu a:hover { color: #999999; text-decoration: underline }
.copyright { width: 980px; height: 40px; text-align: center; font-size: 11px; color: #999999 }
.digital { width: 980px; text-align: center }
.div-clear { clear: both }
.font-geo { font-family: "BPG Nino Mtavruli" }
.font-eng { font-family: "Garamond" }
.font-rus { font-family: "Garamond" }
.font-bold-geo { font-family: "BPG Nino Mtavruli"; font-weight: bold }
.font-bold-eng { font-family: "Garamond"; font-weight: bold }
.font-bold-rus { font-family: "Garamond"; font-weight: bold }
/* Pages Block Start */
.page-part { width: 400px; height: 22px; font-size: 11px; padding-left: 7px }
.page-active { width: 22px; height: 22px; color: #008fe7; background: #f2f2f2; border: 1px solid #cccccc; text-align: center; font-size: 11px; line-height: 20px; float: left; margin-right: 3px }
.page-active a:active, .page-active a:visited, .page-active a:link { color: #008fe7; text-decoration: underline }
.page-active a:hover { color: #008fe7; text-decoration: none }
.page { width: 22px; height: 22px; color: #999999; background: #ffffff; border: 1px solid #cccccc; text-align: center; font-size: 11px; line-height: 20px; float: left; margin-right: 3px }
.page a:active, .page a:visited, .page a:link { color: #999999; text-decoration: none }
.page a:hover { color: #999999; text-decoration: underline }
/* Pages Block End */
/* ---- Contact Start ---- */
.contact-form-part { width: 680px; padding-top: 15px }
.contact-list { width: 680px; margin-bottom: 10px }
.contact-input-name { width: 100px; float: left; font-size: 11px; line-height: 18px; color: #666666 }
.contact-input { width: 300px; float: left }
.contact-input-css { width: 295px; height: 18px; border: 1px solid #d6d6d6; background: #f9f9f9 }
.contact-textarea-css { width: 295px; height: 152px; border: 1px solid #d6d6d6; background: #f9f9f9 }
.send-button { width: 180px; height: 30px; padding-left: 100px }
/* ---- Contact End ---- */
/* ---- Gallery Start ---- */
.gallery-part { width: 700px }
.gallery-list { width: 175px; height: 180px; float: left }
.gallery-img { width: 166px; height: 123px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; background: #ffffff }
.gallery-title { width: 166px; text-align: center; color: #333333; font-size: 11px; font-weight: bold; padding-top: 7px }
.gallery-date { width: 166px; text-align: center; color: #008fe7; font-size: 10px }
/* ---- Gallery End ---- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden }
#cboxOverlay { position: fixed; width: 100%; height: 100% }
#cboxMiddleLeft, #cboxBottomLeft { clear: left }
#cboxContent { position: relative; overflow: hidden }
#cboxLoadedContent { overflow: auto }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0 }
#cboxTitle { margin: 0 }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100% }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer }
/*#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}*/
#colorbox { }
#cboxTopLeft { width: 21px; height: 21px; background: url(images/controls.png) -100px 0 no-repeat }
#cboxTopRight { width: 21px; height: 21px; background: url(images/controls.png) -129px 0 no-repeat }
#cboxBottomLeft { width: 21px; height: 21px; background: url(images/controls.png) -100px -29px no-repeat }
#cboxBottomRight { width: 21px; height: 21px; background: url(images/controls.png) -129px -29px no-repeat }
#cboxMiddleLeft { width: 21px; background: url(images/controls.png) left top repeat-y }
#cboxMiddleRight { width: 21px; background: url(images/controls.png) right top repeat-y }
#cboxTopCenter { height: 21px; background: url(images/border.png) 0 0 repeat-x }
#cboxBottomCenter { height: 21px; background: url(images/border.png) 0 -29px repeat-x }
#cboxContent { background: #fff }
#cboxLoadedContent { margin-bottom: 28px }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494 }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494 }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef }
#cboxPrevious { position: absolute; bottom: 0; left: 0px; background: url(images/controls.png) -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxPrevious.hover { background-position: -75px -25px }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(images/controls.png) -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxNext.hover { background-position: -50px -25px }
#cboxLoadingOverlay { background: url(images/loading_background.png) center center no-repeat }
#cboxLoadingGraphic { background: url(images/loading.gif) center center no-repeat }
#cboxClose { position: absolute; bottom: 0; right: 0; background: url(images/controls.png) -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxClose.hover { background-position: -25px -25px }
.cboxIE #cboxTopLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale') }
.cboxIE #cboxTopCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale') }
.cboxIE #cboxTopRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale') }
.cboxIE #cboxBottomLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale') }
.cboxIE #cboxBottomCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale') }
.cboxIE #cboxBottomRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale') }
.cboxIE #cboxMiddleLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale') }
.cboxIE #cboxMiddleRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale') }
.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% }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-size: 11px; font-family: tahoma, verdana; color: #666666; background: #ffffff; background-image: url('images/bg.png'); background-repeat: repeat-x; background-position: top center }
img { border: none }
a:active, a:visited, a:link { color: #333333; text-decoration: none }
a:hover { color: #333333; text-decoration: underline }
a:focus { outline: none }
.site { width: 980px; margin: auto }
.header { width: 980px; height: 100px }
.logo { width: 160px; height: 80px; text-align: center; padding-top: 10px; float: left }
.header-right { width: 190px; height: 75px; float: right }
.header-menu { height: 30px; color: #6a6363; margin-top: 30px }
.header-menu a:active, .header-menu a:visited, .header-menu a:link { color: #6a6363; text-decoration: none }
.header-menu a:hover { color: #6a6363; text-decoration: underline }
.language-part { margin-top: 55px }
.language-icon { width: 24px; height: 15px; float: left }
.language-name { float: left; font-size: 10px; padding-right: 16px }
.language-name a:active, .language-name a:visited, .language-name a:link { color: #928d8d; text-decoration: none }
.language-name a:hover { color: #928d8d; text-decoration: underline }
.menu-part { width: 980px; height: 22px; margin-top: 1px }
.menu { padding-left: 14px; float: left }
.menu a, .menu a:hover { font-size: 15px; text-transform: uppercase; color: #111; text-decoration: none }
.menu ul a:hover { color: #008FE7 }
.menu-icon { width: 14px; height: 10px; margin-top: 5px; background-image: url('images/menu-icon.gif'); background-repeat: no-repeat; background-position: top right; font-size: 1px; float: left }
.menu-line { width: 980px; height: 18px; background-image: url('images/menu-line.png'); background-repeat: no-repeat; background-position: top }
.slide-bg { width: 972px; /*height: 334px; */ background: #ffffff; border: 1px solid #eeeeee; position: relative; z-index: 97; padding: 3px 2px 1px 3px }
.slide-part { width: 970px; height: 326px; margin: 4px; background: orange }
.slide { width: 970px; height: 326px; z-index: 98 }
.slide-bottom-part { width: 970px; height: 56px; background-image: url('images/slide-bottom.png'); background-repeat: repeat-x; background-position: top; margin: auto; position: absolute; z-index: 99; bottom: 4px }
.slide-bottom-text { height: 56px; line-height: 56px; padding-left: 20px; color: #ffffff; font-size: 20px }
.home-content-part { width: 980px; background: #ffffff; background-image: url('images/home-content-bg.png'); background-repeat: no-repeat; background-position: top }
.content-part { width: 980px; background: #ffffff; background-image: url('images/content-bg.png'); background-repeat: no-repeat; background-position: top; padding-top: 30px }
.content-text-part { width: 422px; padding-left: 8px; float: left }
/* ---- News Start ---- */
.content-news-part { display: block }
.content-news-list { display: block; margin-bottom: 20px }
.content-news-line { display: block; height: 21px; background-image: url('images/content-news-line.png'); background-repeat: repeat-x; background-position: top }
.content-news-img { width: 126px; height: 93px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; background: #ffffff; float: left }
.content-news-text { display: inline; width: 527px; float: left }
.content-news-title { display: block; color: #333333; font-size: 11px; font-weight: bold }
.content-news-date { display: block; height: 25px; color: #008fe7; font-size: 10px }
.content-news-description { display: block; color: #666666; font-size: 11px }
.content-news-more { display: block; color: #008fe7; font-size: 11px }
.content-news-more a:active, .content-news-more a:visited, .content-news-more a:link { color: #008fe7; text-decoration: underline }
.content-news-more a:hover { color: #008fe7; text-decoration: none }
/* ---- News End ---- */
.content-text { width: 422px }
.content-menu-part { width: 280px; float: left }
.content-menu { width: 220px; margin: auto }
.content-banner-part { width: 270px; float: left }
.content-banner { width: 236px; margin: auto }
.spoiler-part { width: 420px; padding-top: 20px }
.spoiler-top { width: 420px; height: 25px; background-image: url('images/spoiler-bg.png'); background-repeat: repeat-x; background-position: bottom }
.spoiler-title { float: left; color: #111; text-transform: uppercase }
.spoiler-icon { float: right }
.spoiler-content { width: 420px; padding-top: 15px }
.spoiler-img { width: 166px; height: 123px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; float: left }
.spoiler-text-part { display: block; float: right }
.spoiler-text { display: block }
.spoiler-more { display: block; text-align: right; padding-top: 12px }
.spoiler-more a:active, .spoiler-more a:visited, .spoiler-more a:link { color: #008fe7; text-decoration: underline }
.spoiler-more a:hover { color: #008fe7; text-decoration: none }
.content-menu-title { width: 220px; height: 20px }
.content-menu-line { width: 220px; height: 7px; font-size: 1px }
.content-menu-name { width: 220px; text-transform: uppercase; color: #222 }
.content-menu-name a, .content-menu-name a:hover { font-size: 16px; text-decoration: none }
.img-block-part { width: 980px; padding-top: 10px }
.img-block { width: 234px; height: 114px; background: #ffffff; text-align: center; padding-top: 4px; border: 1px solid #eeeeee; margin-bottom: 10px; float: left }
.content-img-block { width: 234px; height: 114px; background: #ffffff; text-align: center; padding-top: 4px; border: 1px solid #eeeeee; margin-bottom: 10px }
.img-block-line { width: 12px; height: 10px; float: left }
.small-block-part { width: 980px }
.small-block-list { width: 230px; margin-top: 25px; float: left }
.small-block-top { width: 230px; height: 32px }
.small-block-center { width: 230px }
.block-title { font-size: 22px; text-transform: uppercase; color: #111 }
.small-block-line { width: 20px; height: 20px; float: left }
.news-part { width: 220px }
.news-list { width: 220px }
.news-date { /* height: 25px; */ font-size: 11px; color: #2e84d7; font-weight: bold }
.news-description { font-size: 11px; color: #333333 }
.weather-part { width: 220px }
.weather-text { width: 125px; float: left }
.weather-img { width: 95px; float: left; padding-top: 8px }
.weather-number { width: 125px; height: 28px; font-size: 18px; color: #2e84d7; text-align: center; padding-top: 25px }
.weather-name { width: 120px; font-size: 14px; color: #000000; text-align: center }
.gudauri-bg { /*margin-top: -120px; */ width: 100%; height: 140px; background-image: url('images/gudauri-bg.gif'); background-repeat: no-repeat; background-position: bottom center }
.footer-part { width: 980px; height: 119px; margin: auto }
.footer-line { width: 980px; height: 9px; background-image: url('images/footer-line.png'); background-repeat: no-repeat; background-position: top center; font-size: 1px }
.footer-bg { width: 980px; height: 110px; background-image: url('images/footer-bg.png'); background-repeat: no-repeat; background-position: top center }
.footer-menu { width: 980px; height: 20px; text-align: center; font-size: 10px; color: #999999; padding-top: 20px }
.footer-menu a:active, .footer-menu a:visited, .footer-menu a:link { color: #999999; text-decoration: none }
.footer-menu a:hover { color: #999999; text-decoration: underline }
.copyright { width: 980px; height: 40px; text-align: center; font-size: 11px; color: #999999 }
.digital { width: 980px; text-align: center }
.div-clear { clear: both }
.font-geo { font-family: "BPG Nino Mtavruli" }
.font-eng { font-family: "Garamond" }
.font-rus { font-family: "Garamond" }
.font-bold-geo { font-family: "BPG Nino Mtavruli"; font-weight: bold }
.font-bold-eng { font-family: "Garamond"; font-weight: bold }
.font-bold-rus { font-family: "Garamond"; font-weight: bold }
/* Pages Block Start */
.page-part { width: 400px; height: 22px; font-size: 11px; padding-left: 7px }
.page-active { width: 22px; height: 22px; color: #008fe7; background: #f2f2f2; border: 1px solid #cccccc; text-align: center; font-size: 11px; line-height: 20px; float: left; margin-right: 3px }
.page-active a:active, .page-active a:visited, .page-active a:link { color: #008fe7; text-decoration: underline }
.page-active a:hover { color: #008fe7; text-decoration: none }
.page { width: 22px; height: 22px; color: #999999; background: #ffffff; border: 1px solid #cccccc; text-align: center; font-size: 11px; line-height: 20px; float: left; margin-right: 3px }
.page a:active, .page a:visited, .page a:link { color: #999999; text-decoration: none }
.page a:hover { color: #999999; text-decoration: underline }
/* Pages Block End */
/* ---- Contact Start ---- */
.contact-form-part { width: 680px; padding-top: 15px }
.contact-list { width: 680px; margin-bottom: 10px }
.contact-input-name { width: 100px; float: left; font-size: 11px; line-height: 18px; color: #666666 }
.contact-input { width: 300px; float: left }
.contact-input-css { width: 295px; height: 18px; border: 1px solid #d6d6d6; background: #f9f9f9 }
.contact-textarea-css { width: 295px; height: 152px; border: 1px solid #d6d6d6; background: #f9f9f9 }
.send-button { width: 180px; height: 30px; padding-left: 100px }
/* ---- Contact End ---- */
/* ---- Gallery Start ---- */
.gallery-part { width: 700px }
.gallery-list { width: 175px; height: 180px; float: left }
.gallery-img { width: 166px; height: 123px; text-align: center; padding-top: 3px; border: 1px solid #eeeeee; background: #ffffff }
.gallery-title { width: 166px; text-align: center; color: #333333; font-size: 11px; font-weight: bold; padding-top: 7px }
.gallery-date { width: 166px; text-align: center; color: #008fe7; font-size: 10px }
/* ---- Gallery End ---- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden }
#cboxOverlay { position: fixed; width: 100%; height: 100% }
#cboxMiddleLeft, #cboxBottomLeft { clear: left }
#cboxContent { position: relative; overflow: hidden }
#cboxLoadedContent { overflow: auto }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0 }
#cboxTitle { margin: 0 }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100% }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer }
/*#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}*/
#colorbox { }
#cboxTopLeft { width: 21px; height: 21px; background: url(images/controls.png) -100px 0 no-repeat }
#cboxTopRight { width: 21px; height: 21px; background: url(images/controls.png) -129px 0 no-repeat }
#cboxBottomLeft { width: 21px; height: 21px; background: url(images/controls.png) -100px -29px no-repeat }
#cboxBottomRight { width: 21px; height: 21px; background: url(images/controls.png) -129px -29px no-repeat }
#cboxMiddleLeft { width: 21px; background: url(images/controls.png) left top repeat-y }
#cboxMiddleRight { width: 21px; background: url(images/controls.png) right top repeat-y }
#cboxTopCenter { height: 21px; background: url(images/border.png) 0 0 repeat-x }
#cboxBottomCenter { height: 21px; background: url(images/border.png) 0 -29px repeat-x }
#cboxContent { background: #fff }
#cboxLoadedContent { margin-bottom: 28px }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494 }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494 }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef }
#cboxPrevious { position: absolute; bottom: 0; left: 0px; background: url(images/controls.png) -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxPrevious.hover { background-position: -75px -25px }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(images/controls.png) -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxNext.hover { background-position: -50px -25px }
#cboxLoadingOverlay { background: url(images/loading_background.png) center center no-repeat }
#cboxLoadingGraphic { background: url(images/loading.gif) center center no-repeat }
#cboxClose { position: absolute; bottom: 0; right: 0; background: url(images/controls.png) -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px }
#cboxClose.hover { background-position: -25px -25px }
.cboxIE #cboxTopLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale') }
.cboxIE #cboxTopCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale') }
.cboxIE #cboxTopRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale') }
.cboxIE #cboxBottomLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale') }
.cboxIE #cboxBottomCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale') }
.cboxIE #cboxBottomRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale') }
.cboxIE #cboxMiddleLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale') }
.cboxIE #cboxMiddleRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale') }
.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% }
/* ---- Booking Start ---- */
.booking-part { width: 680px; margin-top: 25px }
.booking-help-part { width: 311px; height: 81px; background: #fff; background-image: url('images/help-bg.png'); background-repeat: no-repeat; background-position: center center; border: 1px solid #eee; margin-right: 7px; float: left }
.booking-help { padding: 15px 25px 20px 25px; color: #c3c3c3; line-height: 17px }
.booking-rules-part { width: 311px; height: 81px; background: #fff; background-image: url('images/rules-bg.png'); background-repeat: no-repeat; background-position: center center; border: 1px solid #eee; float: left }
.booking-rules { padding: 15px 25px 20px 25px; color: #e5e5e5; line-height: 17px }
/*.booking-title { width: 655px; height: 40px; background: #000; background-image: url('images/booking-title-bg.png'); background-repeat: no-repeat; border: 1px solid #000; color: #fff; line-height: 40px; text-transform: uppercase; font-size: 18px; font-weight: bold; font-family: garamond; padding-left: 20px; margin-top: 35px }*/
.find-book-part { width: 675px; background: #fff; border: 1px solid #ccc; color: #333 }
/*.booking-list { border-bottom: 1px solid #ccc }*/
/*.booking-list2 { border-bottom: 1px solid #ccc; background: #fafafa }*/
/*
.booking-list-part { width: 200px; height: 40px; padding-left: 25px; float: left }
.booking-list-part-small { width: 130px; height: 40px; padding-left: 10px; float: left }
.booking-list-part-small.first { width: 70px; padding-left: 25px }
.booking-list-part-small.more { width: 152px }
.booking-list2-part { width: 120px; float: left; padding-bottom: 5px }
.booking-input-name { width: 95px; line-height: 38px; height: 38px; color: #333; float: left }
.booking-input-name-small { width: 77px; line-height: 38px; height: 38px; color: #333; float: left }
.booking-input { width: 76px; height: 17px; margin-top: 9px; padding: 4px; float: left; background-image: url('images/input-bg.png'); background-repeat: no-repeat; border: 0px; font-size: 10px }
.booking-input-small { width: 45px; padding: 2px; margin-top: 11px; float: left; border: 1px solid #CCC; background: #FFF; font-size: 10px }
.booking-input-small.more { width: 70px !important }
.booking-input-small:forus { outline: none }
.booking-input-name2 { width: 90px; height: 45px; float: left; padding-left: 25px; line-height: 45px }
*/
.booking-list-part { width: 200px; height: 40px; padding-left: 25px; float: left }
.booking-list-part-small.more { width: 152px }
/*.booking-list2-part { width: 120px; float: left; padding-bottom: 5px }*/
.booking-input-name { width: 95px; line-height: 38px; height: 38px; color: #333; float: left }
.booking-input { width: 76px; height: 17px; margin-top: 9px; padding: 4px; float: left; background-image: url('images/input-bg.png'); background-repeat: no-repeat; border: 0px; font-size: 10px }
.booking-input-small:forus { outline: none }
.booking-input-name2 { width: 90px; height: 45px; float: left; padding-left: 25px; line-height: 45px }
.booking-list-part-small { height: 40px; padding-left: 15px; float: left }
.booking-list-part-small.first { padding-left: 25px }
.booking-input-name-small { padding-right: 5px; line-height: 38px; height: 38px; color: #333; float: left }
.booking-input-small { width: 45px; padding: 2px; margin-top: 11px; float: left; border: 1px solid #CCC; background: #FFF; font-size: 10px }
.booking-input-small:forus { outline: none }
.view-rates-button { margin: 20px }
.view-rates-button a:active, .view-rates-button a:visited, .view-rates-button a:link { width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.view-rates-button a:hover { color: #fff; width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
/*.rooms-rates-part { width: 675px; background: #fff; border: 1px solid #ccc; color: #333 }*/
/*.rooms-rates-list { width: 645px; height: 35px; line-height: 35px; font-weight: bold; color: #000; margin: auto }*/
/*.rooms-rates-list2 { width: 640px; height: 50px; line-height: 50px; margin: auto; color: #000 }*/
/*.room-type { width: 170px; float: left; line-height: 10px; padding-top: 14px }*/
.booking-checkbox { padding: 15px 5px 0 0; float: left }
.booking-checkbox2 { padding: 10px 5px 0 0; float: left }
.room-type2 { width: 93px; float: left; line-height: 10px; padding-top: 14px }
.room-description { font-size: 10px }
.room-description a:active, .room-description a:visited, .room-description a:link { color: #008fe7; text-decoration: none }
.room-description a:hover { color: #008fe7; text-decoration: underline }
/*.room-person { width: 145px; float: left }*/
.room-rate { width: 120px; float: left }
.room-day { width: 50px; float: left }
.total-cost { width: 100px; float: left; font-weight: bold }
.book-button { width: 52px; float: left; margin-top: 12px }
.book-button a:active, .book-button a:visited, .book-button a:link { width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.book-button a:hover { color: #fff; width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.checkbox-list { margin: 5px 0 0 15px; height: 25px }
.checkbox-list2 { margin: 0 0 0 15px; height: 30px }
.bed-checkbox { margin-right: 10px; float: left }
.bed-name { line-height: 17px; float: left }
.back-button { width: 52px; float: left; margin-top: 12px }
.back-button a:active, .back-button a:visited, .back-button a:link { width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.back-button a:hover { color: #fff; width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.next-button { width: 52px; float: right; margin-top: 12px; margin-right: 3px }
.next-button a:active, .next-button a:visited, .next-button a:link { width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.next-button a:hover { color: #fff; width: 50px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/booking-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.confirm-button { width: 92px; float: left; margin-top: 12px; margin-right: 3px }
.confirm-button a:active, .confirm-button a:visited, .confirm-button a:link { width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/confim-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.confirm-button a:hover { color: #fff; width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/confim-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #000; text-decoration: none; display: block }
.cancel-button { width: 92px; float: left; margin-top: 12px; margin-right: 3px }
.cancel-button a:active, .cancel-button a:visited, .cancel-button a:link { width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/confim-button-bg-hov.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #000; text-decoration: none; display: block }
.cancel-button a:hover { color: #fff; width: 90px; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; background-image: url('images/confim-button-bg.png'); background-repeat: repeat-x; border: 1px solid #ccc; color: #fff; text-decoration: none; display: block }
.contact-information-part { width: 625px; background: #fafafa; border: 1px solid #ccc; padding: 0 25px 25px 25px; margin-top: 1px; color: #333 }
.contact-information-left { width: 400px; padding-top: 25px; float: left }
.contact-information-list { width: 400px; margin-bottom: 7px }
.contact-information-name { width: 110px; float: left; line-height: 22px }
.contact-information-name2 { width: 150px; float: left; line-height: 18px }
.contact-information-input { width: 270px; padding: 5px; font-size: 11px; border: 1px solid #ccc; float: left }
.contact-information-textarea { width: 270px; height: 50px; padding: 5px; font-size: 11px; border: 1px solid #ccc; float: left }
.contact-information-right { width: 222px; padding-top: 25px; float: right }
.contact-information-notes { width: 180px; margin: auto; line-height: 16px }
.contact-information-text { display: block }
.contact-information-part a:active, .contact-information-part a:visited, .contact-information-part a:link { color: #0096f2; text-decoration: none }
.contact-information-part a:hover { color: #0096f2; text-decoration: underline }
/* ---- Booking End ---- */
/* ---- */
.booking-title { width: 655px; height: 40px; background: #000; background-image: url('img/booking-title-bg.png'); background-repeat: no-repeat; border: 1px solid #000; color: #fff; line-height: 40px; text-transform: uppercase; font-size: 18px; font-weight: bold; font-family: garamond; padding-left: 20px; margin-top: 35px; }
.rooms-rates-part { width: 675px; background: #fff; border: 1px solid #ccc; border-bottom: 0; color: #333; }
.booking-list2-part { width: 120px; float: left; padding-bottom: 5px; }
.booking-list { border-bottom: 1px solid #ccc }
.booking-list2 { border-bottom: 1px solid #ccc; background: #fafafa; }
.rooms-rates-list { width: 645px; height: 35px; font-weight: bold; color: #000; margin: auto; }
.rooms-rates-list2 { width: 640px; height: 50px; margin: auto; color: #000; }
.room-type { width: 250px; float: left; line-height: 10px; padding-top: 18px; }
.room-person { width: 150px; float: left; padding-top: 18px; }
.room-date { width: 160px; float: left; padding-top: 18px; }
.room-price { width: 80px; float: left; padding-top: 18px; }
.result-bottom { padding-top: 15px }
.result-captcha { width: 200px; float: left; }
.result-total { width: 270px; float: right; color: #333; }
.total-title { width: 170px; line-height: 30px; border-bottom: 1px solid #ccc; float: left; }
.total-price { width: 100px; line-height: 30px; border-bottom: 1px solid #ccc; float: left; }
.average-title { width: 170px; line-height: 30px; float: left; }
.average-price { width: 100px; line-height: 30px; float: left; }
/* ---- */