*
{
margin: 0;;
padding: 0;
}
html
{
height: 100%;
min-height: 100%;
}
body
{
font-family: 'Tahoma', sans-serif;
font-size: 11px;
line-height: 1.3em;;
position: relative;
height: 100%;
color: #3e4449;
background: #f2faf3 url(../images/body_bg_x.webp) 0 0 repeat-x;
}
img
{
border: 0;
}
table
{
width: 100%;
border-collapse: collapse;
border: 0;
}
ul
{
list-style: none;
}
a
{
color: #27a3f2;
outline: none;
}
p
{
padding-bottom: 12px;
text-align: justify;
}
h1
{
font-size: 12px;
line-height: 1.1em;;
padding: 0 0 8px 14px;
color: #27a3f2;
}
h2
{
font-size: 12px;
line-height: 1.1em;;
padding: 0 0 8px 14px;
color: #27a3f2;
}
h3
{
font-size: 12px;
line-height: 1.1em;;
padding: 0 0 8px 14px;
color: #27a3f2;
}
h4
{
font-size: 12px;
line-height: 1.1em;;
padding: 0 0 8px 5px;
color: #c3761c;
}
/*--- layout ---*/
#top_menu_btn {
display: none;
}
.main-box
{
height: 100%;
}
.page_wrap
{
min-height: 100%;
background: url(../images/body_bg_y.webp) 0 -10px repeat-y;
}
.page
{
min-height: 600px;
background: url(../images/body_bg_t.webp) 0 0 no-repeat;
}
.header
{
position: relative;
height: 102px;
background: url(../images/header_bg.webp) 0 0 repeat-x;
}
.main_content
{
display: table;
width: 100%;;
height: auto;
}
.main_content_inside
{
float: left;
width: 100%;
padding-bottom: 94px;;
background: url(../images/bg_clouds.webp) 0 80px no-repeat;
}
.mclayout_3columns
{
margin-left: 200px;
margin-top: -100px;
display: flex;
flex-direction: row;
justify-content: space-between;
width: auto;
background: url(../images/right_column_bg.webp) 100% -50px no-repeat;
}
.mclayout_3columns_center
{
width: auto;
margin-right: 35px;
margin-top: 130px;
}
.mclayout_3columns_right
{
max-width: 280px;
width: 100%;
margin-top: 130px;
}
.mclayout_3columns_left
{
float: left;
width: 200px;
margin-left: -100%;
}
.mclayout_2columns
{
margin-left: 200px;
margin-top: -100px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: auto;
}
.mclayout_2columns_center
{
width: auto;
margin-top: 130px;
margin-right: 35px;
}
.mclayout_2columns_center_inside
{
margin: 15px 18px 0 30px;
}
.price .mclayout_2columns_center {
width: 100%;
}
.mclayout_2columns_left
{
max-width: 280px;
width: 100%;
margin-top: 130px;
}
.mclayout_one_column
{
margin: 15px 18px 0 215px;
}
.footer
{
position: relative;
height: 109px;
margin-top: -109px;
background: url(../images/footer_bg.webp) 0 0 no-repeat;
}
.footer_inside
{
position: relative;
overflow: hidden;;
width: 100%;
height: 109px;
background: url(../images/footer_bg2.webp) 50% 0 no-repeat;
}
.two_blocks
{
display: table;
width: 100%;
height: auto;
}
.two_blocks_inside
{
float: left;
width: 100%;
}
.two_blocks_left
{
float: left;
width: 49%;
}
.two_blocks_right
{
float: right;
width: 49%;
}
/*--- header ---*/
.header_menu ul
{
position: relative;
display: flex;
justify-content: center;
width: 100%;
padding-top: 5px;
}
.header_menu li
{
position: relative;
overflow: hidden;
width: 14%;
height: 94px;
}
.header_menu li a
{
font-family: 'Arial';
font-size: 12px;
line-height: 14px;
display: block;
width: 50px;
height: 14px;
margin: 0 auto;
padding-top: 78px;
text-align: center;
text-decoration: none;
color: #818e9a;
background: 50% 0 no-repeat;
text-shadow: 1px 1px #ddeff7;
}
.header_menu li.active a
{
color: #4f84b2;
background-position: 50% -100px;
}
.header_menu li a:hover
{
color: #4f84b2;
background-position: 50% -100px;
}
.header_menu .item1
{
width: 13%;
}
.header_menu .item2
{
width: 13%;
}
.header_menu .item3
{
width: 13%;
}
.header_menu .item4
{
width: 14%;
}
.header_menu .item5
{
width: 14%;
}
.header_menu .item6
{
width: 16%;
}
.header_menu .item7
{
width: 16%;
}
.header_menu .item1 a
{
width: 100px;;
background-image: url(../images/header_menu_item1.webp);
}
.header_menu .item2 a
{
width: 95px;;
background-image: url(../images/header_menu_item2.webp);
}
.header_menu .item3 a
{
width: 100px;;
background-image: url(../images/header_menu_item3.webp);
}
.header_menu .item4 a
{
width: 82px;;
background-image: url(../images/header_menu_item4.webp);
}
.header_menu .item5 a
{
width: 95px;;
background-image: url(../images/header_menu_item5.webp);
}
.header_menu .item6 a
{
width: 110px;;
background-image: url(../images/header_menu_item6.webp);
}
.header_menu .item7 a
{
width: 150px;;
background-image: url(../images/header_menu_item7.webp);
}
/*--- footer ---*/
.footer .counter
{
position: absolute;
right: 0;
bottom: -1px;
}
.footer .copy
{
font-family: 'Arial';
padding: 80px 40px 0 40px;
text-align: center;;
color: #3e4449;
}
/*--- main content ---*/
.news_min
{
padding: 0 18px 30px 0;
}
.news_min h3
{
padding-left: 0;
}
.news_item
{
padding-bottom: 12px;
}
.news_min_item .name
{
font-weight: bold;
display: block;
text-align: justify;;
text-decoration: none;
}
.news_min_item strong
{
color: #27a3f2;
}
.news_min_item small
{
font-family: 'Tahoma';;
font-size: 11px;
display: block;
color: #eb8c1b;
}
.news_min_item .more
{
display: block;
text-decoration: none;
}
.news_min_item .more:hover
{
text-decoration: underline;
}
.news_min_item p
{
padding: 0;
}
.news_min .btn_all_news
{
line-height: 21px;
position: relative;
display: block;
width: 95px;
height: 21px;
margin: -3px 0 0 -3px;;
text-align: center;
text-decoration: none;
color: #fff;
background: url(../images/btn_all_news_bg.webp) 0 0 no-repeat;
text-shadow: 1px 1px #058de3;
}
.news_min .btn_all_news:hover
{
background: url(../images/btn_all_news_bg1.webp);;
text-shadow: 1px 1px #ea8717;
}
.online_reservation p
{
padding-right: 18px;
}
.btn_online_reservation
{
position: relative;
display: block;
overflow: hidden;
width: 266px;
height: 40px;
margin: 0 0 3px -3px;;
text-indent: -3000px;
background: url(../images/btn_online_reservation_bg.webp) 0 0 no-repeat;
}
.btn_online_reservation:hover
{
background-position: 0 100%;
}
.minphotos
{
padding: 15px 0 0 15px;
}
.minphoto
{
position: relative;;
width: 116px;
height: 119px;
}
.minphoto img
{
position: absolute;
top: 1px;
left: 0;
width: 116px;
height: 96px;
padding: 1px 0;
background: url(../images/photomin_bg.webp) 0 0 no-repeat;
}
.minphoto a
{
position: absolute;
top: 0;
left: 0;
width: 116px;
height: 100px;;
background: url(../images/photomin_bg2.webp) 0 0 no-repeat;
}
.minphotos2
{
padding: 5px 0 0 0;
}
.minphoto2
{
position: relative;
width: 268px;
height: 179px;
padding: 5px 0;
}
.minphoto2 img
{
position: absolute;
top: 0;
left: 0;
width: 268px;
height: 179px;
background: url(../images/photobig_bg.webp) 0 0 no-repeat;
}
.minphoto2 a
{
position: absolute;
top: 0;
left: 0;
width: 268px;
height: 179px;;
background: url(../images/photobig_bg2.webp) 0 0 no-repeat;
}
#fancybox-loading
{
position: fixed;
z-index: 1104;
top: 50%;
left: 50%;
display: none;;
overflow: hidden;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
}
* html #fancybox-loading
{
position: absolute;
margin-top: 0;
}
#fancybox-loading div
{
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../images/fancybox.webp');
}
#fancybox-overlay
{
position: fixed;
z-index: 1100;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;;
background: #000;
}
* html #fancybox-overlay
{
position: absolute;
width: 100%;
}
#fancybox-tmp
{
display: none;;
overflow: auto;
margin: 0;
padding: 0;
border: 0;
}
#fancybox-wrap
{
position: absolute;
z-index: 1101;
top: 0;
left: 0;
display: none;;
margin: 0;
padding: 20px;
}
#fancybox-outer
{
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-inner
{
position: absolute;
top: 0;
left: 0;
overflow: hidden;;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
outline: none;
}
#fancybox-hide-sel-frame
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close
{
position: absolute;
z-index: 1103;
top: -15px;
right: -15px;
display: none;;
width: 30px;
height: 30px;
cursor: pointer;
background-image: url('../images/fancybox.webp');
background-position: -40px 0;
}
#fancybox_error
{
font: normal 12px/20px Arial;
margin: 0;;
padding: 7px;
color: #444;
}
#fancybox-content
{
width: auto;
height: auto;
margin: 0;;
padding: 0;
}
#fancybox-img
{
line-height: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;;
border: none;
outline: none;
}
#fancybox-frame
{
position: relative;
display: block;;
width: 100%;
height: 100%;
border: none;
}
#fancybox-title
{
font-family: Arial;
font-size: 12px;
position: absolute;
z-index: 1102;;
bottom: 0;
left: 0;
}
.fancybox-title-inside
{
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside
{
font-weight: bold;;
padding-top: 5px;
text-align: center;
color: #fff;
}
.fancybox-title-over
{
text-align: left;;
color: #fff;
}
#fancybox-title-over
{
display: block;;
padding: 10px;
background-image: url('../images/fancy_title_over.webp');
}
#fancybox-title-wrap
{
display: inline-block;
}
#fancybox-title-wrap span
{
float: left;;
height: 32px;
}
#fancybox-title-left
{
padding-left: 15px;
background-image: url('../images/fancybox.webp');
background-repeat: no-repeat;;
background-position: -40px -90px;
}
#fancybox-title-main
{
font-weight: bold;
line-height: 29px;
color: #fff;;
background-image: url('../images/fancybox-x.webp');
background-position: 0 -40px;
}
#fancybox-title-right
{
padding-left: 15px;
background-image: url('../images/fancybox.webp');
background-repeat: no-repeat;;
background-position: -55px -90px;
}
#fancybox-left,
#fancybox-right
{
position: absolute;
z-index: 1102;
bottom: 0;
display: none;;
width: 35%;
height: 100%;
cursor: pointer;
outline: none;
}
#fancybox-left
{
left: 0;
}
#fancybox-right
{
right: 0;
}
#fancybox-left-ico,
#fancybox-right-ico
{
position: absolute;
z-index: 1102;
top: 50%;
left: -9999px;
display: block;;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
}
#fancybox-left-ico
{
background-image: url('../images/fancybox.webp');
background-position: -40px -30px;
}
#fancybox-right-ico
{
background-image: url('../images/fancybox.webp');
background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover
{
visibility: visible;
}
#fancybox-left:hover span
{
left: 20px;
}
#fancybox-right:hover span
{
right: 20px;;
left: auto;
}
.fancy-bg
{
position: absolute;
z-index: 1001;;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
border: 0;
}
#fancy-bg-n
{
top: -20px;
left: 0;
width: 100%;
background-image: url('../images/fancybox-x.webp');
}
#fancy-bg-ne
{
top: -20px;
right: -20px;
background-image: url('../images/fancybox.webp');
background-position: -40px -162px;
}
#fancy-bg-e
{
top: 0;
right: -20px;
height: 100%;
background-image: url('../images/fancybox-y.webp');
background-position: -20px 0;
}
#fancy-bg-se
{
right: -20px;
bottom: -20px;
background-image: url('../images/fancybox.webp');
background-position: -40px -182px;
}
#fancy-bg-s
{
bottom: -20px;
left: 0;
width: 100%;
background-image: url('../images/fancybox-x.webp');
background-position: 0 -20px;
}
#fancy-bg-sw
{
bottom: -20px;
left: -20px;
background-image: url('../images/fancybox.webp');
background-position: -40px -142px;
}
#fancy-bg-w
{
top: 0;
left: -20px;
height: 100%;
background-image: url('../images/fancybox-y.webp');
}
#fancy-bg-nw
{
top: -20px;
left: -20px;
background-image: url('../images/fancybox.webp');
background-position: -40px -122px;
}
#fancybox-loading.fancybox-ie div
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_loading.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-close
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_close.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-title-over
{
zoom: 1;;
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_over.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-title-left
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_left.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-title-main
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_main.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-title-right
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_right.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-left-ico
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_left.webp', sizingMethod='scale');
}
.fancybox-ie #fancybox-right-ico
{
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_right.webp', sizingMethod='scale');
}
.fancybox-ie .fancy-bg
{
background: transparent !important;
}
.fancybox-ie #fancy-bg-n
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_n.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-ne
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_ne.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-e
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_e.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-se
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_se.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-s
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_s.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-sw
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_sw.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-w
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_w.webp', sizingMethod='scale');
}
.fancybox-ie #fancy-bg-nw
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_nw.webp', sizingMethod='scale');
}
@media screen and (max-width: 1024px) {
.header_menu ul {
position: fixed;
width: 100%;
height: 100%;
top: -150vh;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-content: center;
padding-top: 0;
z-index: 9;
transition: top .6s ease-in-out;
background: #f2faf3 url(../images/body_bg_x.webp) 0 0 repeat-x;
}
.header_menu ul.active {
top: 0;
}
#top_menu_btn {
position: absolute;
display: initial;
z-index: 10;
right: 31px;
top: 47px;
text-decoration: none;
font-size: 38px;
transform: rotate(90deg);
transition: transform .5s ease-in-out;
}
#top_menu_btn.active {
position: fixed;
transform: rotate(270deg);
right: 38px;
}
.mclayout_3columns, .mclayout_2columns {
flex-direction: column-reverse;
justify-content: flex-start;
background: none;
}
.mclayout_2columns {
margin-left: 185px;
margin-top: 0;
}
.mclayout_3columns_right, .mclayout_2columns_left {
max-width: none;
margin-right: 10px;
}
.mclayout_3columns_center, .mclayout_2columns_center {
margin-top: 0;
margin-right: 10px;
}
.mclayout_3columns_right .online_reservation {
display: flex;
flex-direction: column-reverse;
}
.news_min {
padding: 0;
}
.header_menu li {
width: 140px !important;
}
}
@media screen and (max-width: 566px) {
.price .mclayout_2columns_center_inside {
margin: 10px 10px !important;
overflow: auto;
width: 90%;
}
.price .page_wrap, .price .page {
background: none;
}
.price .mclayout_2columns {
margin-left: 10px;
}
}
@media screen and (max-width: 475px) {
.page_wrap, .page {
background: none;
}
.mclayout_2columns {
margin-left: 10px;
}
.mclayout_3columns {
margin-left: 9px;
margin-right: 9px;
}
.mclayout_3columns_center {
margin-right: 0;
}
.price .main_content {
display: initial;
}
}