/*============================================================================*/
/*  Кнопка прокрутки окна наверх                                              */
/*============================================================================*/
#back-top{
        position:fixed;
        z-index: 201;         /* поверх всех слоёв кроме меню (202)) */
        bottom:50px;
        right: 30px;           /* смещение на середину экрана */
        display: none;         /* сначала скроем её */
        color:#bbb;
        }

#back-top a{
        width:38px;
        display:block;
        text-align:center;
        font:11px/100% Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        text-decoration:none;
        color:#bbb;
        -webkit-transition:1s;  /*при наведении мышки меняем фон медленно */
        -moz-transition:1s;
        transition:1s;
        }

#back-top a:hover{
        color:#000;             /*при наведении мышки делаем текст черным */
        }

#back-top span{
        width:38px;
        height:38px;
        display:block;
        margin-bottom:7px;
        background: url('/_context/img/buttons/btn-up-blue.png') no-repeat center center;
        background-color:transparent;
        -webkit-border-radius:4px;      /* скругляем углы до круга */
        -moz-border-radius:4px;
        border-radius:4px;
        -webkit-transition:1s;          /* при наведении мышки меняем фон медленно */
        -moz-transition:1s;
        transition:1s;
        }

#back-top a:hover span {
        background: url('/_context/img/buttons/btn-up-red.png') no-repeat center center;
        }