/* GLOBAL */
body, form, div, img, hr, p, a, ul, li {margin:0; padding:0; border:0}
body {color:#fff; position:relative; text-align:center; background:#080478 url(../../images/bg.png) 0 0 repeat; font:62.5%/normal 'Times New Roman', serif; width:100%; min-width:995px}
p, ul {margin:1em 0}

a:link  {text-decoration:underline; color:#0000EE; outline:0}
a:hover {text-decoration:none}
a:focus {/*outline:1px dashed #FF0000; color:#FF0000*/}
a:active {outline:0}

ul {padding-left:4em}
hr {margin:.8em 0 1.26em; //margin:-.7em 0; height:1px; background-color:#d8d8d7; color:#d8d8d7}
table {font-size:100%}
input[type=submit], input[type=button], button, label {cursor:pointer}
input[type=text], input[type=password], select, textarea {background-color:white; border:1px solid #ccc}

li {
	margin-bottom: 5px;
}

h1, h2, h4, h5, h6 {line-height:1.2em}
h1 {font-size:320%}
h2 {font-size:240%}
h3 {font-size:190%; line-height:1.3em}
h4 {font-size:160%}
h5 {font-size:130%}
h6 {font-style: italic; font-weight: bold; /* font-size:110%; */ color: #312a68; font-size: 25px;}

.left {float:left}
.right {float:right}
.center {overflow:hidden}
.cls {clear:both}
.bold {font-weight:bold}
.italic {font-style:italic}
.small {font-size:small!important}
.red {color:red!important}
.hide {display:none}
.block {display:block}
.bottom * {vertical-align:bottom!important}

/** CLASS && ID **/

.hideimg .title-main, .hideimg .proud {display:none}


#for-box, .box {position:relative; min-width:995px; overflow:hidden}
#for-box {position:absolute; left:0; top:230px; width:100%}
#content_height {position:absolute; right:-91px; top:21px; width:91px; background:url(../../images/content_uzor_outer.png) 0 0 repeat-y}

div.all, div.all-bottom {position:relative; width:995px; margin:0 auto}
div.all {text-align:center; border:0; z-index:1}
.box {z-index:2}
.shadow-head {position:absolute; top:0; left:0; width:100%; height:392px; background:url(../../images/shadow_head.png) 0 0 repeat-x; z-index:1}
.flower {position:absolute; left:-80px; top:0; width:469px; height:544px; background:url(../../images/flower.jpg) 0 0 no-repeat}

.center-all {position:absolute; left:0; bottom:102px; width:100%; height:377px; //z-index:3}
.iris_bottom {z-index:3; //z-index:0; position:absolute; right:-63px; top:0; width:381px; height:377px; background:url(../../images/iris_bottom.png) 0 0 no-repeat}

.ico_left_bottom {position:absolute; left:5px; bottom:5px; width:54px; height:51px; background:url(../../images/ico_left_bottom.png) 0 0 no-repeat}

/***	LOGO	***/
a.logo {display:inline-block; margin:18px 0 0 334px; width:236px; height:135px}

/***	HEAD	***/
.head {position:relative; text-align:left; min-height:176px}
.head .right {text-align:right; font-size:200%; color:#fff}
.head .right .list-ico {font-size:9px}
.head .right p {margin:0; padding:0}
.head .right p.firm, .head .right .phone span {color:#cacafc}
.head .right p.firm {font-size:80%}
.head .right .phone p {font-size:120%}

.head .list-ico {display:list-item; margin:12px 0 16px; //margin:6px 0 8px; padding:0; list-style-type:none; opacity:0.65; text-align:right}
.head .list-ico a {padding:4px 8px 4px 4px; border-right:1px dashed #fefefd}
.header_title{color:#312a68; font-size:25px; font-style: italic; font-weight: bold; padding-left: 50px;}
/***	BORDER-1	***/
.border-1 .ch, .border-1 .cf, .border-1 .ch .left, .border-1 .ch .right, .border-1 .cf .left, .border-1 .cf .right {height:5px; background-color:red; overflow:hidden}
.border-1 .ch .left, .border-1 .ch .right, .border-1 .cf .left, .border-1 .cf .right {width:5px}
.border-1 .ch .left, .border-1 .ch .right {background:url(../../images/border_content/border_hl.gif) 0 0 no-repeat}
.border-1 .ch .right {background-image:url(../../images/border_content/border_hr.gif)}
.border-1 .cf .left, .border-1 .cf .right {background:url(../../images/border_content/border_fl.gif) 0 0 no-repeat}
.border-1 .cf .right {background-image:url(../../images/border_content/border_fr.gif)}
.border-1 .ch, .border-1 .cf {background:url(../../images/border_content/border_h.gif) 0 0 repeat-x}
.border-1 .cf {background-image:url(../../images/border_content/border_f.gif)}

/***	CONTENT	***/
.content-br-left {background:url(../../images/border_content/border_l.gif) 0 0 repeat-y}
.content-br-right {background:url(../../images/border_content/border_r.gif) 100% 0 repeat-y}
.content {background:#eae7d6 url(../../images/bg_content.png) 0 0 repeat-y; margin:0 5px}
.content_bg {background:url(../../images/content_uzor_inner.png) 100% 68px repeat-y}

/***	LEFT	***/
.content .left {width:250px; padding-bottom:102px}

/***	LEFT-MENU	***/
.content .left-menu {position:relative; padding:17px 0 32px; z-index:2}
.left-menu ul {margin:0; padding:0 0 0 27px; list-style-type:none}
.left-menu li {padding-bottom:1px; margin:0;}
.left-menu li a {display:block; width:100%; height:35px; background:1px 0 no-repeat}
.left-menu li a:hover, .left-menu li a.active {background-position:0 -35px !important}
.left-menu li a.about {background-image:url(../../images/menu/menu_1.png)}
.left-menu li a.about_city {background-image:url(../../images/menu/menu_2.png)}
.left-menu li a.photo {background-image:url(../../images/menu/photogallery.png)}
.left-menu li a.spec {background:url(../../images/menu/bron.png) 0 0 no-repeat}
.left-menu li a.spec:hover {background-position:0 -35px}
.left-menu li a.left_block {background:url(../../images/menu/add_element.jpg) 0 0 no-repeat}
.left-menu li a.eng, .left-menu li a.eng1 {background-image:url(../../images/menu/menu_5.png)}

.news_img {padding-right: 15px}

/***	LEFT-NEWS	***/
.content .left-news{position:relative; padding:2px 0 32px; z-index:2; color:#36367d; text-align:left}
.left-news h2 {padding-bottom:1px; margin:0; color:#36367d; font-style:italic; text-align:center}
.left-news ul {margin:0; padding:0 27px 0 27px; list-style-type:none; color:#36367d; font-size:12px;}
.left-news li {padding-bottom:1px; margin:0; color:#36367d;}
.left-news li a {display:block; width:100%; height:20px; background:1px 0 no-repeat; color:#0000EE}

.newsArch  {display:block; width:100%; height:20px; background:1px 0 no-repeat; color:#0000EE; font-size:12px; text-align:center}

/***	CONTENT -> CENTER	***/
.content .center {position:relative; min-height:600px; text-align:left}
.content .center p.title-main {font-size:10px; margin:2.4em 0 1em}
.content .center p.title-text {margin:8em 0 24em}
.content .center .title {font-size:100%; text-align:center}

.content .center .note {font-size:small}

.content .center .proud, .content .center h1, .content .text h1 {color:#312a68; font-style:italic}
.content .center .proud, .content .text h1 {text-align:left}
.content .center .proud {padding-left:147px; line-height:1em; margin-bottom:-20px}
.content .center h1 {margin-left:1.25em; //margin-top:0.67em; text-align:center}

/***	TEXT	***/
.content .text h1 {margin-left:0}

.text {font-size:200%; color:#36367d; margin:0 2em 0 2.5em}

.text ol, .text ul, .text p, .text table {}
.text ol *, .text ul *, .text p *, .text table * {font-size:inherit; //font-size:100%}
.text ul {list-style:url(../../images/ul_icon.gif) inside; //list-style:none outside none; padding-left:0}
.text input, .text select, .text textarea {width:100%}
.text table {border:inherit; border-collapse:separate}
.text table p {margin:0; padding:0}
.text td {vertical-align:top; padding: 5px 7px 5px 7px;}
.text table img {border:1px solid #868581}

.cImg {height:108px; overflow:hidden; margin-left:20px}

p.ctitle, p.cprice, p.crooms {font-size:18px; margin:0; padding:0}
p.ctitle {color:#54519e}
p.cprice {color:#b02a44}
p.crooms {font-size:14px; color:#3b3c37; margin-bottom:5px; padding-top:5px; border-top:1px solid #d8d8d8}

/***	TEXT MAIN	***/
ul.main-ul li {padding:10px 0}
.title-for-table {color:#3c3b39; font-size:18px}

/***	SUBMIT	***/
.text input.submit {width:auto; font-size:80%; border:1px solid #778899; background-color:#fff; height:27px; line-height:27px; width:90px}

/***	IFRAME	***/
.text iframe {font-size:10px}
#retext {font-size:12px!important}

/***	BANNER	***/
.banner {position:relative; left:-14px; //left:-23px}
.banner a {font-family:Georgia; font-size:120%; color:#6f6c71; position:relative; display:block; width:233px; height:166px; margin-top:12px; text-decoration:none; text-align:left; text-transform:uppercase; //cursor:pointer}
.banner a:hover span.banner-text p.title, .banner a.active span.banner-text p.title {text-decoration:underline}
.banner p {margin:0.3em 0}
.banner p.title {color:#080478; font-weight:bold}
.banner p.red {color:#f23538}
.banner div {position:absolute; top:-6px; left:0; background:url(../../images/banner_ramka.png) 0 0 no-repeat; width:233px; height:166px; z-index:1}
.banner img {position:absolute; top:0; left:6px; width:221px}
.banner span.banner-text {position:relative; display:block; height:38px; left:0; top:115px; //top:111px; margin:0 0 0 15px; z-index:2}

.banner span.pre_img {display:block; position:absolute; top:-5px; right:-28px; background:0 0 no-repeat; z-index:1}
.banner span.img_buy_nomer {background-image:url(../../images/buy_nomer.png); width:34px; height:112px}
.banner span.img_transfer {background-image:url(../../images/transfer.png); width:34px; height:72px}

.content .text .banner p, .content .text .banner p.title {font-size:100%; text-align:left}

/***	CONTENT-TOP-MENU	***/
.content-top-menu {//display:inline-block; position:relative; margin-left:262px}
.content-top-menu table, .content-top-menu td, .content-top-menu tr {margin:0; padding:0; border:0; border-collapse:collapse}
.content-top-menu table {color:#080478; font-size:20px; width:100%; height:44px; background:#eae7d6 url(../../images/content_top_menu.gif) 0 100% repeat-x}
.content-top-menu td {text-align:center; vertical-align:top; padding-top:0; border:0; background:url(../../images/content-top-menu.gif) center 26px no-repeat}
.content-top-menu td a {position:relative; display:block; color:#080478; text-decoration:none; height:44px; width:100%; //cursor:pointer}
.content-top-menu td a p {position:relative; z-index:10; margin:0; padding:0}
.content-top-menu td a:hover, .content-top-menu td.active a {margin-top:-8px}

#ctm_left, #ctm_left_hover {position:absolute; left:-11px; bottom:0; width:22px; height:57px}
#ctm_left {background:url(../../images/ctm_left.png) 0 0 no-repeat}
#ctm_left_hover {width:22px; height:57px; background:url(../../images/ctm_left_hover_.png) 0 0 no-repeat}
.content-top-menu td a:hover #ctm_left_hover, .content-top-menu td.active a #ctm_left_hover {bottom:-8px}
.content-top-menu td a span {display:none}
.content-top-menu td.active a span, .content-top-menu td a:hover span, .content-top-menu td.active a span.bg, .content-top-menu td a:hover span.bg {position:absolute; left:0; display:block; width:100%}
.content-top-menu td.active a span, .content-top-menu td a:hover span {top:-5px; height:5px; background:url(../../images/border_content/border_h.gif) 0 0 repeat-x;}
.content-top-menu td.active a span.bg, .content-top-menu td a:hover span.bg {top:0; height:48px; background:#eae7d6 url(../../images/content_top_menu_hover.png) center bottom no-repeat}

/***	FOOTER	***/
.footer, .footer-line {background-color:#04023f}
.footer {color:#fff; font-size:150%; background-color:#04023f; min-height:110px;   margin-top:-23px; padding-top:23px; text-align:left}
.footer div.all {position:relative; z-index:0}
.footer a {position:relative}
.footer a img {position:relative}
.footer p {text-align:left}
.footer p.phone {font-weight:bold; margin-top:-.7em}
.footer p.phone span {font-size:160%}
.footer-line {position:relative; top:-25px; height:1px; overflow:hidden}

.footer .iris {margin-left:29px}
.footer .iris div.left {margin-left:10px}
.footer div.left div.left {padding-top:20px; margin-right:5px; //padding-top:36px}

.footer .vline {float:left; width:1px; height:150px; background-color:#232156; margin-left:19px}
.footer .akvarel {margin-left:35px}
.footer .akvarel div.left {margin-left:23px}

/***	COPYRIGHT	***/
.copyright, .copyright a {color:#eae7d6}
.copyright {position:relative; color:#eae7d6; font-family:Tahoma; font-size:12px; text-align:right; }
.copyright p {text-align:right}
.copyright a {text-decoration:none}
.copyright img {vertical-align:top; margin-top:2px}

/***	ALERT	***/
p.alert {color:red; font-size:200%; text-align:center}

/*TravelLine integration*/
@font-face {
  font-family: LudwigVanBeethoven;
  src: url('ludwigvanbeethoven.ttf');
}
#tl-anchor {
  font: 14px 'Times New Roman';
  margin-left: 65px;
  color: #3e3e3e;
  width: 550px;
}
#tl-booking-form {
  margin-left: 60px;
}
.left-menu li a.booking {
  background: url('../../images/menu/bron.png') 0 0 no-repeat;
}
.tl-search-form-wrapper {
  position: relative;
  left: -14px;
  background: url('../../images/searchform_ramka.png') 0 0 no-repeat; width:233px; height:166px;
  margin: -20px 0 35px 0;
}
#tl-search-form {
  padding: 6px 0;
}
.tl-room-info {
  border: 0;
  padding-left: 20px!important;
}
.tl-room-title, .tl-room-price {
  color: #080475;
  font-size: 18px!important;
  margin-bottom: 6px!important;
}
.tl-book-btn {
  background: #080475;
  color: #fff!important;
  text-transform: uppercase;
  padding: 5px 25px;
  font-size: 15px!important;
  cursor: pointer;
  text-decoration: none!important;
}
.tl-book-btn:hover {
  background: #090499;
}
.tl-rooms-information p {
  margin: 0!important;
}
.tl-rooms-information ul {
  list-style: disc;
  margin: 0 20px!important;
}
.tl-email-link {
  color: #fff!important;
  font: 17px Arial;
}
.tl-contacts-link {
  color: #fff!important;
  font: 17px Arial;
  text-decoration: none!important;
}
.tl-contacts-link:hover {
  text-decoration: underline!important;
}
.tl-h1 {
  font-family: LudwigVanBeethoven;
  color: #2e1fa3!important;
  font-weight: normal;
  margin: 0;
  font-size: 63px;
}
.tl-room-price span.one-p,
.tl-room-price span.two-p {
  float: left;
  height: 15px;
  width: 20px;
  margin-right: 5px;
  margin-top: 3px;
}
.tl-room-price span.one-p {
  background: url('../../images/peoples-icons.png') 0 0 no-repeat;
}
.tl-room-price span.two-p {
  background: url('../../images/peoples-icons.png') 0 -14px no-repeat;
}
.hotel {
	position: relative;
	left: 67px;
	margin-bottom: 40px;
}
.flex{
  padding:  0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1010px){
  .left,
  .flower{
    display: none;
  }
  .content-top-menu{
    margin-left: 0;
  }
  body,
  .footer,
  .box{
    max-width: 100%;
    min-width: unset;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
  }

  .content{
    background-position-x: -250px;
  }
  div.all,
  .all{    width: 100%;}
  *{box-sizing: border-box}
  #ctm_left,
  #for-box,
  .content_height,
  .iris_bottom{display: none}


  .content-top-menu tr{

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 10px;
    gap: 15px 20px;

  }
  .content .center .proud{
    padding: 0;
    margin: 0;
  }
  img{max-width: 100%}
  a.logo{margin: 0}
}
@media screen and (max-width: 720px) {
  .flex {
    gap: 20px;
  }
  .flex div:nth-child(2){
    display: none;

  }
  .center {
    overflow: hidden;
    text-align: center;
    padding-top: 14px;
  }
}
@media screen and (max-width: 520px) {
  .head .right{
    display: none;
  }

  body,
  .footer,
  .box{
    padding: 0;
  }
}