/* CS1 Фон и цвет текста*/

/* 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 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: #023135;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #033036;  background-image: url(///); background-position: top center; background-attachment: fixed;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(https://image.ibb.co/htW2oV/image.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 489px;
width: 1366px;
margin-left: -250px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #e9e9e9; background-image: url(https://image.ibb.co/iOraa0/image.png);
;}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-image: url(https://image.ibb.co/ibHQV0/image.png); background-position: top center; background-repeat: no-repeat; height: 205px; width: 900px; margin-left: -27px;}
div#html-footer {margin: -190px 0px 0px 0px;}

/* CS1.6 Ссылки верхней навигации*/
 div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: 120px;
       top:-12px;
       font-family: 'bebas neue';
       font-weight: bold;
       font-size: 2em;
       text-shadow: 0px 0px 1px 
       }

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: -15px;
       top: 450px;
       font-family: 'bebas neue';
       font-size: 1.2em;
       }


/* 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: #49767c;
  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: #023135; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #023135;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #49767c;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 70px;
height: 70px;
background-image : url(https://image.ibb.co/kvPkdV/old.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://image.ibb.co/niewkA/new.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://image.ibb.co/f2uXsq/image.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://image.ibb.co/iGau5A/xxx.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(https://image.ibb.co/k3k97f/1.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

#pun-category2.category h2 {
background: url(https://image.ibb.co/fduQf0/2.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

#pun-category3.category h2 {
background: url(https://image.ibb.co/kSfLDL/3.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

#pun-category4.category h2 {
background: url(https://image.ibb.co/nt5WL0/4.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

#pun-category5.category h2 {
background: url(https://image.ibb.co/ntFHSf/5.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

#pun-category6.category h2 {
background: url(https://image.ibb.co/m1cNSf/6.png);
height: 70px;
width: 899px;
font-size:0 !important;
margin-left: -15px;}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://image.ibb.co/h5bdXq/24.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 75px;
padding-top: -15px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 70px;
width: 899px;
margin-left: -15px;
background-color: transparent;
background-image: url("https://image.ibb.co/d04Y00/image.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #d0d0d0; 
background-image: url("ссылка");
color: #023135}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
box-shadow: -5px 0px 0px 0px #023135, 5px 0px 0px 0px #023135;
border-radius: 10px;
}

/* закругленные кнопки
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 14px!important;
   box-shadow: -5px 0px 0px 0px #023135, 5px 0px 0px 0px #023135;
    border-radius: 10px;
   font-family: bebasneueregular!important;
}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #e9e9e9;
color: #023135}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 400px; 
top: 50px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container {text-align: center;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}

/*прокрутка*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background-color: #01606c;
    box-shadow: inset 0 0 2px #529ea8;

}
::-webkit-scrollbar-thumb {
    background-color: #024d56;
    border: 1px solid #024d56;
    box-shadow: inset 0 0 2px #04707c;
}


/*картинки при наведении на текст*/
.as { 
position: relative; 
display: inline-block; margin-right: 5px;
} 
.as span { 
display: none; 
} 
.as a {color: #fbfbfb!important; text-shadow: #4d8082 1px 1px 0px!important;
}
.as a:hover {color: #fbfbfb!important; text-shadow: #4d8082 1px 1px 0px!important; 
}
.as:hover span{ 
position:absolute; 
border: #f0eee9 solid 1px;
text-align:center; 
display:inline-block; 
margin-top: -70px; 
left:77px; 
height: 130px!important;
z-index: 100000;
}

/* подфорум ----------------------------- */
.dorde1 {width: 388px; padding: 0; 
background: url(https://image.ibb.co/b8qS7q/1111.png) top no-repeat, 
url(https://image.ibb.co/nR0G0A/2222.png) bottom no-repeat, 
url(https://image.ibb.co/btBpLA/3333.png) repeat-y; margin-top: 0px!important; padding-bottom: 42px;}
.dorde2 {padding-top: 80px;
text-align: justify; 
width: 358px;  
color: #043037; 
margin-left: 0px!important; 
font-family: arial; 
font-size: 10px; 
line-height: 9px;
letter-spacing: 1px;
min-height: 50px;}

/*убирает форум, тем, сообщений*/
#pun th {visibility: hidden;}




/* темы */
.tema {
    background: url(https://image.ibb.co/jutHHq/3.png) 0px bottom no-repeat, url(https://image.ibb.co/iHr4xq/1.png) 0px top no-repeat, url(https://image.ibb.co/bN5Q3V/2.png) 0px repeat-y;
    padding: 125px 105px 58px 58px;
    text-align: justify;
    margin-left: 40px;
    font-size: 12px;
    width: 525px;
    font-family: calibri;
    color: #3d6078;
}

.tema tema1 {
position: absolute;
    margin: -72px 0 0 91px;
    font-family: bebasneueregular;
    font-size: 20px;
    width: 352px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 3px #a7c2da, 1px 1px 0 #385d82;
    letter-spacing: 3px;
    font-weight: bold;
}

.tema tema2 {
    position: absolute;
    margin: -51px 0 0 91px;
    font-family: bebasneueregular;
    font-size: 10px;
    width: 352px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 3px #e3f2ff, 1px 1px 0 #385d82;
    letter-spacing: 2px;
}


/* гостевая*/

.gost {
    overflow: auto;
    margin: 140px 0 0 25px;
    background: url(https://i.ibb.co/Yby3dQm/56358.png);
    width: 610px;
    height: 410px;
}

.gost gost1 {
color: #fff;
    font-size: 11px;
    font-family: calibri;
    position: absolute;
    margin: 140px 0 0 25px;
    width: 400px;
    height: 200px;
    text-align: center;
    overflow: auto;
}

.gost gost2 {
color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #3c5c78;
    font-family: bebasneueregular;
    font-size: 13px;
    letter-spacing: 1px;
    position: absolute;
    margin: 280px 0 0 103px;
    width: 247px;
    height: 26px;
    text-align: center;
}

.gost gost2 a, .gost gost2 a:hover {color: #fff !important;    text-shadow: 0 0 3px #fff, 1px 1px 0 #3c5c78 !important;}

.gost gost3 {
color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #3c5c78;
    font-family: bebasneueregular;
    font-size: 11px;
    letter-spacing: 1px;
    position: absolute;
    margin: 140px 0 0 460px;
    width: 145px;
    height: 160px;
    text-align: center;
    overflow: auto;
}

/*---------------------------------- правила -------------------------------------------*/
.faqregul {width: 635px;
background: url('http://funkyimg.com/i/2N13f.png') top no-repeat;
height: 841px;}
.faqregul1 {    width: 550px;    color: #000000;     text-align: justify;    margin-top: 150px !important;    margin-left: 45px !important;    font-family: arial;    font-size: 13px;    line-height: 12px;    position: absolute;    height: 620px;    overflow: auto;    padding-right: 6px;}



