/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
body {
 background-image : url(http://funkyimg.com/i/2taaa.jpg);
}

/* Шапка */
#pun-title table {
    background-image: url(http://funkyimg.com/i/2tmAh.jpg);
    background-repeat: no-repeat;
    border: none;
    width: 980px;
    height: 385px;
    margin-left: 4px;
}
/* Фон тела */
#pun {
background-color: transparent;
    background-image: url(http://funkyimg.com/i/2tjDV.png);
    background-attachment: scroll;
    background-repeat: repeat;}

/* Футер */
#pun-about p.container {
    background-image: url(http://funkyimg.com/i/2tjDU.png);
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    font-size: 10px !important;
    text-align: center;
    height: 110px;
    width: 1000px;
    margin-left: -15px;
    margin-bottom: -115px;
}

/* 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: #212227;
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: #212227;
text-align:center; 
font-size: 14px; 
font-style: normal; font-weight: bold; font-family: "Verdana";}




.post-content .spoiler-box > div {    background: url(http://funkyimg.com/i/2mHyh.png) no-repeat left center;!important}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("http://funkyimg.com/i/2mwZ6.png");
background-color: #f8eadd;
color: #272521;}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, { 

    line-height: 14px;
    border-radius: 0px;}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {    background-color: transparent;
    color: #0C0C0C;
    background-image: url(http://funkyimg.com/i/2tmsA.jpg);
    border-top: 2px solid #b0dacf;
    border-bottom: 2px solid #d1c7d2;
}


.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url("http://funkyimg.com/i/2mwZ6.png");
background-color: #a3b1a1;}


/* 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: #b79795;
  text-decoration: none;}
.punbb a, .punbb a:hover {color:#7b7b7b;}

#pun-navlinks a, #pun-ulinks a {    color: white;
    text-decoration: none;
    /* text-shadow: #ffffff 0px 0px 0px; */}

#pun-navlinks a:hover, #pun-ulinks a:hover
{color: #e8e8e8;
  text-decoration: none;}

#pun-navlinks a:active, #pun-ulinks a:ctive
{color: #b7c4d8;}

/* 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-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #585858;
  text-decoration: none;
}

.punbb a:hover, {
  color: #272521;
  text-decoration: none;
}

#pun-ulinks a {

  color: #404964; 
  font-family: 'Bebas neue';
  text-decoration: bold;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #c7c7c7;

  text-shadow: 0px 0px 0px }


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

/*Старые сообщения*/
Div.icon {
background-image : url('http://funkyimg.com/i/2tabe.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('http://funkyimg.com/i/2tabb.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://funkyimg.com/i/2tabd.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://funkyimg.com/i/2tabc.png');
background-repeat: no-repeat;
}





.punbb .quote-box, .punbb .code-box  {
  box-shadow: 0 0px 1px rgba(0, 0, 0, .2);
}



/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -1em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center; 
margin-top: 5px; /*отрицательное значение - вверх, положительное - вниз */
}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}



/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: hidden;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url() 0 0 repeat; /*Фон размножаемый по вертикали*/
  overflow: visible!important;

}
.punbb .post .post-author > ul {
  background:url() 0 top no-repeat,url() 0 bottom no-repeat; /*Фон верха - низа*/

}


/*------------------------полоски прокрутки и выделение-----------------------*/
::-webkit-scrollbar-thumb:vertical {
    background-color:#bcc8c5;
}
::-webkit-scrollbar-thumb:horizontal {
    background-color:#bcc8c5;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:#dccdd3;
   
}
.post::-webkit-scrollbar-thumb:vertical {
    background-color:#bcc8c5;
}
.post::-webkit-scrollbar-thumb:horizontal {
    background-color:#bcc8c5;
}
.post::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background-color:#dccdd3; 
}

::selection {
    background-color: #7eafa3;
    color: #e6e0d9;
}


/*------------------------фон подфорума-----------------------*/

#forum_f1 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f2 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f3 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f4 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f5 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f6 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f25 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f7 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f8 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f9 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f11 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f13 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f14 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f15 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f21 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f16 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f17 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f18 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f19 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f20 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;} 
#forum_f22 > td.tcl {padding: 10px; background: url(http://funkyimg.com/i/2tfoz.png) no-repeat; background-position-x: 83%; background-position-y: 95%;}

#forum_f1 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f2 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f3 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f4 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f5 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f6 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f25 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f7 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f8 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f9 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f11 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f13 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f14 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f15 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f21 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f16 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f17 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f18 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f19 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f20 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;} 
#forum_f22 > td.tc_tbl {background-image: url(http://funkyimg.com/i/2tgzc.png); background-repeat: no-repeat; background-position: 24% 4%;}


/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {color:  #9675a4!important;font-family: 'Bebas neue'!important;font-size: 20px!important;letter-spacing: 0px!important;margin-left: 4px!important;font-weight: bold!important;}
#pun-index.punbb .tclcon h3 > a:hover {color: #545048;font-family: 'Bebas neue';font-size: 20px!important;letter-spacing: 0px;margin-left: 4px;font-weight: bold;}


/*---------------описание разделов---------------*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {font-family: verdana;font-size: 10px;text-transform: lowercase; text-align: justify;line-height: 11px;padding: 10px;}


/*------------------------соцсеть фото-----------------------*/
.snap_container {max-width: 430px;
    max-height: 430px;
    overflow: hidden;
    position: relative;
    margin-left: 23px;
    margin-top: -20px;
    background: transparent;
    border: 10px double #aba8a6;}
.snap_two {max-width: 400px;
    max-height: 400px;
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;}
.snap_pic {max-width: 400px;
    max-height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
    margin-left: -2px;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 18px!important;
}
.snap_pic img {    max-width: 390px;
    max-height: 390px; border: 2px solid #868076;}
.snap_message {    width: 390px;
    height: auto;
    background-color: rgb(199, 196, 194);
    opacity: 1;
    font-family: verdana;
    font-size: 10px;
    text-align: center;
    color: #171106;
    padding: 5px;
    word-spacing: 3px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;}
    background: transparent;}


/*------------------------соцсеть видео-----------------------*/
.cimh1 { width:400px; height: 330px; margin: auto; background: #6B513D; background-image: url(http://funkyimg.com/i/2mwZ6.png ); border: 10px double #aba8a6;}
.cimh4 { width: 370px; height: 300px; background-color: #212227; padding: 3px; margin-top: 20px; margin-left: 10px; }


/*------------------------соцсеть текстовое сообщение-----------------------*/
.mcont {width:400px;height: 250px;padding:20px;position:relative;bottom:18px;}
.title {    font-family: 'Open sans';
    text-transform: lowercase;
    text-align: right;
    color: #212227;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;}
.status {border-bottom: 5px double #c7c3c1;
    text-align: right;
    width: 400px;
    font-family: 'Bebas neue';
    text-transform: lowercase;
    color: #000;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 100%;
    padding-bottom: 3px;
    padding-top: 2px;
}
.status > span {    color: #868076;
    font-size: 10px;
    text-transform: uppercase;}
.mmsg {    z-index: 10;
    overflow-y: auto;
    width: 400px;
    height: 200px;
    border-radius: 5px;
    background-color: #c7c3c1;
    font-family: 'verdana', cursive;
    font-size: 10px;
    text-align: justify;
    line-height: 100%;
    padding: 12px;
    float: left;
    position: relative;
    margin-top: -25px;
    margin-bottom: 20px;
    color: #212227;}


/*------------------------сюжет-----------------------*/ 
.backB { width: 570px; 
padding-top: 15px; 
padding-bottom: 15px; 
margin-top: 10px; 
background-color: rgba(255, 255, 255, 0.18); 
border: 5px double #aba8a6; 
border-radius: 0px 0px 0 0;} 
.iconIB {background-image: url(); width: 150px; height: 150px; border: 1px solid #404964; float: right; margin: 10px 10px !important; padding: 5px;} 
.iconIB2 {background-image: url(); width: 150px; height: 150px; border: 1px solid #404964; float: left; margin: 10px 10px !important; padding: 5px;} 
.textareB { background-color: #; width: 600px; padding-top: 5px; margin-top: 10px;} 
.textB { background-color: rgba(255, 255, 255, 0.18); 
width: 500px; 
padding: 10px 10px 15px 10px; 
text-align: justify; 
color: #404964; 
font-size: 10px; 
font-family: 'verdana'; 
line-height: 12px; 
border: 5px double #aba8a6; 
} 
.textB:first-letter {font-family: "georgia";font-size: 200%;font-style: italic;color: #404964;text-shadow: #404964 1px 0px 0px;} 
.textB1 {width: 330px;background-color: rgba(215, 207, 191, 0.27);padding: 3px;margin-top: 20px !important;margin-left: 100px !important;text-align: justify;font-size: 10px;font-family: verdana;opacity: 0.3;} 
.textB1:hover {width: 330px;opacity: 1;}
/*------------------------соцсеть профайл-----------------------*/ 
.instfon { width: 400px; 
height: auto; 
padding: 10px; 
background: rgba(255, 255, 255, 0.18); 
/* background-image: url(http://funkyimg.com/i/2mwZ6.png); */ 
border: 10px double #aba8a6; 
padding-bottom: 0px;} 
.im10right:img {width: 150px; height: 150px; margin-left: 20px; border: 2px solid #93aaad;} 
.instmsg { width: 174px; 
height: 150px; 
padding: 5px; 
background: rgba(204, 204, 204, 0.63); 
font-family: calibri; 
font-size: 10px; 
text-align: justify; 
color: #292523; 
line-height: 94%; 
text-transform: lowercase; 
overflow: auto;} 
.instnic { height: 1px; 
padding-bottom: 18px; 
padding-right: 10px; 
text-align: right; 
font-size: 16px; 
font-family: 'Bebas neue'; 
text-transform: lowercase; 
font-weight: bold; 
color: #482227; 
letter-spacing: 2px; 
background: #c7c3c1;} 
.instsound { padding-bottom: 0px; 
padding-left: 10px; 
text-align: left; 
font-size: 16px; 
font-family: 'Bebas neue'; 
text-transform: lowercase; 
font-weight: bold; 
color: #482252; 
letter-spacing: 2px; 
background: #c7c3c1; 
top: -9px; 
position: relative;}
/*------------------------анкета-----------------------*/ 
.merc_h {font-family: 'Bebas neue'; font-weight: bold; font-size: 22px; color: #404964;} 
.merc_h2 {font-family: calibri; font-weight: bold; font-size: 10px; color: #beada5;} 
.merc_threads {padding: 20px; 
border-top: 5px solid #dcd6ce; 
border-bottom: 5px solid #a7e1d2; 
background-color: #eeeeee; 
background-image: url(); 
border-radius: 30px 30px 30px 30px; 
width: 500px;} 
.merc_threads2 {width: 500px;height: 200px;position: relative;} 
.merc_threads3 {width: 500px; 
margin: auto; 
top: 98px; 
background-color: rgb(222, 222, 222); 
padding: 0px; 
text-align: center; 
font-family: verdana; 
font-weight: bold; 
font-size: 12px; 
text-transform: lowercase; 
font-style: italic; 
letter-spacing: 2px; 
color: #212227; 
position: relative; 
border-radius: 10px 10px 0px 0px;} 
.merc_threads4 {width: 500px;margin: auto;padding: 0px;text-align: center;font-family: verdana;font-size: 10px;font-style: none;text-transform: lowercase;color: #212227;position: relative;} 
.merc_threads5 {height: 300px;overflow: auto;background-color: rgb(222, 222, 222);padding: 15px;text-align: justify;font-family: verdana;font-size: 10px;line-height: 135%;color: #212227;border: 1px solid c5ccd2;border-radius: 0px 0px 0px 0px;} 
.merc_threads6 {height: auto;overflow: auto;background-color: rgb(222, 222, 222);padding: 10px;text-align: justify;font-family: verdana;font-size: 10px;line-height: 135%;color: #212227;border: 0px solid #b4c3cf;border-radius: 0px 0 30px 30px;} 
.merc_threads5::-webkit-scrollbar-thumb:vertical {background-color:#e7e5e3;} 
.merc_threads5::-webkit-scrollbar-thumb:horizontal {background-color:#e7e5e3;} 
.merc_threads5::-webkit-scrollbar {width: 3px;height: 3px;background-color: #dbcfb9;margin-top:} 
.leftfoto{float:left;margin: 4px 7px 2px 0px;border:1px solid #CCC;padding:6px;} 
.rightfoto{float:right;margin: 4px 0px 2px 5px;border:1px solid #CCC;padding:6px;}
/*------------------------ФАК-----------------------*/ 
.uptownfunkk {margin: 10px auto;background-color: #eee;font-family: verdana;font-size: 12px;color: #666;height: auto; width: 270px} 
.uptownfunkk b {letter-spacing: -1px;color: #000} 
.uptwon {padding: 0px 20px;max-height: 300px;overflow-x: auto} 
.uptwon::-webkit-scrollbar {width: 4px} 
.uptwon::-webkit-scrollbar-track {background-color: #eee} 
.uptwon::-webkit-scrollbar-thumb {background-color: #666;border-left: 2px #ccc solid} 
.a-chat-name {background-color: #666;padding: 10px 30px;line-height: 100%;letter-spacing: 1px;color: #fff;height: 70px;text-align: center;font-size: 8px;overflow: hidden} 
.a-chat-name a {color: #fff;text-decoration: none} 
.chatt {border: 1px #eee solid;border-left: none; border-right: none;margin: 10px 5px;padding: 10px 1px;font-family: 'Slabo 27px';text-shadow: 2px 0px #ccc;font-size: 20px} 
.texter1 { background-color: rgba(239, 239, 239, 0.74); 
border-right: 10px solid #afd0c7; 
padding: 5px 20px 5px 5px; 
margin: 10px 5px; 
margin-left: 0px; 
min-height: 50px; 
max-height: auto; 
overflow: hidden; 
text-align: justify; 
font-size: 10px;} 
.texter1 img {width: 50px;height: 50px;border-left: 2px #999 solid;margin: 0px 5px 0px 0px} 
.texter1 span {background-color: #77756e;color: #eee;padding: 0px 3px;} 
.texter2 {background-color: rgba(232, 200, 176, 0.23); 
border-left: 10px solid #95b1c7; 
padding: 5px 20px 5px 5px; 
margin: 10px 0px 10px 20px; 
margin-left: 300px; 
width: 250px; 
min-height: 50px; 
max-height: auto; 
overflow: hidden; 
font-size: 10px; 
} 
.texter2 img {width: 50px;height: 50px;border-right: 2px #999 solid;margin: 0px 5px 0px 0px} 
.texter2 span {background-color: #65869e;color: #eee;padding: 0px 3px;}


.marrow {width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #c9bb83;margin-left:180px;float:left;position:relative;margin-top:10px;}


/*------------------------заголовки в первых сообщениях тем-----------------------*/
.kjh {    font-family: 'Bebas neue';
    font-weight: bold;
    font-size: 20px;
    color: #212227;}
.kj1 {    background-color: rgba(255, 255, 255, 0.18);
    padding: 10px;
    width: 350px;
    font-family: verdana;
    font-size: 11px;
    border: 5px double #aba8a6;
    border-radius: 0px 0 0px 0;
}
.kj2 {padding: 5px;}
.kj2 A:link { font-size: 10px; line-height: 6px; }
.kj2 b { letter-spacing: 0px; color: #404964; font-size: 10px; font-weight: bold;}
.kj2 i {color: #114d5b;font-size: 12px;font-style: italic;}
.kj3 { font-style: italic; font-weight: bold; text-align: right; font-size: 14px }



/*------------------------правила-----------------------*/
.kj4 {    padding: 10px;
    width: 450px;
    font-family: verdana;
    font-size: 11px;
    border: 5px double #aba8a6;
    background-color: rgba(255, 255, 255, 0.18);}
.prav2 { padding: 10px; text-align: justify;}

/*------------------------шаблон принятия-----------------------*/
.ams1 img { width: 150px; height: 150px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; filter: gray; -webkit-filter: sepia(80%);} 
.ams1 img:hover { transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; filter: none; -webkit-filter: sepia(0%);}

/*------------------------captureec в табле-----------------------*/
.captureec img { width: 65px; height: 65px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; filter: gray;  -webkit-filter: grayscale(90%);} 
.captureec img:hover { transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;  filter: none; -webkit-filter: grayscale(0%);}











/*------------------------ссылки с подфоруме-----------------------*/
.pdfrm {    font-family: 'Open sans';
    width: 370px!important;
    margin-left: 20px!important;
    margin-top: -8px!important;
    margin-bottom: -8px!important;
    padding: 6px;} 
.pdfrm a:link { font-size: 11px;font-family: 'Open sans';color: #8bbdaf;font-weight: 700;text-transform: lowercase!important;}
.pdfrm a:visited { font-size: 11px;font-family: 'Open sans';color: #77a296;font-weight: 700;text-transform: lowercase!important;}
.pdfrm a:hover { font-size: 11px;font-family: 'Open sans';color: #45544a;font-weight: 700;text-transform: lowercase!important;}
.pdfrm a:active { font-size: 11px;font-family: 'Open sans';color: #66887e;;font-weight: 700;text-transform: lowercase !important;}
.pdfrmniz {    text-align: justify;
    font-family: 'Open sans';
    width: 379px!important;
    margin-left: 21px!important;
    margin-top: -6px!important;
    margin-bottom: 6px!important;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 14px;
    color: #29272d;
}

img.pdfffrm {    padding-top: 5px;
    padding-bottom: 2px;}


/*------------------------объявления-----------------------*/
.atobsh {position: absolute;
    width: 980px;
    margin-left: 4px!important;
    margin-top: -39px!important;
    /* background-color: aqua; */
    text-align: center;
    text-align-last: center;}
.at1 {    display: inline-block;
    width: 196px;
    height: 50px;
    background: url(http://funkyimg.com/i/2tmup.png) no-repeat;
    background-position-x: 50%;
    font-family: 'Bebas neue';
    font-size: 16px;
    color: #272727;}
.attext {display:table-cell;vertical-align:middle;text-align: center;width: 196px;height: 50px;}



/*----------лз----------*/
.guesturl {line-height: 10px;background-color: #cecabf;color: #212227;text-align: center;}
.post-author ul li.pa-fld1 { width: 200px;margin-left: 1px;padding-top: 10px;}
.post-author ul li.pa-fld2 {    width: 200px;
    margin-top: 0px;
background: url(http://funkyimg.com/i/2taci.jpg);}
li.pa-avatar.item2 {    width: 200px;
    max-height: 180px;
    padding-top: 11px;
    padding-bottom: 7px;
}
.post-author ul li.pa-fld3 {    padding-top: 2px;
    background-image: url(http://funkyimg.com/i/2teSn.jpg);
    width: 200px;
    padding-bottom: 3px;}
.post-author ul li.pa-fld5 {width: 200px;padding-top: 9px;margin-left: -10px;margin-top: -39px;}

/*---------------табла--------------------*/
.tablaa {    position: absolute;
    z-index: 90;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 60px!important;
    width: 198px;
    height: 150px;
    margin-left: -89px!important;
    -webkit-clip-path: polygon(94px 150px, 93px 0px,195px 44px);
    clip-path: polygon(94px 150px, 93px 0px,195px 44px);
}


.tablaa span {    position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: right;
    text-align-last: right;
    display: table-cell;
    font-size: 16px;
    font-family: 'Bebas neue';
    top: 86px;
    left: 0px;
    width: 90px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}


.tablaa1 {position: absolute; 
z-index: 90;opacity:0;-webkit-transition: all 1s ease-in-out 0.1s; 
-moz-transition: all 1s ease-in-out 0.1s; 
-o-transition: all 1s ease-in-out 0.1s; 
transition: all 0.15s ease-in-out 0.1s; 
transition-delay: 0.15s; 
margin-top: 103px!important; 
width: 188px; 
height: 107px; 
margin-left: 3px!important; 
-webkit-clip-path: polygon(0px 107px, 104px 0px,152px 107px); 
clip-path: polygon(0px 107px, 104px 0px,152px 107px); 
}


.tablaa1 span {     position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: left;
    text-align-last: left;
    display: table-cell;
    font-size: 16px;
    font-family: 'Bebas neue';
    top: 71px;
    left: 40px;
    width: 169px;
    height: 34px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}

.tablaa2 {    position: absolute;
    z-index: 90;
    opacity: 0;
-webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 210px!important;
    width: 151px;
    height: 107px;
    margin-left: 3px!important;
    -webkit-clip-path: polygon(0px 0px, 152px 0px,106px 107px);
    clip-path: polygon(0px 0px, 152px 0px,106px 107px);
}

.tablaa2 span { position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: left;
    text-align-last: left;
    display: table-cell;
    font-size: 16px;
    font-family: 'Bebas neue';
    top: 66px;
    left: 110px;
    width: 200px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}

.tablaa3 {    position: absolute;
    z-index: 90;
    opacity: 0;
-webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 210px!important;
    width: 108px;
    height: 150px;
    margin-left: 3px!important;
    -webkit-clip-path: polygon(0px 150px, 0px 0px,105px 106px);
    clip-path: polygon(0px 150px, 0px 0px,105px 106px);
}


.tablaa3 span {     position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: left;
    text-align-last: left;
    display: table-cell;
    font-size: 15px;
    font-family: 'Bebas neue';
    top: 120px;
    left: 10px;
    width: 210px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}


.tablaapost {    position: absolute;
    z-index: 90;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 60px!important;
    width: 150px;
    height: 150px;
    margin-left: 833px!important;
    -webkit-clip-path: polygon(0px 150px, 0px 0px,105px 106px);
    clip-path: polygon(1px 150px, 150px 0px,150px 150px);
}



.tablaapost span {position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: right;
    text-align-last: right;
    display: table-cell;
    font-size: 16px;
    font-family: 'Bebas neue';
    top: 86px;
    left: -35px;
    width: 174px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}

.tablaanuzh {position: absolute;
    z-index: 90;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 210px!important;
    width: 250px;
    height: 107px;
    margin-left: 734px!important;
    -webkit-clip-path:  polygon(143px 106px, 99px 0px,249px 0px);
    clip-path: polygon(143px 106px, 99px 0px,249px 0px);
}



.tablaanuzh span {position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: right;
    text-align-last: right;
    display: table-cell;
    font-size: 12px;
    font-family: 'Open sans';
    top: 65px;
    left: 20px;
    width: 120px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;}

.tablaanuzh2 {    position: absolute;
    z-index: 90;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
    transition-delay: 0.15s;
    margin-top: 210px!important;
    width: 105px;
    height: 106px;
    margin-left: 879px!important;
    -webkit-clip-path: polygon(0px 105px, 105px 0px,105px 106px);
    clip-path: polygon(0px 105px, 105px 0px,105px 106px);
}

.tablaanuzh2 span {position: absolute;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 200;
    text-align: left;
    text-align-last: left;
    display: table-cell;
    font-size: 12px;
    font-family: 'open sans';
    top: 80px;
    left: 34px;
    width: 140px;
    height: 50px;
    color: #f9f9f7;
    letter-spacing: 0px;
    padding-left: 2px!important;
    padding-right: 2px!important;
    font-weight: 700;
    text-shadow: #263a48 1px 1px 1px;
}


.tablaa:hover {position: absolute;
 opacity: 1;
z-index: 200;
width: 198px;
height: 150px;   
 margin-left: -89px!important;
background-image: url(http://funkyimg.com/i/2tgvX.png);
-webkit-clip-path: polygon(0px 41px, 93px 0px,195px 43px, 92px 150px, 0px 150px);
clip-path: polygon(0px 41px, 93px 0px,195px 43px, 92px 150px, 0px 150px);}


.tablaa1:hover {    position: absolute;
    opacity: 1;
    z-index: 200;
    width: 218px;
    height: 107px;
    margin-left: 3px!important;
    background-image: url(http://funkyimg.com/i/2tgvY.png);
    -webkit-clip-path:polygon(0px 107px, 106px 0px,218px 0px, 204px 106px, 171px 107px);
    clip-path: polygon(0px 107px, 106px 0px,218px 0px, 204px 106px, 171px 107px);}


.tablaa2:hover {    position: absolute;
    opacity: 1;
    z-index: 200;
    width: 251px;
    height: 107px;
    margin-left: 3px!important;
    background-image: url(http://funkyimg.com/i/2tgvZ.png);
    -webkit-clip-path: polygon(0px 0px, 150px 0px,356px 106px, 105px 106px);
    clip-path: polygon(0px 0px, 150px 0px,356px 106px, 105px 106px);}

.tablaa3:hover {    position: absolute;
    opacity: 1;
    z-index: 200;
    width: 184px;
    height: 252px;
    margin-left: 3px!important;
    background: url(http://funkyimg.com/i/2tgw1.png) no-repeat;
    -webkit-clip-path: polygon(0px 150px, 0px 0px,106px 107px, 470px 166px, 102px 252px);
    clip-path: polygon(0px 150px, 0px 0px,106px 107px, 470px 166px, 102px 252px);}

.tablaapost:hover {position: absolute;
    opacity: 1;
    z-index: 200;
    width: 150px;
    height: 150px;
    margin-left: 833px!important;
    background-image: url(http://funkyimg.com/i/2thY8.png);
    -webkit-clip-path: polygon(-167px 150px, 8px 4px,150px 0px, 157px 150px);
    clip-path: polygon(-167px 150px, 8px 4px,150px 0px, 157px 150px);
}

.tablaanuzh:hover {    position: absolute;
    opacity: 1;
    z-index: 200;
    width: 250px;
    height: 107px;
    margin-left: 734px!important;
    background-image: url(http://funkyimg.com/i/2thYd.png);
    -webkit-clip-path: polygon(0px 107px, 100px 1px,250px 0px, 144px 106px);
    clip-path: polygon(0px 107px, 100px 1px,250px 0px, 144px 106px);
    margin-top: 209px!important;}


.tablaanuzh2:hover {    position: absolute;
    opacity: 1;
    z-index: 200;
    width: 207px;
    height: 150px;
    margin-left: 877px!important;
    background-image: url(http://funkyimg.com/i/2thY6.png);
    -webkit-clip-path: polygon(0px 106px, 106px 0px,208px 98px, 107px 149px);
    clip-path: polygon(0px 106px, 106px 0px,208px 98px, 107px 149px);}



.punbb .pa-avatar.item2> img{max-width: 180px;height: auto;width: auto;}


/*------------------------новости еще один шаблон ведь прошлого не хватало-----------------------*/
.aktivb {    width: 322px;
    display: inline-block;
    height: 235px;
    padding: 6px;
    margin-right: 20px;
    border-width: 5px;
    border-image: url(http://funkyimg.com/i/2tmrX.jpg) 5 repeat;
    border-style: solid;}
.aktivbtext {overflow:auto;height: 100px;text-align: justify;margin-top: 5px!important;padding-right: 4px; font-family: 'Open sans';}
.obschvlock {width: 660px;
    height: auto;
    padding: 13px;
    border-style: solid;
    border-width: 35px 5px 5px 5px;
    -moz-border-image: url(http://funkyimg.com/i/2tmrX.jpg) 35 repeat;
    -webkit-border-image: url(http://funkyimg.com/i/2tmrX.jpg) 35 repeat;
    -o-border-image: url(http://funkyimg.com/i/2tmrX.jpg) 35 repeat;
    border-image: url(http://funkyimg.com/i/2tmrX.jpg) 35 repeat;}
.zzzagolov {    position: absolute;
    margin-top: -41px!important;
    width: 708px;
    text-align: center;
    color: white;
    text-shadow: black 1px 1px 1px;
    font-family: 'Bebas neue';
    font-size: 18px;
    margin-left: -18px!important;
    font-weight: 700;}
.tttext {float: left;width: 404px;height: 248px;overflow: auto;font-family: 'Open sans';font-size: 11px;text-align: justify;display: inline-block;padding-right: 2px;margin-right: 2px;}
.pppost {width: 682px;background: url(http://funkyimg.com/i/2tmrX.jpg) repeat;height: 138px;padding: 7px;margin-left: -21px!important;margin-top: 10px!important;}
.pptext {display: inline-block;font-family: 'Open sans';font-size: 11px;width: 346px;text-align: justify;overflow: auto;margin-left: 6px!important;height: 137px;padding-right: 2px;float: left;}
.tttext::-webkit-scrollbar-thumb:vertical {background-color:#B4BABE;}
.tttext::-webkit-scrollbar-thumb:horizontal {background-color:#B4BABE;}
.tttext::-webkit-scrollbar {width: 3px;height: 6px;background-color: #9D949A;}
.aktivbtext::-webkit-scrollbar-thumb:vertical {background-color:#B4BABE;}
.aktivbtext::-webkit-scrollbar-thumb:horizontal {background-color:#B4BABE;}
.aktivbtext::-webkit-scrollbar {width: 3px;height: 6px;background-color: #9D949A;}
.pptext::-webkit-scrollbar-thumb:vertical {background-color:#B4BABE;}
.pptext::-webkit-scrollbar-thumb:horizontal {background-color:#B4BABE;}
.pptext::-webkit-scrollbar {width: 3px;height: 6px;background-color: #9D949A;}


/*------------------------превью в шапке-----------------------*/ 
.hoverbox { cursor: crosshair; list-style: none; padding: 0;} 
.hoverbox a { cursor: crosshair; } 
.hoverbox a .preview { display: none; } 
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; } 
.hoverbox img { background: transpanent; border-color: transpanent; border-style: solid; border-width: 0px; color: inherit; padding: 2px; vertical-align: top; } 
.hoverbox li { background: transpanent; color: inherit; display: inline; float: left; margin: 5px 10px 5px -25px; padding: 0px; position: relative; } 
.hoverbox li.text { background: transpanent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; } 
.hoverbox .preview { border-color: transpanent; }

ul.post-ul-Sp.Sp1 {margin-left:-11px!important;}





/*--------------------------------------инста------------------------*/
.instata { transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity:0.7;} 
.instata:hover { transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; filter: none; opacity:1;}




/*------------------------новости новый шаблон-----------------------*/
.novosti {height: auto; padding: 10px !important;border-top: 0px solid #114D5B;     background-image: url(http://funkyimg.com/i/2tmqQ.jpg); width:662px;}
.novosti1 { padding: 15px; font-size: 20px;  text-align: center; font-family: 'Bebas neue'; color: #404964;}
.novosti2 { padding: 5px; font-size: 14px;  text-align: center; font-family: 'Bebas neue'; color: #212227;}
.novosti3 {  padding: 3px; text-align: justify; font-size: 12px;  text-align: justify; font-family: arial;}
.novosti3:first-letter { font-family: 'Bebas neue'; font-size: 20px; color: #061517;}
.novosti4 { width:90%; background-color: rgba(215, 207, 191, 0.27); padding: 10px; margin-top: 5px; text-align: justify; font-size: 11px; line-height:14px; font-family: arial; }
.novosti5 { padding: 5px;  text-align: justify; font-size: 12px; line-height:14px; font-family:'Bebas neue'; color:#404964; height:88px; overflow:auto;}
.novostiblokl {height: 110px; overflow: auto; padding-left: 2px; padding-right: 2px; text-align: justify;direction:rtl;}
.novostiblokr {height: 110px; overflow: auto; padding-left: 2px;  padding-right: 2px; text-align: justify;direction:ltr;}
.novostiverh {    background-image: url(http://funkyimg.com/i/2tmrL.jpg);}
table.novostipost {background-repeat: repeat;background-image: url(http://funkyimg.com/i/2tmrX.jpg);width: 669px;left: -7px;position: relative;width: 668px!important;}
table.novostiniz {background-repeat: repeat;background-image: url(http://funkyimg.com/i/2tmrL.jpg);background-position: 50% 50%;margin-bottom: -6px!important;}