body {background:#f2f5f7 url("../img/bg.png"); font-size:12px; margin:0px; padding-top:60px; padding-bottom:20px; font-family:Verdana, sans-serif, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS"; overflow-y:scroll;}
a img {border:none;}
a {color:#3fc0f2;}

::-webkit-scrollbar{
    width:8px;
}
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #777;
    background-color: #aaa;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #C1C1C1;
    background-color: #777;
}
::-webkit-scrollbar-track{
    border-width:0;
}
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #C1C1C1;
    background-color: #eee;
}

.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cb {clear:both;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mb20 {margin-bottom:20px;}
.mt10 {margin-top:10px !important;}
.mb10 {margin-bottom:10px;}
.hide {display:none;}
.pr {position:relative;}
.mr0 {margin-right:0px !important;}



#top {background:#CC3333; position:fixed; width:100%; height:40px; top:0px; z-index:10; box-shadow:1px 1px 2px #ccc}
#main, .center {width:900px; margin:0 auto;}

#top a {text-decoration:none; height:20px; padding:10px 16px; color:#fff; text-transform:uppercase; font-size:14px; display:block; float:left;}
#menu-ac, #top a:hover {background:#95CAE4;}

#photo-core {background:url("../img/core-photo.jpg") no-repeat; width:894px; height:238px; padding-top:10px; border:3px solid #fff; }

h1 {margin:0px; color:#CC3333; word-spacing:14px; text-shadow:1px 1px #fff; margin-bottom:10px;}

#book {background:#95CAE4; padding:20px; margin:30px 0px 20px 0px; }

.box {padding:20px; background:#fff;}

.table tr:nth-child(odd) {background:#f5f5f5;}
.table tr:hover {background:#95CAE4; color:#fff;}

.box-shadow:hover {box-shadow:0px 0px 3px #d9d9d9};
select option:nth-child(even) {background-color:#f5f5f5;}
.book-btn {background:#f5f5f5; border:none; outline:none; padding:2px;}
#book div {float:left;}
#book span {display:block; margin-bottom:5px; text-transform:uppercase; color:#fff;}
#book-amount {width:86px;}
#book-date {width:136px; height:17px;  position:relative;  padding-left:5px;}
#book-time {width:152px;}
#book-period {width:110px;}
#book-total {width:172px; margin-top:21px;  }
#book-total b {font-weight:500; text-transform:uppercase; color:#fff; font-size:14px; }
#book-do {width:100px; background:#CC3333; color:#fff; text-transform:uppercase; text-align:center; padding:5px 0px; margin-top:16px; cursor:pointer; float:right !important; text-decoration:none; display:block;}

#head-photo {width:915px; margin-top:20px;}
#head-photo div {float:left; margin-right:14px; border-radius:100px; overflow:hidden; height:100px; width:100px;}
#head-photo img {width:100px; border-radius:100px; position:relative;}

#head-dialog {height:50px; background:#fff; border:1px solid #f5f5f5; margin:30px 0px 20px 0px; position:relative;}
#head-dialog span {position:absolute; left:16px; bottom:-17px; background:url("../img/dialog.png") 0px -19px no-repeat; height:17px; width:70px;}
#head-dialog div {margin:15px; font-size:14px; text-transform:uppercase; color:#98ce44;}

#price {background:#fff; margin-top:30px; padding:20px;}
#price h2 {margin:0px 0px 10px 0px; color:#777; font-weight:500; font-size:16px; float:left;}
.trH {text-transform:uppercase; background:#d9d9d9 !important; color:#fff;}
#price a {float:right; position:relative; top:3px; right:2px;}

#profit {background:#fff; padding:20px 0px 10px 20px;  margin-top:20px;}
#profit h2 {margin:0px 0px 0px 0px; color:#777; font-weight:500; font-size:16px; margin-bottom:20px;}
#profit div {float:left; padding-left:22px; margin:0px 0px 20px 0px; background:url("../img/plus.png") no-repeat 3px 0px;  width:270px;}

#review {background:#fff; margin-top:20px; padding:20px;}
#review h2 {margin:0px 0px 0px 0px; color:#777; font-weight:500; font-size:16px; margin-bottom:20px;}

#process, .box-text {line-height:1.5; background:#fff; margin-top:20px; padding:20px; padding-top:10px; text-align:center;}
#process center{display: inline-block;}
#process h2 {margin:0px 0px 0px 0px; color:#777; font-weight:500; font-size:16px; margin-bottom:10px;}

#process1, .box-text {line-height:1.5; background:#fff; margin-top:20px; padding:20px; padding-top:10px;}
#process1 h2 {margin:0px 0px 0px 0px; color:#777; font-weight:500; font-size:16px; margin-bottom:10px;}

#top .center {position:relative;}
#top-call {position:absolute; right:0px; top:10px; font-size:14px; color:#fff;}
#top-call span {border-bottom:1px dotted #fff; cursor:pointer;}
#top-call span:hover {color:#f1f1f1;}

/* Review */
.hotel-review-voit-left {float:left; width:126px;  padding-top:10px; text-align:center}
.hotel-review-voit-left img {border-radius:50px;}
.hotel-review-voit-right {float:left; width:724px;  padding:10px 0px 20px 10px; position:relative; }
.hotel-review-rating-right {padding:5px 40px; width:235px; float:left; border-left:15px #f5f5f5 solid; }
.hotel-review-rating-right div div {position:relative; top:5px;}
.hotel-review-right-col1, .hotel-review-right-col2, .hotel-review-right-col3 {float:left; border-bottom:1px solid #f5f5f5; height:20px; font-size:14px; padding:5px 0px;}
.hotel-review-voit-left p {display:block; margin:0px 0px 5px 0px; color:#fdb714;}

.hotel-review-right-col1 {width:140px;}
.hotel-review-right-col2 {width:73px;}
.hotel-review-right-col3 {width:20px; color:#2d3e52;}
#hotel-review-title {color:#2d3e52; display:block;  font-weight:500; font-size:16px;}

.hotel-review-div {border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; background:#fff url("../img/review-border.gif") repeat-y left top; padding-bottom:10px;}
.hotel-review-div:last-child {border-bottom:none;}
.hotel-review-voit-title {float:left; color:#2d3e52; font-size:16px;}
.hotel-review-voit-rating {float:right; color:#2d3e52; font-size:16px;}
.hotel-review-voit-rating div {margin-right:5px; }
.hotel-review-voit-type {background: url("../img/sprite_general.png") -850px 0px no-repeat; width: 70px; height: 70px; margin:0 auto; position:relative; margin-bottom:10px;}
.hotel-review-text {margin-top:10px; line-height:1.3;}
.hotel-review-name {margin-top:10px;}
.hotel-review-name div {color:#2d3e52; margin-bottom:5px;}
.hotel-review-comment {margin:20px 0px 0px 0px; line-height:1.3; padding-left:10px; border-left: 2px solid #01b7f2; background: url("../img/triangle_rigth_blue.png.html") left center no-repeat; float:left; width:652px; min-height:50px;}
.hotel-review-comment span {font-size:15px; color:#2d3e52}
.hotel-review-comment-btn {color:#01b7f2; cursor:pointer; float:right; margin-top:10px;}
.hotel-review-comment-frame input, .hotel-review-comment-frame textarea {border:none; background:#f5f5f5; width:482px; padding:5px; font-size:14px !important; }
.review-comment-add-photo, .review-comment-photo {height:50px; width:60px; float:left; }
.hotel-review-comment-frame {border-left:2px solid #01b7f2; padding-left:10px; }
.hotel-review-submit {background:#98ce44; width:492px; padding:5px 0px; cursor:pointer; color:#fff; text-align:center; position:relative;}
.hotel-review-submit span {font-size:8px; right:5px; position:absolute; top:7px;}
#hotel-review-write-submit {background:#98ce44; width:394px; padding:8px 0px; height:17px; cursor:pointer; color:#fff; text-align:center; margin-top:40px;}
.review-circle {background:#95CAE4 url("../img/people.png") no-repeat 12px 10px; ; width:50px; height:50px; border-radius:50px; display:inline-block;}

.icon_fb {background:url("../img/sprite_general.png") -288px -640px no-repeat #405f94; display:block; }
.icon_tweet {background:url("../img/sprite_general.png") -340px -639px no-repeat #48aee5; display:block; }
.icon_google {background:url("../img/sprite_general.png") -389px -639px no-repeat #cc5144; display:block; }
.icon_vk {background:url("../img/sprite_general.png") -193px -638px no-repeat #12498a; display:block; margin-right:0px !important; }
.icon_mail {background:url("../img/sprite_general.png") -442px -641px no-repeat #12498a; display:block; }
.icon_od {background:url("../img/sprite_general.png") -239px -639px no-repeat #e85100; display:block;  }

.uLogin div {width:30px; height:30px; cursor:pointer; float:left; margin-right:10px;}
.uLogin span {float:left; margin-left:20px;}

#add-review input, #add-review textarea {width:370px; background:#f5f5f5; padding:5px; border:none;}
#review-send {width:360px; padding:10px; background:#98ce44; color:#fff; text-transform:uppercase; cursor:pointer; text-align:center;}

#add-new-review {background:#d9d9d9; text-align:center; text-transform:uppercase; width:366px; padding:5px 0px; cursor:pointer; color:#fff; margin-bottom:20px;}
#add-new-review:hover {background-color:#98ce44;}
#add-review-photo img, .review-comment-add-photo img, .review-comment-photo img {border-radius:50px;}
#review-div a {text-decoration:none;}
/* Review */

#foot {margin-top:20px; padding-top:10px; border-top:1px solid #dedede; color:#777; text-align:center;}



/*#head-photo-line1 {width:930px;}
#head-photo-line1 div {float:left; margin-right:27px;}
#head-photo div img {border-radius:200px;}
#head-photo-line2 div {float:left; margin-left:75px;}*/


/* Блог начало */
#useful-right {float:right; width:710px; margin-top:10px;}
.blog-frame {background:#fff; margin-bottom:20px;}
.blog-img { max-width:281px; max-height:187px;}
.blog-frame-img {width:281px; height:187px;  margin-right:20px; float:left;} 
.blog-right {float:left; width:397px; height:177px; margin-top:10px; position:relative;}
.blog-right h2 {margin:0px; margin-bottom:10px; font-size:16px; color:#2d3e52; font-weight:500;}
.blog-right h2 a {color:#777; text-decoration:none;}

#blog-view-social {padding:10px 10px 3px 10px; background:#f5f5f5; margin-top:20px;}
#blog-view-social p {position:relative; top:2px; margin:0px; margin-right:20px; float:left;}
#blog-view-social-comment {float:right; height:13px; padding:8px 10px; background:#fff;}

.blog-view-img {float:left; width:500px; margin-right:10px; margin-bottom:20px;}
.blog-view-img-right {width:158px; float:left; position:relative; right:-2px;}
.blog-view-img-right img {width:70px; border:2px solid #fff; margin:0px 0px 2px 5px; cursor:pointer;}
.blog-view-img-right img:hover {border:2px solid #fdb714;}
#hotel-img {float:left; width:500px; margin-right:12px; position:relative; cursor:pointer; background:#F7F7F7; height:333px;}
#blog-view-left, #blog-view-right {background:#d9d9d9;  display:block; float:left; width:348px; padding:10px 0px; text-align:center; color:#fff; cursor:pointer; margin-top:12px; text-transform:uppercase; text-decoration:none; } 
#blog-view-left:hover, #blog-view-right:hover {background:#98ce44;}
#blog-view-right {float:right;}
#useful-nav {width:710px; float:right;}

#hotel-img img, .room-img img {max-height:333px; max-width:500px; background:url("../img/load-photo.gif.html") no-repeat center;}
#hotel-img-right {float:left; width:158px; color:#2d3e52; position:relative; height:333px;}

#hotel-img-btn-l, .room-img-btn-l {position:absolute; width:150px; height:333px; left:0px; top:0px;}
#hotel-img-btn-r, .room-img-btn-r {position:absolute; width:350px; height:333px; right:0px; top:0px;}
#hotel-img-btn-l span, #hotel-img-btn-r span, .room-img-btn-l span, .room-img-btn-r span {background:url("../img/sprite_general.png") no-repeat; height:60px; width:60px; position:absolute; top:50%; margin-top:-30px; display:none;}
#hotel-img-btn-l span, .room-img-btn-l span {background-position: -300px -550px; left:10px;  }
#hotel-img-btn-r span, .room-img-btn-r span {background-position: -400px -550px; right:10px; }
#hotel-img-btns {position:absolute; z-index:1; bottom:10px;}
#hotel-img-btns span {background:url("../img/sprite_general.png") -646px -296px no-repeat ; height:19px; width:19px; display:block; float:left; margin-left:10px;}
#hotel-img-btns span:hover, #hotel-img-btns span:first-child {background-position: -600px -300px;}
/* Блог конец */

#left-ord {background:#fff; width:140px; padding:15px; padding-top:1px; margin-top:10px;}
#left-ord div {margin-top:15px;}
#left-ord a {display:block; padding:5px 0px; text-transform:uppercase; color:#fff; background:#98ce44; cursor:pointer; text-decoration:none; text-align:center}
#left-ord select {width:138px;}
#left-ord input {width:131px;}
#left-ord #book-total b {font-size:13px;}

#useful-view-right {background:#fff; padding:20px; float:right; width:670px; margin-top:10px;}

#left-frame {float:left; width:170px; position:relative; height:400px;}

#book-frame {font-size:14px; float:left; width:500px; height:339px;}
#book-frame span {display:inline-block; width:200px;  text-transform:uppercase;}
#book-frame div {margin-bottom:15px;}
#book-frame #book-total {width:100%;}
#left-ord #book-total b, #book-form #book-total b {color:#CC3333;}
#book-plus {float:right; width:300px; height:339px;}
#book-plus div { padding-left:22px; margin:0px 0px 20px 0px; background:url("../img/plus.png") no-repeat 3px 0px;}

#book-frame select {width:295px;}
#book-frame input {width:289px; background:#f5f5f5; border:none; padding:3px; outline:none;}

#book-frame #book {width:100%;  background:#98ce44; text-transform:uppercase; color:#fff; text-align:center; padding:5px 0px; cursor:pointer; margin-bottom:0px;}
#book-frame hr {border:none; background:none; border-bottom:1px dotted #d9d9d9; margin:10px 0px;}

#book-thank {text-align:center;}
#book-thank a {text-decoration:none;}

#callback {position:fixed; width:390px; background:#fff; padding:20px; left:50%; margin-left:-215px; top:10%; display:none; z-index:100; }
#callback span {position:absolute; top:5px; right:5px; color:#999; cursor:pointer; font-size:16px;}
#callback b {font-weight:500; border-bottom:1px dotted; cursor:pointer; color:#3fc0f2;}
#callback-text {margin-bottom:15px; text-transform:uppercase;}
#callback input {width:175px; border:none; background:#f5f5f5; outline:none; padding:5px; font-size:14px;}
#callback-send {background:#98ce44; text-align:center; padding:5px 0px; color:#fff; text-transform:uppercase; cursor:pointer; margin-top:15px;}

#TB_overlay {
	display:none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
	}
* html #TB_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}

#frame-table table {border-collapse:collapse;}
#frame-table table td {padding:3px; border:1px solid #ababab;}

.gallery {padding:20px; background:#fff; margin-bottom:20px;}
.gallery h2 {margin-top:0px; color:#777; font-weight:500; text-transform:uppercase;}
.gallery-img {width:210px; margin-right:20px; float:left; position:relative;}
.gallery-img span {position:absolute; width:68px; height:53px; background:url("../img/youtube-hove.png") no-repeat; left:50%; margin-left:-34px; top:50%; margin-top:-26px; cursor:pointer;}
.gallery-img img {width:210px;}

.gallery-img2 {width:223px; margin:0px 20px 20px 0px; float:left; position:relative;}
.gallery-img2 span {position:absolute; width:68px; height:53px; background:url("../img/youtube-hove.png") no-repeat; left:50%; margin-left:-34px; top:50%; margin-top:-26px; cursor:pointer;}
.gallery-img2 img {width:223px; border-radius: 2px; box-shadow: 1px 1px 2px 1px #dedede; cursor:pointer;}

#gallery-view {width:700px;  background:#fff url("../img/load.gif") center no-repeat; position:absolute; top:20%; left:50%; margin-left:-350px; z-index:101; display:none;}
#gallery-close {position:absolute; right:-18px; top:-18px; background:#CC3333; color:#fff; border-radius:50% 50% 50% 50%; text-align:center; display:block; cursor:pointer; width:17px; height:17px; text-align:center;}

#gallery-view-l {position: absolute; left: -100px; top: 0px; height: 100%; width: 100px; cursor:pointer; }
#gallery-view-r {position: absolute; right: -100px; top: 0px; height: 100%; width: 100px; cursor:pointer; }
#gallery-view-l:hover, #gallery-view-r:hover {background:rgba(0,0,0, .15);}

#gallery-view-l span {background: url("../img/sprite_landing.png") no-repeat -100px 0px; width: 60px; height: 60px; cursor: pointer; right: 20px; position: absolute; top: 50%; margin-top: -30px; display: block; }
#gallery-view-l span:hover {background-position:-300px 0px;}

#gallery-view-r span {background: url("../img/sprite_landing.png") no-repeat -200px 0px; width: 60px; height: 60px; cursor: pointer; right: 20px; position: absolute; top: 50%; margin-top: -30px; display: block; }
#gallery-view-r span:hover {background-position:-400px 0px;}
.top-call{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 14px;
    color: #fff;
	}
	.top-call span {border-bottom:1px dotted #fff; cursor:pointer;}