/*************************************************************
НАСТРОЙКИ СТИЛЯ
**************************************************************/
/* Шапка
-------------------------------------------------------------*/
#pun-title table {
    background: url(http://forumfiles.ru/files/0018/25/44/70450.png) no-repeat top center;
   height: 666px;
    width: 1296px;
    margin-top: -15px;
    margin-left: -155px;
}

/* Иконки сообщений
-------------------------------------------------------------*/
.punbb div.icon {
    float: right;
    display: block;
    width: 77px;
    height: 75px;
    padding-right: 7px;
    margin-top: -2px;
    margin-right: -15px;
}

/* Старые сообщения */
table Div.icon { 
  background: url(http://i.imgur.com/zQlcTdx.png) no-repeat top center;
  }
/* Новые сообщения */
TR.inew Div.icon {
  background : url(http://i.imgur.com/5GD9HAo.png) no-repeat top center;
  }
/* Важная тема */
#pun-viewforum TR.isticky Div.icon {
  background: url(http://i.imgur.com/37rxoTo.png) no-repeat top center;
  }
/* Закрытая тема */
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://i.imgur.com/L5lRT9o.png) no-repeat top center;
  }

/* Футер
-------------------------------------------------------------*/
#pun-about p.container {
    background: url(http://i.imgur.com/2MySLsq.png) bottom center no-repeat;
    height: 154px;
    width: 1296px;
    margin-left: -156px;
    padding-top: 19px;
    margin-bottom: -83px;
}

/* Картинка в категорию-статистику
-------------------------------------------------------------*/
#pun-stats.section h2 {
  background: url("http://i.imgur.com/4IndnLW.png") no-repeat;
  padding-bottom:0px;
  margin-top: 9px;
  margin-left: -155px;
  margin-bottom: -27px;
  width: 1296px;
  height: 185px;
  }
#pun-stats h2 span { 
   display:none;
  }


/* Быстрый ответ
-------------------------------------------------------------*/
#post-form h2 span {
   display:none;
  }
#post-form h2 {
   background: url(http://i.imgur.com/8d696Y7.png) no-repeat;
   width: 1296px;
   height:160px;
   margin-left: -155px;
   margin-top: 9px;
   margin-bottom: -74px !important;
  }

/* Полоса прокрутки
-------------------------------------------------------------*/
::-webkit-scrollbar {width: 5px; height: 7px;}  
::-webkit-scrollbar-track {background: linear-gradient(#db5959, #9eb6c8);} 
::-webkit-scrollbar-thumb {background-color: #a07451;border-radius: 10px;}
::-webkit-scrollbar-thumb:active {background: #bd7941; border-radius: 10px;}



/* Ширина колонок в списке активных пользователей
-------------------------------------------------------------*/
div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 20%; /*ширина третьей колонки*/
  }
div#pun-online.punbb .tcl {
  text-align: left; /*текст слева для первых двух колонок*/ 
  }
#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
  }

/* Время отправки и рейтинг поста
-------------------------------------------------------------*/
.permalink{
  font-size: 12px;
  font-family: cuprum;
  text-transform: lowercase;
  font-style:normal;
  text-align: left;
  font-weight: normal!important;
  color: #9e612b; /*9d4e23;*/
  text-shadow: #feeedc 1px 1px;
  }

/* Всплывающие подсказки
-------------------------------------------------------------*/
.tooltip, .tooltip1 {
  position: relative;
  }
.tooltip em, .tooltip1 em {
  display: none;
  }
.tooltip:hover em {
  font-style: normal;
  display: block;
  position: absolute;
  width: 130px;
  top: 10px;
  right: -20px;
  padding: 10px;
  background: url(http://funkyimg.com/i/29GVo.png);
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  border: none;
  }
.tooltip1:hover em {
  font-style: normal;
  display: block;
  position: absolute;
  width: 130px;
  margin-top: 14px;
  right: -20px;
  padding: 10px;
  background: url(http://funkyimg.com/i/29GVo.png);
  border-radius:20px;
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  border: none;
  }

.desbox1 {font-size: 10px; text-align: justify;}

/*************************************************************
КОНТЕНТ В ШАПКУ
**************************************************************/
/* Ссылки навигации 
-------------------------------------------------------------*/
.nav {
  display: inline;
  }

.nav a {
  width: 140px!important;
  font-family: bebas neue!important;
  font-size: 20px!important;
  color: #e2c59a!important;
  text-shadow: #875b38 1px 1px 0px!important;
  text-transform: lowercase;
  font-weight: bold;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  }

.nav a:hover {
  color: #7c7610!important;
  text-shadow: #693f22 1px 1px 0px!important;
  }

/* Команды
-------------------------------------------------------------*/
.drink {margin-bottom: -4px!important;}
.team1, .team2, .team3, .team4, .team5, .team6, .team7 {
  width: 31px;
    position: relative;
    display: inline-block;
    padding: 1px;
    font-size: 8px;
    background: rgba(170, 113, 77, 0.8);
    font-family: verdana;
    color: #e7e857!important;
    text-shadow: #000000 1px 1px 0px!important;
    text-align: center;
    border-radius: 10px;
  }


/* Амс
-------------------------------------------------------------*/
.ams {position:absolute; display: inline-block;}
.ams a {
    font: bold italic 22px bebas neue !important;
    color: #a75c45!important;
    text-shadow: 1px 1px 0px #f8f8f9 !important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    }
.ams a:hover {color: #634e5d!important;}

.ams a span {display: none;}
.ams a:hover span{
    position: absolute;
    width: 208px;
    text-align: center;
    padding: 2px 1px 0px 1px;
    display: inline;
    margin-top: 25px;
    margin-left: -192px;
    height: 123px;
    z-index: 100000;
    background: #282828;
    border-right: 3px solid #282828;
    border-left: 3px solid #282828;
    }

/*************************************************************
ТЕМЫ И АНКЕТЫ
**************************************************************/

.ank {background: url(http://funkyimg.com/i/24hw3.png);}
.maincol {background-color: #fefefe;}
.maincollol {    background-color: #c2ab8e;
    width: auto !important;
    margin-left: 0px !important;
    text-align: center !important;}
.rules1 {font: 10px arial; padding: 0px 35px 6px 35px; border-bottom: 1px solid #c2ab8e; line-height: 110%; color: #5d5d5d;}
.rules {text-align: center; padding-bottom: 4px; margin-bottom: 7px; margin-top: 5px; padding-top: 10px; line-height: 11px; color: #c2ab8e; font-size: 18px; font-family: bebas neue; font-weight: bold;}
.epfont {text-align: center; color: #c2ab8e;}
.steveoappone { font-family: verdana; font-size: 0.96em; text-align: justify; line-height: 135%; padding-bottom: 10px; }
.steveoappthree { font-size: 0.96em; line-height: 135%; width: 304px; background-color: #fff; height: 160px; padding: 10px; border: 1px solid #cecece; margin-left: 10px;}
.steveoappfour { width: 311px; height: 160px; overflow-y: auto; overflow-x: none!important; padding-right: 3px;} .steveoappfour k {font-size: 15px; font-family: cuprum; font-weight: bold; text-transform: lowercase; line-height: 110%; font-style: italic;}
.steveoappfive { width: 513px; height: 250px; padding-right: 5px; overflow: auto;}
.steve {width: 560px; padding: 1px solid #cecece; }
.stevea {height: 120px; width: 560px;}
.steveb {position: relative; top: -100px; margin-bottom: -222px;}
.stevec {width: 160px; padding: 10px; margin-left: 10px; background-color: #fff; border: 1px solid #cecece;}
.steved {width: 510px; padding: 10px 25px 8px 25px; border-top: 107px solid #fff;  background-color: #fff; height: 250px;}
.stevee {padding-top: 5px; padding-bottom: 5px; text-align: center; line-height: 100%; width: 560px; color: #fff;} .stevee m {font-size: 15px; font-family: cuprum; font-weight: bold; text-transform: lowercase; font-style: italic;}


/* -------------------------- АНКЕТА ---------------------------*/

.fon {
    width: 695px;
    height: 650px;
    background: url(http://i.imgur.com/649UQH9.png) top center no-repeat, url(http://i.imgur.com/7pX8vDq.png) bottom center no-repeat, url(http://i.imgur.com/tEFVRGI.png) repeat-y;
    padding-bottom: 145px;
    }
.fio {
    position: absolute;
    width: 570px;
    height: 30px;
    font: 32px bebas neue;
    text-align: center;
    margin-left: 66px!important;
    margin-top: 61px!important;
    letter-spacing: 1px;
    color: #797c05;
    text-shadow: 1px 1px 0px #fefefe;
    }
.vneha {
    position: absolute;
    width: 550px;
    height: 13px;
    font: 12px minion pro;
    text-align: center;
    margin-left: 79px!important;
    margin-top: 107px!important;
    color: #a9a034;
    letter-spacing: 5px;
    }
.boxd {
    position: absolute;
    width: 244px;
    height: 139px;
    margin-left: 352px!important;
    margin-top: 159px!important;
    font: italic 12px cuprum;
    text-align: left;
    padding: 5px;
    background: #ada639;
    }
p.box {
    background: #f6eed4;
    height: auto;
    padding: 3px 3px 3px 5px !important;
    margin-bottom: -8px!important;
    width: 250px;
    line-height: 9pt !important;
    margin-left: -6px !important;
    word-break: break-word;
    }
p.box::-webkit-scrollbar {width: 0px; height: 0px;}

.foto {
    position: absolute;
    width: 245px;
    height: 150px;
    margin-left: 90px!important;
    margin-top: 158px!important;
    border-bottom: inset 11px #ada639;
    border-radius: 0 0 34% 12%;
    }
.infoa {
    position: absolute;
    width: 508px;
    height: 307px;
    margin-left: 69px!important;
    margin-top: 337px!important;
    font: 11px verdana;
    text-align: justify;
    background: #fbf8f0;
    padding: 14px 10px 10px 10px;
    overflow-y: auto;
    border: 3px solid #ada639!important;
    /* border-right: 1px outset #8adbe2; */
    border-radius: 10px;
    }

.infoa::-webkit-scrollbar {width: 2px; height: 2px;}
.infoa::first-letter {font: bold 30px Delius!important; margin: 10px 5px 10px 10px; line-height: 10pt !important}



/* -------------------------- ШАБЛОН СОО / КОНКУРСА---------------------------*/

.punbb a {color: #aebaa6;}

.border {
    width: 694px;
    height: auto;
    margin-top: 1px !important;
    padding: 52px 0px 50px 39px;
    background: url(http://i.imgur.com/N3Z2Br6.png) top center no-repeat, url(http://i.imgur.com/5OsBkgF.png) bottom center no-repeat, url(http://i.imgur.com/bE2Cj5h.png) repeat-y;
    color: #291205;
    }

.layla-background {
    width: 520px;
    height: auto;
    margin-left: -46px !important;
    padding: 10px;
    padding-bottom: 72px !important;
}
.layla-title {
    font: bold 39px Cuprum;
    text-transform: lowercase;
    line-height: 95%;
    text-align: center;
    color: #ac6e5f;
    margin-top: 9px!important;
    padding-top: 0px!important;
    text-shadow: 1px 1px 0px #fbfbfb;
    padding-bottom: 2px!important;
}
.layla-subtitle {
    font: 12px arial;
    letter-spacing: 2px;
    text-transform: lowercase;
    text-align: center;
    line-height: 100%;
    color: #ac6e5f;
    padding-bottom: 12px;
    margin-top: 50px!important;
}
.layla-content6 {
    width: auto;
    text-align: justify !important;
    color: #291205;
    padding: 9px 19px 2px 3px!important;
    margin-top: 5px!important;
    margin-bottom: 11px!important;
}

.layla-content6 img { 
    max-width: 500px !important;
    text-align: center !important;
    margin-bottom: 10px !important;}


/* Шаблоны принятия (СТАРЫЙ)
-------------------------------------------------------------*/
.abt {  font-family: courier new; font-size: 17px; padding-top: 20px; padding-right: 15px; text-align: right; color: #FFF; border-bottom: 1px solid #FFF;     line-height: 33px; }
.abcc {  float: left; width: 100px; height: 100px; border: 9px solid #fefefe; margin-top: 10px; margin-left: -5px!important;}
.watislife { padding: 10px 0px; font-family: 'Oswald', bebas neue; font-weight: 700; text-transform: uppercase;  line-height: 95%;  font-size: 24px; text-align: center; line-height: 100%; color: #fefefe; font-style: bold; }
.babehdunhurtmee {  width: 410px; background: url(http://forumfiles.ru/files/0015/76/dc/28618.png); padding: 12px 12px 0px 12px; border: 3px double #EDEDED;}
.bcuz {padding: 20px; vertical-align: top;}
.butifu {width: 264px; background-color: #FFF; font-family: arial; font-size: 10px; text-align: justify; padding: 10px; margin: -6px;}

/* Шаблоны принятия
-------------------------------------------------------------*/
.prinyatiebg {
width: 500px;
    height: 354px;
    background: url(http://i.imgur.com/QfGhdMU.png);
    padding: 12px 12px 0px 12px;
    border: 9px solid #838c1e;
    background-color: #eee8db;
    border-bottom: inset 19px #838c1e;
    border-radius: 0 0 21% 0%;
    }

.prinyatieh1 {
    padding: 14px 0px 8px 0px!important;
    font: 40px bebas neue;
    text-transform: lowercase;
    text-align: center;
    line-height: 100%;
    color: #dee582;
    text-shadow: 1px 1px 0 #272b00;
    background-color: #acb546;
    background: linear-gradient(to top, #838c1e, #b5be4f);
    border-radius: 25px;
    }

.fotoams {width: 100px;
    height: 100px;
    border: 9px solid #aeb748;
    margin-left: 15px!important;}

.prinyatiebox {width: 317px;
    height: 87px;
    background-color: #f3eddc;
    font: 11px cuprum;
    text-align: justify;
    padding: 10px 10px 15px 10px!important;
    margin-left: -5px!important;
    border: 3px solid #939d2e;
    border-bottom: inset 5px #939d2e;
    border-radius: 0 0 32% 0%;
}

.prinyatielinks  {
    width: 500px;
    height: 98px;
    font: 12px arial;
    padding: 0px 5px 4px 0px;
    margin-top: -11px!important;
    margin-left: -1px!important;}

.prinyatielinks a  {font: 7px arial black !important;
    text-transform: uppercase;
    background: #f3eddc;
    display: block;
    border-radius: 13px;
    border: 2px solid #acb546;
    margin-top: 7px;
    padding: 4px 4px 5px 4px!important;
    width: 142px;
    text-align: center;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;}

.prinyatielinks a:hover  {color: #000 !important;background: #dee582;}

.prinyatietbox  {
    width: 475px;
    padding: 12px 12px 0px 12px!important;
    margin-top: -9px!important;}

.prinyatieth2  {
    font: 16px bebas neue;
    padding-bottom: 5px;
    background: #f6b531;
    background: linear-gradient(to top, #838c1e, #c3cc4e);
    padding: 2px 0px 0px 0px!important;
    border-radius: 230px 230px 0 0;
    position: relative;
    text-align: center;
    width: 240px;
    margin-left: 5px!important;
    margin-top: 46px!important;
    z-index: 0;
    }

.prinyatieteam {font: italic bold 51px cuprum;border-radius: 100px 100px 0 0;text-shadow: 1px 1px 0 white;text-align: center;margin-top: -67px!important;z-index: 10;position: relative;}


/* Холодос
-------------------------------------------------------------*/
.hol {margin-left: 30px!important;}
.hol ::-webkit-scrollbar {width:3px; height:3px;} 
.hol1 {width: 838px; height: 960px; margin-left: 4px; margin-bottom: 0px; margin-top: -25px;}
.hol2 {position: absolute; margin-left: 449px!important; margin-top: 124px!important; border: 1px solid #fff; padding: 5px; width: 131px; height: 131px;}
.hol3 {position: absolute; font: 108px Yanone Kaffeesatz; color: #fff; margin-left: 592px!important; margin-top: 111px!important;}
.hol4 {position: absolute; font: 13px bebas neue; margin-left: 605px!important; margin-top: 175px!important; height: 87px; width: 153px; text-align: justify; overflow-y: auto; padding-right: 2px; line-height: 120%; text-shadow: #fff 1px 1px 0px;}
.hol5 {position: absolute; font: 26px lobster; margin-left: 460px!important; margin-top: 360px!important; height: auto; width: 292px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol6 {position: absolute; font: 11px arial; letter-spacing: 1px; margin-left: 460px!important; margin-top: 385px!important; height: auto; width: 292px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol7 {position: absolute; font: 11px arial; letter-spacing: 1px; margin-left: 460px!important; margin-top: 405px!important; height: 255px; overflow-y: auto; width: 282px; text-align: justify; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 150%; padding: 0px 5px;}
.hol8 {font-size: 10px; text-align: center;}
.hol9 {position: absolute; margin-left: 94px!important; margin-top: 145px!important; height: 140px; width: 262px; text-align: center;}
.hol10 {width: 175px; height: 140px; overflow-y: scroll; overflow-x: hidden; margin-top: -11px!important;}
.hol11 {font: 40px lobster; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%; margin-top: -11px!important;}
.hol12 {font: 11px arial; letter-spacing: 1px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol13 {position: absolute; width: 293px; height: 76px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-left: 459px!important; margin-top: 670px!important;;}
.hol14 {position: absolute; width: 293px; height: 76px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin-left: 459px!important; margin-top: 750px!important;}
.hol {margin-left: 30px!important;}
.hol ::-webkit-scrollbar {width:3px; height:3px;} 
.hol1 {width: 838px; height: 960px; margin-left: 4px; margin-bottom: 0px; margin-top: -25px;}
.hol2 {position: absolute; margin-left: 449px!important; margin-top: 124px!important; border: 1px solid #fff; padding: 5px; width: 131px; height: 131px;}
.hol3 {position: absolute; font: 108px Yanone Kaffeesatz; color: #fff; margin-left: 592px!important; margin-top: 111px!important;}
.hol4 {position: absolute; font: 13px bebas neue; margin-left: 605px!important; margin-top: 175px!important; height: 87px; width: 153px; text-align: justify; overflow-y: auto; padding-right: 2px; line-height: 120%; text-shadow: #fff 1px 1px 0px;}
.hol5 {position: absolute; font: 26px lobster; margin-left: 460px!important; margin-top: 360px!important; height: auto; width: 292px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol6 {position: absolute; font: 11px arial; letter-spacing: 1px; margin-left: 460px!important; margin-top: 385px!important; height: auto; width: 292px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol7 {position: absolute; font: 11px arial; letter-spacing: 1px; margin-left: 460px!important; margin-top: 405px!important; height: 255px; overflow-y: auto; width: 282px; text-align: justify; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 150%; padding: 0px 5px;}
.hol8 {font-size: 10px; text-align: center;}
.hol9 {position: absolute; margin-left: 94px!important; margin-top: 145px!important; height: 140px; width: 262px; text-align: center;}
.hol10 {width: 175px; height: 140px; overflow-y: scroll; overflow-x: none; margin-top: -11px!important;}
.hol11 {font: 40px lobster; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%; margin-top: -11px!important;}
.hol12 {font: 11px arial; letter-spacing: 1px; text-align: center; text-shadow: #fff 1px 1px 0px; text-transform: lowercase; line-height: 95%;}
.hol13 {position: absolute; width: 293px; height: 76px; overflow-x: auto; overflow-y: none; white-space: nowrap; margin-left: 459px!important; margin-top: 670px!important;;}
.hol14 {position: absolute; width: 293px; height: 76px; overflow-x: auto; overflow-y: none; white-space: nowrap; margin-left: 459px!important; margin-top: 750px!important;}
.hren {position: absolute; width: 301px; height: 587px; margin-left: 90px!important; margin-top: 304px!important; overflow-x: hidden; overflow-y: auto; }
.polka1 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 45px!important;}
.hol15 {position: absolute; width: 276px; height: 75px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 10px!important; padding: 0px 3px;}
.polka2 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 120px!important;}
.hol16 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 85px!important; padding: 0px 3px;}
.polka3 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 195px!important;}
.hol17 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 160px!important; padding: 0px 3px;}
.polka4 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 270px!important;}
.hol18 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 235px!important; padding: 0px 3px;}
.polka5 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 345px!important;}
.hol19 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 310px!important; padding: 0px 3px;}
.polka6 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 420px!important;}
.hol20 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 385px!important; padding: 0px 3px;}
.polka7 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 500px!important;}
.hol21 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 460px!important; padding: 0px 3px;}
.polka8 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 575px!important;}
.hol22 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 535px!important; padding: 0px 3px;}
.polka9 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 650px!important;}
.hol23 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: nhidden; white-space: nowrap; margin-left: 0px!important; margin-top: 610px!important; padding: 0px 3px;}
.polka10 {background: url(http://i.imgur.com/ByNCdn0.png); position: absolute; width: 295px; height: 75px; margin-left: 0px!important; margin-top: 725px!important;}
.hol24 {position: absolute; width: 276px; height: 62px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-left: 0px!important; margin-top: 685px!important; padding: 0px 3px;}

.te1 {background: url(http://i.imgur.com/eGCUgZ1.png);} .te2 {color: #a19476;}
.be1 {background: url(http://i.imgur.com/y23iUxy.png);} .be2 {color: #ba8700;}
.ab1 {background: url(http://i.imgur.com/rRY6oaD.png);} .ab2 {color: #648706;}
.wh1 {background: url(http://i.imgur.com/Bfw24jz.png);} .wh2 {color: #a24007;}
.ru1 {background: url(http://i.imgur.com/36fi6fo.png);} .ru2 {color: #5a1500;}
.wi1 {background: url(http://i.imgur.com/IbEnvcO.png);} .wi2 {color: #910b12;}
.vo1 {background: url(http://i.imgur.com/upYsC49.png);} .vo2 {color: #164ba6;}

.shipwrecked { position: relative;  width: 900px; height: 1050px; }
.allyouever { float: left; }
.allyouever label { display: block; width: 155px; padding: 2px 7px; position: relative; top: 10px; left: 275px; background-color: #eb9400; color: #fff; font-size: 14px; text-transform: lowercase; font-family: cuprum; text-shadow: 1px 1px 0px #924008; font-style: italic; border-radius: 20px;}
.allyouever [type=radio] { display: none;  width: 160px; }
.didwaswreckme { position: absolute; left: 0px; top: 55px; right: 0px; bottom: 0px; height: 1050px; width: 900px; background: url(http://i.imgur.com/erMj442.png); background-repeat: repeat;} 
.allyouever [type=radio]:checked ~ label { background-color: #c2550b; color: #ECF1F2; z-index: 2;}
.allyouever [type=radio]:checked ~ label ~ .didwaswreckme { z-index: 1; }

.bar {height: 600px; width: 900px; background: url(http://i.imgur.com/f9BuDgf.png);}
.kisse { width: 880px; height: 230px; overflow-y: hidden; overflow-x: auto; padding-top: 30px; }
.bar1 {position: absolute; width: 740px; height: 60px; margin-left: 25px!important; margin-top: 55px!important; word-spacing: 5px;}
.bar2 {position: absolute; width: 600px; height: 60px; margin-left: 135px!important; margin-top: 130px!important; word-spacing: 5px;}
.bar3 {position: absolute; width: 200px; margin-left: 108px!important; margin-top: 237px!important;}
.bar4 {position: absolute; width: 200px; margin-left: 128px!important; margin-top: 280px!important;}
.bar5 {position: absolute; width: 200px; margin-left: 90px!important; margin-top: 313px!important;}
.bar6 {position: absolute; width: 200px; margin-left: 548px!important; margin-top: 238px!important;}
.bar7 {position: absolute; width: 200px; margin-left: 570px!important; margin-top: 277px!important;}
.bar8 {position: absolute; width: 200px; margin-left: 590px!important; margin-top: 312px!important;}


.kisseu {  opacity: 0; width: 150px; height: 200px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.kisseuu {  width: 150px; height: 200px; }
.kisseu:hover { opacity: 3; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.kisseua { width: 100px; padding: 2px; font: 18px nautilus pompilius; color: #fff; text-align: center; text-shadow: 1px 1px 0px #000; margin-bottom: -2px; }
.kisseub { width: 120px; height: 145px; padding: 5px; font: 9px verdana;  letter-spacing: 0px; color: #fff; text-align: justify; text-transform: lowercase; overflow: auto; line-height: 130%; text-shadow: 1px 1px 0px #000; border-top: 1px dashed #fff;}


/* автомат
-------------------------------------------------------------*/
.aback {width: 900px; height: 671px; background: url(http://i.imgur.com/dpbBY9N.png);}
.location1 { position: absolute; margin-top: 467px!important; margin-left: 599px!important; }
#kryshka1 { width: 227px; height: 100px; overflow: hidden;  padding: 0px!important; margin: 0px!important; }
#kryshka1 .poehala1 { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: relative; left: 0px; bottom: 91px!important; }
#kryshka1:hover .poehala1 { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; bottom: 188px!important; }
.butylki {margin-left: 0px!important;  width: 227px; height: 65px; overflow-x: auto; overflow-y: hidden; display: block; white-space: nowrap;  word-spacing: 5px;}
.butylki::-webkit-scrollbar {width: 0px; height: 0px;} 

.plashki { position: absolute; margin-left: 79px!important; margin-top: 90px!important; width: 220px; height: 74px; overflow-y: auto; overflow-x: hidden; }
.plashki::-webkit-scrollbar {width: 3px; height: 0px;} 
.plashki::-webkit-scrollbar-track { background: #6e6e6e; } 
.plashki::-webkit-scrollbar-thumb { background: #585858;}

.zakuskanorm { position: absolute; margin-left: 90px!important; margin-top: 184px!important; width: 216px!important; height: 55px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.zakuskanorm::-webkit-scrollbar {width: 0px; height: 3px;} 
.zakuskanorm::-webkit-scrollbar-track { background: #6e6e6e; } 
.zakuskanorm::-webkit-scrollbar-thumb { background: #585858;}

.zakuskanenorm { position: absolute; margin-left: 90px!important; margin-top: 255px!important; width: 202px; height: 55px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.zakuskanenorm::-webkit-scrollbar {width: 0px; height: 3px;} 
.zakuskanenorm::-webkit-scrollbar-track { background: #6e6e6e; } 
.zakuskanenorm::-webkit-scrollbar-thumb { background: #585858;}

.sims { position: absolute; margin-left: 82px!important; margin-top: 320px!important; width: 220px; height: 240px; overflow-x: hidden; overflow-y: auto;}
.sims::-webkit-scrollbar {width: 3px; height: 0px;} 
.sims::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims::-webkit-scrollbar-thumb { background: #585858;}
.polkasims1 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 50px!important; }
.sims1 { position: absolute; margin-left: 0px!important; margin-top: 0px!important; width: 222px; height: 72px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims1::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims1::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims1::-webkit-scrollbar-thumb { background: #585858;}
.polkasims2 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 122px!important; }
.sims2 { position: absolute; margin-left: 0px!important; margin-top: 80px!important; width: 222px; height: 65px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims2::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims2::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims2::-webkit-scrollbar-thumb { background: #585858;}
.polkasims3 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 189px!important; }
.sims3 { position: absolute; margin-left: 0px!important; margin-top: 150px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims3::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims3::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims3::-webkit-scrollbar-thumb { background: #585858;}
.polkasims4 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 261px!important; }
.sims4 { position: absolute; margin-left: 0px!important; margin-top: 220px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims4::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims4::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims4::-webkit-scrollbar-thumb { background: #585858;}
.polkasims5 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 333px!important; }
.sims5 { position: absolute; margin-left: 0px!important; margin-top: 290px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims5::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims5::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims5::-webkit-scrollbar-thumb { background: #585858;}
.polkasims6 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 405px!important; }
.sims6 { position: absolute; margin-left: 0px!important; margin-top: 360px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims6::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims6::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims6::-webkit-scrollbar-thumb { background: #585858;}
.polkasims7 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 477px!important; }
.sims7 { position: absolute; margin-left: 0px!important; margin-top: 430px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims7::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims7::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims7::-webkit-scrollbar-thumb { background: #585858;}
.polkasims8 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 549px!important; }
.sims8 { position: absolute; margin-left: 0px!important; margin-top: 500px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims8::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims8::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims8::-webkit-scrollbar-thumb { background: #585858;}
.polkasims9 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 621px!important; }
.sims9 { position: absolute; margin-left: 0px!important; margin-top: 575px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims9::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims9::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims9::-webkit-scrollbar-thumb { background: #585858;}
.polkasims10 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 693px!important; }
.sims10 { position: absolute; margin-left: 0px!important; margin-top: 648px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims10::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims10::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims10::-webkit-scrollbar-thumb { background: #585858;}
.polkasims11 { background: url(http://i.imgur.com/rwcqKJG.png); position: absolute; width: 231px; height: 20px; margin-left: 0px!important; margin-top: 765px!important; }
.sims11 { position: absolute; margin-left: 0px!important; margin-top: 720px!important; width: 222px; height: 60px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.sims11::-webkit-scrollbar {width: 0px; height: 3px;} 
.sims11::-webkit-scrollbar-track { background: #6e6e6e; } 
.sims11::-webkit-scrollbar-thumb { background: #585858;}

.pobeda { position: absolute; margin-left: 589px!important; margin-top: 75px!important; width: 227px; height: 160px; overflow-y: auto; overflow-x: hidden; }
.pobeda::-webkit-scrollbar {width: 3px; height: 0px;} 
.pobeda::-webkit-scrollbar-track { background: #6e6e6e; } 
.pobeda::-webkit-scrollbar-thumb { background: #585858;}

.konkursy { position: absolute; margin-left: 597px!important; margin-top: 260px!important; width: 215px; height: 80px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: left;}
.konkursy::-webkit-scrollbar {width: 0px; height: 3px;} 
.konkursy::-webkit-scrollbar-track { background: #6e6e6e; } 
.konkursy::-webkit-scrollbar-thumb { background: #585858;}

.litrbol { position: absolute; margin-left: 597px!important; margin-top: 345px!important; width: 215px; height: 75px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: left;}
.litrbol::-webkit-scrollbar {width: 0px; height: 3px;} 
.litrbol::-webkit-scrollbar-track { background: #6e6e6e; } 
.litrbol::-webkit-scrollbar-thumb { background: #585858;}

.tarakan {background: url(http://i.imgur.com/plR6YfI.png); display: block; width: 47px; height: 47px; opacity: 0; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.tarakan:hover {background: url(http://i.imgur.com/q1i0y8C.png); opacity: 3; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.probka {position: absolute; display: block; width: 47px; height: 47px; opacity: 1;}

.litry1 { position: absolute; margin-left: 307px!important; margin-top: 296px!important; width: 220px; height: 75px; text-align: center; text-shadow: #0a05011px 1px 0px; text-transform: uppercase; line-height: 95%;  font: 13px cuprum; font-style: italic; color: #e1e5e5;}

.litry2 { position: absolute; margin-left: 307px!important; margin-top: 340px!important; width: 220px; height: 75px; text-align: center; text-shadow: #0a05011px 1px 0px; text-transform: lowercase; line-height: 95%;  font: 11px cuprum; font-style: italic; color: #e1e5e5;}

.litry3 { position: absolute; margin-left: 305px!important; margin-top: 305px!important; width: 220px; height: 75px; text-align: center; text-shadow: #0a05011px 1px 0px; text-transform: lowercase; line-height: 95%;  font: 34px cuprum; font-style: italic; color: #e1e5e5;}


/* My Jump
-------------------------------------------------------------*/
.mj1 {width: 502px; text-align: center; border-radius: 6px 6px 0px 0px; padding: 2px 0px 10px 0px; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(32%, rgba(245,245,245,1)), color-stop(85%, rgba(214,214,214,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );}
.mj2 {font-family: 'Montserrat Alternates'; font-size: 40px; line-height: 100%; color: #383838; text-transform: lowercase; letter-spacing: -3px;}
.mj3 {width: 500px; height: 250px; border: 1px solid #d3d3d3; border-bottom: none;}
.mj4 {margin-top: -204px; text-align: center;}
.mj5 {font-family:arial; font-size:18px; color:#fff; padding-top: 4px; text-shadow: 1px 1px 0px #808080;}
.mj6 {font-family:arial; font-size:14px; color:#fff; text-shadow: 1px 1px 0px #808080;}
.mj7 {font-family:arial; font-size:11px; color:#fff; line-height: 160%; max-height: 60px; padding: 5px 10px 0px 10px; overflow-y: auto; text-shadow: 1px 1px 0px #808080;}
.mj8 {margin-top: 40px; background: #fff; text-align: center; width: 500px; height: auto; border: 1px solid #d3d3d3; border-bottom: none; border-top: none;}
.mj9 {font-family:arial; font-size:13px;color:#0c0c0c;}
.mj10 {font-family:arial; font-size:8px; color:#0c0c0c; opacity: .3;}
.mj11 {border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; background:#f1f1f1; padding:5px 3px; float:right;}
.mj12 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a7d005; background: rgba(213,230,145,1);
background: -moz-linear-gradient(top, rgba(213,230,145,1) 0%, rgba(186,214,76,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,230,145,1)), color-stop(100%, rgba(186,214,76,1)));
background: -webkit-linear-gradient(top, rgba(213,230,145,1) 0%, rgba(186,214,76,1) 100%);
background: -o-linear-gradient(top, rgba(213,230,145,1) 0%, rgba(186,214,76,1) 100%);
background: -ms-linear-gradient(top, rgba(213,230,145,1) 0%, rgba(186,214,76,1) 100%);
background: linear-gradient(to bottom, rgba(213,230,145,1) 0%, rgba(186,214,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e691', endColorstr='#bad64c', GradientType=0 ); padding:5px 5px; font-family:arial; font-size:10px; color:#fff; text-shadow: 1px 1px 0px #9bc005;}
.mj13 {width: 502px; text-align: center; margin-top: -9px; border-radius: 0px 0px 6px 6px; height: 20px; background: rgba(219,219,219,1);
background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(219,219,219,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ebebeb', GradientType=0 );}
.mpj1 {width: 522px; text-align: center; border-radius: 6px 6px 0px 0px; padding: 4px 0px 6px 0px; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(32%, rgba(245,245,245,1)), color-stop(85%, rgba(214,214,214,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );}
.mpj2 {font-family: 'Montserrat Alternates'; font-size: 30px; line-height: 100%; color: #383838; text-transform: lowercase; letter-spacing: -3px;}
.mpj3 {background: #fff; border-radius: 0px 0px 6px 6px; border: 1px solid #d3d3d3; border-top: none; height: auto; width: 490px; text-align: center; padding: 5px 15px 15px 15px;}
.mpj4 {font-family:arial; font-size:11px; font-weight: bold;}
.mpj5 {font-family:arial; font-size:10px; color:#0c0c0c; opacity: .6;}
.mpj6 {font-family:arial; font-size:9px; color:#0c0c0c; opacity: .6; text-align: right;}
.mpj7 {text-align: justify; font-family:arial; padding-top: 4px; line-height: 140%;}
.mpj8 {color: #87a707;}
.mjf1 {width: 502px; text-align: center; border-radius: 6px 6px 0px 0px; padding: 4px 0px 6px 0px; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(32%, rgba(245,245,245,1)), color-stop(85%, rgba(214,214,214,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 32%, rgba(214,214,214,1) 85%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );}
.mjf2 {font-family: 'Montserrat Alternates'; font-size: 24px; line-height: 100%; color: #383838; text-transform: lowercase; letter-spacing: -2px;}
.mjf3 {background: #fff; border-radius: 0px 0px 6px 6px; border: 1px solid #d3d3d3; border-top: none; height: auto; width: 470px; text-align: center; padding: 10px 15px 12px 15px;}
.mjf4 {font-family:arial; color: #728f00; font-weight: bold;}


/* Отношения и хронология НОВЫЕ
-------------------------------------------------------------*/
.back {width: 180px; height: 220px; position: relative; background-color: #aebaa6; box-shadow: 0 0 30px #e7e7e7 inset; border: 2px solid #f1f0f9; padding: 10px 10px 10px 10px ; border-radius: 5px;}
.id {position: relative; background-size: cover; width: 170px; height: 90px;  border-radius: 10px; border: 2px solid #f1f0f9;}
.opis  {width: 170px; height: 70px; overflow: auto; padding: 3px; font-family: tahoma; font-size: 10px; letter-spacing: 0px; text-align: justify; line-height: 100%; color: #52613e; position: relative; }
.name1 {position: relative; font-family: Trebuchet Ms; text-transorm: uppercase; font-size: 22px; letter-spacing: 3px; text-align: center; color: #52613e; text-shadow: 1px 1px #e7e7e7; }

.opis::-webkit-scrollbar {width: 3px;} 
.opis::-webkit-scrollbar-track { background: #ccd2d5; } 
.opis::-webkit-scrollbar-thumb { background: #314f8c;}

.back2 {width: 180px; height: 170px; position: relative; background-color: #aebaa6; box-shadow: 0 0 30px #e7e7e7 inset; border: 2px solid #f1f0f9; padding: 15px 15px 15px 15px; border-radius: 5px; }
.opis2  {width: 170px; height: 60px; overflow: auto; padding: 3px; font-family: tahoma; font-size: 8px; letter-spacing: 2px; text-align: justify; line-height: 100%; color: #52613e; position: relative; }
.tegi {margin-left: 35px; font-family: Courier New; text-transform: lowercase; font-size: 9px; width: 170px; height: 70px; position: relative; text-align: left; color: #48230b; line-height: 1.5; }
.name12 {position: relative; font-family: Trebuchet Ms; text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #52613e; text-shadow: 1px 1px #e7e7e7; height: 35px;}

.opis2::-webkit-scrollbar {width: 3px;} 
.opis2::-webkit-scrollbar-track { background: #ccd2d5; } 
.opis2::-webkit-scrollbar-thumb { background: #314f8c;}


/* шаблон нужных БАБЫ
-------------------------------------------------------------*/

#aghhhh11 { width: 520px; background: #e6dada; margin: 10px!important auto; padding: 10px!important; text-align: justify; font: 11px verdana; color: #48230b; position: relative; }
#aghhhh11:before { width: 0; height: 0; border-left: 100px solid #c8a5a5; border-bottom: 140px solid transparent; content: ""; position: absolute; top: 0!important; left: 0!important; }
#aghhhh11:after { width: 0; height: 0; border-right: 100px solid #c8a5a5; border-top: 140px solid transparent; content: ""; position: absolute; bottom: 0!important; right: 0!important; }
#aghhhh21 {position: relative; z-index: 3; background-size: cover;  width: 150px; height: 150px; background-color: #c8a5a5; border: 10px solid #e6dada; padding: 10px!important; outline: 3px double #c8a5a5; }
#aghhhh31 { width: 170px; height: 200px; position: relative; z-index: 3; background: #e6dada; padding: 10px!important; outline: 3px double #c8a5a5; text-align: center; text-shadow: 1px 1px #fff; overflow: auto;}
#aghhhh41 { width: 300px; height: 500px; margin-left: 200px!important; margin-top: -410px!important; position: relative; z-index: 3; background: #e6dada; padding: 10px!important; outline: 3px double #c8a5a5; }
.wait1 {width: 300px; background-color: #c8a5a5; color: #fff; font-size: 13px; text-transform: uppercase; font-family: 'Trebuchet Ms'; line-height: 100%; padding-top: 10px!important; padding-bottom: 10px!important; text-align: center; letter-spacing: 2px; margin-bottom: 10px!important; font-weight: bold;     text-shadow: 1px 1px #48230b; }
.aaaaa1 { width: 300px; height: 440px; overflow: auto; z-index: 3; padding: 0 5px 0 0; }
#aghhhh31 b { color: #b78686; font: 12px/100% Trebuchet Ms; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }

#aghhhh31::-webkit-scrollbar {width: 5px;} 
#aghhhh31::-webkit-scrollbar-track { background: #e6dada; } 
#aghhhh31::-webkit-scrollbar-thumb { background: #c8a5a5;}


.aaaaa1::-webkit-scrollbar {width: 5px;} 
.aaaaa1::-webkit-scrollbar-track { background: #e6dada; } 
.aaaaa1::-webkit-scrollbar-thumb { background: #c8a5a5;}


/* шаблон нужных МУЖИКИ
-------------------------------------------------------------*/
#aghhhh1 { width: 520px; background: #e9eff2; margin: 10px auto; padding: 10px!important; text-align: justify; font: 11px verdana; color: #48230b; position: relative; }
#aghhhh1:before { width: 0; height: 0; border-left: 100px solid #b9bbc8; border-bottom: 140px solid transparent; content: ""; position: absolute; top: 0!important; left: 0!important; }
#aghhhh1:after { width: 0; height: 0; border-right: 100px solid #b9bbc8; border-top: 140px solid transparent; content: ""; position: absolute; bottom: 0!important; right: 0!important; }
#aghhhh2 { position: relative; z-index: 3; background-size: cover; width: 150px; height: 150px;  background-color: #b9bbc8; border: 10px solid #edf3f6; padding: 10px!important; outline: 3px double #b9bbc8; }
#aghhhh3 { width: 170px; height: 200px; position: relative; z-index: 3; background: #edf3f6; padding: 10px!important; outline: 3px double #b9bbc8; text-align: center; text-shadow: 1px 1px #fff; overflow: auto; }
#aghhhh4 { width: 300px; height: 500px; margin-left: 200px!important; margin-top: -410px!important; position: relative; z-index: 3; background: #edf3f6; padding: 10px!important; outline: 3px double #b9bbc8; }
.wait {width: 300px; background-color: #b9bbc8; color: #fff; font-size: 13px; text-transform: uppercase; font-family: 'Trebuchet Ms'; line-height: 100%; padding-top: 10px!important; padding-bottom: 10px!important; text-align: center; letter-spacing: 2px; margin-bottom: 10px!important; font-weight: bold;     text-shadow: 1px 1px #48230b; }
.aaaaa { width: 300px; height: 440px; overflow: auto; z-index: 3; padding: 0 5px 0 0; }
#aghhhh3 b { color: #868891; font: 12px/100% Trebuchet Ms; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }

.aaaaa::-webkit-scrollbar {width: 5px;} 
.aaaaa::-webkit-scrollbar-track { background: #edf3f6; } 
.aaaaa::-webkit-scrollbar-thumb { background: #b9bbc8;}

#aghhhh3::-webkit-scrollbar {width: 5px;} 
#aghhhh3::-webkit-scrollbar-track { background: #edf3f6; } 
#aghhhh3::-webkit-scrollbar-thumb { background: #b9bbc8;}


/* биржа
-------------------------------------------------------------*/
.knopka1 {width: 515px; height: 750px; }
.knopka label { width: 100px; padding: 5px 5px!important; display: inline-block; letter-spacing: 1px;color: #000000; margin-top: -100px!important; text-transform: uppercase; background-color: #99a286; }
.knopka label:hover { color: #000000; text-transform: uppercase; }
.knopka > div, .knopka > input { display: none; }
.knopka {text-align: center; width: 550px; height: 100px; margin-top: 10px!important; margin-left: -10px!important; }
.knopka input[type="radio"]:checked + label {
background-color: #c5c5c5;
font-weight: bold;
text-transform: uppercase; }
.knopka > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.knopka > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.knopka > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.knopka > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.knopka > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.knopka > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.knopka > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.knopka > input:nth-of-type(8):checked ~ div:nth-of-type(8)

{ display: block; margin-top: 2px!important; margin-left: 20px!important; text-align: justify; line-height: 8px; font-size: 12px; } > input { display: none; }

/* внешности
-------------------------------------------------------------*/

.click label {  display: inline-block; width: 200px; height: 15px; padding-top:3px; margin:5px; background-color: #1ac68e;color: #000000; text-align: center; text-transform: uppercase; font-family: 'Verdana', sans-serif;border-radius:26px; }
.click > div, .click > input { display: none; }
.click {text-align: center;}
.click input[type="radio"]:checked + label {
background-color: #e7be83;
text-transform: uppercase;}
.click > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.click > input:nth-of-type(2):checked ~ div:nth-of-type(2)
{ display: block;  margin-top: 10px; text-align: justify;}



/* Новости
-------------------------------------------------------------*/
.dno {width: 556px; height: 700px; margin-bottom: 50px!important;}
.pleer {width: 278px; height: 10px; margin-left: 278px!important; margin-top: 0px!important; position: absolute; background-color: #b27434; border-radius: 5px 5px 0 0;}
.news {width: 278px;
    height: 30px;
    margin-left: 278px!important;
    margin-top: 10px!important;
    position: absolute;
    background-color: #df613d;
    background: linear-gradient(to top, #b44221, #df613d);
    font-family: cuprum;
    font-size: 22px;
    text-align: center;
    padding-top: 2px!important;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #88331a;}

.photo {width: 554px;
    height: 103px;
    margin-top: 40px!important;
    position: absolute;
    border: 4px solid #838c1e;
    background-color: #f5f2e4;}

.blokmain {width: 536px;
    height: 550px;
    position: absolute;
    margin-top: 146px!important;
    margin-left: 0px!important;
    background-color: #010300;
    padding: 10px!important;
    background-image: url(http://i.imgur.com/UcZWeUr.png);
    border: 3px solid #838c1e;
    border-radius: 0px 0px 20px 20px;}

.bla1 {width: 516px;
    height: 150px;
    margin-top: 0px!important;
    position: absolute;
    padding: 7px;
    overflow-y: auto;
    font-family: VERDANA;
    font-size: 11px;
    text-align: justify;
    color: #3a3e12;
    background: #f4efe1;
    letter-spacing: 1px;
    border: 3px solid #838c1e;
    border-radius: 10px;}

.txt1 {background-color: #838c1e;
    background: linear-gradient(to top, #b4bd4f, #838c1e);
    text-align: center !important;
    padding: 5px 5px 3px 5px;
    font-family: cuprum;
    font-size: 17px;
    color: #d0cf5b;
    text-transform: uppercase;
    margin-bottom: 0px!important;
    margin-top: 6px!important;
    text-shadow: 1px 1px 0px #3e4204;
    border-radius: 10px 10px 0px 0px;}

.txt2 {font-family: VERDANA;
    font-size: 10px;
    text-align: center;
    color: #2d4424;
    letter-spacing: 1px;
    padding: 5px!important;
    overflow-y: auto;}

.box {background-color: #f3eddc;
    padding: 5px;
    overflow-y: auto;
    margin-top: 26px;}

.table {    width: 516px;    height: 340px;    margin-top: 171px!important;    margin-left: 3px!important;    position: absolute;    padding: 10px;}

.citata {width: 300px;
    height: 15px;
    position: absolute;
    margin-left: 150px!important;
    margin-top: 722px!important;
    background-color: #df613d;
    font-family: tahoma;
    background: linear-gradient(to top, #dc5f3b, #af4628);
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    letter-spacing: 3px;}

/*************************************************************
РАЗНОЕ
**************************************************************/
#pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .mini_awards, .title-logo span, li#navawards, #topic-modmenu .container span {
  display: none;
  }

/* Название категорий */
.category h2 span {
  visibility:hidden!important;
  }

.hoverbox a {
  cursor: default;
  }
.hoverbox a .preview {
  display: none;
  }
.hoverbox {
  cursor: default;
  list-style: none;
  }
.hoverbox a:hover .preview {
  display: block;
  position: absolute;
  top: -15px;
  left: -265px;
  z-index: 1;
  }

hr {
  border: none;
    border-top: dashed 1px #1d0c03;
    padding: 5px;
  }

.punbb th {
  background: transparent;
  color: transparent;
  }

.adcontainer {
    border-style: none solid solid solid;
    border-width: 0 1px 1px 1px;
    border-color: #ccc #ccc #aaa #ccc;
    margin-left: 5px !important;
}

.admain {
    padding-left: 15em;
    padding-right: 16px;
    margin-bottom: 1em;
}

#pun-adnav {
    float: left;
    width: 14em;
    margin-left: -16em;
    display: inline;
}


.twit {position: absolute;}
.twit a {
    color: #572714!important;
    text-shadow: rgb(220, 211, 212) /*693f22*/ 1px 1px 0px!important;
    }
.twit::-webkit-scrollbar {width: 4px; height: 4px;}
.twit::-webkit-scrollbar-track {background-color: #9a4d1f;} 
.twit::-webkit-scrollbar-thumb {background-color:#99a909;border-radius: 10px;}
.twit {
  -webkit-transform: rotate(-0deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
}


#form-buttons {margin-left: -12px !important;}
#main-reply {
    width: 100%;
    margin-left: -7px;
}


.gost {display: block;}
.gost a {
   color: #f3b128 !important;
    }

.sss {
    position: absolute;
    margin-left: -63px !important;
    margin-top: 10px  !important;
   -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
}
.sss a {font: bold 10px Minion Cyrillic Italic!important;
 color: #0098be;
    letter-spacing: 1px !important;
    text-transform: uppercase;
text-shadow: #ffffff /*0098be*/ 1px 1px 0px;
}



/* Форма шрифтов, смайлов и тд в форме ответа
-------------------------------------------------------------*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-popup_awards div, #minefonts {
  margin: -1.6em 1.8em 1.4em;
  padding: 10px;
  background: rgba(212, 195, 226, 0.26);
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  box-shadow: inset 0px 0px 8px 0px rgba(153, 144, 118, 0.3), 0px 0px 3px 0px #fefbf6;
  border: none;
    z-index: 999;
  }

/* Закладки
-------------------------------------------------------------*/
#BookmCntToggle {
    position: fixed;
    top: 10px;
    left: 10px;
    background: url(http://i.imgur.com/PHcJJrU.png) 0 -195px no-repeat !important;
    width: 30px;
    height: 30px;
    opacity: .7;
    cursor: pointer;
    transition: .3s ease-out;
}

#MyBookmarks {
    background: rgba(185, 221, 209, 0.81) !important;}

#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    position: relative;
    width: auto;
    z-index: 9999999;
    margin-top: 10px!important;
}


/*StreetLife
------------------------*/
.strlife {background: url(http://i.imgur.com/2fooIxR.png); display: block; width: 55px; height: 48px; opacity: 0; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.strlife:hover {background: url(http://i.imgur.com/G6H75rs.png); opacity: 3; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}



/*pic
------------------------*/
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}