/* шапка
 -------------------------------------------------------------*/
#pun-title table {background-image : url(http://forumupload.ru/uploads/0017/b4/c5/3/776301.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1007px;
height: 301px;} 

/* стиль фона и пуна
 -------------------------------------------------------------*/
HTML, BODY  {

background-repeat: no-repeat;
background-attachment: fixed !important; 
background-position: center top;
background: url(http://forumupload.ru/uploads/0017/b4/c5/3/360413.jpg);
background-color: #e6d8bb;



}

/*#pun {background-color: #transparent; 
background-image: url(http://forumupload.ru/uploads/0017/b4/c5/3/415091.jpg);}
.lastedit{display:none;}*/


/* Цвет текста на форуме */
.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: #transparent;
color: #9b9083;
font-weight: normal;
font-style: normal;}


/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {position: absolute;width: 609px;text-align: center;top: 301px;padding-top: 4px;padding-bottom: 2px;left: 194px;background-color: #1f23245c;}
div#pun-ulinks {position: absolute;width: 100%;text-align: center;/* display: inline; */top: 426px;/* left: 2px; */background-color: #20202059;padding-top: 8px;padding-bottom: 8px;}

/* цвет рамок
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #91b9b9
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    padding: 0.5em 1em;
    background-color: transparent;
    color: #fff;
    border: none;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: #5e6176;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border-left-color: #3a4067;
  }



/* форма ответа */
.punbb textarea, .punbb select, .punbb input {background-color: #b8b8b8;
  color: #351a1a; }


/* Ссылки */

/* 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 {
    color: #9b9083;
    z-index: 2;
    border-bottom: 0px none #000;
    text-decoration: none;
    font-weight: inherit;
    letter-spacing: 1px;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}


/* 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: #d5a282;
    z-index: 2;
font-weight: inherit;
letter-spacing: 1px;
  border-bottom: 0px none #000;}


/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
  color: #f1eae2;
   font-family: EuropaNuovaBold;
   font-size: 11px !important;
   text-transform: uppercase;
   font-weight: normal;
   font-style: normal;
   letter-spacing: 0.3em;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
     color: #ede6deba;
    font-family: 'EuropaNuovaBold';
    font-size: 10px !important;
    border-bottom: 0px none #000;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* cs2.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ff9a69;
    font-family: EuropaNuovaBold;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.3em;}

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #ff9a69;
  text-transform: uppercase;
}

/* рамка в поле ответа */
.punbb textarea {outline:none;}


/* округлости у цитат, формы ответа, всех кнопок 
 -------------------------------------------------------------*/


/* область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f5f0ebc4;  
color: #828276;
border: #e4d9bba1 1px solid;
}



/* ИНСТАГРАМ © nova*/

.post #instpost {
line-height: 16px;
margin-left: 80px;
}

.post #inst {
width:500px;
height:140px;
background:url(http://forumstatic.ru/files/001a/0d/86/73355.png);
}

.post #inst1 {
font-family: arial;
color: #000;
margin-left: 234px;
font-size: 12px;
width: 30px;
height: 15px;
}

.post #inst2 {
border: none;
border-radius: 30px;
width: 42px;
height: 42px;
margin-left: 10px;
margin-top: 60px;
overflow: hidden;
clear: both;
}

.post #inst2 img{
margin-top: 0px;
}

.post #inst3 {
font-family: arial;
font-weight: bold;
color: #000;
margin-left: 64px;
margin-top: -48px;
font-size: 15px;
}

.post #inst4 {
font-family: arial;
color: #000;
margin-left: 64px;
margin-top: -18px;
font-size: 12px;
}

.post #inst5 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst5 img{
max-width: 500px;
min-width: 500px;
}

.post #inst5 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst6 {
width:500px;
height:207px;
margin-top: -23px;
background:url(http://forumstatic.ru/files/001a/0d/86/26552.png);
}

.post #inst7 {
font-family: arial;
color: #403e3e;
margin-left: 192px;
padding-top: 62px;
font-size: 16px;
}

.post #inst8 {
font-family: arial;
color: #000;
margin-left: 17px;
margin-top: -12px;
font-size: 14px;
width: 470px;
height: 67px;
overflow-y: auto;
}

.post #inst9 {
width: 500px;
height: 776px;
background: url(http://forumstatic.ru/files/001a/0d/86/57421.png);
line-height: 16px;
margin-left: 80px;
}

.post #inst10 {
font-family: arial;
color: #000;
margin-left: 100px;
font-size: 22px;
width: 300px;
text-align: center;
}

.post #inst11 {
border: none;
border-radius: 90px;
width: 100px;
height: 100px;
margin-left: 20px;
margin-top: 23px;
overflow: hidden;
}

.post #inst11 img{
margin-top: 0px;
}

.post #inst12 {
font-family: arial;
color: #000;
margin-left: 150px;
margin-top: -104px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst13 {
font-family: arial;
color: #000;
margin-left: 264px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst14 {
font-family: arial;
color: #000;
margin-left: 379px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst15 {
font-family: arial;
color: #000;
margin-left: 10px;
margin-top: 74px;
font-size: 17px;
}

.post #inst16 {
    font-family: arial;
    color: #000;
    margin-left: 10px;
    margin-top: -14px;
    font-size: 12px;
    height: 80px;
}

.post #inst17 {
    max-width: 500px;
    max-height: 164px;
    padding-top: 86px;
    clear: both;
    white-space: nowrap;
    letter-spacing: -1px;
}

.post #inst17 img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inst17a {
    width: 500px;
    max-height: 164px;
    margin-top: -13px;
    clear: both;
    white-space: nowrap;
    letter-spacing: -1px;
}

.post #inst17a img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inststory {
min-width: 500px;
min-height: 888px;
line-height: 16px;
margin-left: 80px;
}

.post #inst18 {
width: 500px;
height: 888px;
position: relative;
z-index: 1;
}

.post #inst18 img{
max-width: 500px;
min-width: 500px;
min-height: 888px;
max-height: 888px;
object-fit: cover;
}

.post #inst19 {
width: 500px;
height: 888px;
margin-top: -899px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 {
border: none;
width: 60px;
height: 60px;
margin-left: 19px;
margin-top: -870px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 img{
margin-top: 0px;
border-radius: 90px;
object-fit: cover;
}

.post #inst21 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 300px;
margin-top: -70px;
position: relative;
z-index: 2;
}

.post #inst22 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 100px;
margin-top: -12px;
position: relative;
z-index: 2;
}

.post #inst23 {
width: 250px;
height: 40px;
position: sticky;
margin-left: 120px;
margin-top: 670px;
position: relative;
z-index: 2;
}

.post #inst24 {
font-family: arial;
color: #fff;
margin-left: 155px;
margin-top: -40px;
width: 200px;
height: 20px;
font-size: 19px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 2;
}

.post #inst25 {
margin-left: 360px;
margin-top: -690px;
height: 100px;
width: 100px;
position: relative;
z-index: 2;
}

.post #inst25 img{
max-width: 100px;
max-height: 100px;
}

.post #instnews {
line-height: 16px;
margin-left: 80px;
}

.post #inst26 {
width: 500px;
height: 259px;
background: url(http://forumstatic.ru/files/001a/0d/86/78928.png);
}

.post #inst27 {
margin-left: 16px;
margin-top: 56px;
overflow: hidden;
clear: both;
width: 463px;
height: 75px;
justify-content: space-between;
align-items: center;
display: flex;
}

.post #inst27 img{
border: none;
border-radius: 40px;
width: 67px;
height: 67px;
object-fit: cover;
}

.post #inst28 {
border: none;
border-radius: 30px;
width: 39px;
height: 39px;
margin-left: 12px;
margin-top: 30px;
overflow: hidden;
clear: both;
}

.post #inst28 img{
margin-top: 0px;
}

.post #inst29 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -54px;
font-size: 15px;
}

.post #inst30 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -16px;
font-size: 12px;
}

.post #inst31 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst31 img{
max-width: 500px;
min-width: 500px;
}

.post #inst31 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst32 {
width: 500px;
height: 53px;
margin-top: -23px;
background: url(http://forumstatic.ru/files/001a/0d/86/34983.png);
}


/* статистика 
 -------------------------------------------------------------*/

#pun-stats.section h2 {background-attachment: scroll;
background-clip: border-box;
width: 1007px;
background-color: #efe6db;
background-origin: padding-box;
background-position: 30% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}



/* Футер 
 -------------------------------------------------------------*/
#pun-about p.container {background-image: url("http://forumupload.ru/uploads/0017/b4/c5/3/305695.png"); background-repeat: no-repeat; 
background-position: top center;
margin-top: 2px;
height: 198px; 
width: 1007px;}

div#html-footer {margin: -20px 50px -20px 20px;}

#pun-about .container .item1 {margin-top: -43px;
width: 600px;
margin-left: 384px;
position: absolute;
font-size: 9px;}



/* иконки новых, старых смс, закрытых, важных тем
 -------------------------------------------------------------*/

#pun-index table Div.icon {
  margin-top: -19px;
    width: 69px;
    height: 70px;
    background-image: url(http://forumupload.ru/uploads/0017/b4/c5/3/672653.png);
    background-repeat: no-repeat;
}

#pun-index TR.inew Div.icon {
background-image : url(http://forumupload.ru/uploads/0017/b4/c5/3/421889.png);
background-repeat: no-repeat;
    margin-top: -19px;
    width: 69px;
    height: 70px;
}

#pun-viewforum Div.icon {
    background-image: url(http://forumupload.ru/uploads/0017/b4/c5/3/672653.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    width: 69px;
    height: 70px;
    margin-right: 16px;
    margin-top: -22px;
    position: relative;
    
}


#pun-viewforum TR.inew Div.icon {
    background-image: url(http://forumupload.ru/uploads/0017/b4/c5/3/421889.png);
    background-repeat: no-repeat;
    width: 69px;
    height: 70px;

    
}

#pun-viewforum TR.isticky Div.icon  {
background-image : url(http://forumupload.ru/uploads/0017/b4/c5/3/672653.png);
background-repeat: no-repeat;
width: 69px;
    height: 70px;
}

#pun-viewforum TR.iclosed Div.icon {
background-image : url(http://forumupload.ru/uploads/0017/b4/c5/3/672653.png);
background-repeat: no-repeat;
width: 69px;
    height: 70px;
}


/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
     font-family: Agane;
     font-size: 31px !important;
     z-index: 2;
     letter-spacing: 2px;
     margin-left: 16px;
     font-weight: normal;
     color: #001b22;
}
#pun-index.punbb .tclcon h3 > a:hover {
       font-family: Agane;
    font-size: 31px !important;
    z-index: 2;
    letter-spacing: 2px;
    margin-left: 16px;
    text-align: right;
  text-decoration-thickness: 1px;
     text-decoration-line: line-through;
    font-weight: normal;
    color: #001b22;
}


/* цвет выделения текста */
 ::selection {
  background: #ffbc9a;
}

/* Прокрутка */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #efe6db;
}
::-webkit-scrollbar-thumb {
    background: #443c33;
}


/* увеличение */
#pun-announcement img {
   height: 300px;
    width: 400px;
    margin: 15px 0;
background-image:url(http://sd.uploads.ru/XmKNw.jpg);
   background-position: center bottom;
     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
#pun-announcement img:hover {
height: 232px;
width: 400px;
margin-left: -50px;
}

#hover_max img {
     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
transform:scale(0.8);
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
}
#hover_max img:hover {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
}

<!--ЛС -->
span.num_msg {
    position: absolute;
    margin-top: -15px;
    margin-left: -8px;
    font-size: 11px;
    font-weight: 700;
    background: red;
    /* padding: 1px 4px; */
    border-radius: 2px;
    height: 14px;
    color: #fff;
    cursor: pointer;
    /* transform: rotate(45deg); */
    z-index: 1; }

span.num_msg:before {
    z-index: 0;
    left: -5px;
    content: " ";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    top: 0px;
    background: red;
    margin-left: 1px;
}

/* палка */
hr {
  border-top: 1px solid #fe690c;
  width: 473px;
  margin-left: 55px!important;
}

/* палка в посте*/
.post-content hr {
margin-left: 118px!important;
}

/* стиль подфорумов */

.forumverh {
width: 519px;
    height: auto;
    margin-left: 15px!important;
    color: #fe690c!important;
    text-transform: none;
    font-size: 10px;
    font-family: unset;
    padding: 10px;
    text-align: justify;
    letter-spacing: 1.8px;
    line-height: 1.5em;
    border-width: 1px 0px 0px 0px;
    border-style: double;
}

.forumniz {font-size: 11px;
width: 269px;
height: 14px;
padding-top: 4px;
margin-left: 56px!important;
text-align: left;
color: #a8ab92!important;
z-index: 1;
position: relative;}

/* фон загрузки изображений */
#tags .container {
    background-color: #ebe0d2;}


/* админка фон*/
#pun-admain * {
  background: #efe6db;}

#pun-admain textarea, #pun-admain .longinput input {
  background: #f0ece8;
  }

.adminmain {
background-color: #efe6db;  }