.glavnyi {width: 64px; height: 64px; display: block; border-radius: 25px; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; cursor: pointer; display: table-cell;}
.glavnyi .inaverh { width: 64px; height: 64px;  border-radius: 30px; position: relative; color: black;  top: 0; left: 0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.glavnyi:hover .inaverh { display:block; background-color: #9d9793; border-radius: 30px;}
.glavnyi span {height: 0px; font-size: 9px; color: black; position: relative;  display: block; bottom: 0px; font-family: georgia; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center; width: 58px; color: #24201e;  padding-left: 3px; padding-right: 3px; padding-top: 10px; overflow: hidden;}
.glavnyi:hover span { bottom: 0px; height: 58px; }
.glavnyitext {text-align: center; font: georgia; font-size: 15px; left: 15px; text-shadow: 1px 1px 0px #b4b2b0; text-transform: uppercase; opacity:0.7; border-top: 2px dotted; padding-top: 2px; color: #6a6460;}

.tabl {width: 500px; height: 180px; padding-top: -250px; display: block; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; cursor: pointer; display: table-cell;}
.tabl .naverh { width: 500px; height: 180px; position: relative; color: white; padding-top: -250px; left: 370px; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.tabl:hover .naverh { display:block; background-color: #;}
.tabl span {height: 0px; font-size: 11px; color: black; position: relative; display: block; padding-top: -250px; bottom: 0px; font-family: georgia; -moz-transition: all 1s; -webkit-transition: all  1s; -o-transition: all 1s; transition: all 1s; text-align: center; width: 500px; color: #303030;  padding-left: 3px; padding-right: 3px; padding-top: 5px; overflow: scroll;}
.tabl:hover span { bottom: 0; height: 180px; padding-top: -250px; }

a.categ:link, a.categ:visited { 
display: inline; 
margin-left: 3px; 
margin-right: 3px; 
text-transform:lowercase;
text-align: center; 
font-style: none; 
font-family: helvetica; 
font-size: 10px; 
letter-spacing: 2px;
border-radius: 0px; 
color: #656565; 
padding: 1px 1px 1px 4px;
}

a.categ:hover, a.categ:active { 
display: inline; 
margin-left: 3px;
margin-left: 3px; 
text-transform:lowercase;
font-family: helvetica; 
font-size: 10px; 
color: #656565;  
text-align: center; 
padding: 1px 1px 1px 4px;
}

.notebook {
    white-space: nowrap;
    overflow: hidden;
}

.notebook > input {
    display: none;
}

.notebook > input + label {
    color: #53504e;
    display: inline-block;
    border-top: 0px solid gray;
    padding: 4px;
    cursor: pointer;
    position: relative;
}

.notebook > input + label:not(:last-of-type) {
    border-right: none;
}

.notebook > input + label:hover {
    color: #454341;
}

.notebook > input + label:last-of-type::after {
    display: block;
    border: 0px solid gray;
    width: 2000px;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
}

.notebook > input:checked + label {
    color: #454341;
    border-top: 1px;
    padding-bottom: 5px;
}

.notebook > input:checked + label:last-of-type::after {
    bottom: 0px;
}

.notebook > div {
    white-space: normal;
    display: none;
    border: 0px solid gray;
    border-top: none;
    margin: 0px;
    padding: 2px 20px;
}

.notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.notebook > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.notebook > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.notebook > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.notebook > input:nth-of-type(6):checked ~ div:nth-of-type(6) {
    display: block;
}

A.TVM, A.TVM:ACTIVE, A.TVM:LINK, A.TVM:VISITED {
	COLOR: #3f3f3f; 
font-family: Raleway;
letter-spacing: 2px;
	FONT-SIZE: 10PX;
	TEXT-TRANSFORM: lowercase;
	FONT-STYLE:NORMAL;
	TEXT-ALIGN: CENTER;
	DISPLAY: BLOCK;
	MARGIN: 1PX;
	LINE-HEIGHT:120%;
	TEXT-DECORATION: NONE;
	BORDER-top-STYLE: solid;
	BORDER-top-COLOR: #3f3f3f;
	BORDER-top-WIDTH:  1PX;
	WIDTH: 180PX;
	PADDING-BOTTOM: 4PX;
	PADDING-TOP: 2PX;
	TRANSITION: 0.3S;
}

A.TVM:HOVER {
	COLOR: #525252; 
	DISPLAY: BLOCK;
	MARGIN: 1PX;
	TEXT-DECORATION: NONE;
	BORDER-top-STYLE: SOLID;
	BORDER-top-COLOR: #525252;
	BORDER-top-WIDTH: 1PX;
}


img.pic {

    filter: alpha (Opacity=70);
    opacity: 0.7;
    -moz-transition: all 1s ease-in-out; /* эффект перехода для Firefox до версии 16.0 */
    -webkit-transition: all 1s ease-in-out; /* эффект перехода для Chrome до версии 26.0, Safari, Android и iOS */
    -o-transition: all 1s ease-in-out; /* эффект перехода для Opera до версии 12.10 */
    transition: all 1s ease-in-out; /* эффект перехода для других браузеров */

}

img.pic:hover {
    filter: alpha (Opacity=100);
    opacity: 1;

}


a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 0px; 
text-transform: uppercace;
font-style: none; 
font-family: georgia; 
font-size: 3px; 
letter-spacing: 2px;
border-radius: 0px; 
background: #393e1f; 
color: #8e9d6f; 
padding: 2px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { 
-moz-transition: 0.8s ease; 
-webkit-transition: 0.8s ease; 
display: block; 
text-decoration: overline;
text-transform: lowercase; 
font-family: georgia; 
font-size: 3px; 
letter-spacing: 4px; 
background: #1b0b00;
text-decoration: none; 
background: #37401e; 
color: #8e9d6f; 
text-align: center; 
padding: 2px 2px 2px 20px;
border-radius: 5px;}

#pun-main .post-author ul {text-align: center;}



/* CS1 Фон и цвет текста*/
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
position: absolute;
top: -4em;
width: 24em;
 }
#pun-navlinks .container {margin-top: 2em}
#pun-ulinks .container {margin-top: -5px;}



/* 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-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 th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #061611;
font-weight: normal;
font-size: 10px;
font-style: normal;}

.punbb .post h3, .punbb .post h3 span
{ background-color: transpanent;
color: #6c6264;
font-weight: normal;
font-size: 10px;
font-style: normal;}


/* CS1.2 Боди или фон форума */

body {
 background-color: #414141!important; 
background: 
url(http://se.uploads.ru/Vakqx.png) repeat-x scroll center top, 
url(http://s0.uploads.ru/78GYD.png) repeat-x scroll center bottom, 
url(http://sf.uploads.ru/5Aa0g.png) repeat scroll center center transparent;}



/* CS1.3 Шапка */
#pun-title table {
background-image : url("http://s2.uploads.ru/8RrAD.png"); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -14px;
margin-top: 40px;
height: 281px;
width: 930px;}


/* CS1.4 Пан или "тело" форума */
#pun {background-color: transparent;
background-display: block;
width: 923px;
 background-image: url(http://s5.uploads.ru/QTJLw.png);
}

/* CS1.5 Футер, низ */
#pun-about p.container {background-image: url("http://sh.uploads.ru/slCG5.png"); background-position: top center; background-repeat: no-repeat; height: 115px; width: 931px; margin-left: -15px;  font-size:0 !important;
   overflow-x: hidden;}
 div#pun-about {
       margin-bottom: -7px;}
div#html-footer {margin: 0px 0px 0px 0px;}

/* 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: #1e1c1b;
font-size: normal;
  text-decoration: none;}

/* CS2.2 При наводе мышки*/
.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 {
  color: #1f2b35;
font-style: normal;
  text-decoration: none;}

/* CS2.3 Внешний вид основного меню - форум, участники*/
#pun-navlinks a {
  font-size: 21px;
  color: #ada6a1;
font-weight: 400;
font-family: Anton;
letter-spacing: 2px;
text-transform: uppercase;
  text-decoration: none;}

#pun-ulinks a {
  color: #4e4a4b;
font-weight: normal;
font-family: arial;
font-size: 10 px;
font-spacing: 1px;
text-transform: lowercase;
  text-decoration: none;}

/* CS2.4 Внешний вид основного меню при наводе мышки*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  font-size: 21px;
  color: #ada6a1;
font-weight: normal;
font-family: Anton;
text-transform: uppercase;
  text-decoration: none;}

/* Иконки старых, новых, важных, закрытых тем */

/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 0px;
margin-top: 3px;
margin-right: 3px;
width: 49px;
height: 19px;
background-image : url(http://s9.uploads.ru/PAOFh.png);
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://s7.uploads.ru/L697T.png);
background-repeat: no-repeat;
width: 49px;
height: 19px;}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s7.uploads.ru/L697T.png);
background-repeat: no-repeat;
width: 49px;
height: 19px;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://s5.uploads.ru/NESHh.png);
background-repeat: no-repeat;
width: 49px;
height: 19px;}

/* CS4 Картинки категорий */

#pun-category1.category h2 {
background: url(http://s8.uploads.ru/WnTeY.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}

#pun-category2.category h2 {
background: url(http://s7.uploads.ru/hSnHM.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}

#pun-category3.category h2 {
background: url(http://sa.uploads.ru/ELZsn.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}

#pun-category4.category h2 {
background: url(http://sh.uploads.ru/dOkVP.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}

#pun-category5.category h2 {
background: url(http://s7.uploads.ru/ZA6zV.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}

#pun-category6.category h2 {
background: url(http://s9.uploads.ru/k1YEo.png);
height: 55px;
width: 923px;
background-repeat: no-repeat;
font-size:0 !important;
margin-left: -9px;}


/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 0px;
padding-top: 0px;}


#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 55px;
width: 923px;
margin-left: -9px;
background-color: transparent;
background-image: url("http://s4.uploads.ru/hNpvL.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* CS5 Прочие элементы */

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: ; 
background: 
url(http://sh.uploads.ru/KjlAP.png) repeat-x scroll center bottom, 
url(http://s3.uploads.ru/cDrnO.png) repeat scroll center center transparent;}


#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
  margin-bottom: 3em;
 }
.punbb input { 

box-shadow: 0px 0px 0px;
 }

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #c7c2be;
background-image: url("");
color: #000}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -50px; 
top: -200px}

/* CS5.6 Другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun-crumbs1 .container { text-align: left;}

/* Двигает навигацию. Больше - ниже*/
div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 220px;
margin-left: -100px;}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 260px;
margin-left: -20px;}


/* ссылки*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: georgia;
font-size: 12px;
background-color:#1d2a33;
color: #3f4d58; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #3f4d58;
border-left-width: 4px;
width:170px;
}

a.tvm:hover {
font-family: georgia;
font-size: 11px;
color: #1d2a33; 
background-color:#3f4d581;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #3f4d58;
border-left-width: 4px;
width:170px;
}

/* ник */
.pa-author a, .pa-author {text-align: center;
color: #6d696a!important; /* цвет */
font: 14pt "anton" !important; /* капс, размер, шрифт */
text-transform: uppercase;
letter-spacing: 0px; /* расстояние между бквами */
  font-weight: normal; /* начертание */

}

/* статус */
.pa-title {text-align: center;
font: small-caps normal 8pt "Arial" !important;
text-transform: lowercase;
letter-spacing: 2px;
}


/* рамка аватара */
li.pa-avatar img {
margin-top: 5px;
border-style: solid;
border-width: 0px;
max-width: 180px !important;
max-height: 180px !important;
}

/* активность */
.pa-online { text-align: center; 
font: small-caps normal 8pt "arial" !important;
text-transform: lowercase;
font-style: normal;
}


/* Прокрутка */
::-webkit-scrollbar {background: #545452; width: 4px; height: 4px;}
::-webkit-scrollbar-thumb {background: #443d36; width: 4px}
::-webkit-scrollbar-corner {background: #000000; }


/* линия разделитель */
hr {
  background-color: #99918b;
  height: 2px;
  border: none;}

/* название форумов */
#pun-index .tcl h3 a {
  font-size: 20px;
  color: #858081;
  letter-spacing: 0px;
  font-style: lowercase;
  bottom: 20px;
 }

