@import url(style_cs.1682517291.css);

#pun-index .category {}

#pun-index .category tbody {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

#pun-index .category tbody tr {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    font-size: 11px;
    text-align: justify;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    min-width: 44%;
}

.forumStat {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
}

#pun-index .tc2:before {content: 'Тем: ';}
#pun-index .tc3:before {content: 'Сообщений: ';}

.indexLstPst {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


div#pun-navlinks {
    background: #313131;
    position: fixed;
    top: 50px;
    margin: 0 0 0 -120px;
    height: calc(100% - 130px);
    border-radius: 0 0 0 20px;
    padding-top: 60px;
    width: 100px;
}

div#pun-navlinks ul.container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

div#pun-navlinks ul.container li {}


div#pun-ulinks {
    position: fixed;
    max-width: 1000px;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #efefef;
    background: #fff;
    top: 20px;
    margin: 0 0 0 -120px;
    border-radius: 20px 20px 0 0;
    z-index: 999999;
    overflow: hidden;
}


div#pun-ulinks ul.container {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 120px;
    gap: 10px;
    text-transform: lowercase;
}
div#pun-ulinks ul.container li {}

html {
background: url(http://forumstatic.ru/files/0019/f7/02/25579.jpg) top left no-repeat fixed;
background-size: cover;
}

#pun {
    margin: 20px auto 0px auto;
    max-width: 860px;
    padding: 60px 20px 20px 120px;
    border-style: none;
    border-width: 0;
    overflow-y: auto;
    position: relative;
    height: calc(100vh - 120px);
    background: #efefef;
    border-radius: 20px;
}

.punbb * {margin: 0}

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0;list-style: none;}

.punbb img {border:none}

.punbb .main table {table-layout: fixed;width: 100%;}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

.punbb {
    font: normal 12px roboto, verdana, arial, helvetica, sans-serif;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 12px roboto, verdana, arial, helvetica, sans-serif}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

div#pun-title {
    background: cadetblue;
    position: fixed;
    top: 20px;
    z-index: 1000000;
    margin: 0px 0 0 -95px;
    width: 50px;
    height: 50px;
    overflow: hidden;
}