/* ÔÎÍ */
body {
    background: #c4c4c4 url(http://forumstatic.ru/files/001a/70/a5/57841.png) top center;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}

/* ÒÅËÎ */
#pun {
    background: url(http://forumstatic.ru/files/001a/70/a5/64328.png);
    -webkit-text-size-adjust: none;
}

/* ØÀÏÊÀ */
#pun-title table {
    border: none;
    height: 180px;
    width: 950px;
    margin-left: -34px;
    margin-top: 70px;
    background: url(http://forumstatic.ru/files/001a/70/a5/29586.png) top center no-repeat;
}

/* ÔÓÒÅÐ */
#pun-about p.container {
    background: transparent url(http://forumstatic.ru/files/001a/70/a5/51747.png) bottom center no-repeat;
    width: 950px;
    margin-left: -45px;
    height: 26px;
    margin-top: -50px;
    margin-bottom: -2px;
text-align:center;
}

span.item1 {
    margin-top: 50px;
}

/* ÈÊÎÍÊÈ ÑÎÎ */
.punbb table Div.icon {
    width: 8px;
    margin: 0px 284px 0 0!important;
}

/* ÍÎÂÎÅ */
TR.inew Div.icon {
    height: 42px;
    width: 10px;
    position: absolute;
    z-index: 99;
    margin-left: 274px !important;
    background-color: #4a8ea2;
}

TR.inew Div.icon:hover {
    filter: grayscale(1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÇÀÊÐÛÒÎÅ */
TR.iclosed Div.icon {
}

/* ÂÀÆÍÎÅ */
TR.isticky Div.icon {
}

#forum_f1.forum TR.inew Div.icon, #forum_f2.forum TR.inew Div.icon, #forum_f3.forum TR.inew Div.icon, #forum_f4.forum TR.inew Div.icon, #forum_f5.forum TR.inew Div.icon, #forum_f6.forum TR.inew Div.icon, #forum_f7.forum TR.inew Div.icon {
    height: auto;
}

/* ÊÀÒÅÃÎÐÈÈ  */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2 {
    height: 24px;
    font-size: 14px!important;
    text-transform: lowercase;
    margin-bottom: 10px;
    letter-spacing: 6px;
    width: 850px;
    margin-left: 14px;
    text-align: center;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    line-height: 29px;
    background-color: #4a8ea2;
}

#pun-stats.section h2:hover, #pun-category1.category h2:hover, #pun-category2.category h2:hover, #pun-category3.category h2:hover, #pun-category4.category h2:hover, #pun-category5.category h2:hover, #pun-category6.category h2:hover, #pun-category7.category h2:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: grayscale(1);
}

/* ÑÒÀÒÈÑÒÈÊÀ  */
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
    margin-top: 10px;
    height: 24px;
    font-size: 14px!important;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 6px;
    width: 850px;
    margin-left: 14px;
    text-align: center;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    line-height: 29px;
    background-color: #4a8ea2;
    font-family: Yanone Kaffeesatz;
    color: white;
    font-weight: bolder;
}
/* ÊÍÎÏÊÀ 24 7 */
#pun-stats ul.container { 
    background-attachment: scroll;
    letter-spacing: 1px;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 13px;
    margin-left: -4px;
    width: 856px;
    font-family: Yanone Kaffeesatz;
    font-weight: bolder;
    color: #457a8b;
    margin-top: 10px;
    margin-bottom: 20px !important;
}

/* ÇÀÃÀËÎÂÊÈ */
.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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #4b4964;
 font-weight: normal;
 font-style: normal;
}

/* ÃËÀÂÍÛÅ ÑÑÛËÊÈ */
.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: #3b7290;
    text-decoration: none;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÃËÀÂÍÛÅ ÑÑÛËÊÈ HOVER */
.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, pun-index .tcl h3, .punbb-admin #punbb-admain a:active {
background-color: #7ba2bd;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    color: white;
}

/* ÍÀÂËÈÍÊ */
#pun-navlinks li a {
    color: #ffffff;
    font-style: normal;
letter-spacing: 7px;
    text-shadow: 0px 0px 1px #b8b8b8;
    text-transform: uppercase;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
#pun-navlinks li a:hover {  
    background-color: #28849c;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}


#pun-main div.catleft, #pun-main div.catright, {display: none;}


#punbb .modmenu .container, #pun-about p span {font-size: 10px !important;}

#pun-live-rusff {margin-right: 27px !important; letter-spacing: 0px !important;} 

#pun-main h1, #pun-main h2, .punbb fieldset legend, #pun-about p span, .punbb .linksb, .punbb .linkst, div#pun-live-rusff {
    font-family: Yanone Kaffeesatz;
    text-transform: uppercase !important;
    color: #ffffff;
    font-style: normal;
    padding-bottom: 5px;
    font-weight: bolder;
}
#pun-reputation .inner {
    font-size: 11px;
    font-family: arial;
    background: #b6e6c5;
    border-radius: 2px;
    color: #389e58!important;
    border: 1px solid rgb(125, 191, 146);
}
#pun-main h1 {
text-align: center;
}

#punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;
 }

/* çîíà äëÿ òåêñòà */
.punbb textarea {
    background-color: #f3f3f3!important;
    color: #272626;
    padding: 2px;
    border: none;
border-top: 2px solid #1e6e88;
    border-bottom: 2px solid #6194a5;
    position: relative;
    z-index: 9;
}

/* ìåíþøêè */
.punbb select {
    border: none;
border-top: 2px solid #1e6e88;
    border-bottom: 2px solid #6194a5;
    border-radius: 0px !important;
}

/* êíîïêè */
.punbb input {
    border: none;
border-top: 2px solid #1e6e88;
    border-bottom: 2px solid #6194a5;
}

/* ÔÎÐÌÀ ÎÒÂÅÒÀ */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    overflow-y: auto;
    text-shadow: none;
    padding: 8px;
    max-height: 200px;
    font-size: 11px;
    font-family: arial;
    background-color: #efefef!important;
    color: #34839a;
    box-shadow: 0 0 3px #fff;
    border: 2px solid #34839a;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    z-index: 12;
}

#font-area:hover, #size-area:hover, #color-area:hover, #table-area:hover, #smilies-area:hover, #image-area:hover, #imageup-area:hover, #imageattach-area:hover, #keyboard-area:hover, #video-area:hover, #addition-area:hover {
    filter: brightness(105%);
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÎÑÒÀËÜÍÎÅ */
#pun-main div.catleft, #pun-main div.catright {
  display: none;
}
#pun-announcement h2 {
  display: none;
}


.pa-gifts {display: none;}

.pa-avatar img {
    margin: 8px 2px 0 1px;
    max-width: 180px;
    max-height: 180px;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-avatar.item2 {
    width: 180px;
    text-align: right;
    margin-left: 7px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-avatar.item2:hover {
    overflow: visible;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: grayscale(1);
}

.pa-avatar img:hover {
    filter: grayscale(1);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.pa-respect {
    position: relative;
    color: #5a93a6 !important;
    font-family: Yanone Kaffeesatz;
    font-size: 12px;
    text-transform: lowercase;
    width: 97px;
    height: 21px;
    display: flex;
    justify-content: flex-end;
    padding-right: 4px !important;
    align-items: center;
    text-align: center;
    margin-left: 86px !important;
    background-color: #ffffff;
    margin-top: -22px !important;
    padding-top: 1px !important;
}

li.pa-respect a {
    color: #5a93a6 !important;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: none !important;
    background-color: transparent;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    margin-right: 2px !important;
}

li.pa-respect a:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background-color: transparent;
    filter: blur(1px);
}


li.pa-respect img {
    background-color: #22718b;
    height: 10px;
    margin-top: 4px !important;
    margin: 2px;
}

.pa-posts {
    position: relative;
    color: #5a93a6!important;
    font-family: Yanone Kaffeesatz;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 1px !important;
    text-transform: lowercase;
    width: 99px;
    height: 20px;
    text-align: left;
    line-height: 20px;
    margin-top: 3px !important;
    margin-left: -11px !important;
    background-color: #ffffff;
}

/* ÏÎÄÔÎÐÓÌ */

#pun-index td div.tclcon {
width: 263px;
    height: 40px;
    margin: 10px 0px 10px 10px!important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    border: 1px solid #4a8ea2;
}

#pun-index td div.tclcon:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ñïîéëåð-êîä */

.post-content .spoiler-box > div {
    display: block;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #21728b!important;
    margin-left: -2px;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 15px;
    font-family: Yanone Kaffeesatz;
    font-weight: bolder;
    padding: 5px;
}

.punbb .code-box strong.legend a {
font-size: 14px;
    margin-bottom: 20px;
    text-transform: lowercase;
    font-family: Yanone Kaffeesatz;
    font-weight: bolder;
    display: inline;
    color: #ffffff;
    text-shadow: none;
    background-color: #21728b7a;
}

.punbb .code-box strong.legend a:hover {
    filter: brightness(110%);
}

li.pa-fld1, li.pa-fld2 {
    position: absolute;
    margin-top: 20px !important;
    font-family: Yanone Kaffeesatz;
    font-size: 11px;
    color: white;
    letter-spacing: 1px;
}

li.pa-fld1 {
    margin-left: -9px !important;
}

li.pa-fld2 {
    margin-left: 59px !important;
    width: 130px;
    text-align: right;
}


/* ãîñòåâàÿ */


.gost{
    font-family: Yanone Kaffeesatz;
    font-size: 13px;
    background-color: #438a9e;
    padding: 20px;
    color: #428a9e;
    border: 1px solid #fff;
    outline: 1px dashed #fff;
    outline-offset: 5px;
    width: 500px;
    margin-left: 50px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.gost1{
    background-color: #dadada;
    padding: 10px;
    border: 1px solid #fff;
}

.gost2{
    text-align: center;
    font-size: 19px;
    margin-bottom: 5px !important;
    letter-spacing: 5px;
    border-bottom: 1px solid #fff;
    transition: all 0.5s;
}

.gost2:hover {
    transition: all 0.5s;
    letter-spacing: 7px;
}

.gost3{
    text-align: justify;
}

.gost4{background-color: #dadada;margin-top: 20px !important;border: 1px solid #fff;padding: 10px;text-align: center;color: #428a9e;font-size: 14px;transition: all 0.5s;}

.gost4:hover {
    transition: all 0.5s;
    background-color: #428a9e;
    color: white;
}

/* øàïêà */


.nav {
    position: absolute;
    margin-top: -158px !important;
    margin-left: -20px !important;
}

.nav select.forminput {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    height: 20px !important;
    width: 150px !important;
    letter-spacing: 9px;
}

.nav option {
    background-color: #4a8ea2 !important;
}

.fromtop{position:absolute;background: url(http://forumstatic.ru/files/001a/70/a5/22007.png) no-repeat;height: 37px;width: 704px;margin-top: -106px !important;margin-left: 95px !important;transition: all 0.5s;}

.fromtop:hover {
    transition: all 0.5s;
    transform: translate(0px, 20px);
}

.percent{position:absolute;font-family: Yanone Kaffeesatz;font-size: 70px;color: white;margin-top: -231px !important;margin-left: -30px !important;letter-spacing: 10px;height: 40px;overflow: hidden;transition: all 0.5s;}

.percent:hover {
    transition: all 0.5s;
    color: #4a8ea2;
}

.realtest{position:absolute;font-size: 14px;font-family: Yanone Kaffeesatz;color: white;letter-spacing: 3px;margin-top: -155px !important;margin-left: 757px !important;transition: all 0.5s;}

.realtest:hover {
    transition: all 0.5s;
    opacity: 0.5;
}