body {
    background-image: url(/site/images/bg/bg_1.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff8de; /* Old browsers */
    background-color: -moz-linear-gradient(top,  #fff8de 0%, #e5be7d 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8de), color-stop(100%,#e5be7d)); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top,  #fff8de 0%,#e5be7d 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top,  #fff8de 0%,#e5be7d 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top,  #fff8de 0%,#e5be7d 100%); /* IE10+ */
    background-color: linear-gradient(to bottom,  #fff8de 0%,#e5be7d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8de', endColorstr='#e5be7d',GradientType=0 ); /* IE6-9 */    
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

#logo{position:absolute;top:16px;left:20px;z-index:980;line-height:12px; font-size: 9px; text-align: left;}

#footer {position:fixed; background: url(/site/images/maskot/bg.png) no-repeat center bottom; background-size: 100%; bottom:0px;left:0px;z-index:-90;width:100%;height: 120px;}
#footer img {position:fixed; bottom:0px;left:0px;z-index:-85; width: 17%;}
#footer div {left:20px;z-index:-95; text-align: left;}
#footer ul{list-style:none; text-align: left;}
#footer li{display: inline; position: relative; }

@media only screen and (max-width: 767px) {
    body {
      background-image: url(/site/images/bg/bg_1.jpg);
      background-position: center bottom;
      background-repeat: no-repeat;
    }
    
}