.loginbut {
    background: url(/index_staff/images/but_login.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 229px; /* Ширина рисунка */
    height: 88px; /*  Высота рисунка */
	position: relative;
	top: -20px;
	left: 43px;
		cursor: pointer;
   }
.loginbut:hover {
    background: url(/index_staff/images/but_login_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
  .newsbut {
    background: url(/index_staff/images/but_news.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 229px; /* Ширина рисунка */
    height: 88px; /*  Высота рисунка */
	position: relative;
		cursor: pointer;
	
   }
.newsbut:hover {
    background: url(/index_staff/images/but_news_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
   
.clientbut {
    background: url(/index_staff/images/but_client.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 229px; /* Ширина рисунка */
    height: 88px; /*  Высота рисунка */
	position: relative;
	top: -20px;
	left: 12px;
		cursor: pointer;
   }
.clientbut:hover {
    background: url(/index_staff/images/but_client_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
   
 .forumbut {
    background: url(/index_staff/images/but_forum.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 229px; /* Ширина рисунка */
    height: 88px; /*  Высота рисунка */
	position: relative;
	top: -20px;
	left: 12px;
		cursor: pointer;
   }
.forumbut:hover {
    background: url(/index_staff/images/but_forum_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
 
 .regbut {
    background: url(/index_staff/images/but_reg.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 229px; /* Ширина рисунка */
    height: 88px; /*  Высота рисунка */
	position: relative;
	top: -20px;
	left: 43px;
		cursor: pointer;
   }
.regbut:hover {
    background: url(/index_staff/images/but_reg_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
   
    .news_block {
    background: url(/index_staff/images/news.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 502; /* Ширина рисунка */
    height: 42px; /*  Высота рисунка */
	position: absolute;
	top: 3px;
	left: -15px;
	z-index: 5;
   } 
 
  .banner {
    background: url(/index_staff/images/banner.png); /* Путь к файлу с исходным рисунком  */
    
    width: 471; /* Ширина рисунка */
    height: 165px; /*  Высота рисунка */
	position: absolute;
	top: 0;
	left: 0px;
	transform: scale(n)
   }
   .banner_1 {
	background: url(/index_staff/images/banner_1.png); /* Путь к файлу с исходным рисунком  */
   
    width: 471; /* Ширина рисунка */
    height: 165px; /*  Высота рисунка */
	position: relative;
	top: 0px;
	left: 15px;
	transform: scale(n)
   }
   
   .news_up {
	   width:475px;
	   height: 4px; 
	   background: url('/index_staff/images/news_up.png');	
   }
   
     .news_c {
	   width:475px;
	   height: 100%; 
	   background: url('/index_staff/images/news_c.png');	
   }
   
     .news_bot {
	   width:475px;
	   height: 9px; 
	   background: url('/index_staff/images/news_bot.png');	
   }
   
   .collum_left_c {
	   width: 284px; 
	   height: 100%;
	   background: url('/index_staff/images/cullum_left_center.png'); 
	   vertical-align: top;
   }  
   .collum_left_bot {
	   width: 284px; 
	   height: 65px;
	   background: url('/index_staff/images/collum_left_bot.png');
   }
 .collum_right_c {
	   width: 284px; 
	   height: 100%;
	   background: url('/index_staff/images/cullum_right_center.png'); 
	   vertical-align: top;
   }  
   .collum_right_bot {
	   width: 284px; 
	   height: 65px;
	   background: url('/index_staff/images/collum_right_bot.png');
   }
 
   
 #wrapper-video-bg {
 position: fixed;
    top: -1;
    left: -1;
    min-width: 100%; 
    min-height: 100%;
	z-index: -1;
	transform: scale(n);
}


.back {
	background: url('/index_staff/images/background.png');
	background-size: cover !important;
	
}



/* ================================= */

.rat_butt{
            cursor: pointer;
            width: 13px;
            height: 14px;
            display: inline-block;
        }
        .rat_butt.up{
            background: url('/images/nrat_up.png') -26px 0px;
        }
        .rat_butt.down{
            background: url('/images/nrat_down.png') 0px 0px;
        }
        .rat_butt.up.act{
            background: url('/images/nrat_up.png') 0px 0px;
        }
        .rat_butt.down.act{
            background: url('/images/nrat_down.png') 13px 0px;
        }
        .rat_butt.up:hover{
            background: url('/images/nrat_up.png') -13px 0px;
        }
        .rat_butt.down:hover{
            background: url('/images/nrat_down.png') 26px 0px;
        }
        .rat_block {
            background: #e9e9e9;
            border: 1px #986a52 solid;
            border-radius: 2px;
            height: 14px;
            display: inline;
            padding: 0 3px 0 3px;
            pointer-events: none;
            user-select: none;
        }
        .rat_span{
            position: absolute;
            left: 0;
            width: 100%;
            text-align: left;
            padding-left: 10px;
        }
		
		
		
   .staff_up {
	   width:222px;
	   height: 7px; 
	   background: url('/index_staff/images/staff_up.png');	
   }
   
     .staff_c {
	   width:222px;
	   height: 100%; 
	   background: url('/index_staff/images/staff_c.png');	
   }
   
     .staff_bot {
	   width:222px;
	   height: 4px; 
	   background: url('/index_staff/images/staff_bot.png');	
   }
   
       .title_top_users {
    background: url(/index_staff/images/title_top_users.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   }   

   .title_top_clans {
    background: url(/index_staff/images/title_top_clans.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   }
   .title_media {
    background: url(/index_staff/images/title_top_media.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   }
   .title_forum {
    background: url(/index_staff/images/title_forum.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   } 
   .forum_title {
    background: url(/index_staff/images/forum_title.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
	font-size: 18px;
	font-weight: bold;
   }
 
   .title_faq {
    background: url(/index_staff/images/title_faq.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   }
 
   .title_soc {
    background: url(/index_staff/images/title_soc.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 245; /* Ширина рисунка */
    height: 44px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
   }
  
  
  .but_promo {
    background: url(/index_staff/images/but_promo.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 253px; /* Ширина рисунка */
    height: 122px; /*  Высота рисунка */
	position: relative;
	top: 0px;
	left: 30px;
	cursor: pointer;
	
   }
.but_promo:hover {
    background: url(/index_staff/images/but_promo_h.png); /* Путь к файлу с заменяемым рисунком  */
   }
   
   
   
    .lib_staff_up {
	   width:697px;
	   height: 4px; 
	   background: url('/index_staff/images/lib_staff_top.png');	
   }
   
     .lib_staff_c {
	   width:697px;
	   height: 100%; 
	   background: url('/index_staff/images/lib_staff_c.png');	
   }
   
     .lib_staff_bot {
	   width:697px;
	   height: 9px; 
	   background: url('/index_staff/images/lib_staff_bot.png');	
   }
   
   .title_lib {
    background: url(/index_staff/images/lib_staff_title.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 724; /* Ширина рисунка */
    height: 42px; /*  Высота рисунка */
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 5;
		font-size: 18px;
	font-weight: bold;
   }
	.off_main.b-news-item {
    padding: 0 20px;
    }
    .off_text {
    border: 3px #d60000 double;
    background: #fff7e1;
    padding: 4px;
    }