/*************************************************************

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    width: 1025px;
    margin: 259px auto -10px auto;
    background: repeat transparent url(https://forumstatic.ru/files/001a/f8/52/29181.png);
    background-position: center;
    padding-top: 142px;
}

/* A5.2 ÐÀÇÌÅÙÅÍÈÅ ÊÎÍÒÅÍÒÀ ÂÍÓÒÐÈ ÒÅËÀ
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 74px;
    width: 900px;
}


/*************************************************************

ØÀÏÊÀ, ÔÎÍ, ÔÓÒÅÐ È ÍÀÑÒÐÎÉÊÈ ÔÓÒÅÐÀ

**************************************************************/

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {
background: url(http://forumstatic.ru/files/001a/f8/52/49133.png) repeat top center;
background-color: #131313; 
overflow-x: hidden; }

/* ØÀÏÊÀ
-------------------------------------------------------------*/
#pun-title table {
        background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/f8/52/70460.png);
    border: none;
    height: 379px;
    margin-left: -49px;
    margin-bottom: -107px;
    width: 974px;
    margin-top: -401px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
       background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/f8/52/29906.png) no-repeat scroll bottom center;
    height: 175px;
    margin-bottom: -217px;
    margin-left: -49px;
    margin-top: -85px;
    width: 974px;
    padding: 0px !important;
    border: none !important;
    padding-bottom: 55px !important;
}
/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
        margin-top: 97px;
    width: 934px;
    margin-left: 20px;
    position: absolute;
    font-family: tahoma;
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
}

/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {
width: 288px;
    background: url(https://forumstatic.ru/files/001a/f8/52/73905.png) top no-repeat, url(https://forumstatic.ru/files/001a/f8/52/52855.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001a/f8/52/87414.png) repeat-y;
    margin-left: -19px!important;
    padding-bottom: 20px!important;
    margin-top: -20px !important;
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
        margin-left: 34px;
    margin-top: 3px;
    width: 219px;
    padding: 0px !important;
    padding-top: 0px !important;}


/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {    
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: rgb(16 16 16) 1px 1px 0px, rgb(76 76 76 / 0%) 0px 0px 5px;
    color: #815d33;
    font-size: 13px;
    font-family: playfair display!important;
    font-weight: 900;
    padding-top: 6px !important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    text-shadow: rgb(4 4 4) 1px 1px 0px, rgb(84 68 48 / 46%) 0px 0px 5px;
    color: #815d33!important;
}

/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
color: #4c3f5f!important;
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
   font-size: 9px!important;
    text-transform: lowercase;
    padding: 12px 13px 8px 13px!important;
    text-align: center;
    font-weight: bolder;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    color: #524b62;
}

/* ÀÂÀÒÀÐ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-avatar {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    text-align: center;
}

/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #3d2e20!important;
    box-shadow: 0 0 7px #000000;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/

li.pa-ua {
    margin-top: 0.7em;
    display: none!important;
    justify-content: center;}


#profilenav h2 {
    text-align: left !important;
}

.pa-fld4 {
    position: absolute;
    margin-top: 75px!important;
    left: 63px;
}

.hogwarts {
    background: url(https://forumstatic.ru/files/001a/f8/52/39011.png) no-repeat;
    width: 31px;
    height: 31px;
}

.ilvermorni {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/45387.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.beauxbaton {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/37543.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.durmstrang {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/10423.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.uagadu {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/86443.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.arcana {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/15285.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.adminmoder {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/15285.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.petunia {
    background: transparent url(https://forumstatic.ru/files/001a/f8/52/22850.png) top center no-repeat;
    width: 31px;
    height: 31px;
}

.pa-fld2 {
    line-height: 1.1;
    margin-left: 8px!important;
    margin-bottom: 10px!important;
    font-size: 10px;
    font-family: tahoma!important;
    color: #685951!important;
    text-align: center;
    background-color: #0404043b;
    border: 1px solid #1f1f1f82;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: bolder;
    text-shadow: 1px 1px black;
    letter-spacing: 0.5px;
    width: 180px;
    padding: 0px 10px 10px 10px!important;
}
.lz1 {
    font-family: 'Playfair Display';
    text-transform: uppercase;
    margin-top: 6px !important;
    font-size: 13px;
    width: 222px;
    color: #544b62;
}

.lz1 a {
    font-family: 'Playfair Display';
    text-transform: uppercase;
    margin-top: 6px !important;
    font-size: 13px;
    width: 222px;
    color: #544b62!important;
}

.lz2 {
    font-family: tahoma;
    font-size: 12px;
    margin-bottom: 5px !important;
    font-variant: all-small-caps;
    font-weight: bolder;
    letter-spacing: 2px;
    color: #6e512f;
}

.dividerimg1 {
    background: #433b30a6;
    height: 1px;
    margin: 10px -9px 0px -9px !important;
    display: none;
}


.dividerimg2 {
    background: #433b30a6;
    height: 1px;
    margin: 10px -9px 0px -9px !important;
    display: none;
}

.cashamount {
    background: url(https://forumstatic.ru/files/001a/f8/52/63464.png) no-repeat;
    width: 85px;
    height: 30px;
    display: inline-block;
}

.postamount {
    background: url(https://forumstatic.ru/files/001a/f8/52/76678.png) no-repeat;
    width: 85px;
    height: 30px;
    display: inline-block;
}

.cashamount, .postamount {
    margin: 10px 1px -10px 1px!important;
}


/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-posts, .pa-respect {   
padding: 2px 4px 2px 4px !important;
    width: 95px;
    text-transform: lowercase;
    font-size: 9px;
    display: inline-block;
    background-color: #00000038;
    border: 1px solid #26262685;
    color: #685951;
}

.pa-posts span, .pa-respect span {
    display: inline-block;
}


.pa-last-visit {
    font-size: 9px!important;
    text-transform: lowercase;
    text-align: center;
    font-weight: bolder;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    color: #685951;
}
/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
 .pa-respect a {   
color: #685951!important; }

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {margin-left: 3px!important}

/* ÎÒÎÁÐÀÆÅÍÈÅ ÏÐÎÔÈËß ÏÐÈ ÎÒÂÅÒÈÒÜ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 255px !important;
    padding: 0;
    margin-top: 31px;
    text-align: center;
    margin-left: 8px;
}
/* ÑÑÛËÊÈ ÏÐÎÔÈËÜ, ËÑ, EMAIL ÏÎÄ ÏÐÎÔÈËÅÌ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
Âîçìîæíî, ïðèäåòñÿ äâèãàòü ñ ïîìîùüþ ïîñëåäíåãî ïàðàìåòðà*/

.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    margin-left: -19em;
}

/* ÂÐÅÌß È ÍÎÌÅÐ ÏÎÑÒÀ
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 565px;
    position: absolute;
    width: 0px;
    text-align: right!important;
}

/* ÈÊÎÍÊÀ ÑÒÐÀÍÛ ÍÅ ÎÒÎÁÐÀÆÀÅÒÑß
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: rgb(104 89 81) !important;
    font-size: 7px;
margin: 10px 0px 0px 0px!important;

}
.pa-ip a {
    clear: both;
    color: rgb(104 89 81) !important;
    font-size: 7px;
}


/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    text-transform: lowercase;
    font-size: 9px;
    color: #685951;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
li#navawards, .lastedit {
    display: none !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}


/*************************************************************

ÖÂÅÒ ÒÅÊÑÒÀ È ÊÎÍÒÅÍÒ ÏÎÑÒÀ

**************************************************************/

/* ÖÂÅÒ ÒÅÊÑÒÀ ÁÎËÜØÈÍÑÒÂÀ ÝËÅÌÅÍÒÎÂ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .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-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 {
    border-color: transparent;
    color: #583f31;
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #2f2517;
}

/* ÖÂÅÒ ÄÅÆÓÐÍÎÃÎ ÒÅÊÑÒÀ (òåìó ïðîñìàòðèâàþò, ñòðàíèöû è ò.ä.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: #544430;
}

/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}


/*************************************************************

ÖÂÅÒ ÑÑÛËÎÊ

**************************************************************/

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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 {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    box-shadow: none;
    color: #78634a;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.punbb a:hover, .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 {
    border: none !important;
    text-decoration: none;
    border: none !important;
    color: #4c3f5f;
}


/*************************************************************

ÏÎÄÔÎÐÓÌ

**************************************************************/

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
   font-size: 12px;
    text-transform: lowercase;
    min-height: 106px;
    margin-left: -5px;
    text-align: justify;
    font-family: tinos !important;
    background-color: #aea797;
    padding: 10px;
    border: 1px solid #a3988d;
}

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    font-family: playfair display!important;
    font-weight: 600;
    color: #8f6e48;
    text-shadow: rgb(205 198 176) 1px 1px 0px, rgb(105 85 61) 0px 0px 1px !important;
}

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a { color: #8f6e48;}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
#back {
    padding: 5px 10px;
    margin: 4px 0px 0px 0px !important;
    border: 1px solid #b5a799c9;
    font-family: tahoma;
    font-size: 10px;
    font-weight: 500;
    font-variant: all-small-caps;
    letter-spacing: 1px;
}


#forback {
    background: #9f978b;
    margin: 0px 1px 0px 1px !important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 9px;
    color: #584e64;
    padding: 3px 10px 3px 10px;
    letter-spacing: 1px;
    text-shadow: 1px 1px #aba198a1;
    font-weight: bolder;
    font-variant-caps: all-small-caps;
}


.Tems_And_messages {
  display: inline-block;
    width: 519px;
    text-align: center;
    background: #9f978b;
    margin: 5px 1px 0px 1px !important;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 10px;
    color: #584e64;
    padding: 3px 10px 3px 10px;
    letter-spacing: 1px;
    text-shadow: 1px 1px #aba198a1;
    font-weight: bolder;
    font-variant-caps: all-small-caps;}


/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
        font-size: 14px;
    text-transform: uppercase;
    font-family: playfair display!important;
    font-weight: 600;
    letter-spacing: 1px;
    color: #8f6e48;
    text-shadow: rgb(205 198 176) 1px 1px 0px, rgb(105 85 61) 0px 0px 1px !important;
    line-height: 5px;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: left;
    font-family: tahoma!important;
    font-size: 11px;
    font-variant: all-small-caps;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: tinos !important;
    font-size: 12px;
    display: none;
}


/*************************************************************

ÊÀÒÅÃÎÐÈÈ È ÑÒÀÒÈÑÒÈÊÀ

**************************************************************/

/* ÊÀÒÅÃÎÐÈÈ

ÂÀÆÍÎ! Åñëè êàòåãîðèé áîëüøå 5, êîïèðóåòå îäðó èç êàòåãîðèé è çàìåíÿåòå ïîñëåäíþþ öèôðó
íàïðèìåð: ÷òîáû ïîëó÷èòü øåñòóþ êàòåãîðèþ, ñäåëàéòå èç pun-category5 - pun-category6

-------------------------------------------------------------*/

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {             background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}
/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {        background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}

/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {          background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}
/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {         background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}
/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {         background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {          background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {          background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category7 h2 {          background: url(https://forumstatic.ru/files/001a/f8/52/36968.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 968px;
    height: 151px;
    margin-left: -49px !important;
    margin-bottom: -130px !important;
    display: inherit;
    margin-top: -30px;
}
/*************************************************************

ÔÎÐÓÌÍÀß È ÏÎËÜÇÎÂÀÒÅËÜÑÊÀß ÍÀÂÈÃÀÖÈß

**************************************************************/

/* ÊÎÍÒÅÉÍÅÐ Ñ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÅÉ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}

/* ÊÎÍÒÅÉÍÅÐ ÍÀÂÈÃÀÖÈÎÍÍÛÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border: none;
    margin-top: -5px!important;
    font-weight: normal;
    text-align: center;
    width: 865px!important;
}

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
    font-family: tahoma!important;
    text-transform: lowercase;
    width: 865px !important;
    text-align: center !important;
    font-style: normal;
    top: 38px;
    font-variant-caps: all-small-caps;
    font-weight: bolder;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 11px !important;
    font-weight: 100;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
}
/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
#pun-ulinks a:hover {}


/*************************************************************

ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ

**************************************************************/

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ È ÑÍÈÇÓ ÂÍÅØÍÈÉ ÂÈÄ
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    width: 863px;
    margin-bottom: 0px !important;
    font-family: playfair display!important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    FONT-WEIGHT: 600;
}

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {            margin-top: 30px !important;}

/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {}



/*************************************************************

ÏÎËß ÂÂÎÄÀ, ÖÈÒÀÒÛ-ÊÎÄÛ, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ 

**************************************************************/

/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;}


/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
Çà÷àñòóþ, ñòðàíèöà ïåðåàäðåñàöèè íå òðåáóåò ñåðüåçíûõ èçìåíåíèé. 
 áîëüøèíñòâå ñëó÷àåâ äîñòàòî÷íî èçìåíèòü öâåòà è çàêðóãëåíèå êðàåâ (ò.å. 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
    background-color: #bbb0a2;
    color: #332112;
    border: 1px solid #3d2f1966;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(101 92 83 / 54%);
}


/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    background: rgb(242 246 230);
    padding: 18px 20px !important;
    width: 95% !important;
    background-color: #bbb0a2;
    color: #332112;
    border: 1px solid #3d2f1966;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(101 92 83 / 54%);
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(227, 217, 212);
    padding: 2px 2px 2px 2px !important;
    background-color: #bbb0a2;
    color: #332112;
    border: 1px solid #3d2f1966;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(101 92 83 / 54%);
}

/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/

.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {background-clip: padding-box;
    position: relative;
    background: rgb(255, 255, 255);
    padding: 20px 20px !important;
    background-color: #bbb0a2;
    color: #332112;
    border: 1px solid #3d2f1966;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(101 92 83 / 54%);}

.post-content .spoiler-box > div {background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    text-align: center;
    font-family: playfair display!important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;}
 

/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
Ðàáîòàåì òîëüêî ñ 4 ïîñëåäíèìè ïàðàìåòðàìè 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px !important;
    margin: 0;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: #333232;
    font-family: playfair display!important;
    font-weight: 600;
    border-bottom: 1px solid #847c6c;
    margin-bottom: 10px !important;
    text-align: center;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* ÐÅÉÒÈÍà ÏÎÑÒÀ  ÒÎÏÈÊÅ (ÊÎÃÄÀ ÏÈØÅØÜ ÊÎÌÌÅÍÒ Ê ÏËÞÑÓ - ×ÒÎÁÛ ÔÎÍ ÁÛË ÍÅ ÏÐÎÇÐÀ×ÍÛÉ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;   background: rgb(245, 239, 231);}


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #bbb0a2;
    color: #332112;
    border: 1px solid #3d2f1966;
    box-shadow: inset 0px 0px 2px #dadada, inset 0px 0px 1px #afafaf, inset 0px 0px 30px rgb(101 92 83 / 54%);
}

/* ÇÀÄÀÅÌ ØÈÐÈÍÓ È ÂÛÑÎÒÓ ÔÎÐÌÅ ÎÒÂÅÒÀ, À ÒÀÊÆÅ ÑÎÇÄÀÅÌ ÄËß ÍÅÅ ÏÐÎÊÐÓÒÊÓ
×ÒÎÁÛ ÎÍÀ ÍÅ ÐÀÑÒßÃÈÂÀËÀÑÜ ÍÀ ÏÎËÎÂÈÍÓ ÝÊÐÀÍÀ
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


/*************************************************************

ÈÊÎÍÊÈ ÑÒÀÐÛÕ ÍÎÂÛÕ

**************************************************************/

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
        background-image: url(https://forumstatic.ru/files/001a/f8/52/53447.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 40px;
    margin-left: -26px;
    margin-top: 13px;
    width: 50px;
    z-index: 1;
    opacity: 0.2;
    float: right;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(https://forumstatic.ru/files/001a/f8/52/79945.png);
    background-repeat: no-repeat;
    opacity: 1;
}

/* ÈÊÎÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -3px 8px;
    width: 30px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001a/f8/52/53447.png);     opacity: 0.2;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 30px;
    height: 40px;
    background-image: url(https://forumstatic.ru/files/001a/f8/52/79945.png);  opacity: 1;
}
/* ÈÊÎÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 30px;
    height: 39px;
    background-image: url(https://forumstatic.ru/files/001a/f8/52/33640.png);  opacity: 1;
}
/* ÈÊÎÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 30px;
    height: 39px;
    background-image: url(https://forumstatic.ru/files/001a/f8/52/33640.png);  opacity: 0.5;
}


/*************************************************************

ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ, ÏÎÑÌÎÒÐÅÒÜ, ÑÎÕÐÀÍÈÒÜ È ÒÄ

**************************************************************/

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
font-size: 9px!important;
    background: linear-gradient(#583c52, #1a161b)!important;
    border: 1px solid #292929 !important;
    box-shadow: inset 0px 0px 2px #9b58b1, inset 0px 0px 1px #868686, inset 0px 0px 18px rgb(78 78 78)!important;
    text-shadow: 1px 1px 0 rgb(33 33 33), 0 0 5px rgb(232 214 235 / 27%);
    color: #c9bca7!important;
    font-weight: 600 !important;
    padding: 5px 6px 5px 7px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font-family: playfair display!important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#19161b, #452b52e0)!important;
    cursor: pointer!important;

  }

/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {    background: #4e4e4e;
    color: #cecbc4;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #4c4030;
    border: 1px solid #4a3c2b;
    box-shadow: inset 0 0 2px #21190d;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #2d2d2d;
    border: 1px solid #252525;
    box-shadow: inset 0 0 2px #000000;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
body {overflow-x: hidden}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ 
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ×ÓÒÜ ÑÍÈÆÀÅÒÑß ÏÐÎÇÐÀ×ÍÎÑÒÜ ÊÍÎÏÊÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÂÅÐÕ
-------------------------------------------------------------*/
.go-up {
    bottom: 50%;
    margin-left: 930px !important;
}
/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {
    bottom: 40%;
    margin-left: 930px !important;
}
/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*************************************************************

ÒÎÏÈÊÈ È ÂÑßÊÎÅ ÌÅËÊÎÅ Â ØÀÏÊÅ

**************************************************************/

/* ÒÅÊÑÒ Â ØÀÏÊÅ
-------------------------------------------------------------*/
#html-header active1 {    position: absolute;
    top: -149px;
    left: 312px;}

#html-header active2 {    position: absolute;
    top: -102px;
    left: 312px;}

#html-header active3 {    position: absolute;
    top: -124px;
    left: 363px;}

#html-header posts1 {    position: absolute;
    top: -124px;
    left: 616px;}

#html-header posts2 {    position: absolute;
    top: -149px;
    left: 666px;}

#html-header posts3 {    position: absolute;
    top: -102px;
    left: 666px;}

#html-header gamer {    position: absolute;
    top: -147px;
    left: 82px;}

#html-header gamername a {        position: absolute;
    top: -138px;
    left: 173px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #74608d !important;
    text-shadow: 1px 1px black;
    font-family: playfair display!important;
    text-align: center;
    width: 140px;}

#html-header bestep a {        position: absolute;
    top: -77px;
    left: 86px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #575757 !important;
    text-shadow: 1px 1px black;
    font-family: playfair display!important;
    text-align: center;
    width: 220px;}

#html-header bestpost a {    position: absolute;
    top: -146px;
    left: 753px;
    width: 158px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #74608d !important;
    text-shadow: 1px 1px black;
    font-family: playfair display!important;
    text-align: center;}

#html-header besttext {        position: absolute;
    top: -124px;
    left: 730px;
    font-family: tahoma;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #575757 !important;
    text-shadow: 1px 1px black;
    text-align: justify;
    width: 200px;
    height: 70px;
    overflow-y: scroll;
    padding-right: 5px;}

#html-header news {        position: absolute;
    top: -64px;
    left: 378px;
    font-family: tahoma;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #575757 !important;
    text-shadow: 1px 1px black;
    text-align: justify;
    width: 261px;
    height: 45px;
    overflow-y: auto;
    padding-right: 10px;}



#html-header ams {    position: absolute;
    top: -214px;
    left: 88px;
    font-family: playfair display!important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #78654d !important;
    text-shadow: 1px 1px black;
    text-align: center;}

#html-header ams a {    
    color: #78654d !important;}

#html-header forinfo {    position: absolute;
    top: -213px;
    left: 806px;
    font-family: playfair display!important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    color: #78654d !important;
    text-shadow: 1px 1px black;
    text-align: center;}


.poston::-webkit-scrollbar-thumb {
    background-color: #4c4030;
    border: 1px solid #4a3c2b;
    box-shadow: inset 0 0 2px #21190d;
}

.poston::-webkit-scrollbar-track {
    background-color: #2d2d2d;
    border: 1px solid #252525;
    box-shadow: inset 0 0 2px #000000;
}

.poston::-webkit-scrollbar {
    width: 1px !important; 
    height: 6px;}


/* ÁÀÍÍÅÐÛ È ÍÓÆÍÛÅ 
-------------------------------------------------------------*/
.banners { position: absolute;
    overflow: auto;
    letter-spacing: 1px;
    width: 660px;
    margin: 129px 10px 1px 216px!important;
    height: 33px;
}

.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

.need1 {    position: absolute;
    margin: 122px 0px 0px 9px!important;}

.need2 {    position: absolute;
    margin: 122px 0px 0px 63px!important;}

.need3 {    position: absolute;
    margin: 122px 0px 0px 117px!important;}

.need4 {    position: absolute;
    margin: 122px 0px 0px 171px!important;}

.copy {    position: absolute;
    margin: 180px 0px 0px 570px!important;
    width: 180px;
    text-align: center;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    font-weight: bolder;
    font-size: 10px;}


/* ÍÀÂÈÃÀÖÈß ÏÎ ÒÅÌÀÌ Â ØÀÏÊÅ
-------------------------------------------------------------*/

/* ÊÎÄ ÑÑÛËÎÊ ÍÀÂÈÃÀÖÈÈ ÎÒ ÂÅÙÅÃÎ ÄÓÕÀ */
/* íàñòðîéêà êíîïêè, ìîæåò áûòü òåêñòîì */
.spirit-navigation {
    height: 14px;
    width: 178px;
    top: -182px;
    left: 128px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    color: #78654d !important;
    font-family: playfair display!important;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 0px 0px 3px #00000075;
    font-weight: bolder;
}

/* âèä êíîïêè ïîñëå êëèêà ïî íåé */
.spirit-navigation.spirit-navigation_hover{
background: url(ññûëêà íà êàðòèíêó) no-repeat
}

/* íàñòðîéêà ïîçèöèè âûïàäàþùåãî ïî êëèêó îêíà è åãî øèðèíà */
#navigblock {
    width: 180px;
    margin-left: 55px;
    position: absolute;
    top: -161px;
    z-index: 999;
}

/* íàñòðîéêà áëîêà ññûëîê, öâåò ôîíà, òåíè, ïðîçðà÷íîñòü, îòñòóïû */
.sslka {
    display: block;
    background: #100f12;
    padding: 3px 0 3px 0;
    border: 1px solid #30283e;
}

/* íàñòðîéêà âèäà ñàìîé ññûëêè, øèðèíà, öâåò, ôîí, øðèôòû è òàê äàëåå */
#pun .sslka a {
    background: linear-gradient(180deg, #312739, #1b181f);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 0px 0 3px 0;
    border: 1px solid #57533a7d;
    text-shadow: 1px 1px #000000;
    text-transform: lowercase;
    width: 160px;
    font-weight: 500;
    color: #a38058;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    font-size: 10px;
    transition: all 0.3s linear 0s;
    box-shadow: 0px 0px 9px #0000005c inset;
}

/* ññûëêà ïðè íàâåäåíèè */
#pun .sslka a:hover {
     background: linear-gradient(180deg, #1b181f, #312739);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 0px 0 3px 0;
    border: 1px solid #57533a7d;
    text-shadow: 1px 1px #14130f;
    text-transform: lowercase;
    width: 160px;
    color: #a29e91;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    transition: all 0.3s linear 0s;
    box-shadow: 0px 0px 9px #0000005c inset;
}



/* íàñòðîéêà êíîïêè, ìîæåò áûòü òåêñòîì */
.spirit-navigation2 {
    height: 14px;
    width: 178px;
    top: -182px;
    left: 724px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    color: #78654d !important;
    font-family: playfair display!important;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 0px 0px 3px #00000075;
    font-weight: bolder;
}

/* âèä êíîïêè ïîñëå êëèêà ïî íåé */
.spirit-navigation2.spirit-navigation2_hover{
background: url(ññûëêà íà êàðòèíêó) no-repeat
}

/* íàñòðîéêà ïîçèöèè âûïàäàþùåãî ïî êëèêó îêíà è åãî øèðèíà */
#navigblock2 {
    width: 180px;
    margin-left: 650px;
    position: absolute;
    top: -162px;
    z-index: 999;
}

/* íàñòðîéêà áëîêà ññûëîê, öâåò ôîíà, òåíè, ïðîçðà÷íîñòü, îòñòóïû */
.sslka2 {
    display: block;
    background: #100f12;
    padding: 3px 0 3px 0;
    border: 1px solid #30283e;
}


/* íàñòðîéêà âèäà ñàìîé ññûëêè, øèðèíà, öâåò, ôîí, øðèôòû è òàê äàëåå */
#pun .sslka2 a {
    background: linear-gradient(180deg, #312739, #1b181f);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 0px 0 3px 0;
    border: 1px solid #57533a7d;
    text-shadow: 1px 1px #000000;
    text-transform: lowercase;
    width: 160px;
    font-weight: 500;
    color: #a38058;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    font-size: 10px;
    transition: all 0.3s linear 0s;
    box-shadow: 0px 0px 9px #0000005c inset;
}

/* ññûëêà ïðè íàâåäåíèè */
#pun .sslka2 a:hover {
    background: linear-gradient(180deg, #1b181f, #312739);
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 0px 0 3px 0;
    border: 1px solid #57533a7d;
    text-shadow: 1px 1px #14130f;
    text-transform: lowercase;
    width: 160px;
    color: #a29e91;
    font-family: tahoma;
    font-variant: all-small-caps;
    letter-spacing: 1px;
    transition: all 0.3s linear 0s;
    box-shadow: 0px 0px 9px #0000005c inset;
}