/*************************************************************
КОДЫ ;DULCIS BLANCHES. 
КРАДЯ БЕЗ СПРОСА ЭЛЕМЕНТЫ, НЕ ЗАБЫВАЕМ ХРЮКНУТЬ (;
быстрый поиск по всему изученному в структуре - bla
**************************************************************/

/* E1 ОСНОВНОЕ
-------------------------------------------------------------*/

/* E1.1 фон */
body { 
    background: url(http://forumstatic.ru/files/001a/08/87/54226.png) repeat-x, 
url() repeat-x bottom center, 
url() repeat; 
    background-color: #8699af;
    overflow-x: hidden; 
} 

/* задник */
#pun-title {
    background: url() repeat-x top center;
    width: 3000px;
    margin-left: -1000px !important;
}

/* E1.2 тело */
#pun { 
    background-image: url(http://forumstatic.ru/files/001a/08/87/41099.png); 
    width : 1031px; 
    margin: auto; 
    margin-bottom: 0px 
}

/* E1.3 шапка */
#pun-title table {
    background: url(http://forumstatic.ru/files/001a/08/87/84067.jpg) no-repeat top center; 
    border: none;
    height: 558px;
    width: 1239px;
    margin-left: 803px;
    z-index: 1;
}

/* E1.4 футер */
#pun-about p.container { 
    background-image: url(http://forumstatic.ru/files/001a/08/87/45325.jpg);
    width: 1192px;
    height: 221px;
    margin-left: -123px;
    margin-top: -9px;
    margin-bottom: -14px;
    background-position: center top;
    font-size: 0 !important;
} 

#pun-about p.container a {
    color: #ffffff !important;
    text-shadow: 1px 0px 2px #688599 !important;
}

#pun-about p.container .item1 {
display: none;
}

#pun-about { 
  margin-bottom:-3px!important;
}





/* F2 ССЫЛКИ
-------------------------------------------------------------*/

/* F2.1 до наведения */
.punbb a {
    color: #347572;
    text-shadow: 0 0 3px #77bdba, 1px 1px 0 #ffffff;
    text-decoration: none !important;
    -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; 
    -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; 
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* F2.2 после */
.punbb a:hover, .punbb a:focus, .punbb a:active {
    color: #ffffff;
    text-shadow: 0 0 3px #a1e4e1, 1px 1px 0 #30827e;
    text-decoration: none; 
    font-weight: normal; 
}

#pun-admain a {color: #7a7a7a !important;     text-shadow: 1px 1px 1px #ffffff;}

/* F2.3 пользовательские ссылки и улинксы до наведения */
#pun-navlinks a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.1s linear;
    -moz-transition: all 0.5s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.1s linear;
    transition: all 0.5s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.1s linear;
    color: #30827e;
    text-shadow: 0 0 3px #30827e, 1px 1px 0 #ffffff;
}

#pun-ulinks a {
    color: #30827e;
    text-shadow: 0 0 3px #30827e, 1px 1px 0 #ffffff;
    font-family: arial;
    -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.5s linear;
    -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.5s linear;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.5s linear;
}

/* F2.4 пользовательские ссылки и улинксы после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 0 3px #a1e4e1, 1px 1px 0 #30827e;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #ffffff;
    text-shadow: 0 0 3px #a1e4e1, 1px 1px 0 #30827e;
    text-decoration: none; 
}





/* G3 ИКОНКИ, КАТ, СТАТИСТИКА
-------------------------------------------------------------*/

 /* G3.1 старые соо */
.punbb table Div.icon {
    float: right;
    display: block;
    border-style: none none none none;
    width: 95px;
    height: 77px;
    background-image: url(http://forumstatic.ru/files/001a/08/87/22520.png);
    background-repeat: no-repeat;
    margin: 10px 110px 0px -110px;
}

/* G3.2 новые соо */
TR.inew Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/08/87/53953.png);
  background-repeat: no-repeat;
}

/* G3.3 важные соо */
TR.isticky Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/08/87/53953.png);
  background-repeat: no-repeat;
}

/* G3.4 закрытые соо */
TR.iclosed Div.icon {
  background-image : url(http://forumstatic.ru/files/001a/08/87/22520.png);
  background-repeat: no-repeat;
}

/* G3.5 категории */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2 {
    height: 109px;
    width: 980px;
    margin-left: -22px !important;
    font-size: 0px !important;
    box-shadow: none;
    border: none;
    padding: 0 !important;
}
#pun-category1.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/42283.png);}
#pun-category2.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/41505.png);}
#pun-category3.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/94057.png);}
#pun-category4.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/10201.png);}
#pun-category5.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/17979.png);}
#pun-category6.category h2 {background: url(http://forumstatic.ru/files/001a/08/87/32178.png);}





/* G3.6 картинка 24 */
#pun-stats ul.container { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url();
    background-origin: padding-box;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 35px;
    padding-top: 17px;
    margin-left: 3px;
}

/* G3.7 статистика */
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    height: 109px;
    width: 980px;
    margin-left: -22px !important;
    font-size:0 !important;
    background-color: transparent;
    background-image: url(http://forumstatic.ru/files/001a/08/87/75357.png);
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0px;
    box-shadow: none;
    border: none;
}





/* H5 ПРОЧЕЕ 
-------------------------------------------------------------*/
/* H5.1 хз */
#pun-main div.catleft, #pun-main div.catright {
  display: none
}

li.pl-share {display: none !important;}
 
#pun-main .post-links li {
  text-align: center;
    font-family: arial;
text-transform: uppercase;
    font-style: normal;
    font-size: 9px;
}
#pun-main h2 {
  text-align: center
}
#pun-crumbs1 .container { 
  text-align: center;
}
#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
}
#pun th { 
  font-size:0 !important; 
}

/* быстрый ответ */
#post-form h2 span { 
    font-style: normal;
    color: #728aa5 !important;
    font-family: bebasneueregular !important;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    text-shadow: 0 0 3px #8498af, 1px 1px #ffffff;
    text-transform: lowercase;
    letter-spacing: 3px !important;
}
#pun-stats li.item3{ 
  display:none;
}

/* H5.2 баннер */
#pun-title table tbody tr .title-logo-tdr {
  position: absolute;
    z-index: 1;
    left: -250px !important;
    top: 100px;
}

/* H5.3 категории, название темы */
.punbb .main h1 span, #pun-stats h2 span {
}

/* H5.3 цвет текста на форуме */
.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: #050221;
  font-weight: normal;
  font-style: normal;
}

.punbb .main .tc3 {
    font-family: calibri !important;
}

/* H5.4 баннер */
#pun-title td.title-logo-tdr{
  display:block!important;
  position:absolute!important;
  z-index:100;
  height:60px!important;
  padding-left:0px!important;
  width:468px!important;
  left:50%!important;
  margin-left:-428px!important;
  margin-top:70px!important;
  padding-top:0px!important;
}

/* H5.5 */

#addition-area div {    font-size: 8px;}
#pun-index .user-avatar {    display: none;}
.punbb input::-webkit-input-placeholder { color: #f9efef;}
.punbb input::-moz-placeholder { /* Firefox 19+ */  color: #f9efef; }
.punbb input::-ms-input-placeholder {   color: #f9efef; }
.punbb input::-moz-placeholder { /* Firefox 18- */ color: #f9efef; }
.punbb textarea::-webkit-input-placeholder { color: #6b4a2f;  }
.punbb textarea::-moz-placeholder { /* Firefox 19+ */  color: #6b4a2f; }
.punbb textarea::-ms-input-placeholder {   color: #6b4a2f; }
.punbb textarea::-moz-placeholder { /* Firefox 18- */ color: #6b4a2f;  }
.punbb .section {    border: none !important;}
.punbb .formal span.input {font-family: arial;   text-transform: uppercase; font-size: 8px;    letter-spacing: 1px;}

/* H5.6 заголовки */
#pun-main h2, .pagelink, .punbb fieldset legend, #pun-about p span, .punbb .linksb, .punbb .linkst {
    font-family: arial;
text-transform: uppercase;
    font-size: 9px !important;
    letter-spacing: 1px !important;
    color: #278b95 !important;
    text-shadow: 1px 1px 0 #fff !important;
    font-style: normal;
}
#pun-main h2 {
    color: #ffffff !important;
    text-shadow: 0 0 3px #fff, 1px 1px #798b9e !important;
}

#pun-main h1 {
    font-family: arial;
text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 3px;
    font-style: normal;
}

/* H5.7 окно репутации */
#pun-reputation .inner {
    font-size: 11px;
    font-family: calibri;
    box-shadow: none !important;
    background: -webkit-linear-gradient(top left, #e7e7e7, #e9e9e9);
    outline: 1px solid #b2cdc9;
    outline-offset: 5px;
    border: 2px solid #e1c4bf;
}

/* H5.8 выделение текста */
::selection {
    color: #ffffff;
    background: #a4b7ce;
}

::-webkit-selection {
    color: #ffffff;
    background: #d5ab88;
}

::-moz-selection {
    color: #ffffff;
    background: #d5ab88;
}

/* H5.9 мелкие правки */
.punbb .modmenu .container, #pun-about p span {}
#pun-live-rusff {margin-right: 27px !important; letter-spacing: 0px !important;} /* двигает кнопку русфф это интересно */
.cool1 {    letter-spacing: 0px !important;    font-weight: normal !important;} /* правит эту кнопку */
#pun-main h1 {text-align: center;}
#keyboard-span input {   box-shadow: none !important;    text-shadow: none !important;}
.adcontainer {    border: none !important;    }
#pun-admain fieldset {    border: none !important;}
.admain {    padding-left: 14em !important;     font-family: arial;  text-transform: uppercase;  font-size: 8px;    letter-spacing: 1px;}
.adformal {    border: none !important;}
#pun-adnav {    background: linear-gradient(#eaeaea,#cacaca);    font-family: calibri !important;    font-size: 10px;    letter-spacing: 0px;    border: 1px solid #fff;    box-shadow: 0 0 3px #fff inset;margin-left: -12em !important;}
div.grippie {    margin-top: 5px;}
#pun-admain table {width: 95% !important;}





/* H5.11 убирает оранжевую обводку в хроме */
input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}


/* H5.12 окно модерации */

.pun-modal .modal-inner {
    font-size: 11px;
    font-family: calibri;
    box-shadow: none !important;
}


/* H5.15 выделения текста */
.punbb .post-content s, strike, del {
    text-decoration-color: #8ea4bd;
    text-decoration-style: double;
    text-shadow: 0 0 1px #8ea4bd;
    color: transparent;
    -webkit-transition: 0.15s linear; 
    -moz-transition: 0.15s linear; 
    transition: 0.15s linear;
}

.punbb .post-content s:hover, strike:hover, del:hover { 
    color: inherit;
    text-decoration: none;
    text-shadow: none;
}



/* I6 ПРОФИЛЬ
-------------------------------------------------------------*/

/* I6.1 убирает подарки, настройка реплаев */
.pa-gifts {
    display: none;
}

.pa-replies{
margin: 20px 0 0 65px;
    width: 120px;
    height: 13px;
    padding: 5px 0 5px 0 !important;
    text-align: center;
    text-transform: uppercase;
    font-family: arial;
    color: #fff;
    font-size: 8px;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #7b5e94;
}

/* I6.4 аватар */

.pa-avatar {
margin: 13px 0 15px -11px;
    text-align: center;
    width: 264px;
    background: url(http://forumstatic.ru/files/001a/08/87/57083.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001a/08/87/34272.png) 0px top no-repeat, url(http://forumstatic.ru/files/001a/08/87/65608.png) 0px repeat-y;
    padding: 6px 51px 3px 0px !important;
}

.pa-avatar img {
    border: 1px solid #d4e0ef !important;
}


/* I6.5 репутация и соо на одной строке */

.pa-respect, .pa-posts, .pa-fld2 {
    position: relative;
    font-family: arial;
    text-transform: uppercase;
    font-size: 8.49px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    line-height: 12px;
}

.pa-respect {
    margin: -25px 0 0px 71px;
    width: 45px;
text-shadow: 0 0 3px #fff, 1px 1px 0 #296167;
}
.pa-respect a, .pa-respect a:hover, .pa-posts a, .pa-posts a:hover {        color: #ffffff;    text-shadow: 0 0 3px #fff, 1px 1px 0 #296167;}

.pa-posts {
margin: 0px 0 0 -11px;
    width: 28px;
    background: url(http://forumstatic.ru/files/001a/08/87/29405.png);
    height: 25px;
    padding: 1px 201px 0 36px !important;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #485981;
}

/* I6.6 ай-пи */

li.pa-ip {
    margin: 11px 0 0 62px;
    position: absolute;
    font-family: calibri;
    font-size: 9px;
    text-transform: lowercase;
    letter-spacing: 1px;
    width: 180px;
    text-shadow: 0 0 3px #b4ddf1, 1px 1px 0 #ffffff;
    color: #7ea5b8;
}

li.pa-ip a, li.pa-ip a:hover {
    text-shadow: 0 0 3px #b4ddf1, 1px 1px 0 #ffffff;
    color: #7ea5b8;
}

.pa-fld1 {    margin: -10px 0 5px 7px;}
.pa-fld2 lz1 {
    position: absolute;
    margin: -24px 0 0 3px;
    width: 40px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #296167;
}

.pa-fld2 lz2 {
    position: absolute;
    margin: -24px 0 0 58px;
    width: 40px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #485981;
}

.pa-fld3 {
    background: url(http://forumstatic.ru/files/001a/08/87/30681.png);
    width: 275px;
    height: 78px;
    margin: 5px 0 -16px -11px;
}

.pa-fld3 lz3 {
    position: absolute;
    margin: 8px 0 0 44px;
    width: 173px;
    overflow: auto;
    height: 30px;
    padding-right: 3px;
    text-align: justify;
    color: #5f748a;
    text-shadow: 1px 1px 0 #bccee0;
    line-height: 10px;
    font-family: arial;
    font-size: 10px;
}

.pa-fld3 lz4 {
position: absolute;
    margin: 49px 0 0 57px;
    font-family: arial;
    text-transform: uppercase;
    font-size: 10.4px;
    font-style: italic;
    letter-spacing: 1px;
    width: 171px;
    text-align: center;
}

.pa-fld3 lz4 a {
color: #ffffff;
    text-shadow: 1px 1px 0 #5b908e;
}


/* J7 СПОЙЛЕР, КОД, ЦИТАТА, ФОРМА ОТВЕТА
-------------------------------------------------------------*/ 

/* J7.1 спойлер */
/*.spoiler-box div {
    text-align: justify;
}*/

/* J7.2 выделить код до наведения */
.legend a { 
    text-align: center;
}

/* J7.3 выделить код после наведения */
.legend a:hover {
    text-align: center;
}

/* J7.4 цитата */


/* J7.5 ввод текста */
.punbb textarea {
overflow: auto;
    font-size: 10.5px !important;
    background: #dcdcdc;
    border-radius: 10px;
    border: 1px solid #d0d0d0;
    box-shadow: 0 0 15px #fff inset;
    padding: 5px;
}

/* J7.6 фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area,  #efont, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    overflow-y: auto;
    text-shadow: none;
    padding: 8px;
    max-height: 230px;
    z-index: 99999;
    font-size: 10.5px !important;
    background: #dcdcdc;
    border-radius: 10px;
    border: 1px solid #d0d0d0;
    box-shadow: 0 0 15px #fff inset;
    padding: 5px;
}

#font-area {font-size: 16px !important;    letter-spacing: 0px;}




/* K8 ПОЛЗУНОК, КНОПКА
-------------------------------------------------------------*/ 

/* K8.1 ползунок */
::-webkit-scrollbar { /*  скроллбар */
  width: 5px; /* для вертикального */
  height: 5px; /* для горизонтального */
}

::-webkit-scrollbar-track { /* трек */
    background: #e9e9e9;
}
::-webkit-scrollbar-thumb { /* ползунок */
background: -webkit-linear-gradient(top left, #bcd9de, #508b92);
    border: 1px solid #3a6f75;
    border-radius: 10px;
}

/* K8.2 кнопки до наведения */
.hashelp center div a button, .button, .punbb input, .punbb select { 
cursor: pointer;
    -webkit-transition: background-color 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: background-color 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: background-color 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background: #92a7c1;
    box-shadow: 0 0 10px #fff inset;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
    border: 1px solid #92a7c1;
    color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #6a809c;
    letter-spacing: 0.5px;
}
.punbb input {
    font-size: 10px !important;
    padding: 5px;
    text-align: center;
    font-family: calibri !important;
}

.formsubmit input, #pun-admain input {
    font-family: arial !important;
    text-transform: uppercase;
    font-size: 8px!important;
    letter-spacing: 1px;
    border-radius: 6px;
    padding: 8px 0px 6px 0px !important;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -webkit-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
.formsubmit input {   width: 100px;}
#pun-admain input {    padding: 8px 10px 6px 10px !important;}

.button {padding: 8px;}
.punbb select {
font-family: calibri !important;
    text-transform: lowercase !important;
    font-size: 10px !important;
    padding: 5px !important;
}

.checkbox {width: auto !important;}
.punbb option {    background-color: #a9abc1 !important;    color: #fff !important;}
.tc2 input {    font-size: 8px !important;    letter-spacing: 1px;   text-transform: uppercase; font-family: arial !important;-webkit-clip-path: polygon(15% 10%, 88% 0, 100% 92%, 0% 100%);        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);}


/* K8.3 кнопки после наведения */
.formsubmit input:hover, #pun-admain input:hover {
background: #3099a3;
    border: 1px solid #3099a3;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #0f6169;
}





/* L8 ПОДФОРУМ
-------------------------------------------------------------*/ 

/* L8.1 фон */
#pun-index td div.tclcon {
    width: 405px;
    font-size: 10px;
    height: 154px;
    text-align: justify;
    text-transform: lowercase;
    background: url(http://forumstatic.ru/files/001a/08/87/35401.png) no-repeat;
    margin-left: 0px;
}

/* L8.2 описание подфорума */
.podf1 {
    margin: -22px 0 -10px 89px !important;
    font-family: arial;
    color: #405d80;
    text-shadow: 0 0 3px #567498, 1px 1px 0 #ffffff;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 2.3px;
    text-align: center;
    position: absolute;
    width: 179px;
}

.podf2 {
    color: #58759a;
    text-shadow: 1px 1px 0 #e3eefd;
    margin: 19px 0 0 60px;
    width: 226px;
    height: 57px;
    overflow: auto;
    padding-right: 3px;
    position: absolute;
}

/* L8.4 ссылки */
.podf3 {
    padding-top: 0px!important;
    margin: 91px 0 0px -4px !important;
    width: 356px;
    font-size: 10px!important;
    line-height: 10px;
    text-align: center;
    position: absolute;
}

.podf3 a {
background: -webkit-linear-gradient(#e8e8e8,#969696);
    padding: 0 5px 2px 5px;
    color: #6d6d6d;
    text-shadow: 0 0 3px #a7a7a7, 1px 1px 0 #ffffff;
    border: 1px solid #9a9a9a;
    box-shadow: 0 0 6px #fff inset;
}

.podf3 a:hover, .podf3 a:focus {
    background: -webkit-linear-gradient(bottom,#e8e8e8,#969696);
    color: #ffffff;
    text-shadow: 0 0 3px #ffffff, 1px 1px 0 #8e8e8e;
}



.tem {
background: url(http://forumstatic.ru/files/001a/08/87/60930.png) 0px bottom no-repeat, url(http://forumstatic.ru/files/001a/08/87/95334.png) 0px top no-repeat, url(http://forumstatic.ru/files/001a/08/87/17134.png) 0px repeat-y;
    padding: 54px 125px 81px 64px;
    text-align: justify;
    font-size: 10.5px;
    color: #2c636a;
    margin-left: 40px;
}

.tem tem1 {
color: #fff;
    position: absolute;
    margin: -30px 0 0 27px;
    width: 380px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a;
}

.prof {
    background: url(http://forumstatic.ru/files/001a/08/87/82379.png);
    width: 550px;
    height: 800px;
    margin: auto;
    color: #2c636a;
}

.prof prof1 {
color: #fff;
    position: absolute;
    margin: 30px 0 0 69px;
    width: 380px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a;
}

.prof prof2 {
position: absolute;
    color: #fff;
    margin: 56px 0 0 60px;
    width: 429px;
    height: 41px;
    font-size: 10px;
    line-height: 9.5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #7badb1;
}

.prof prof3, .prof prof5, .prof prof7, .prof prof9, .prof prof11, .prof prof13, .prof prof15, .prof prof17 {
position: absolute;
    width: 173px;
    height: 97px;
    overflow: auto;
    padding-right: 3px;
}

.prof prof3 {    margin: 126px 0 0 76px;}
.prof prof5 {    margin: 126px 0 0 298px;}
.prof prof7 {    margin: 288px 0 0 76px;}
.prof prof9 {    margin: 288px 0 0 298px;}
.prof prof11 {    margin: 452px 0 0 76px;}
.prof prof13 {    margin: 452px 0 0 298px;}
.prof prof15 {    margin: 615px 0 0 76px;}
.prof prof17 {    margin: 615px 0 0 298px;}

.prof prof4, .prof prof6, .prof prof8, .prof prof10, .prof prof12, .prof prof14, .prof prof16, .prof prof18 {
    position: absolute;
    color: #fff;
    width: 196px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a;
}

.prof prof4 {    margin: 232px 0 0 66px;}
.prof prof6 {    margin: 232px 0 0 290px;}
.prof prof8 {    margin: 396px 0 0 66px;}
.prof prof10 {    margin: 396px 0 0 290px;}
.prof prof12 {    margin: 559px 0 0 66px;}
.prof prof14 {    margin: 559px 0 0 290px;}
.prof prof16 {    margin: 723px 0 0 66px;}
.prof prof18 {    margin: 723px 0 0 290px;}

.vneh {
    background: url(http://forumstatic.ru/files/001a/08/87/21001.png);
    width: 550px;
    height: 742px;
    margin: auto;
    color: #2c636a;
}

.vneh vneh1 {
    color: #fff;
    position: absolute;
    margin: 28px 0 0 69px;
    width: 380px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a
}

.vneh vneh2 {
    position: absolute;
    color: #fff;
    margin: 56px 0 0 90px;
    width: 389px;
    height: 37px;
    font-size: 10px;
    line-height: 9.5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #7badb1;
}

.vneh vneh3, .vneh vneh4 {
    position: absolute;
    width: 177px;
    height: 488px;
    overflow: auto;
    padding-right: 3px;
}

.vneh vneh3 {    margin: 150px 0 0 74px;}
.vneh vneh4 {    margin: 150px 0 0 292px;}

.vneh vneh3 vneh5, .vneh vneh4 vneh5 {
background: -webkit-linear-gradient(right, #135f67, #5cb6bf, #135f67);
    width: 175px;
    height: 10px;
    display: inline-block;
    border: 1px solid #1c6d75;
    margin-bottom: 6px;
    color: #fff;
    font-family: arial;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-style: italic;
    font-size: 9px;
    text-shadow: 1px 1px 0 #1c6d75;
    padding-top: 1px;
}

.bank {
    background: url(http://forumstatic.ru/files/001a/08/87/98119.png);
    width: 550px;
    height: 742px;
    margin: auto;
}

.bank bank1 {
    color: #fff;
    position: absolute;
    margin: 28px 0 0 69px;
    width: 380px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a
}

.bank bank2 {
    position: absolute;
    color: #fff;
    margin: 56px 0 0 70px;
    width: 399px;
    height: 37px;
    font-size: 10px;
    line-height: 9.5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #7badb1;
}

.bank bank3 {
position: absolute;
    margin: 157px 0 0 75px;
    width: 175px;
    padding-right: 3px;
    height: 480px;
    overflow: auto;
}

.bank bank4 {
position: absolute;
    margin: 157px 0 0 294px;
    width: 175px;
    padding-right: 3px;
    height: 480px;
    overflow: auto;
}

.stat {
background: url(http://forumstatic.ru/files/001a/08/87/77565.png);
    width: 531px;
    height: 375px;
    margin: auto;
}

.stat stat1 {
position: absolute;
    color: #70899a;
    margin: 7px 0 0 74px;
    width: 312px;
    height: 22px;
    font-size: 10px;
    line-height: 9.5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #e8f2f9;
}

.stat3 {
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
    clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
    filter: grayscale(100%);
    mix-blend-mode: soft-light;
    width: 89px;
    height: 43px;
}

.stat stat2 {
margin: 62px 0 0 28px;
    position: absolute;
}

.stat stat4 {
    margin: 132px 0 0 42px;
    position: absolute;
}

.stat stat5 {
    margin: 62px 0 0 113px;
    position: absolute;
}

.stat stat6 {
margin: 132px 0 0 129px;
    position: absolute;
}

.stat stat7 {
margin: 62px 0 0 230px;
    position: absolute;
    word-spacing: -26px;
}

.stat8 {
-webkit-clip-path: polygon(0% 0%, 58% 0%, 100% 100%, 42% 100%);
    clip-path: polygon(0% 0%, 58% 0%, 100% 100%, 42% 100%);
    filter: grayscale(100%);
    mix-blend-mode: soft-light;
    width: 67px;
    height: 114px;
}

.stat stat9 {
margin: 186px 0 0 26px;
    position: absolute;
    word-spacing: -26px;
}

.stat10 {
    -webkit-clip-path: polygon(42% 0%, 100% 0%, 58% 100%, 0% 100%);
    clip-path: polygon(42% 0%, 100% 0%, 58% 100%, 0% 100%);
    filter: grayscale(100%);
    mix-blend-mode: soft-light;
    width: 67px;
    height: 114px;
}

.stat12 {
    -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    filter: grayscale(100%);
    mix-blend-mode: soft-light;
    width: 89px;
    height: 43px;
}

.stat stat11 {
    margin: 186px 0 0 365px;
    position: absolute;
}

.stat stat12 {
    position: absolute;
    color: #306469;
    text-shadow: 0 0 3px #73cfd8, 1px 1px 0 #b8dbde;
    margin: 342px 0 0 31px;
    width: 276px;
    text-align: justify;
    overflow: auto;
    height: 20px;
    font-family: arial;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .5px;
    padding-right: 3px;
    line-height: 10px;
}

.stat stat12 a {
    color: #ffffff;
    text-shadow: 0 0 3px #a1e4e1, 1px 1px 0 #30827e;
}

.nag {
background: url(http://forumstatic.ru/files/001a/08/87/84226.png);
    width: 550px;
    height: 747px;
    margin: auto;
}

.nag nag1 {
    color: #fff;
    position: absolute;
    margin: 30px 0 0 69px;
    width: 380px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #2c636a;
}

.nag nag2 {
    position: absolute;
    color: #fff;
    margin: 56px 0 0 143px;
    width: 329px;
    height: 37px;
    font-size: 10px;
    line-height: 9.5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #7badb1;
}

.nag nag3 {
    margin: 131px 0 0 66px;
    position: absolute;
    width: 413px;
    height: 504px;
    overflow: auto;
    padding-right: 3px;
}

.nag nag3 nag4 {
    background: url(http://forumstatic.ru/files/001a/08/87/39106.png);
    width: 71px;
    height: 91px;
    display: inline-block;
}

.nag nag3 nag4 nag5 {
position: absolute;
    font-family: arial;
    color: #fff;
    margin: 60px 0 0 11px;
    width: 48px;
    text-align: center;
    font-size: 9px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #5c888e;
}

.nag nag3 nag4 nag6 {
    position: absolute;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    margin: 73px 0 0 11px;
    width: 48px;
    text-align: center;
    font-size: 9px;
    letter-spacing: 1px;
    font-style: italic;
    text-shadow: 1px 1px 0 #5c888e;
}

.nov {
    background: url(http://forumstatic.ru/files/001a/08/87/19612.png);
    width: 533px;
    height: 329px;
    margin: auto;
}

.nov nov1 {
    position: absolute;
    margin: 18px 0 0 235px;
}

.nov nov1 img {
border-radius: 100px;
    width: 84px;
    height: 84px;
    filter: grayscale(100%);
    mix-blend-mode: luminosity;
}

.nov nov2 {
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 0 #1f6f79;
    margin: 110px 0 0 123px;
    width: 297px;
    padding-right: 3px;
    height: 195px;
    overflow: auto;
    text-align: justify;
    font-size: 10.5px;
    font-family: arial;
}

.nov nov3 {
    position: absolute;
    margin: 317px 0 0 183px;
    width: 180px;
    text-align: center;
    color: #596d7d;
    font-family: arial;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    font-style: italic;
    text-shadow: 1px 1px 0 #e1f2ff;
}

.gost {
background: url(http://forumstatic.ru/files/001a/08/87/87887.png);
    width: 531px;
    height: 375px;
    margin: auto;
}

.gost gost1{
position: absolute;
    color: #306469;
    text-shadow: 0 0 3px #73cfd8, 1px 1px 0 #b8dbde;
    margin: 342px 0 0 31px;
    width: 276px;
    text-align: justify;
    overflow: auto;
    height: 20px;
    font-family: arial;
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: .5px;
    padding-right: 3px;
    line-height: 10px;
}

.gost gost2 {
    position: absolute;
    margin: 62px 0 0 50px;
    width: 151px;
    height: 227px;
    padding-right: 3px;
    overflow: auto;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #3a7d84;
    font-size: 8.5px;
    letter-spacing: 1px;
    text-align: center;
    font-style: italic;
}

.gost gost3 {
    position: absolute;
    margin: 72px 0 0 226px;
    width: 151px;
    height: 227px;
    padding-right: 3px;
    overflow: auto;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #3a7d84;
    font-size: 8.5px;
    letter-spacing: 1px;
    text-align: center;
    font-style: italic;
}

.gost gost2 a, .gost gost3 a {
color: #fff;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #3a7d84;
}

.nuz {
    background: url(http://forumstatic.ru/files/001a/08/87/55581.png);
    width: 533px;
    height: 329px;
    margin: auto;
}

.nuz nuz1 {
    position: absolute;
    margin: 18px 0 0 235px;
}

.nuz nuz1 img {
border-radius: 100px;
    width: 84px;
    height: 84px;
    filter: grayscale(100%);
    mix-blend-mode: luminosity;
}

.nuz nuz2 {
color: #fff;
    margin: 108px 0 0 123px;
    width: 300px;
    position: absolute;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8.5px;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #1d5156;
}

.nuz nuz3, .nuz nuz4, .nuz nuz5 {
    position: absolute;
    width: 90px;
    text-align: center;
    color: #07373c;
    text-shadow: 0 0 3px #2e97a0, 1px 1px 0 #97e1e8;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
}

.nuz nuz3 {    margin: 138px 0 0 131px;}
.nuz nuz4 {    margin: 138px 0 0 233px;}
.nuz nuz5 {    margin: 138px 0 0 334px;}

.nuz nuz6 {
    position: absolute;
    width: 286px;
    text-align: center;
    color: #07373c;
    text-shadow: 0 0 3px #2e97a0, 1px 1px 0 #97e1e8;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    margin: 154px 0 0 133px;
}

.nuz nuz7 {
    position: absolute;
    margin: 171px 0 0 133px;
    color: #ffff;
    text-shadow: 1px 1px 0 #0d4247;
    font-family: arial;
    width: 283px;
    height: 129px;
    overflow: auto;
    padding-right: 3px;
}

.prin {
    background: url(http://forumstatic.ru/files/001a/08/87/23049.png);
    width: 533px;
    height: 223px;
    margin: auto;
}

.prin prin1 {
    position: absolute;
    margin: 18px 0 0 235px;
}

.prin prin1 img {
border-radius: 100px;
    width: 84px;
    height: 84px;
    filter: grayscale(100%);
    mix-blend-mode: luminosity;
}

.prin prin2 {
    position: absolute;
    width: 286px;
    text-align: center;
    color: #07373c;
    text-shadow: 0 0 3px #2e97a0, 1px 1px 0 #97e1e8;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 7px;
    font-family: arial;
    text-transform: uppercase;
    margin: 117px 0 0 133px;
}

.prin prin2 a {
    color: #07373c;
    text-shadow: 0 0 3px #2e97a0, 1px 1px 0 #97e1e8;
}

.prin prin3 {
    position: absolute;
    margin: 138px 0 0 133px;
    color: #ffff;
    text-shadow: 1px 1px 0 #0d4247;
    font-family: arial;
    width: 283px;
    height: 48px;
    overflow: auto;
    padding-right: 3px;
}

.anka {
    background: url(http://forumstatic.ru/files/001a/08/87/55206.png);
    width: 597px;
    height: 664px;
    margin: auto;
}

.anka anka1 {
    position: absolute;
    color: #fff;
    margin: 19px 0 0 80px;
    font-size: 22px;
    font-family: north;
    letter-spacing: 3px;
    font-style: italic;
    width: 480px;
    text-align: right;
    text-shadow: 0 0 3px #fff, 1px 1px 0 #9e795c;
}

.anka anka2 {
color: #584434;
    margin: 94px 0 0 59px;
    position: absolute;
    padding-right: 3px;
    overflow: auto;
    width: 478px;
    height: 344px;
    text-align: justify;
    text-shadow: 1px 1px 0 #f1dbca;
}

.anka anka3, .anka anka4, .anka anka5, .anka anka6, .anka anka7 {
position: absolute;
    color: #a98569;
    width: 138px;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #e2cdbd;
}

.anka anka3 {    margin: 502px 0 0 70px;}
.anka anka4 {    margin: 534px 0 0 70px;}
.anka anka5 {    margin: 566px 0 0 70px; overflow: auto; height: 10px; }
.anka anka6 {    margin: 516px 0 0 232px;}
.anka anka7 {    margin: 552px 0 0 232px;}

.anka anka8 {
    position: absolute;
    margin: 453px 0 0 402px;
}

.anka anka8 img {
    border-radius: 100px;
    width: 138px;
    height: 138px;
    filter: grayscale(100%);
    opacity: .3;
}

/*--путеводитель--*/
.putev-back {width: 945px; height: 602px;  margin-top: 45px;  position: relative;}
.putev-one {width: 820px; height: 480px; margin: 22px 21px; line-height: 30px; background: url(http://s5.uploads.ru/yYOoa.png) no-repeat;}


.but1 {position: absolute; cursor: cell;}
.but2 {position: absolute; cursor: cell;}
.but3 {position: absolute; margin-top: 169px; margin-left: 553px; cursor: cell;}
.but4 {position: absolute; cursor: cell;}
.but5 {position: absolute; margin-top: 50px; margin-left: 485px; cursor: cell;}
.but6 {position: absolute; cursor: cell;}

.knopkabutfon1 {background: url(http://sd.uploads.ru/3KUW1.png); width: 748px; height: 409px; margin-top: 65px; margin-left: 50px; display: none; position: absolute;z-index: auto;}
.knopkabutfon2 {background: url(http://sd.uploads.ru/3KUW1.png); width: 748px; height: 409px; margin-top: 65px; margin-left: 50px; display: none; position: absolute;z-index: auto;}
.knopkabutfon4 {background: url(http://sd.uploads.ru/3KUW1.png); width: 748px; height: 409px; margin-top: 65px; margin-left: 50px; position: absolute; display: none;z-index: auto;}
.knopkabutfon5 {background: url(http://sd.uploads.ru/3KUW1.png); width: 748px; height: 409px; margin-top: 65px; margin-left: 50px; position: absolute; display: none;z-index: auto;}
.knopkabutfon6 {background: url(http://sd.uploads.ru/3KUW1.png); width: 748px; height: 409px; margin-top: 65px; margin-left: 50px; position: absolute; display: none;z-index: auto;}
.close1 {background: url(https://cdn.svitstyle.com.ua/images/color/x_black.png);
    height: 27px;
    position: absolute;
    margin-top: 34px;
    margin-left: 610px;
    border: 1px dotted #c4ced0;
    cursor: pointer;
    text-align: center;
    color: rgb(177, 177, 177) !important;
    font-size: 10px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgb(145, 145, 145) !important;
    width: 27px;
    border-radius: 8px;
    box-shadow: 0px 0px 7px #bdbdbd inset;
    background-color: rgba(189, 189, 189, 0.1) !important
}
.nazvstr1 {width: 620px;
    font-family: bebas neue;
    font-size: 25px;
    font-style: italic;
    text-transform: upperrcase;
    color: #ffffff;
    text-shadow: 0 0 3px #ffffff, 1px 1px 1px #b5b5b5;
    letter-spacing: 1px;
    padding: 10px 0 5px 0;
}

.putext {
position: absolute;
    width: 709px;
    height: 315px;
    line-height: 1.2;
    margin-left: -7px!important;
    margin-top: 25px!important;
    overflow: auto;
    text-align: center;
} 
.samtext {
position: absolute;
    width: 659px;
    height: 84px;
    line-height: 1.2;
    margin-left: 20px!important;
    font-size: 10.5px;
    font-weight: normal;
    font-family: 'istok', arial;
    overflow: auto;
    box-shadow: 1px 1px 8px #7d7d7d inset;
    padding: 5px;
    color: #616161;
    background: #ffffff5c;
    text-align: justify;
    text-transform: lowercase;
    text-shadow: 1px 1px 1px #fff;
} 

/*-- путеводитель универы --*/
.beatypu {
background: linear-gradient(#e4caf9, #9c93b9)!important;
    padding: 0px 10px 1px 10px;
    border: 1px outset #ffffff;
    font-family: bebas neue;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size: 15px;
}
.beatypu:hover {
    background: #3cadf3;
    padding: 0px 10px 1px 10px;
    border: 1px outset #ffffff;
    font-family: bebas neue;
    text-transform: lowercase;
    font-size: 14px;
}

.gow {
    background: -webkit-linear-gradient(top left,#d4e1e3a3,#4590968a);
    color: #fff!important;
    padding: 2px;
    margin: 1px!important;
    text-align: center;
    text-shadow: 1px 1px #638191, 0 0 2px #7fa6ba;
}
.gow1 {
 background: -webkit-linear-gradient(top left,#549090,#b7eaef);
    color: #fff!important;
    padding: 2px;
    margin: 1px!important;
    text-align: center;
    text-shadow: 1px 1px #638191, 0 0 2px #7fa6ba; 
}
.fo{
width: 140px;
    text-align: center;
    font-size: 16px;
    box-shadow: inset 0 0 3px #ffffff;
    font-family: bebasneueregular;
    text-transform: uppercase;
    position: relative;
    background: linear-gradient(#ffffff73, #92a7c1)!important;
    border: 1px solid #ffffff;
    color: #ffffff!important;}


.obsox{
display: block;
    font-size: 11px;
    letter-spacing: 1px;
    font-style: normal;
    color: #ffffff;
    box-shadow: inset 0px 21px 0 0 #2e676d;
    text-transform: uppercase;
    font-family: Oswald;}

.vn {
    background: -webkit-linear-gradient(top left,#bcd6d82e,#a3b7b95c);
    color: #ffffff!important;
    margin: 1px!important;
    text-align: right;
text-transform:lowercase;
    font-size: 10px;
    text-shadow: 1px 1px #24737b, 0 0 2px #2c636a;}
.vne {
background: -webkit-linear-gradient(top left,#e4faf96e,#c7dadc);
    color: #1d6b73!important;
 text-align: center;
text-transform:uppercase;
 text-shadow: 1px 1px #b2cbcd, 0 0 2px #ffffff;}
.chrono1 {
    padding: 2px;
    background: linear-gradient(#f7d5ad, #b79b67)!important;
    border: solid 1px #fff;
    text-align: center;
    font-family: bebasneueregular;
    text-shadow: rgb(255, 250, 250) 1px 1px 5px, rgb(255, 250, 250) 0px 0px 5px !important;
    font-size: 16px;
    line-height: 100%;
    color: #ffffff;
    font-style: italic;
    margin-top: 5px;
    font-weight: bold;
    width: 98%;
}

.bann {position: absolute;
      margin-top: -124px;
    margin-left: 168px;
    width: 455px;
    height: 34.5px;}

.bann img {transition: all .5s ease-in-out 0s;
filter: sepia(100%) brightness(.7) opacity(.5);}
.bann img:hover {filter: none}