html, body{
    padding     : 0px;
    margin      : 0px;
    width       : 100%;
    height      : 100%;
    background  : #1d0401 url('../pict/background-tree.jpg') repeat ;
}

.hidden{
    position    : absolute;
    top         : -100px;
    height      : 1px;
    overflow    : hidden;
}
/*
 * Home page.
 */
.vtop{
    background: #DEBF7E;
    margin: 0px;
}

.vtop h1, .vtop h2{
    font-family : Arial;
    font-size   : 10pt;
    line-height : 12pt;
    font-weight : normal;
    margin: 0px;
}
.vtop h1{
    font-family : Times New Roman;
    font-size   : 16pt;
}
.vtop  h2{
    display     : inline;
    font-weight : bold;
}

.eng{
    display : block;
    float   : right;
    padding : 3px 5px;
}

.welcome-background{
    background  :  url('../pict/welcome-bg.jpg') 50% 0px no-repeat;
}

.page-body .wifi {
    display: none;
}
.wifi {
    margin      : 0px auto;
    width       : 900px;
    height: 75px;
}

.wifi-pict {
    position : relative;
    top      : 85px;
    left     : 125px;
}

.welcome-top{
    margin      : 0px auto;
    width       : 900px;
    padding-top : 25px;
    height      : 450px;
    padding-bottom: 60px;
}

.welcome-ads {
    padding-top : 60px;
    float       : left;
}

div.welcome-note{
    background-image: url('../pict/welcome-note.jpg') ;
}

div.welcome-lupa .welcome-banner {
    position    : relative;
    bottom      : 20px;
    left        : -3px;
    
}

div.welcome-lupa .welcome-banner img {
    width       : 170px;
}

div.welcome-lupa{
    background-image: url('../pict/welcome-lupa.jpg') ;
}

.welcome-banner img{
    border      : 1px solid #563811;
    width       : 160px;
}
.welcome-banner {
    margin      : 5px 0px 0px 15px;
}

.welcome-trans{
    width       : 400px;
    float       : right;
}

.trans-reb-bt {
    background  : url('../pict/transfer/red.png') no-repeat;
    width       : 20px;
    height      : 20px;
    line-height : 0px;
    position    : relative;
    left        : 90px;
    top         : 205px;
}

.trans-blue-bt {
    background  : url('../pict/transfer/blue.png') no-repeat;
    width       : 20px;
    height      : 20px;
    line-height : 0px;
    position    : relative;
    left        : 280px;
    top         : -40px;
}

.trans-auto {
    background  : url('../pict/transfer/auto.png') no-repeat;
    width       : 86px;
    height      : 116px;
    line-height : 0px;
    position    : relative;
    left        : 210px;
    top         : -30px;
    z-index     : 9999;
}

.trans-text {
    background  : url('../pict/transfer/text.png') no-repeat;
    width       : 163px;
    height      : 191px;
    line-height : 0px;
    position    : relative;
    left        : 115px;
    top         : -140px;
}

.trans-link {
    width       : 71px;
    height      : 16px;
    line-height : 16px;
    position    : relative;
    left        : 260px;
    top         : -210px;
}


.welcome-background .menu{
    padding-top : 20px;
    padding-bottom: 0px;
}

.page-body .phone_img{
    display     : none;
}
.phone_img{
    position    : relative;
    bottom      : 412px;
    left        : -390px;
    text-align  : center;
}

.welcome-lupa .phone_img,
.welcome-note .phone_img{
    position    : relative;
    bottom      : 210px;
    left        : -450px;
}

.phone_img2{
    width       : 180px;
    margin      : 0px auto;
    position    : relative;
    left        : 390px;
    top         : 45px;
}

.welcome-text{
    position  : relative;
    left      : 30px;
    bottom    : 20px;

    text-align : center;
    margin     : 0px auto;
    width      : 900px;
    height      : 270px;
    padding-bottom: 45px;

    font-family : Arial;
    font-size   : 8pt;
    line-height : 9pt;
    color       : #000;
}

.welcome-text h1 {
    text-align  : center;
    color       : #B34C00;
    font-family : Times New Roman   ;
    font-weight : normal;
    line-height : 19px;
    font-size   : 18px;
}


.welcome-text h3 {
    display     : inline;
    font-size   : 1em;
    padding     : 0px;
    margin      : 0px;
}


body.welcome-body #paper{
    display     : none;
}

body.page-body .vtop {
    display : none;
}
body.page-body .welcome-background{
/*    background-position : 50% -587px; */
    background  : none;
}
body.page-body .menu{
    padding-top: 43px;
}
body.page-body .welcome-text,
body.page-body .welcome-top{
    display    : none;
}
/*
 * Desktop.
 */
.center{
    max-width   : 1284px;
    min-width   : 1000px;
    margin      : 0px auto;
    height      : 100%;
}
.background-tree{
    background  : #debf7e url('../pict/background-tree.jpg') 50% 0px repeat-y;
}
.root{
    max-width   : 1280px;
    margin      : 0px auto;
    background  : url('../pict/welcome.jpg') 50% -588px no-repeat;
}
.desktop-background{
    background  : url('../pict/desktop-background.jpg') 50% -27px repeat-y;
}

.desktop-top{
    background  : url('../pict/desktop-top.jpg') 50% 0px no-repeat;
}

.desktop-bottom{
    background  : url('../pict/desktop-bottom.jpg') 50% 100% no-repeat;
}
.desktop-footer{
    height      : 510px;
    overflow    : hidden;
}
.desktop-copy{
    padding-top : 400px;
    text-align  : center;
    padding-left: 40px;
    height      : 30px;
    width       : 950px;
    margin      : 0px auto;

}
.desktop-copy a,
.desktop-copy a:visited,
.desktop-copy span,
.desktop-copy img{
    color       : #462324;
    font-family : Tahoma;
    font-size   : 8pt;
    line-height : 30px;
}
.desktop-copy span,
.desktop-copy img{
    vertical-align: middle;
}

.inextr{
    color       : #462324;
    font-family : Tahoma;
    font-size   : 8pt;
    line-height : 10px;
    text-align : center;
    width       :900px;
    margin       : 0px auto;
}

/*
 * Desktop: menu, div of content.
 */
.navigate{
    margin      : 60px auto 0px auto;
    width       : 900px;
    height      : 10px;
    position    : relative;
    top         : 90px;
    left        : 40px;
}

.desktop{
    min-height  : 780px;
    margin      : 50px auto 0px auto;
    width       : 680px;
}


.desktop-menu .menu{
    padding-top : 43px;
    margin-bottom: 50px;
}
.buffer{
    line-height : 0px;
}
/*
 * Menu.
 */
.menu{
    margin      : 0px auto;
    width       : 780px;
    height      : 100px;
}

.menu-peredelkino{
    display     : block;
    float       : left;
    position    : relative;
    top         : 73px;
    left        : 55px;
    width       : 108px;
    height      : 32px;
    overflow    : hidden;
    line-height : 170px;
    background  : url('../pict/menu-peredelkino.png') no-repeat;
    cursor      : pointer;
}

.menu-peredelkino-a,
.menu-peredelkino-c:hover{
    background  : url('../pict/menu-peredelkino-a.png') no-repeat;
    height      : 57px;
}
.menu-peredelkino-c:hover{
    top         : 60px;
}
.menu-muzei{
    display     : block;
    position    : relative;
    top         : 25px;
    left        : 0px;
    width       : 108px;
    height      : 21px;
}

.menu-istoria{
    display     : block;
    position    : relative;
    top         : 21px;
    left        : 0px;
    width       : 104px;
    height      : 19px;
}

.menu-onas{
    display     : block;
    float       : left;
    position    : relative;
    top         : 64px;
    left        : 68px;
    width       : 59px;
    height      : 32px;
    background  : url('../pict/menu-onas.jpg') no-repeat;
}
.menu-onas:hover{
    background  : url('../pict/menu-onas-hover.jpg') no-repeat;
}



.menu-torzhestva{
    display     : block;
    float       : left;
    position    : relative;
    top         : 57px;
    left        : 73px;
    width       : 93px;
    height      : 32px;
    background  : url('../pict/menu-trogesvta.jpg') no-repeat;
}
.menu-torzhestva:hover{
    background  : url('../pict/menu-trogesvta-hover.jpg') no-repeat;

}

.menu-razmeshenie{
    display     : block;
    float       : left;
    position    : relative;
    top         : 45px;
    left        : 85px;
    width       : 105px;
    height      : 34px;
    background  : url('../pict/menu-razmeshenie.jpg') no-repeat;
}
.menu-razmeshenie:hover{
    background  : url('../pict/menu-razmeshenie-hover.jpg') no-repeat;
}

.menu-razvlechenija{
    display     : block;
    float       : left;
    position    : relative;
    top         : 34px;
    left        : 95px;
    width       : 107px;
    height      : 35px;
    background  : url('../pict/menu-razvlechenija.jpg') no-repeat;
}
.menu-razvlechenija:hover{
    background  : url('../pict/menu-razvlechenija-hover.jpg')  no-repeat;
}

.menu-restoran{
    display     : block;
    float       : left;
    position    : relative;
    top         : 24px;
    left        : 106px;
    width       : 80px;
    height      : 33px;
    background  : url('../pict/menu-restoran.jpg')  no-repeat;
}
.menu-restoran:hover{
    background  : url('../pict/menu-restoran-hover.jpg') no-repeat;
}

.menu-kontakti{
    display     : block;
    float       : left;
    position    : relative;
    top         : 16px;
    left        : 115px;
    width       : 86px;
    height      : 33px;
    background  : url('../pict/menu-kontakti.jpg')  no-repeat;
}
.menu-kontakti:hover{
    background  : url('../pict/menu-kontakti-hover.jpg')  no-repeat;
}

/*
 *  Action.
 */
.desktop-load{
    background  : url('../pict/loader.gif') 50% 50px no-repeat;

}

/*
 * Text.
 */
.desktop h1 {
    text-align  : center;
    color       : #B34C00;
    font-family : Times New Roman   ;
    font-weight : normal;
    font-size   : 24px;
}

.desktop h2, .desktop h1.h2  {
    margin-bottom : 0px;
    text-align  : center;
    color       : #B34C00;
    font-family : Times New Roman   ;
    font-weight : normal;
    font-size   : 18px;
    text-align  : left;
}

.desktop h3 {
    display     : inline;
    font-size   : 1em;
    padding     : 0px;
    margin      : 0px;
}
a img{
    border      : none;
}
.cb{
    clear       : both;
}

.desktop, .desktop p{
    font-family : Arial;
    font-size   : 10pt;
    line-height : 12pt;
}
.pghtml .desktop div{
    margin      : 0;
    padding     : 12px 0px 0px 0px;
}

p{
    margin      : 0;
    padding     : 12px 0px 0px 0px;
}
a, a:visited{
    color       : #b34c00;
    text-decoration : none;
}
a:hover{
    text-decoration : underline;
}

.img-center{
    display     : block;
    margin      : 0px auto;
}
.text-canter{
    text-align  : center;
}
.desktop div.picture{
    border      : 2px solid #9f591f;
    padding     : 5px;
    margin      : 2px;
    font-family : Arial;
    float       : left;
    font-size   : 7pt;
    line-height : 10pt;
    text-align  : center;
}
.desktop div.picture-box{
    float       : left;
    font-family : Arial;
    font-size   : 10pt;
    line-height : 10pt;
}
.desktop div.picture-box img{
    display     : block;
    border      : 2px solid #9f591f;
    padding     : 5px;
    margin      : 2px 2px 5px 2px;
}
div.nv a{
    display : none;
}


.map{
    margin      : 10px auto;
    border      : 2px solid #9f591f;
    padding     : 17px 17px;
}
.pstory1{
    width       : 129px;
    height      : 178px;
}
.pstory2{
    width       : 164px;
    height      : 178px;
}
.pstory3{
    width       : 147px;
    height      : 178px;
}
.pstory4{
    width       : 166px;
    height      : 178px;
}
.foto-line{
    float       : left;
    margin      : 0px 15px;
    width       : 250px;
    height      : 39px;
    border-top  : 2px solid #9f591f;
    position    : relative;
    top         : 15px;
}
.foto-space{
    float       : left;
    width       : 19px;
    height      : 300px;
    padding     : 10px 0px;
}
.foto-left-0{
    float       : left;
    padding     : 0px;
    margin      : 0px;
 }
.foto-left{
    float       : left;
    padding     : 17px 0px 0px 0px;
}
.foto-map{
    width       : 630px;
    margin      : 3px auto 30px auto;
    border      : 2px solid #9f591f;
    padding     : 15px;
}
/*
 *  Razv, Prazn
 */
body.js a.prot-a, body.js a.prot-a:hover{
    font-size   : 12pt;
    line-height : 13pt;
    text-decoration: none;
    color       : #63290f;
}
body.js div.prot-menu-item-act a.prot-a,
body.js div.prot-menu-item-act a.prot-a:hover{
    text-decoration: underline;
    color       : #000;
}

body.js .prot-body{
    display     : none;
}
body.js .prot-main{
    margin      : 0px auto;
    margin-top  : 20px;
    border-collapse: collapse;
    border-spacing: 0px;
}
body.js .prot-main td{
    vertical-align: top;
    padding     : 0px;
    margin      : 0px;
}
body.js .prot-menu{
    border-top  : 2px solid #9e581e;
    width       : 180px;
}
body.js .prot-menu-sp{
    line-height : 8px;
    height      : 8px;
}
body.js .prot-menu-item{
    width       : 176px;
    padding     : 2px 2px 2px 6px;
    margin      : 0px;
}
body.js div.prot-menu-item-act{}
body.js .prot-root{
    width       : 410px;
    border-top  : 2px solid #9e581e;
}
body.js .prot-pad{
    padding     : 10px 0px 10px 10px;
}
p.prot-caption{
    color       : #63290f;
    font-weight : bold;
    font-size   : 12pt;
    line-height : 14pt;
    padding     : 5px 0px 3px 0px ;
    margin      : 0px;
    text-align  : center;
}
body.js td.prot-root p.prot-caption{
    text-align  : left;
}
body.js .prot-img{
    padding     : 5px 10px 5px 0px;
    float       : left;
    margin      : 0px;
    width       : 195px;
}
body.js div.prot-img-2{
    padding     : 5px 0px 5px 0px;
}
/*
 * LINE
 */
body.js .prot-main-line{
    width       : 610px;
    margin      : 15px auto;
}
body.js .port-menu-line{
    border-bottom : 2px solid #9e581e;
    border-top  : 2px solid #9e581e;
    width       : 680px;
}
body.js .prot-pad-line{
    padding     : 15px 0px;
}
body.js .port-menu-line .prot-menu-item{
    float       : left;
    width       : auto;
    padding     : 3px 23px 3px 23px;
}
body.js .port-menu-line div.prot-menu-item-act a.prot-a,
body.js .port-menu-line div.prot-menu-item-act a.prot-a:hover{
    text-decoration: none;
    color       : #000;
}
/**
 * restoran
 */
.restoran-head-text{
    border-top  : 2px solid #9f591e;
    border-bottom: 2px solid #9f591e;
    padding     : 10px 0px;
}
.restoran-head{
    padding     : 15px 0px;
    text-align  : center;
    color       : #652911;
    font-weight : bold;
    font-size   : 16px;
}
.restoran-right{
    float       : right;
    width       : 280px;
}

.restoran-left{
    float       : left;
    width       : 280px;
}
.restoran-menu-head{
    padding     : 10px 0px 7px 0px;
    font-weight : bold;
}
.restoran-menu-item{
    float       : left;
}
.restoran-menu-cost{
    float       : right;
}
.restoran-head-text-bottom{
    border-top  : 2px solid #9f591e;
    padding     : 10px 0px;
    margin      : 10px 0px
}
.restoran-root{
    width       : 600px;
    margin      : 0px auto;
}
/**
 * KONAKTi
 */
 .kontakti-text-line{
    border-top  : 2px solid #9f591e;
    margin     : 10px 0px;
}
 .kontakti-text-head{
    border-top  : 2px solid #9f591e;
    border-bottom: 2px solid #9f591e;
    padding     : 10px 0px;
    margin      : 10px 0px 0px 0px;
 }
.kontakti-gps{
    float       : left;
    margin-right: 10px;
}
/**
 * ONLINE
 */
 .online-box{
     padding    : 20px;
 }
 .online-hr{
     height     : 0px;
     line-height: 0px;
     overflow   : hidden;
     border     : 2px solid #43220f;
     background: none;
 }
 .online-flag{
     background : url('../img/online_flag.png') -80px 0px repeat-x;
     height     : 13px;
     line-height: 13px;
     overflow   : hidden;
 }
 .online-form{
    padding     : 40px 60px;
 }
    .online-form table {
        border-collapse: collapse;
    }
    .online-form td, th {
        border-left: 0px;
        border-right: 0px;
        padding: 2px 0px;
        height : 24px;
        line-height: 24px;
        margin: 0px;
        vertical-align: middle;
    }
    .onlie-form-text{
        width       : 260px;
    }
    .onlie-form-war{
        color       : #fb2619;
        vertical-align : top;
        padding     : 1px;
    }
    .oline-capcha {
         background : #f5dbb6;
         border     : 1px solid #43220f;
         text-align : center;
         margin-bottom: 5px;
         width      : 120px;
    }
    input.oline-form-cap{
         width      : 120px;
    }
 .online-commnet{
     text-align : center;
     color      : #010000;
     line-height: 45px;
     vertical-align: middle;
 }
 .online-form-sumbit{
     vertical-align: middle;
     color      : #FFFFFF;
     background : #c50012;
     border     : 1px inset #c50012;
     height     : 30px;
 }
 .oline-form-input {
     background : #f5dbb6;
     border     : 1px solid #43220f;
     width      : 260px;
     vertical-align: middle;
 }
 div.ui-datepicker *{
    font-family : Arial;
    font-size   : 8pt;
 }
 input.oline-form-min{
     width: 96px;
 }
 .form-pict{
     vertical-align: middle;
     height     : 24px;
     width      : 26px;
 }


 .hcenter{
    text-align : center;
}
table.trown3 td{
    width       : 33%;
}
td {
    vertical-align : top;
}

.tablec {
    width   : 100%;
}
.tablec {
    border-collapse: collapse;
    margin: 10px 0px;
}
.tablec td{
    border: 1px solid #9F591F;
    text-align: center;
}
.free-link{
    font-weight : bold;
    font-size   : 1.4em;
}
.free-link a{
    color   : red;
}