/* ×ÅÐÍÛÉ ÑÏÈÑÎÊ */
#panel {
  position: fixed;
  top: 140px;
  left: -250px;
  margin: -40px 0 0 -2px;
  overflow: hidden;
  z-index: 10000;
}
#panel-content {
  background: #cecece;
  box-shadow: 0px 0px 10px #a0a0a0 inset;
  width: 238px;
  height: auto;
  float: left;
  padding: 3px 5px;
}
#panel-sticker {
    float: left;
    position: relative;
    background: #935048;
    padding: 3px 6px 3px 6px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-family: IBMPlexSans;
    font-size: 12px;
    font-weight: bold;
    color: #e0e0e0!important;
    letter-spacing: 1px;
}
#blockUsers > li > strong {
  cursor: pointer;
  font-size: 17px;
  color: red;
  font-weight: bold;
  top: 2px;
  position: relative;
}
.blockButton:before {
    content: " x ";
    font-weight: 700;
    cursor: pointer;
    margin-top: -19px;
    margin-left: -210px;
    position: absolute;
    width: 14px;
    opacity: 1;
    /* background: #000; */
    z-index: 2;
    color: #935048;
    font-size: 14px;
    padding-left: 5px;
    /* border: 1px solid #000000; */
}
ul#blockUsers {
    list-style-type: none;
    float: left;
    margin-left: 10px;
    text-transform: lowercase;
    font-family: IBMPlexSans;
    font-size: 11px;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* ÔÎÍ */
html, body { background:
url(https://forumstatic.ru/files/001b/9b/e5/25280.jpg) no-repeat;
background-position: top center;
background-attachment: fixed;
background-color: #b7b7b7;
}

/* ØÀÏÊÀ */
#pun-title table {
background-image : url(https://forumstatic.ru/files/001b/9b/e5/12668.jpg);
background-repeat : no-repeat;
background-position: top center;
border: none;
    width: 1050px;
    height: 355px;
    margin-left: -50px;}

/* ÒÅËÎ */
#pun {
width: 1050px; 
background-color: transparent; 
background-image: url(https://forumstatic.ru/files/001b/9b/e5/95004.png); 
background-repeat : repeat;
background-position: center;}


.punbb {
padding: 0 0px!important;
width: 1050px;}

/* ÔÓÒÅÐ */
#pun-about p.container {
background-image : url(https://forumstatic.ru/files/001b/9b/e5/32862.png);
margin: 0px 0px -87px -50px;
background-position : center top;
background-repeat : no-repeat;
width: 1050px;
height: 200px; 
overflow-x: hidden;}



/* CS1.1 ÔÎÍ È ÖÂÅÒ ÒÅÊÑÒÀ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
background-color: transpanent;
color: #272727;
font-weight: normal;
font-style: normal;
}

#pun-admain legend span {
    padding: 4px!important;
    background-color: #bbbbc2!important;
    font-size: 10px!important;
    font-family: IBMPlexSans;
    font-weight: bold!important;
    text-transform: uppercase;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #272727;
text-align:center; 
font-size: 12px; 
font-style: normal; font-family: "arial";
}

/* ÖÈÒÀÒÀ */
#pun-main .quote-box {
background-color: #;
background-image: url();
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
    border: 1px solid #000;
    box-shadow: #206977 0px 0px;
}


/* ÔÎÍ ÂÂÎÄÀ ÒÅÊÑÒÀ Â ÔÎÐÌÅ ÎÒÂÅÒÀ È ÀÄÌÈÍÊÅ */
.punbb textarea, .punbb select, .punbb input {
    background-image: url();
    border: 0px dashed #272727;
    background-color: #bbbbc2;
    color: #262626;
}

/* ÒÅÍÜ È ÇÀÊÐÓÃËÅÍÈÅ */
.punbb .quote-box, .punbb .code-box, .punbb textarea  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { 
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
 }

.punbb select { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* ÔÎÍ ÎÊÍÀ ÍÀÃÐÀÄ È ÐÅÏÓÒÀÖÈÈ */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://forumstatic.ru/files/001a/0b/59/99170.jpg);
    background-color: #000;
}


/* CS2 ÑÑÛËÊÈ
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #272727;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #935048; 
  text-decoration: none;
  transition-duration: 1s;
  }

.punbb a:hover {
  color: #935048;
  text-decoration: none;
  transition-duration: 1s;
}

#pun-ulinks a {
    font-family: 'IBMPlexSans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: bold;
    color: #272727;
    font-size: 7px;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #a6b6a9;
  transition-duration: 1s;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #e3e3e3;
    font-size: 19px;
    font-family: Zatiyan;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


#pun-navlinks a:focus, #pun-navlinks a:hover {
    color: #a6b6a9;
    transition-duration: 1s;
}

li#navindex a {
    color: #935048!important;
}

li#navindex a:hover {
    color: #a6b6a9!important;
}

.category .container thead {display: none;}


/* CS3 ÎÑÒÀËÜÍÎÅ
-------------------------------------------------------------*/

/* CS3.1 ÈÊÎÍÊÈ*/

div.icon {
        background: url() no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/001a/af/4f/85628.png) no-repeat;
}

tr.iclosed div.icon {
        background: url() no-repeat;
}

tr.isticky div.icon {
        background: url() no-repeat;
}

#pun-main .category Div.icon {
        background: url() no-repeat;
}

#pun-main .category TR.inew Div.icon {
        background: url(https://forumstatic.ru/files/001b/9b/e5/14810.png) no-repeat;
}


/* CS3.2 ÂѨ ÏÎÄÐßÄ*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}
#pun-live-rusff {display: none;}

.post-content a {color: #935048!important;}

#MyBookmarks, #MyBookmarks .container {
    background: url(https://forumstatic.ru/files/001a/31/3a/40580.jpg)!important;}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    background: #216b84!important;
    padding: 1.7em !important;}

#pun-ulinks #Rz{display:none}


.pa-ip {    color: #476873!important;
    font-size: 9px;
    margin-left: 30px!important;}

 .pa-ip a {    color: #476873!important;}

#pun-adnav a {
    text-transform: lowercase;
}

/* ÏÐÎÊÐÓÒÊÀ */
::-webkit-scrollbar-thumb:vertical {
background-color: #272727;    width: 3px;}

::-webkit-scrollbar-thumb:horizontal {
background-color: #272727;     width: 3px;}

::-webkit-scrollbar {
    background-color: #935048;
    height: 3px;
    width: 3px;}

::selection {
    background: #303030 !important;
    color: #fff;}

#font-area, #size-area, #spoiler-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    padding: 10px 10px!important;
    text-transform: lowercase;
    background-color: #bbbbc2!important;
    border: 1px dashed #000;
}

#smilies-area .t-EMOJI img {
    margin: 3px;
}

#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;}

.Tems_And_messages {
    display: inline-block;
    width: 170px;
    font-family: IBMPlexSans;
    font-weight: bold;
    font-size: 7px;
    letter-spacing: 0.5px;}
.main table .Add {
    display: block;
    text-align: center;
    height: 12px;
    margin: -10px 0;
    padding: 3px 8px 6px 8px;
    font-weight: normal;
    font-size: 9px;
    color: #222222;}
.Tems_And_messages .right {
    color: #1d6470;}


td.tcr a {
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;}


.pa-fld3, .pa-respect {
    display: inline-block!important;
    margin-top: 5px !important;
    margin-left: 0px !important;
    color: #272727;
    float: none!important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 7px;
    font-weight: bold;
    font-family: IBMPlexSans;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
    width: 84px !important;
    padding: 1px 1px!important;
    border-top: 1px dashed #000;
    background: #;
}


#pun-viewtopic .post h3 {
    background-color: #;
    color: #171717!important;
    border-bottom: 1px solid #000;
    margin-left: 240px;
    margin-top: 10px;
    padding: 0 1px;
    height: 22px;
    width: 758px !important;
    font-family: IBMPlexSans;
    text-transform: uppercase;
    font-size: 10px;
}

.post h3 a {
color: #171717!important;
text-transform: uppercase;}

.post h3 a:hover {
  text-decoration: none;
  color: #216b84!important;
  transition-duration: 1s;}


.resizable-textarea textarea { 
display: block; 
margin-bottom: 20pt; }


/* CS4 ÊÀÐÒÈÍÊÈ ÊÀÒÅÃÎÐÈÉ */
#pun-category1.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/36716.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -20px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/56737.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -30px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/97015.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -30px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/52764.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -30px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/41403.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -30px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/99289.png) no-repeat top center;
width: 1050px;
height: 110px;
margin-left: -80px;
margin-top: -30px;
margin-bottom: 20px;
font-size:0 !important;}

#pun-stats.section h2 {
background: url(https://forumstatic.ru/files/001b/9b/e5/79586.png) no-repeat top center;
width: 1050px;
height: 15px;
margin-left: -50px;
margin-top: -40px;
margin-bottom: 20px;
font-size:0 !important;}


#main-reply {width: 100%;
    height: 200px;}

#font-area {height: 300px;
    overflow: auto;}


/* ÐÀÌÊÀ ÀÂÀÒÀÐÀ */
li.pa-avatar.item2 img {
border: 1px solid #000; /* Ïàðàìåòðû ãðàíèöû */
background: #e0dfdf;
padding: 3px; /* Ïîëÿ âîêðóã òåêñòà */
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
max-width: 180px;
margin-left: 0px!important;
}

/* ÑÌÀÉËÛ */
#wrapper {
	left: 0px;
	position: relative;
	width: 450px;}

.tabs {
	height: 30px;
	line-height: 22px;
	margin: 3 3 3px;
	list-style: none;}

#wrapper ul {
    padding-left: 0px!important;}

.tabs li {
	float: left;
	cursor: pointer;
	background: #e0e2db;
	color: #1c1c1c;
	display: inline;
	margin: 2px 6px;
	padding: 0 5px 1px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 65px;
	border: 1px dashed #000;
	box-shadow: #426058 0px 0px 0;}

.tabs li a {
	padding: 0;}

.tabs li a:hover {
	color: #426058;
	background: url("")no-repeat scroll 0-22.1px/cover;
	text-decoration: none;}

.tabs li.active a {
	color: #1c1c1c;
	border: medium hidden;
	line-height: 22px;
	background-position: 0 -43.5px;}

.tabs li.active a:hover {
	color: #426058;}

#smilies-area div[class^="t-"]:not(.t-0) {
	display: none;
	width: 450px;
	overflow: auto;
	height: 200px;}

/* ØÀÏÊÀ ÑÏÎÉËÅÐÀ */
.post-content .spoiler-box > div {
padding-left: 40px!important;
text-align: left;
line-height: 200%;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.3px;
font-family: IBMPlexSans;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #000!important;
padding: 0.2em 0 0.3em;
color: #e3e3e3;
}

/* ÑÏÎÉËÅÐ */
.punbb .post-content .spoiler-box {
padding: 0;
border: 1px solid gray;
box-sizing: border-box;
}

/* ØÀÏÊÀ ÊÎÄÀ */
.post-content .code-box strong.legend {
text-align: center;
line-height: 200%;
font-size: 10px;
background: #;
padding: 0.2em 0 0.3em;
text-transform: uppercase;
}

/* ÑÑÛËÊÀ Â ØÀÏÊÅ ÊÎÄÀ */
.post-content .code-box .legend a {
color: #272727!important;
}

/* ÁËÎÊ ÊÎÄÀ */
.punbb .post-content .code-box {
padding: 0;
border: 0px dashed #272727;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: linear-gradient(to bottom right, #a6b6a9, #a6b6a9);
box-sizing: border-box;
}

/* ÂÍÓÒÐÈ ÁËÎÊÀ ÊÎÄÀ */
.punbb .post-content .blockcode {
padding: 5px 10px;
background: #;
box-sizing: border-box;
}

/* ÒÀÁËÈÖÀ */


#nav1 a {
    position: absolute;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 8px;
    top: 80px;
    margin-left: 564px;
    word-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #272727;
}

#nav1 a:hover {
  text-decoration: none;
  color: #e1e1e1;
  transition-duration: 1s;
}

#nav2 a {
    position: absolute;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 8px;
    top: 103px;
    margin-left: 564px;
    word-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #272727;
}

#nav2 a:hover {
  text-decoration: none;
  color: #e1e1e1;
  transition-duration: 1s;
}

#nav3 a {
    position: absolute;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 8px;
    top: 125px;
    margin-left: 564px;
    word-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #272727;
}

#nav3 a:hover {
  text-decoration: none;
  color: #e1e1e1;
  transition-duration: 1s;
}

#nav4 a {
    position: absolute;
    font-family: 'IBMPlexSans', sans-serif;
    font-size: 8px;
    top: 150px;
    margin-left: 564px;
    word-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #272727;
}

#nav4 a:hover {
  text-decoration: none;
  color: #e1e1e1;
  transition-duration: 1s;
}

/* ÁÀÍÍÅÐÛ */
.banners {
    position: absolute;
    width: 1010px;
    height: 33px;
    word-spacing: 10px;
    margin-top: 28px!important;
    margin-left: -25px!important;
    overflow-y: auto;
    opacity: 0.4;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.banners:hover {opacity: 1;}

<style type='text/css'>
.renoheader {
 background: #e1e1e1;
background: url(https://forumstatic.ru/files/001b/9b/e5/13516.jpg) no-repeat;
 }

.renoheaderhover {
width: 1050px; 
height: 237px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 101px!important;
margin-left: -50px!important;
position: absolute;
 }

.renoheaderhover:hover {
color: #ededed;
width: 1050px; 
height: 237px; 
background-color: #e1e1e1;
background: url(https://forumstatic.ru/files/001b/9b/e5/13516.jpg) no-repeat;
opacity: 10;
 }

.renoheadercontent {
width: 1050px; 
height: 237px; 
background: #e1e1e1; 
background: url(https://forumstatic.ru/files/001b/9b/e5/13516.jpg) no-repeat;
color: #ededed; }
</style>