/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun_wrap  {
margin: auto;
min-width: 1200px !important;
}

/* фон */
body {
background: url(http://forumstatic.ru/files/001a/a9/57/49543.png) center;
}

/* Шапка */
#pun-title table {
    background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001a/a9/57/10739.png);
    width: 1004px;
    height: 282px;
    margin-left: -54px;
}

/* Тело форума */
#pun {
width: 937px; 
background-color: transparent; 
background-image: url(http://forumstatic.ru/files/001a/a9/57/35813.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;
}

.punbb {
padding: 0 30px!important;
width: 937px;}

/* Футер */
#pun-about p.container {
background-image : url(http://forumstatic.ru/files/001a/a9/57/69561.png);
margin: 0px 0px -30px -34px;
background-position : center top;
background-repeat : no-repeat;
width: 967px;
height: 77px; 
overflow-x: hidden;
}


/* 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 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: #383939;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #383939;
text-align:center; 
font-size: 12px; 
font-style: normal; font-weight: bold; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #353535;
    border: 1px solid #0e110b45;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {;
    background-color: #e2e2e2db;
    color: #3b3c3c;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-color: #cecece;
}

.move_posts_form .modal-inner>.container {
    padding: 0!important;
    background: #cacace;
}


/* 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, #pun-navlinks a, #pun-ulinks a {
  color: #7a0026;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #a3bdb1; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #7a0026;;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #a3bdb1;
    text-transform: lowercase;
}


#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #a3bdb1;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #a3bdb1;
}


#pun-navlinks a:hover {
    color: #9f0c12;
}





/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(http://forumstatic.ru/files/001a/a9/57/80945.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumstatic.ru/files/001a/a9/57/55781.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumstatic.ru/files/001a/a9/57/80945.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumstatic.ru/files/001a/a9/57/80945.png) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/*убрать поделиться*/
.topic a.sharelink {
    float: right;
    margin-left: 1em;
    display: none;
}


/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #7a0026;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #7a0026;
}

::-webkit-scrollbar {
    background-color: #8f929533;
    height: 4px;
    width: 4px;
}

::selection {
    background: #7a0026 !important;
    color: #cdcdcd;
    /* text-shadow: 1px 1px #3e3e2c; */
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}



/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    /* border-left: 4px solid #cb7e34; */
    margin: 12px 2px 5px 10px!important;
}


.punbb .pa-avatar img {
    margin-bottom: 4px;
    max-width: 180px;
    max-height: 180px;
}



#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-color: #cdcdcd;
    border: 3px double #6e7e8d;
}



td.tcr a {
    color: #515a60 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-family: tahoma;
    font-weight: bold;
    font-size: 11px;
    text-transform: lowercase;
}


.category .container thead {display: none;}


#pun-index div.category h2, #pun-index #pun-stats h2 {
    text-align: center;
    font-size: 0px !important;
    position: relative;
    z-index: 5;
    margin: 0px -20px 0px;
    background-position: top center;
    height: 30px;
    width: 937px;
    letter-spacing: 6px;
    background: url(http://forumstatic.ru/files/001a/a9/57/89146.png);
}



#pun-viewtopic .post h3 {
    height: 17px;
    width: 902px;
    margin-left: -2px;
    background-color: #c7c7c782;
}


/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: solid 1px #a9a9a9!important;
background: #cecece; /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;
    overflow: auto;
    height: 160px;
}

#smilies-area {
   width: 520px!important;
}

/* Поля Сообщения, Репутация, Валюта */
.pa-posts, .pa-respect, .pa-fld3 {
    display: inline-block !important;
    margin: 0px 2px 1px 0px !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 7px;
    font-family: 'Open Sans', sans-serif;
    color: #2b2a29;
    background-color: #b8c7c0; 
    padding: 0 3px 0 2px;
}

#pun .pa-respect a {
  color: #2b2a29;
}


/*Шрифты*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('http://forumstatic.ru/files/0019/d9/0b/62550.eot') format('eot'), 
         url('http://forumstatic.ru/files/0019/d9/0b/26160.woff') format('woff'), 
         url('http://forumstatic.ru/files/0019/d9/0b/88465.ttf')  format('truetype'),
    }

@font-face {
	font-family: 'Aquawax Pro';
	src: url('http://forumstatic.ru/files/0018/0f/eb/35825.eot'), 
        url('http://forumstatic.ru/files/0018/0f/eb/35825.woff') format('woff'), 
        url('http://forumstatic.ru/files/001a/74/ca/35825.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src:  url('http://forumstatic.ru/files/001a/5e/f9/76423.ttf')  format('truetype');
    }

@font-face {
    font-family: 'FontAwesome';
  src url('http://forumstatic.ru/files/001a/60/0b/36450.ttf') format('truetype');
    url('http://forumstatic.ru/files/001a/60/0b/36902.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'Arial Black';
    src:  url('http://forumstatic.ru/files/001a/60/0b/95860.ttf')  format('truetype');
    }

@font-face {
    font-family: 'Roboto';
    src: url('http://forumstatic.ru/files/001a/a9/57/55996.ttf')  format('truetype');
    }

/*жалобы и репутация*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: #dbd9d9;
}

#rep_form table tbody tr td.tcl span, #rep_form table tbody tr td.tc2 span {
  font-size: 12px;
  color: #000004;
}

#pun-report h1, #pun-reputation h1, #pun-admin-award-form h1 {
font-family: arial;
font-weight: normal;
margin-top: 5px;
}

/*фикс формы ответа*/
 @media screen and (max-device-width: 900px) {
    #main-reply {width: 100%; height: 150px!important;}
   }

/*Размер плюсика в репу*/
.pa-respect a img {
    height: 7px;
}


/* отключить поделиться */
li.pl-share {
display: none!important;
}

/* лз */ 

.about {
    font: 300 8.6px arial;
    text-align: justify;
    width: 180px;
    padding-left: 14px;
    line-height: 10px;
    padding-top: 2px;
    color: #6f6f6f;
    text-transform: lowercase;
}

.character {
    font: 600 10px Roboto;
    text-align: left;
    padding-left: 11px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

.character a {
  color: #7a0026 !important; 
}

.character a:hover {
  color: #b8c7c0 !important;
}

.plashka1 {
  margin-top: -19px!important;
}

/* ШАПКА */ 

.activ { 
    position: absolute;
    margin-top: 97px !important;
    margin-left: 526px !important;
    letter-spacing: 1px;
}

.activ a {
  filter: grayscale(100%) opacity(0.9);
   
}

.activ a:hover {
  filter: none; 
}

.activ2 {
    position: absolute;
    margin-top: 48px !important;
    margin-left: 700px !important;
    letter-spacing: 1px;
}

.activ2 a {
  filter: grayscale(100%) opacity(0.9);
   
}

.activ2 a:hover {
  filter: none; 
}

.bestpostp {
    position: absolute;
    margin-top: 74px !important;
    margin-left: 141px !important;
}

.bestpostp a {
 filter: grayscale(100%) opacity(0.9);
}

.bestpostp a:hover {
  filter: none;
}

.bestpost {
    position: absolute;
    margin-top: 74px !important;
    margin-left: 188px !important;
    font-family: Roboto;
    font-size: 10px;
    overflow: auto;
    height: 49px;
    width: 177px;
    text-align: justify;
    padding-right: 3px;
    line-height: 10px;
}

.ams {
    position: absolute;
    margin-top: 147px !important;
    margin-left: 134px !important;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    font-family: Roboto;
}

.tand {
    position: absolute;
    margin-top: 147px !important;
    margin-left: 258px !important;
}

.tand a {
 filter: grayscale(100%) opacity(0.9);
}

.tand a:hover {
  filter: none;
}

.qt {
    position: absolute;
    margin-top: 180px !important;
    margin-left: 274px !important;
    font-family: Roboto;
    font-size: 10px;
    overflow: auto;
    height: 24px;
    width: 103px;
    text-align: justify;
    padding-right: 3px;
    line-height: 11px;
}

.para {
    position: absolute;
    margin-top: 55px !important;
    margin-left: 12px !important;
}

.para a {
 filter: grayscale(100%) opacity(0.9);
}

.para a:hover {
  filter: none;
}

.os {
    position: absolute;
    margin-top: 163px !important;
    margin-left: 521px !important;
    font-family: Roboto;
    font-size: 9px;
    text-align: left;
    /* line-height: 10px; */
    text-transform: lowercase;
    font-weight: 600;
}


/* ххх */
.sammary1, .sammary2, .sammary3 {
    display: inline-block;
    padding: 5px 5px;
    width: 189px;
    /* background: #e4e4e4; */
    margin: 0 4px;
    text-align: left;
    font-size: 9px;
    height: 90px;
    overflow: auto;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

div#zagol {
    font-family: Roboto;
    font-size: 9px;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 2px;
    margin-bottom: 6px;
    padding-bottom: 3px;
    border-bottom: 1px solid #7a0026;
    -webkit-text-size-adjust: none;
}

/* для описания */ 

.ss {
    background-color: #b8c7c0;
    text-align: center;
    font-size: 10px;
    padding: 0px 0px 2px 0px;
    font-family: Roboto;
    font-weight: 600;
}

.ss a {
  color: #09070b!important; 
}


/*---новая тема---*/
.tema {width: 556px;
min-height:150px;

background: url(https://i.imgur.com/lJ4V4Nr.png) top no-repeat, url(https://funkyimg.com/i/31NCJ.jpg) bottom no-repeat, url(https://funkyimg.com/i/31NCJ.jpg) repeat-y;}
.tekstsmot {    font-size: 13px;
font-family: 'Lobster';
    text-align: justify;
    margin-bottom: -29px !important;
    padding-top: 30px;
    padding: 15px 15px;
    }

.contentvnutri {width: 530px;
    padding-bottom: 56px;
    padding-top: 56px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;}


/*------------------------внешности----------------------*/
.smotface {
      width: 250px;
    background-color: #b8c7c0;
    font-size: 16px;
    /* font-weight: 700; */
    color: #f0fff0;
    line-height: 120%;
    text-shadow: 0px 0px 0px #c1d4e3;
    text-transform: lowercase;
    text-align: center;
    padding: 2px;
    border-radius: 0px;
font-family: 'Lobster';
    margin-bottom: 9px !important;}

.smotface1 {
width: 310px;
padding: 10px 10px;
font-size: 11px;
line-height: 110%;
text-transform: lowercase;
text-align: justify;}

/*------------------------заголовки в темах----------------------*/
.zagsmot{    width: 350px;
    background-color: #b8c7c0;
    font-size: 18px;
    /* font-weight: 700; */
    color: #f0fff0;
    line-height: 120%;
    text-shadow: 0px 0px 0px #c1d4e3;
    text-transform: lowercase;
    text-align: center;
    padding: 2px;
    border-radius: 0px;
font-family: 'Lobster';
    margin-bottom: 9px !important;}

/*------------------------faq----------------------*/
.vopros {
    position: relative;
    top: 0px;
    right: -40px;
    width: 360px;
    padding: 8px;
    background-color: #a4b3b1;
    border-radius: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #f0fff0;
    line-height: 100%;
    text-align: justify;
    margin-bottom: 10px !important;
    text-shadow: 0px 0px #7ca0c0;
}



.otvet {
    position: relative;
    top: 0px;
    left: -40px;
    width: 360px;
    padding: 10px;
    background-color: #b8c7c0;
    border-radius: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #161d24;
    line-height: 100%;
    text-align: justify;
    margin-bottom: 10px !important;
    text-shadow: 0px 0px #313d4a;
}


.pa-avatar>img[alt] {
  border: 4px solid #b8c7c0;
}


/*------------------------прием----------------------*/

   .layer1 {
    position: relative; /* Относительное позиционирование */
    background: #a4b3b1; /* Цвет фона */
    border-bottom: 5px solid #241329; /* Цвет и ширина нижнего бордюра */
    height: 200px; /* Высота блока */
    width: 450px; /* ширина блока */
       
}
   .layer2 {
    position: absolute; /* Абсолютное позиционирование */
    top: 8px; /* Положение от верхнего края */
    left: 7px; /* Положение от левого края */
    line-height: 1px;
   }

   .layer3 { 
    
text-align: right;  font-family: 'Cuprum', serif; font-size: 20px; font-weight: bold; color: white; text-shadow: 0px 0px #7ca0c0; margin-bottom: 2px; left: 5px; padding: 60px 5px 5px 5px;  }  

   .layer4 {
width: 280px; 
padding: 0px 164px;
overflow: hidden; height: 70px;  text-align: justify; font-family: verdana; font-size: 12px; color: #241329; left: 5px;
   } 


   .layer5 {
    position: absolute; /* Абсолютное позиционирование */
    bottom: 5px; /* Положение от нижнего края */
    width: 440px; height: 20px; padding: 5px; background-color: #241329; color: #ffffff; display: block; text-align: center;
    word-spacing: 20px;

} 


.fa-user-plus {color: white;}
.fa-folder {color: white;}
.fa-heartbeat {color: white;}
.fa-wifi {color: white;}
.fa-envelope {color: white;}
.fa-krw {color: white;}
.fa-paint-brush {color: white;}

/*------------------------банк----------------------*/

.bank {
        width: 255px;
       background-color: #b8c7c0;
    font-size: 16px;
    /* font-weight: 700; */
    color: #f0fff0;
    line-height: 120%;
    text-shadow: 0px 0px 0px #c1d4e3;
    text-transform: lowercase;
    text-align: center;
    padding: 2px;
    border-radius: 0px;
font-family: 'Lobster';
    margin-bottom: 9px !important;
}



.bank2 {
width: 240px;
    height: 100px;
    overflow: auto;
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 5px 10px;
}
