/*ГРАФИКА -------------------------------------------------------------*/
/* Боди или фон форума */
body {background: url(http://i.imgur.com/FZVUHzY.jpg) top center repeat-x, url(http://i.imgur.com/RPtTCaG.jpg) repeat-x bottom center, url(http://i.imgur.com/Ulu9dWH.jpg);}

/* Шапка */
#pun-title table {
    background-image: url(http://i.imgur.com/ZpiyLLX.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 556px;
    width: 1206px;
    margin-left: -134px;
    }
/* Пан или "тело" форума */
#pun {
    background-color: #d1d1d1;
    background-image: url(http://i.imgur.com/zveWcYP.jpg);
    }
/* футер */
#pun-about p.container {
    background-image: url(http://i.imgur.com/wowNOR7.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 189px;
    width: 1009px;
    margin-left: -49px;
    text-align: center;
    border-color: transparent;
}
div#pun-about {
   margin-bottom: -10px;
}
#profilenav h2 {text-shadow: none;}
#pun-redirect.punbb  #pun-main h1 {
background: none;}
hr, .banner-line {
    height: 1px;
    background: #4E4848 center no-repeat;
    border: 1px solid white;
    }
/* Цвет текста на форуме */
.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: #150f0d;font-weight: normal;font-style: normal;}
/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {
    position: relative;
    width: 100%;
    text-align: center;
    top: -212px;
    left: -8px;
    }
div#pun-ulinks {
    position: relative;
    width: 100%;
    text-align: center;
    top: -212px;
    left: -10px;
    margin-bottom: -9em;
    }
/* Ссылки */
/* 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: #b52425;font: 11px verdana;letter-spacing: 0em;border-bottom: 0px none #000;text-decoration: none;-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: #7a9e1b;
    border-bottom: 0px none #000;
    }
#onlinelist a {font: 11px verdana !important;}
.post-links a {font-size: 12px !important;}
h3 > span a {font-size: 12px !important;}
.post-body a {font: 11px verdana !important; text-shadow: none !important;}
/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
    font: 12px arial black;
    border-bottom: 0px none #000;
    color: #344608;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-shadow: #ded9ae 1px 1px 0px;
    padding: 0px 3px 0px 3px;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {color: #652414;font: 8px arial narrow !important;border-bottom: 0px none #000;text-transform: uppercase;text-shadow: 1px 1px #f3efe7;letter-spacing: 1px;-webkit-transition: .3s all;-moz-transition: .3s all;-ms-transition: .3s all;-o-transition: .3s all;transition: .3s all;}
/* cs2.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
  color: #9c2f10;
  }
/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #445a0c;
  text-shadow: 1px 1px #fff;
  }
/*ИКОНКИ -------------------------------------------------------------*/
/* Иконка старых сообщений*/
Div.icon {background-image: url(http://i.imgur.com/pWuRUNH.png);background-repeat: no-repeat;}
/* Иконка новых */
TR.inew Div.icon {
background-image : url(http://i.imgur.com/p0ST6iD.png);
background-repeat: no-repeat;
}
/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/grCX5JP.png);
background-repeat: no-repeat;
}
/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/h4tbIb3.png);
background-repeat: no-repeat;
}
/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box {background: #f2ecde;border: 0;box-shadow: 0 0 2px #847c68, inset 0 0 46px #e2d6b9;border-radius: 13px;}
/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    color: #000000;
    background: #f5f0e4;
    }
/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: visible;
}
/*------------------------скролинг-----------------------*/
::-webkit-scrollbar-thumb:vertical {
    background-color: #d23537;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
    background-color: #d23537;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #98bb39;
}
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #98bb39;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #a09c9c;
    }
#post1 {margin-top: 4px;    margin-left: 72px;  color: #251d18;    overflow-y: auto;    height: 88px;    width: 129px;    text-align: justify;}
#post1::-webkit-scrollbar {width: 0px; height: 0px;}
#post2 {display: inline-block;}
#post2 img {margin-left: 5px;}
#post2::-webkit-scrollbar {width: 0px; height: 0px;}
#post2::first-letter {font: italic bold 16px tahoma;}
/*----------------------кнопки типа отправить_посмотреть----------------------------*/
.hashelp center div a button{
  width:86px!important;
padding: 5px 10px 5px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;
    font: 13px bebas neue !important;
    text-transform: lowercase;
    text-shadow: #ffffff 1px 1px!important;
    padding: 5px 16px 5px 16px!important;
    background: #ece6d8 !important;
    color: #17100d !important;
    box-shadow: inset 0 0 10px #b1a892, 0 0 2px #6f5d34;
    border: 1px dashed white;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
} 
/*------------------ быстрый ответ - статистика--------------*/

#post-form h2 {font-size: 0px !important;background: url(http://i.imgur.com/sEJsnwk.jpg) center no-repeat;height: 74px;box-shadow: rgb(191, 185, 170) 0px 0px 6px;border: 1px dashed white;width: 613px;background-color: transparent;text-align: center;margin-left: 162px;margin-top: 1px;margin-bottom: 25px;}
#main-reply {
    width: 99%;
    border-radius: 25px;
    padding: 6px;
}
/*------------------ссылки в шапке--------------*/
.mainlink1 {position: absolute;left: 62px;top: 127px;width: 180px;}
.mainlink1 a {
    display: block;
    color: #eadccd!important;
    text-shadow: #371c09 1px 1px!important;
    text-transform: lowercase;
    font: italic bold 14px cuprum !important;
    text-align: center;
    margin-top: 2px;
    }
.mainlink1 a:hover {
color: #815521 !important;
text-shadow: rgb(224, 217, 205) 1px 1px !important;
}
/*------------------Баннеры--------------*/
.banners {
    position: absolute;
    margin-top: -125px !important;
    left: 55px !important;
    width: 967px;
    height: 70px;
    overflow-y: auto;
    opacity: 0.6;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.banners:hover {opacity: 1;}
/*------------------АМС--------------*/
.ams {display: inline-block;}
.ams a {
    font: italic bold 10px arial !important;
    color: #dafb64!important;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #77250c;
    -webkit-transition: .3s all;
    margin-left: 6px;
    margin-top: 4px;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    }
.ams a:hover {color: #ffdf65!important;}
.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    width: 201px;
    text-align: center;
    padding: 1px 1px 0px 1px;
    display: inline-block;
    margin-top: -104px;
    height: 103px;
    left: 55px;
    z-index: 100000;
    }
/* сообщения на форум готовый*/
.body1 {
    background: url(http://i.imgur.com/tqpdftZ.jpg) top no-repeat, url(http://i.imgur.com/r9cMNLz.jpg) bottom no-repeat, url(http://i.imgur.com/8yRZKnS.jpg) repeat-y;
    color: #392b1e;
    font: 11px tahoma;
    width: 618px;
    margin-left: 8px !important;
    display: block;
    padding-top: 55px;
    padding-bottom: 36px;
    } 
.naz {text-align: center;font: 30px bebas neue;color: #364408;width: 500px;margin-bottom: -58px !important;margin-left: 67px !important;background: #b8d65b;letter-spacing: 0px !important;text-shadow: 1px 1px 0px #e5dfd3;text-transform: uppercase;} 

/* анкета */
.name { width: 440px; padding: 2px; text-align: right; font-size: 40px; text-transform: lowercase; color: #fff; line-height: 100%; font-style: italic; letter-spacing: -2px; font-family: 'Khula', sans-serif; text-align: center; font-size: 40px; color: #fff; text-shadow:1px 1px #784e91, 2px 2px #fff; border-top: 0px; font-weight: bold; }
.name1 { padding: 1px; background-color: #3A3337; font-size: 10px; color: #fff; text-align: center; font-family: calibri, sans-serif; letter-spacing: 0px; line-height: 100%; font-style: normal; text-transform: uppercase;  font-weight: lighter; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.name1:hover { color: #000; box-shadow:inset 406px 0 0 #f5debd;}
.fon1 { width: 590px; padding: 5px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYij.jpg); padding-bottom: 0px; border-bottom: 0px;}
.fon2 { width: 580px; padding: 5px; border: 1px solid #B4B4B4; background-color: #f3eef3; padding-bottom: 0px; border-bottom: 0px;}
.PHOm { width: 210px; padding: 5px; border: 1px solid #B4B4B4; background-color: #fffcf6; margin-bottom: 5px;}
.PHOmi { width: 190px; padding: 9px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYi9.jpg);  padding-bottom: 1px;}
.PHOmil { width: 190px; padding: 3px; background-color: #fff8ed; border-bottom: 1px solid #B4B4B4; font-size: 12px; text-align: right; font-family: 'Vollkorn', serif; text-transform: lowercase; letter-spacing: 2px; font-style: italic; font-weight: bold; text-indent: 15px;}
.PHOmili { width: 190px; padding: 3px; background-color: #fff2df; text-align: left; font-size: 7px; color: #555; text-transform: uppercase; line-height: 100%; letter-spacing: 2px; font-family: verdana, sans-serif; text-indent: 20px;}
.PHOmil:first-letter { color: #f0ac3c; } 
.PHOfim { width: 120px; padding: 5px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYi9.jpg); height: 250px;}
.PHOfim img { width: 110px; border: 5px solid #fff2df; }
.PHOftl1 { width: 100px; padding: 9px; background-color: #8a74a2; color: #fff; text-transform: uppercase; line-height: 100%; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff2df; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.PHOftl1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center;}
.PHOftl1:hover { color: #000; box-shadow:inset 146px 0 0 #d7bff1;}
.PHOftl2 { width: 115px; padding: 3px; background-color: #8a74a2; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.PHOftl2 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center;}
.PHOftl2:hover { color: #000; box-shadow:inset 146px 0 0 #d7bff1;}
.PHOft { width: 210px; padding: 3px; border: 1px solid #B4B4B4; background-color: #fff; margin-bottom: 5px;}
.PHOfti { width: 200px; padding: 4px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYi9.jpg); }
.PHOftii { width: 190px; padding: 5px; height: 42px; background-color: #fff8ed; }
.PHOftit { width: 190px; padding-right: 10px; height: 42px; overflow: auto; font-size: 8px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555; text-align: justify;}
.PHOftit:first-letter { float: left; color: #fff; background-color: #8a74a2; margin-right: 1px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 100%; padding: 10px; font-weight: bold;}
.bio { width: 594px; padding: 3px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYij.jpg);}
.bio1 { width: 584px; padding: 4px; border: 1px solid #B4B4B4; background-image: url(http://funkyimg.com/i/2aYi9.jpg); }
.bio2 { width: 570px; padding: 5px;  background-color: #f3eef3; }
.bio5 { width: 265px; padding: -10px;  background-color: #fff8ed; font-size: 10px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555;}
.bio4 {  width: 275px; padding: 5px;  background-image: url(http://funkyimg.com/i/2aYij.jpg); }
.bio3 { width: 570px; padding-right: 10px;  overflow: auto; font-size: 12px; font-family: Arial, sans-serif; color: #555; text-align: justify;}
.bio3:first-letter { float: left; color: #ffffff; background-color: #8a74a2; margin-right: 1px; font-size: 12px; font-family: 'Montserrat', sans-serif; line-height: 100%; padding: 10px; font-weight: bold;}
.naf1 { width: 210px; padding: 4px; background-color: #8a74a2; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.naf1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.naf1:hover { color: #000; box-shadow:inset 216px 0 0 #d7bff1;}
.zs1 { width: 100px; padding: 5px;  background-color: #fff8ed; font-size: 10px; text-transform: uppercase; font-family: calibri, sans-serif; color: #555;}
.zs {  width: 110px; padding: 5px;  background-image: url(http://funkyimg.com/i/2aYij.jpg); }
.nafa1 { width: 90px; padding: 4px; background-color: #8a74a2; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.nafa1 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa1:hover { color: #000; box-shadow:inset 216px 0 0 #d7bff1;}
/* нужный */
.name2 { width: 440px; text-align: right;  text-transform: lowercase; color: #fff; line-height: 100%; font-style: italic; padding: 2px;  letter-spacing: -2px; font-family: 'Khula', sans-serif; text-align: center;  color: #fff; text-shadow:1px 1px #784e91, 2px 2px #fff; border-top: 0px; font-weight: bold; font-size: 20px;}
/* банк */
.nafa2 { width: 250px; padding: 4px; background-color: #703c33; color: #fff; text-transform: uppercase; line-height: 100%; margin-bottom: 5px; font-size: 10px; letter-spacing: 1px; font-family: calibri, sans-serif; text-align: center; border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #a07ebd;}
.nafa2 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa2:hover { color: #000; box-shadow:inset 216px 0 0 #a07ebd;}
/* правила*/
.nafa3 {width: 408px;padding: 4px;background-color: #b8d65b;color: #4d0707;text-transform: uppercase;line-height: 100%;text-shadow: 1px 1px #bbec23;margin-top: 10px !important;letter-spacing: 2px;font: bold 8px tahoma;text-align: center;border-bottom: 2px solid #3b230c;border-top: 2px solid #6d502e;transition: 0.8s all ease-in-out;-webkit-transition: 0.8s all ease-in-out;-moz-transition: 0.8s all ease-in-out;o-transition: 0.8s all ease-in-out;box-shadow:inset 0px 0 0 #bd967e;}
.nafa3 a { color: #fff; text-transform: uppercase; line-height: 100%; font-size: 8px; letter-spacing: 5px; font-family: calibri, sans-serif; text-align: center;}
.nafa3:hover {color: #000;box-shadow: inset 490px 0 0 #dfd9cd;}
/* администрация фак*/
.jcanonname3 { background: #432514;}
.jcanonname2 { background: #432514;}
/* стихии рамка*/
.rama { border:4px double #432514;}
.rama1 { border:4px double #432514; background-color: #d3c6bb;}
/* личное звание */
/* плашка */
.pa-fld2 {margin-top: -38px !important;}
/* остальное */
.lz {
    width: 220px !important;
  margin-left: -11px !important;
  padding: 0px 0px 5px 0px;
  float: left;
  margin-top: -6px !important;
}
.lz1 {
  text-align: center;
  padding: 5px;
  width: 200px;
  background: #d0ee8c;
  box-shadow: inset 0 0px 9px #819455, 0 0 5px #8a8375;
  color: #000;
  margin-left: 9px !important;
}
.lz2{
  text-align: center;
  width: 195px;
  padding: 2px;
}
.lz2 a {font: bold 12px arial !important;color: #3f5812!important;text-transform: uppercase;text-shadow: 1px 1px #baef43;}
.lz3{
  width: 190px;
  padding: 5px;
  font: 10px arial;
  color: #35460d;
  line-height: 10px !important;
  text-align: justify;
}
.lz3 a{
  font: 10px tahoma !important;
  color: #628a09 !important;
  text-shadow: 1px 1px #bbe659;
}
/* достижения и ко */
.lz4{margin-bottom: -47px !important;margin-top: -12px!important;text-align: center;padding: 5px;width: 200px;background: #d0ee8c;box-shadow: inset 0 0px 9px #819455, 0 0 5px #8a8375;color: #000;margin-left: -2px !important;}
.lz6 {text-align: center;width: 94px;text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);height: 80px;font-family: 'Ahellya';font-size:25px;background: url(http://i.imgur.com/Y5JHKIi.png) no-repeat;color: #000;margin-left: -16px !important;margin-top: -12px !important;padding-bottom: 6px !important;}
.lz7 {
  text-align: center;
  width: 91px;
  padding: 3px;
  margin-top: -5px !important;
  margin-left: 26px !important;
  color: #200f05;
  background: url(http://i.imgur.com/56Te2bW.png) no-repeat;
  font: 10px tahoma;
}
.lz71 {
  text-align: center;
  width: 91px;
  padding: 3px;
  margin-top: -5px !important;
  margin-left: 26px !important;
  color: #200f05;
  background: url(http://i.imgur.com/GGEW3oW.png) no-repeat;
  font: 10px tahoma;
}
.lz72 {
  text-align: center;
  width: 91px;
  padding: 3px;
  margin-top: -10px !important;
  margin-left: 26px !important;
  color: #200f05;
  background: url(http://i.imgur.com/wi1jWTK.png) no-repeat;
  font: 10px tahoma;
}
.lz72 a{font: 10px tahoma !important; color:#231208 !important; }
.lz8 {
  width: 120px;
}
/* стихии в личном звании */
#sti {width: 51px;padding-top: 21px !important;margin-top: 5px !important;margin-left: 24px !important;font: bold italic 32px bebas neue;color: #feee36;text-shadow: 1px 1px 0 #5e820d;text-align: center;}
.stip  {margin-top: -51px !important;margin-left: -4px !important;}
.stip img {width: 0;height: 0;-webkit-transition: .9s ease-in-out all;
-moz-transition: .9s ease-in-out all;
-ms-transition: .9s ease-in-out all;
-o-transition: .9s ease-in-out all;
transition: .9s ease-in-out all;}
#sti:hover .stip img {
    width: 55px;
    height: 55px;
    padding: 5px;
    opacity: .99;
    font-size: 0px;
    text-align: center;
    line-height: 100%;
    margin-left: -9px !important;
    }

body {}

/* награды */
.canh { width: 48px; height: 55px; background-color: #432514; padding: 5px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;  font-family: cambria, serif; font-size: 11px; text-align: justify; line-height: 100%; color: #624533; border-right: 5px groove #a48877;}
.canh:hover {  width: 40px; height: 55px; background-color: #FDF5E6; padding: 5px; opacity: .99;  font-family: cambria, serif; font-size: 10px; text-align: justify; line-height: 100%; color: #111; border-right: 3px groove #9d77a4;}
.nag {  background-color: #9e5337; color: #ffffff; text-align: center;padding: 3px;}
/* приветственное сообщение*/
.pinkholder {
float: center;
width: 400px;
height: 261px;
background: url('http://funkyimg.com/i/23Fac.png'), repeat repeat center center;
padding: 8px;
position: relative;
border: 3px solid #f6cc82;
box-shadow: 0 0 1px #333;
}
.pinksubholdercontainer {
float: right;
width: 199px;
height: 155px;
padding: 3px 5px 5px 1px;
background: #fff4e0;
overflow: hidden;
position: relative;
margin: 0 1px 7px 0;
text-align: justify;
border-left: 3px solid #f2b653;
border-right: 3px solid #f2b653;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
/* welcome цвет*/
.pinksubholdercontainer h3 {
color: #f6cc82;
}
.pinksubholder p {
color: #666;
font-family: calibri, serif;
font-size: 10px;
font-style: none;
text-align: left;
line-height: 7px;
background: transparent;
padding: 2px 0px 0px;
margin: 1px 2px 3px 5px;
position: relative;
}
.pinksubholder p:first-letter {
display: inline-block; 
float: left; 
color: #f3e5cb; 
font-family: georgia;
font-size: 18px;
background-color: #ba825c;
background-image: -webkit-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -moz-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -o-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -ms-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: linear-gradient(top, #ba5c5f, #f6cc82);
padding: 8px;
margin: 1px 5px 0 0px;
box-shadow: 0 0 1px #222;
}
.pinksubholder a {
color: #a07250;
text-transform: uppercase;
text-decoration: none;
cursor: url(http://i.imgur.com/ffMehRc.png), auto;
transition: all 0.5s linear;
}
.pinksubholder a:hover {
color: #ba5c5f;
}
.pinkleftmenu li {
overflow: hidden;
width: 177px;
height: 40px;
background: #fff4e0;
margin-bottom: 4px;
border-left: 3px solid #f2b653;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.pinkleftmenu li:last-child {
margin-bottom: 0px;
}
.pinkleftmenu li a {
display: block;
width: 100%;
height: 100%;
color: #333;
text-align: left;
padding-left: 10px;
position: relative;
}
.pinkleftsub {
color: #4b3c31;
font-family: calibri;
font-size: 18px;
text-transform: uppercase;
margin: 0;
transition: all 300ms linear;
-webkit-transition: all 300ms linear;
-ms-transition: all 300ms linear; 
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
}
.pinkleftmenu li:hover {
background: #f6cc82;
border-left: 3px solid #ba5c5f;
}
.pinkleftmenu li:hover .pinkleftmain {
opacity: 1;
color: #51282a;
-webkit-animation: moveFromTop 300ms ease-in-out;
-ms-animation: moveFromTop 300ms ease-in-out;
-moz-animation: moveFromTop 300ms ease-in-out;
}
.pinkleftmenu li:hover .pinkleftsub {
opacity: 1;
color: #222;
-webkit-animation: moveFromBottom 300ms ease-in-out;
-ms-animation: moveFromBottom 300ms ease-in-out;
-moz-animation: moveFromBottom 300ms ease-in-out;
}
.pinkinfoimage {
float: right;
width: 205px;
height: 84px;
text-align: center;
background: #fff4e0 no-repeat center center;
position: relative;
margin: 0 1px 0 0;
border: 3px solid #f6cc82;
overflow: hidden;
cursor: default;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.pinkinfoimage blockquote {
float: center;
width: 185px;
height: 60px;
color: #f6cc82;
font-family: calibri;
font-size: 10px;
text-align: left;
line-height: 10px;
background: #393939;
padding: 5px 5px 3px 5px;
margin: 5px 2px 1px 5px;
border-top: 3px solid #ba5c5f;
border-bottom: 3px solid #ba5c5f;
}
.pinkinfoimage blockquote:first-letter {
float: left; 
display: inline-block; 
color: #fff4e0; 
font-family: georgia;
font-size: 20px;
text-shadow: 0 0 1px #e16e72;
background-color: #ba5c5f;
background-image: -webkit-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -moz-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -o-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: -ms-linear-gradient(top, #ba5c5f, #f6cc82);
background-image: linear-gradient(top, #ba5c5f, #f6cc82);
padding: 8px;
margin: 1px 5px 0 0px;
box-shadow: 0 0 1px #222;
}
.pinkinfoimage blockquote b {
color: #a06850;
font-family: calibri;
font-size: 10px;
text-transform: uppercase;
line-height: 10px;
}
.pinkinfoimage blockquote b:hover {
color: #ba5c5f;
}
/* конец приветственного сообщения*/

/* объявление */
.hello33 {background-color: #ab867a;}
.hello32 {background: #fff4e0;}
.hello31 {color: #f3b95f; text-shadow:1px 1px #fff, 2px 2px #fff;}
.nav, .nav2 {font-family:Palatino Linotype; font-size:9px; line-height:20px;letter-spacing:1pt;   text-transform:uppercase}
.nav {background:#f3bb65;  width:115px; height:16px; color:#ffffff;  text-align:center; display:block;position:relative; }
.nav2 {background:#ffffff;  width:115px; height:16px; text-align:center; color:#532a09; display:block;position:relative;}
.hello{
  background-color: #f3bb65;
  width: 560px;
  height: 90px;
  padding: 5px;
}
.hello1{
  color: #FFF;
font-family: 'Khula', sans-serif; text-align: center; font-size: 60px; color: #fff; text-shadow:1px 1px #f3bb65, 2px 2px #fff;
  font-size: 45px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 20px;
}
.bye{
  background-color: #f3bb65;
  width: 560px;
  height: 30px;
  padding: 5px;
}
.hellogif {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f3bb65), color-stop(51%,#f3bb65));
  padding: 5px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 8;
}
.hellogif img {
width: 145px;
  height: 145px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.mp3 {
  font-family: Open Sans;
  font-size: 10px;
  color: #FFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding: 5px 40px 5px 0px;
  z-index: 5;
}
.citata {
background-color: #af938b; 
  text-transform: lowercase;
width:350px;
font-family: calibri; font-size: 8px; line-height: 90%; color: #ffffff; text-align: center; padding:5px; letter-spacing: 1px; text-shadow: 1px 0px 0px #f3b95f;
   letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  padding: 5px 40px 5px 0px;
  z-index: 5;
}
/* конец объявления */
/*коллекция */
.send3{ text-align:justify;margin-bottom:5px; padding:3px; background-attachment: scroll; }
.recieve span,.send3 span{display:none}
.recieve:hover span,.send3:hover span{
display:block; position:absolute; width:180px; margin-top:-150px; background-color: #bea68d;   border: 1px solid #35240f;
  border-top: 1px solid #94642b;
  border-bottom: 4px solid #3f1d11;
  -webkit-box-shadow:0 1px 4px #784d20, 0 0 30px #784d20 inset;
  border-radius: 30px; margin-left: 1px; margin-top: 2px; text-transform:uppercase;padding:11px 6px 11px 6px; font-family: "'Palatino Linotype";
font-size: 8px;
color: #000;
line-height: 100%;
letter-spacing: 1px;
}
.semi {opacity: 0.5;}

body {overflow-x: scroll !important;}

/* FAQ*/
.body2 {color: #452b20;font: 11px tahoma;    width: 600px;
    margin-left: 15px !important;
    display: block;
    padding-top: 39px;
    padding-bottom: 22px;} 

.anemord {  /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #f5efe1 0%, #e4d9c0 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #f5efe1 0%, #e4d9c0 100%); /* Opera */ background-image: -o-linear-gradient(top, #f5efe1 0%, #e4d9c0 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5efe1), color-stop(1, #b6c5f3)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #f5efe1 0%, #e4d9c0 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #f5efe1 0%, #e4d9c0 100%); width: 500px; padding: 8px; font-family: open sans; font-weight: 300; font-size: 12px; color: #000000; -webkit-border-radius: 15px;  -o-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: left; line-height: 12px; }
.anemord2 {  background-color: #e4d9c0;  width: 600px; padding: 8px; font-family: open sans; font-weight: 380; font-size: 13px; color: #101010; -webkit-border-radius: 15px;  -o-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: left; line-height: 12px; }
.onenamemord { font-family: open sans; font-weight: 400; font-size: 11px; height: 15px;text-align: left;width: 85px;  padding-left: 23px; overflow: hidden; color: #101010; position: relative; bottom: -130px; }
.onemordspacer { height: 3px; }
.onetailmord { position: relative; top: -5px; margin-bottom: -10px; }
.onetailmord2 { position: relative; top: -4px; margin-bottom: -10px; }
#onethang { width: 620px; height: 1020px; }



/* стихия */ 
.stthree1 {width: 91px;padding: 8px !important;margin-bottom: 0px;height: 91px;}
#mb1 {width: 136px;height: 123px;
overflow: hidden;}
.mbim1 {width: 107px;height: 122px;}
.mbib1 {-webkit-transition: .9s ease-in-out all;-moz-transition: .9s ease-in-out all;-ms-transition: .9s ease-in-out all;-o-transition: .9s ease-in-out all;transition: .9s ease-in-out all;position: relative;}
.mbim1 img {width: 120px;height: 120px;-webkit-transition: .9s ease-in-out all;-moz-transition: .9s ease-in-out all;-ms-transition: .9s ease-in-out all;-o-transition: .9s ease-in-out all;transition: .9s ease-in-out all;
}
#mb1:hover .mbim1 img {width: 60px;height: 60px;position: relative;
border-radius: 100%;margin-bottom: 0px;
margin-top: 30px!important;
 margin-left: 12px!important;
}
.mbte1 {
    font-family: montserrat;
    font-size: 10px;
    text-align: justify;
    line-height: 90%;
    text-transform: lowercase;
    color: #111;
}
.mbts1 {
    width: 130px;
    overflow: auto;
    margin-top: 1px!important;
}

/* выделение текста*/ 
::-moz-selection {    color: #e6e6e6;
    background: #652121;}
::selection {
    color: #eeeeee;
    background: #81ab2a;
    }


/* гостевая */ 
.PHO {
    width: 621px;
    height: auto;
    margin-left: -6px !important;
    padding-top: 6px;
    padding-bottom: 137px;
    display: block;
    background: url(http://i.imgur.com/LzxcC89.jpg) top no-repeat, url(http://i.imgur.com/l2WS1Ek.png) bottom no-repeat, url(http://i.imgur.com/ItGwFxi.jpg) repeat-y;
}
.poenix {
    font: 11px tahoma;
    color: #452b20;
    letter-spacing: 0px;
    padding-top: 1px;
    width: 515px;
    margin-left: 18px !important;
    text-align: justify;
    }
.ph {
    position: relative;
    margin-left: -191px !important;
    margin-top: -3px !important;
    letter-spacing: -1.2px;
    margin-bottom: 7px !important;
}
.boom {
    width: 280px;
    padding: 4px;
    color: #fffefa;
    background-color: #d2181a;
    text-transform: uppercase;
    line-height: 6pt;
    margin-bottom: 2px !important;
    font-size: 7px;
    text-shadow: 1px 1px #443122;
    letter-spacing: 1px;
    text-align: left;
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-transition: 0.8s all ease-in-out;
    o-transition: 0.8s all ease-in-out;
    box-shadow: inset 0px 0 0 #ffded1;
    }
.boom a { color: #291409; text-transform: uppercase; line-height: 80%; font-size: 9px; letter-spacing: 5px; font-family: Bebas Neue; text-align: center;}
.boom:hover {
    color: #fff;
    box-shadow: inset 290px 0 0 #8dc22c;
    }
.boom1 {
    width: 280px;
    padding: 4px;
    color: #fffefa;
    background-color: #d2181a;
    text-transform: uppercase;
    line-height: 55%;
    margin-bottom: 2px !important;
    font-size: 7px;
    text-shadow: 1px 1px #442c22;
    letter-spacing: 1px;
    text-align: left;
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-transition: 0.8s all ease-in-out;
    o-transition: 0.8s all ease-in-out;
    box-shadow: inset 0px 0 0 #ffedd1;
    }
.boom1 a { color: #291309; text-transform: uppercase; line-height: 80%; font-size: 9px; letter-spacing: 5px; font-family: Bebas Neue; text-align: center;}
.boom1:hover {
    color: #fff;
    box-shadow: inset 290px 0 0 #8dc22c;
    }
.boom2 { width: 140px; padding: 3px; 
background-color: #432514; 
color: #fadbc6;
text-transform: uppercase; 
line-height: 55%;
margin-bottom: 5px; 
font-size: 9px; 
letter-spacing: 1px; 
font-family: Bebas Neue;
text-align: center; 
transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; box-shadow:inset 0px 0 0 #ffe3d1;}
.boom2 a { color: #291109; text-transform: uppercase; line-height: 80%; font-size: 9px; letter-spacing: 5px; font-family: Bebas Neue; text-align: center;}
.boom2:hover { color: #000; box-shadow:inset 220px 0 0 #c7b197;}

.boom3 {
    width: 200px;
    padding: 4px;
    margin-top: 0px !important;
    color: #d0f395;
    background-color: #69961a;
    text-transform: uppercase;
    line-height: 100%;
    text-shadow: 1px 1px #314808;
    margin-bottom: 5px!important;
    letter-spacing: 1px;
    font: bold 10px arial;
    text-align: center;
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-transition: 0.8s all ease-in-out;
    o-transition: 0.8s all ease-in-out;
    }
.boom3 a { color: #291709; text-transform: uppercase; line-height: 100%; font-size: 12px; letter-spacing: 5px; font-family: Bebas Neue; text-align: center;}
.boom3:hover {
    color: #ede7d9;
    box-shadow: inset 220px 0 0 #c3bc6c;
    }