html,body {height:100%;}
body {
margin:0;
font:300 15px/25px Tahoma, sans-serif, Lucida Sans;
color:#292929;
background:#fcf3db;
position:relative;
overflow-y:scroll;
//overflow-y:none;
height:100%;
min-width:1250px;
}

::selection {
background-color:#f6db94;
}

.wrap {
position:relative;
display:block;
width:100%;
height:auto;
}

.wrap p{font:300 15px/25px Tahoma, sans-serif, Lucida Sans !important;margin:10px 0 0 !important;}

.container {
position:relative;
display:block;
width:1200px !important;
height:auto;
margin:auto;
}

.clear {
clear:both;
height:0;
overflow:hidden;
}

.beige {background:#faebc3;}
.mannerheim {background:url(../img/marshal-mannerheim.png) no-repeat transparent;background-position:left;background-size:250px;}
.lady {background:url(../img/lady.png) no-repeat transparent;background-position:right;background-size:70px;}
.review {background:url(../img/marshal-hotel-back3.jpg) no-repeat center transparent;background-size:cover;}
.shadowbg {background:rgba(41,41,41,0.5);padding:50px 0;color:#fff !important;}
.shadowbg h2 {color:#fff !important;}
.shadowbg h2:after{background:#fff !important;}

/***Top***/

.top {
background:#292929;
padding:10px;
}

.icon-lang:before {
content:"\f16c";
font:300 13px/25px "Wicons";
display:inline-block;
margin-right:10px;
color:#292929;
transition:all 0.3s ease;
}

/***End.Top***/

/***Header***/

.header {
padding:25px 0;
}

.logo {
float:left;
width:290px;
height:120px;
background:url(../img/logo_marshal.png) no-repeat transparent;
background-size:cover;
}

.contacts {
float:right;
width:auto;
height:120px;
text-align:right;
overflow:hidden;
}
.contacts span {font:300 20px/25px 'PTSerif', Lucida Sans;padding:0;}
.contacts p{font:300 15px/30px Tahoma, sans-serif, Lucida Sans !important;margin:0 !important;}

.header a{color:#292929;border-bottom:1px solid rgba(41,41,41,0.3);}
.header a:hover{color:#292929;}

/***End.Header***/

/***TopMenu***/

#topmenu {
position:fixed;
width:100% !important;
background:#144261;
z-index:999;
}

#nav {
text-align:center;
}

#nav:after {
content:"";
display:block;
clear:both;
}

#nav,#nav li ul{
padding:0px;
list-style:none;
}

#nav > li{
float:left;
}

#nav li ul{
display:none;
position:absolute;
z-index:100;
}

#nav li a {
display:block;
}

#nav li:hover ul{display:block}

#nav > li{
text-align:center;
padding:0;
}

#nav > li > a{
color:#fff;
width:auto; 
max-width:180px;
max-height:75px;
padding:25px 30px;
font:300 18px/25px 'PTSerif', Lucida Sans;
border-bottom:0;
}

#nav > li.active > a,
#nav > li.active > span,
#nav > li.hover > a,
#nav > li > a:hover {background:#426780;
border-bottom:0;}

#nav li ul{
margin:0; 
width:auto;
min-width:250px;
background:#144261;
border-bottom:0;
}

#nav li.menunews ul{
display:none;
}

#nav li ul li{
text-align:left;
vertical-align:top;
}

#nav li ul li a{
color:#fff;
font:300 15px/20px Tahoma, arial, verdana, sans-serif, Lucida Sans;
padding:10px 25px;
display:block;
border-bottom:0;
}

#nav li ul li a.none{
display:none;
}

#nav > li > a.bestoffer:before {
content:"\f124";
font:300 15px/18px "Wicons";
margin-right:10px;
}

#nav li ul li a.bestspecial:before {
content:"\f167";
font:300 15px/18px "Wicons";
display:inline-block;
margin-right:10px;
}

#nav li ul li a.weddingspecial:before {
content: "\f1a1";
font:300 15px/18px "Wicons";
display:inline-block;
margin-right:10px;
}

#nav li ul li a.romanticspecial:before {
content: "\f191";
font:300 15px/18px "Wicons";
display:inline-block;
margin-right:10px;
}


#nav li ul li a:hover{
background:#426780;
text-decoration:none;
}

/***End.TopMenu***/

/***Page***/

.page {position:relative;top:100px;}

.booking {
position:relative;
display:block;
width:275px;
height:400px;
padding:25px;
background:#faebc3;
float:left;
}

.booking span {font:300 20px/25px 'PTSerif', Lucida Sans;padding:0;}
.booking p{font:300 15px/30px Tahoma, sans-serif, Lucida Sans !important;}

#_bn_widget_ {z-index:1 !important;}
#_bn_widget_ a {opacity:0;}

.standartroom {background:url(../img/rooms/standartroom.jpg) no-repeat bottom transparent;background-size:cover;}
.comfortroom {background:url(../img/rooms/comfortroom.jpg) no-repeat center transparent;background-size:cover;}
.juniorsuiteroom {background:url(../img/rooms/juniorsuiteroom.jpg) no-repeat center transparent;background-size:cover;}
.luxroom {background:url(../img/rooms/luxroom.jpg) no-repeat center transparent;background-size:cover;}
.threepersonroom {background:url(../img/rooms/threepersonroom.jpg) no-repeat center transparent;background-size:cover;}
.familyroom {background:url(../img/rooms/familyroom.jpg) no-repeat center transparent;background-size:cover;}
.weddingroom {background:url(../img/rooms/weddingroom.jpg) no-repeat center transparent;background-size:cover;}

.restoservice {background:url(../img/service/marshal-resto.jpg) no-repeat center transparent;background-size:cover;}
.saunaservice {background:url(../img/service/marshal-sauna.jpg) no-repeat center transparent;background-size:cover;}
.cardservice {background:url(../img/service/marshal-card.jpg) no-repeat center transparent;background-size:cover;}
.conferenceservice {background:url(../img/service/marshal-conference.jpg) no-repeat center transparent;background-size:cover;}
.museumservice {background:url(../img/service/marshal-museum.jpg) no-repeat top transparent;background-size:cover;}
.spbservice {background:url(../img/service/marshal-spb.jpg) no-repeat top transparent;background-size:cover;}

.about {
width:780px;
float:left;
margin-right:25px;
}

.about ul{
list-style:outside none none;
margin:0px;
padding-left:0px;
width:100%;
display:inline-block;
vertical-align:top;
}

.about ul li {
display: inline-block;
vertical-align:top;
width:24%;
padding:25px 0px;
text-align:center;
}
.about ul li span {font:300 50px/60px 'PTSerif', Lucida Sans;padding:0;}

.about-news {
width:395px;
height:auto;
padding:25px 0 0;
float:right;
background:#faebc3;
border-top:4px solid #a5793c;
overflow:hidden;
}
.about-news p {margin:0 25px 25px !important;}

.news {
position:relative;
width:345px;
padding:25px;
border-bottom:2px solid rgba(165,121,60,0.3);
color:#292929 !important;
transition:all 0.3s ease;
}

.news a,.news a:hover {color:#292929 !important;}
.news:hover {background:#f8e3ac;transition:all 0.3s ease;border-bottom:2px solid #a5793c;}
.news:hover .readnews h6 {color:#144261;transition:all 0.3s ease;}
.readnews {
position:relative;
display:block;
width:245px;
height:auto;
float:right;
}

.readnews h6 {color:#292929;text-align:left;transition:all 0.3s ease;}
.readnews h6:after {display:none;}
.readnews p {margin:0 !important;}

.imagenews {
width:100px;
float:left;
}
.imagenews img{width:75px;margin-top:7px;border-radius:50%;}

p.date {font:300 10px/20px Tahoma, sans-serif, Lucida Sans !important; margin:0 !important;}

/***Raiting***/

.raiting {
float:left;
width:240px;
height:auto;
text-align:center;
}
.raiting span {font:300 50px/60px 'PTSerif', Lucida Sans;padding:0;}
.raiting p{font:300 15px/25px Tahoma, sans-serif, Lucida Sans !important;margin:0 !important;}

/***End.Raiting***/

/***Findus***/

#map {
width:100%;
height:300px;
background:#faebc3;
}

.contact {
width:100%;
height:auto;
}

.contact-about,.contact-about-widget {
float:left;    
width:50%;
}

.contact-about-text {
float:right;   
width:575px;
padding:25px 25px 25px 0;
} 

.contact-about p{font:300 15px/25px Tahoma, sans-serif, Lucida Sans !important;margin:10px 0 0 !important;}

#vk_groups {float:left;margin:41px 25px;}
#facebook {float:left;margin:41px 0;}

/***End.Findus***/

/***Footer***/

.metrika {display:none;}

.footer {background:#144261;color:#fff !important;min-height:430px;}

.footer-logo {
width:200px;
height:275px;
float:left;
margin:20px 0 0;
padding:95px 0 0;
background:url(../img/logo_marshal_white.png) no-repeat transparent;
background-size:200px;
}

.footer-logo a, .footer-logo a:hover{color:#fff;}

#footernav {
text-align:center;
float:right;
max-width:960px;
overflow:hidden;
}

#footernav:after {
content:"";
display:block;
clear:both;
}

#footernav,#footernav li ul{
padding:0px;
list-style:none;
}

#footernav > li{
float:left;
}

#footernav li ul{
display:none;
position:absolute;
z-index:100;
}

#footernav li a {
display:block;
}

#footernav li:hover ul{display:block}

#footernav > li{
text-align:left;
padding:0;
}

#footernav > li > a.none{
display:none;
}

#footernav > li > a.min{
min-width:120px;
margin:40px 0 !important;
}

#footernav > li > a{
color:#fff;
width:auto;
min-width:200px;
text-decoration:none; 
margin:15px 40px 15px 0;
font:300 18px/25px 'PTSerif', Lucida Sans;
border-bottom:0;
}

#footernav li ul{
margin:0; 
display:block;
width:180px;
z-index:1;
}

#footernav li ul li{
text-align:left;
vertical-align:top;
}

#footernav li ul li a{
color:#fff;
font:300 15px/25px Tahoma, sans-serif, Lucida Sans;
text-decoration:none;
margin:0 0 10px;
border-bottom:0;
}

#footernav li ul li a.none{
display:none;
}

#footernav li ul li a:hover{
text-decoration:none;
opacity:0.7;
border-bottom:0;
}

#footernav > li > a.bestoffer:before {
content:"\f124";
font:300 15px/18px "Wicons";
margin-right:10px;
}

#footernav li ul li a.bestspecial:before {
content:"\f167";
font:300 15px/25px "Wicons";
display:inline-block;
text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
margin-right:10px;
}

#footernav li ul li a.weddingspecial:before {
content:"\f1a1";
font:300 15px/25px "Wicons";
display:inline-block;
text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
margin-right:10px;
}

#footernav li ul li a.romanticspecial:before {
content:"\f191";
font:300 15px/25px "Wicons";
display:inline-block;
text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
margin-right:10px;
}

.icon-mail:before {
content:"\f107";
font:300 15px/25px "Wicons";
display:inline-block;
text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
margin-right:10px;
}

.icon-adress:before {
content:"\f110";
font:300 15px/25px "Wicons";
display:inline-block;
text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
margin-right:10px;
}

.social-header {
position:absolute;
display:block;
top:38px;
left:50%;
margin-left:-205px;
width:auto;
height:auto;
color:#fff;
}

.sb {
position:relative;
display:block;
float:left;
width:44px;
height:44px;
margin-left:20px;
border-radius:50%;
opacity:0.3;
transition:all 0.3s ease;
}
.sb:hover {opacity:1.0;transition:all 0.3s ease;}
.trip {
background:url(../img/soc/tripadvisor.png) no-repeat center #589442;
background-size:28px;
}
.vk {
background:url(../img/soc/vk.png) no-repeat center #5B8FB5;
background-size:26px;
background-position:8px;
}
.inst {
background:url(../img/soc/instagram.png) no-repeat center #517FA4;
background-size:21px;
}
.yt {
background:url(../img/soc/youtube.png) no-repeat center #CC181E;
background-size:21px;
}
.fb {
background:url(../img/soc/facebook.png) no-repeat center #3A5795;
background-size:21px;
}

/***End.Footer***/

/***Privacy***/

.privacy {background:#426780;padding:25px 0;}

.metrika {
display:none;
}

.bravepeople {
position:relative;
float:right;
text-align:right;
color:#fff;
}

.bravepeople a {color:#fff;border-bottom:1px solid rgba(255,255,255,0.3);}
.bravepeople a:hover{color:#fff;border-bottom:1px solid #fff;}

/***End.Privacy***/

/***Элементы страницы***/

header, footer, article, section, hgroup, lang, figure {display:block;}
img {border-style:none;vertical-align:top;}
td {vertical-align:middle;}

.ptop {padding-top:25px !important;padding-bottom:25px !important;}
.mtop {margin-top:50px !important;}
.mt {margin-top:25px !important;}
.mb {margin-bottom:25px !important;}

a {text-decoration:none !important;color:#144261;transition:all 0.3s ease;border-bottom:1px solid rgba(20,66,97,0.3);}
a:hover {text-decoration:none !important;color:#292929;transition:all 0.3s ease;border-bottom:1px solid #292929;}

a.more {
position:relative;
display:inline-block;
margin:25px auto 0;
padding:10px 30px;
border:2px solid rgba(165,121,60,0.3);
color:#a5793c;
border-radius:27px;
}
a.more:hover {border:2px solid #a5793c;}

h1,h2,h3,h4,h5,h6,.h {font:300 20px/30px 'PTSerif', Lucida Sans;padding:0;margin:0;text-align:center;color:#a5793c;}

h1 {font-size:35px;line-height:45px;}
h2 {font-size:35px;line-height:45px;}
h3 {font-size:30px;line-height:40px;}
h4 {font-size:25px;line-height:35px;}
h5 {font-size:20px;line-height:30px;}
h6 {font-size:18px;line-height:28px;}

h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{position:relative;
display:block;
content:'';
width:80px;
height:2px;
margin:25px auto;
background:#a5793c;
}

p {font:300 15px/25px Tahoma, arial, verdana, sans-serif, Lucida Sans;margin:10px 0 0;}
   
ul {margin:0;padding:0;list-style:none;}
address {font-style:normal;margin:0;padding:0;}

.scrollTop{background:url(../img/top.png) 0 0 no-repeat;display:block;background-size:cover;width:60px;height:60px;position:fixed;bottom:100px;right:30px;z-index:2003;opacity:1.0;border-bottom:0;}
.scrollTop:hover{background-position:0 0px;border-bottom:0;}

/***End.Элементы страницы***/