/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/

/* о1. цвет текста на всём форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container 
{background-color: transpanent;
    color: #515252;
}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{ }

/* форма быстрого и расширенного ответа */
.punbb select, .punbb input
{
padding: 3px !important;
    background: #6e9d87;
    box-shadow: 0px 0px 5px #588972 inset;
    border: 1px solid #96b9a8 !important;
    color: #caeadc;
    text-shadow: 1px 1px 0px #588570;
    font-size: 9px !important;
    font-family: 'aleg' !important;
    letter-spacing: 1px;
}


.punbb textarea
{
padding: 10px !important;
    background: #d9dfdd;
    box-shadow: 0px 0px 15px #bcc1bf inset;
    border: 1px solid #d9dfdd !important;
    color: #53605c;
}

body{padding-right:0!important;}

html {
 background-color: #a4c2b6; 
  }



#pun { background-color: #cdd3d1; 
background-image: url(https://i.imgur.com/uYHBJcA.png); 
}

/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

/* о1. скрыть все границы на форуме. */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-style:none !important;
  }

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

/* о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: #365d4e;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #527a6b;
}

/* о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: #915f86;
  }

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
color: #527a6b;
text-decoration: none;
  }

/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #527a6b;
text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transpanent;
color: #915f86;
  }

/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/



/* иконки сообщений */
Div.icon {background-image : url(https://i.imgur.com/Ibg8pKb.png); background-repeat: no-repeat;}
TR.inew Div.icon {background: url(https://i.imgur.com/mMIutD6.png); background-repeat: no-repeat;}



/* регулировка иконки сообщений только на главной странице ----------------------------- */
#pun-index div.icon{
margin-top: -5px;
    padding-left: 145px;
}

/* логотип */
#pun-title table {background-color: transparent;
background-image : url(https://i.imgur.com/mKaVmRn.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 469px;
width : 1144px !important; 
margin-left: -37px;
}


/* футер */
#pun-about p.container {
background-image: url(https://i.imgur.com/nBPm4Vm.png);
background-position: top center;
background-repeat: no-repeat;
height: 255px; 
width : 1144px !important; 
margin-left: -48px;
}

div#html-footer {margin: -100px 0px 0px 0px;} 
div#pun-about {margin-bottom: -100px;}




/* настройки профиля ----------------------------- */

/* статус игрока ----------------------------- */
.pa-title
{
font-size: 8px!important;
    line-height: 9px!important;
    font-family: 'aleg';
    margin-bottom: 5px !important;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 21px !important;
    color: #d9e9e2;
    text-shadow: 1px 1px 0px #5f8875;
    text-transform: uppercase;
}

/* профиль-----------*/
.punbb .post .post-author {
  background:url(https://i.imgur.com/1oVBs8Z.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(https://i.imgur.com/pyZsUsy.png) 0 top no-repeat,url(https://i.imgur.com/iV4zZ7P.png) 0 bottom no-repeat; /*Фон верха - низа*/
    margin: -9px 0 -65px 0!important;
    padding: 7px 0px 25px 0px!important;
}


/* регулировка аватара-----------*/
li.pa-avatar.item2 img {    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 2;}

li.pa-avatar.item2 {
margin-top: 20px;
    background: #5f8a77;
    width: 232px;
    margin-left: 3px;
    box-shadow: 0 0 8px #5f8875;
}


/* блоки сообщения & репутация
-------------------------------------------------------------*/
.pa-posts {
    margin-top: 10px !important;
    line-height: 15px;
    width: 105px;
    display: inline-block;
    background-color: #b08ba8;
    border: 1px solid #b08ba8;
    box-shadow: inset 0 0 3px #9d7494;
    text-align: center;
    color: #f6def0;
    font-size: 8px !important;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #a67f9d;
}

.pa-respect {
  line-height: 15px;
    width: 105px;
    display: inline-block;
    background-color: #b08ba8;
    border: 1px solid #b08ba8;
    box-shadow: inset 0 0 3px #9d7494;
    text-align: center;
    color: #f6def0;
    font-size: 8px !important;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #a67f9d;
}

.pa-respect a {
    color: #f6def0!important;
}



element.style {
}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}
.punbb * {
    margin: 0;
}

li.pa-fld5 {
    margin-top: -15px;
}

li.pa-fld1 {
margin-top: 2px;
    width: 233px;
    background-color: #5f8a77;
    box-shadow: inset 0 0 10px #497260;
    border-top: 1px solid #5f8a77;
    border-bottom: 1px solid #5f8a77;
    margin-left: 3px !important;
}

li.pa-fld3 {
margin-top: 3px;
display: inline-block;
}

.mp {  
    display: inline-block;}

.mon {    
 line-height: 15px;
    width: 105px;
    display: inline-block;
    background-color: #b08ba8;
    border: 1px solid #b08ba8;
    box-shadow: inset 0 0 3px #9d7494;
    text-align: center;
    color: #f6def0;
    font-size: 8px !important;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #a67f9d;
}

.pos { 
margin-left: 2px !important;
line-height: 15px;
    width: 105px;
    /*display: inline-block;*/
    display:none;
    background-color: #b08ba8;
    border: 1px solid #b08ba8;
    box-shadow: inset 0 0 3px #9d7494;
    text-align: center;
    color: #f6def0;
    font-size: 8px !important;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #a67f9d;}

li.pa-fld2 { /*Счетчик постов*/
    margin-top: 3px;
    margin-left: 2px !important;
    line-height: 15px;
    width: 105px;
    display: inline-block;
    background-color: #b08ba8;
    border: 1px solid #b08ba8;
    box-shadow: inset 0 0 3px #9d7494;
    text-align: center;
    color: #f6def0;
    font-size: 8px !important;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #a67f9d;
}

/* личный статус
-------------------------------------------------------------*/

.mm {
padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
}

.ma { text-align: left;
    font-size: 11px;
    text-transform: uppercase;
    color: #b1e0b2;
    font-family: arial;
    letter-spacing: 1.5px;}

.mt {width: 215px;
    padding-top: 5px;
    text-align: justify;
    font-family: 'aleg';
    line-height: 10px;
    font-size: 9px;
    color: #d4f2e5;
    text-shadow: 1px 1px 0px #588370;
    letter-spacing: 1px;}



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

.dorde1 {    width: 370px;
height: 94px !important;
    padding: 0;
background: url(https://i.imgur.com/MmceisK.png) top no-repeat;
    margin-top: -30px !important;}

.dorde2 {
padding-top: 28px;
    text-align: justify;
    width: 350px;
    padding-left: 10px;}

.dte {color: #d9e9e2;
    font-family: arial;
    overflow: auto;
    height: 38px;
    font-size: 9px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #799c8e;
    margin-bottom: 3px !important;}

.tclcon h3 {
width: 350px;
    margin-left: 20px;
    margin-top: 0px;
    text-align: center;
}

.tclcon h3 a {
font-family: 'aleg';
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 33px !important;
    color: #feffff !important;
    text-shadow: 1px 1px 1px #cea1c0;
}



/* скроллбар
-------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #c9b1c3;
    border: 1px solid #a5859d !important;
}
 
::-webkit-scrollbar-thumb {
background: linear-gradient(0deg, rgba(178,147,171,1) 0%, rgba(210,157,198,1) 0%, rgba(157,97,143,1) 100%, rgba(196,164,189,1) 100%);
    border: 1px solid #a5859d!important;
}

.scrollbox {
    height: 9px !important;
}


/* расстояние между подфорумами ----------------------------- */
#pun-index .tcl h3 {
margin-top: 10px !important;}


/* передвинуть рекламу в админке ----------------------------- */
#pun-title TD.title-logo-tdr {
    margin-top: 140px;
    margin-left: 350px;}

.admin-advert-block .admin-advert-block-buttons {margin-top: 20px!important;}

.admin-advert-block {margin-top: 230px !important;}



/* ссылки в таблице
-------------------------------------------------------------*/
.lidetlog { font-family: Century Gothic;
    letter-spacing: 2px;
    color: #a18769 !important;
    font-size: 10px;
    background-color: #e5d8ca;
    padding: 2px 10px 3px 10px;
    border: 1px solid #ebe2d8 !important;
    margin-right: 3px !important;
    box-shadow: inset 0 0 8px #c8b39d;}



/* стрелки
-------------------------------------------------------------*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999;
cursor:pointer;
margin-bottom:60px; 
height:128px; 
}
.go-up {
bottom:225px; /*положение от низа окна браузера верхняя кнопка*/
    margin-left: 1100px !important;
}
.go-down {
bottom:160px; /*положение от низа окна браузера нижняя кнопка кнопка*/
    margin-left: 1100px !important;
}
.go-down:hover,.go-up:hover {
opacity:1;
}




#pun-index #pun-status {
    text-align: center!important;
    margin-top: -50px;
}



#pun-ulinks .item5 {
    display: none!important;
}

#pun-ulinks .item6 {
    display: none!important;
}

#pun-ulinks .item3 {
    display: none!important;
}



.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ff0000;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: none;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}



/* ссылки в подфоруме
-------------------------------------------------------------*/
.linkfo {width: 350px;
    margin-top: 3px !important;
    text-align: center; display: inline;}

.linkforum {
font-size: 8px;
    font-family: 'aleg';
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #c2ccc9;
    color: #ffffff !important;
    border: 1px solid #c2ccc9!important;
    text-shadow: 1px 1px 0px #839d92;
    padding: 2px 7px 1px 7px;
box-shadow: inset 0 0 3px #688e80;
}

.linkforum a {
    color: #3f474c!important;
}



/* оформление аватара на главной 
-------------------------------------------------------------*/

.punbb .forum .hasicon tr {display: block;
    width: 1020px;
    margin: 2px 10px;
    vertical-align: baseline;
}

.punbb .user-avatar .isonline {
    display: none !important;
    background: transparent !important;
}

.punbb .user-avatar {
    margin: 2px 0px 2px -3px!important;
}



/* внутренности в подфоруме
-------------------------------------------------------------*/
tbody.hasicon {
    font-size: 12px;
    font-family: 'aleg';
    letter-spacing: .3px;
    /* text-transform: uppercase; */
}

div.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important;
    padding: 1px 5px 1px 5px;
    background-color: #c1a2b9;
    border: 1px solid #d1b0c8;
    box-shadow: inset 0 0 5px 0px #a5819c;
    color: #f5e0f0;
    text-shadow: 1px 1px 0px #ac85a2;
}



/* улучшение аккаунта
-------------------------------------------------------------*/
span.item4.status-right {
    display: none;
}


/* админка
-------------------------------------------------------------*/
.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
background-color: #507869 !important;
box-shadow: inset 0 0 8px #1d4537;
    border: 1px solid #507869 !important;
    border-radius: 10px;
    color: #97c7b8 !important;
    font-size: 9px;
    font-family: 'aleg';
    border-color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 1px 1px 1px #3d6254;
}

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

div#pun-admain1 {
    margin-left: 20px;
}


/* таблица
-------------------------------------------------------------*/

.rivnews {position: absolute; top: 170px; left: 430px; color: #ffffff; font-size: 8px !important; font-family: 'aleg'; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; width: 204px; height: 40px; overflow: auto; text-align: justify; padding-right: 3px; text-shadow: 1px 1px 1px #638c7a;}

.rivnewsaa {position: absolute; top: 214px; left: 530px; background: #507869; padding: 1px 15px 1px 15px; border-radius: 10px; border: 1px solid #507869; box-shadow: inset 0 0 5px #1d4537; text-align: center; color: #97c7b8; font-family: 'aleg'; letter-spacing: 2px; text-shadow: 1px 1px 1px #245744; font-size: 8px !important;}

.rivnew1 {position: absolute;
    top: 240px;
    left: 435px;
    background: #507869;
    padding: 2px 15px 1px 15px;
    border: 1px solid #507869;
    box-shadow: inset 0 0 5px #1d4537;
    text-align: center;
    color: #97c7b8;
    font-family: 'aleg';
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #245744;
    font-size: 8px !important;
    min-width: 170px;
    max-width: 170px;}

.rivnew2 {position: absolute;
    top: 258px;
    left: 435px;
    background: #507869;
    padding: 2px 15px 1px 15px;
    border: 1px solid #507869;
    box-shadow: inset 0 0 5px #1d4537;
    text-align: center;
    color: #97c7b8;
    font-family: 'aleg';
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #245744;
    font-size: 8px !important;
    min-width: 170px;
    max-width: 170px;}

.amsr11 {
    padding: 2px 4px 3px 4px;
    line-height: 8px;
    background: #d0bdcc;
    border: 1px solid #c9b4c4;
    box-shadow: inset 0 0 5px #aa87a1;}

.amsrivea {color: #feffff !important;
    text-shadow: 1px 1px 1px #ad90a7;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;}

.amsr11gi {padding: 5px 0px 5px 0px;
    background: #547b6c;
    width: 100%;
    box-shadow: inset 0 0 9px #315346;}

.amsrtext {    color: #e3f9f2;
    text-shadow: 1px 1px 0px #648878;
    width: 135px;
    text-align: justify;
    padding: 10px 10px 5px 10px;}

.amsblock {position: absolute;
    top: 278px;
    left: 425px;}

.rivactivtitle {
position: absolute;
top: 342px;
    left: 62px;
    background-image: url(https://i.imgur.com/qqvHMZr.png);
    width: 166px;
    height: 17px;
    text-align: center;}

 .rivactivtitlet   {color: #feffff;
    font-size: 8px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 2px;
padding-top: 4px;
    text-shadow: 1px 1px 0px #cea1c0;
}

.activri {position: absolute;
    top: 365px;
    left: 61px;}

.activritext {    color: #e3f9f2;
    text-shadow: 1px 1px 0px #648878;
    text-align: justify;
    padding: 5px 5px 5px 5px;}

.activritexth2 {  color: #b1e9d7;
    background: #4f7768;
    text-transform: uppercase;
    font-family: monospace;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #648878;
    box-shadow: inset 0 0 5px #38564b;
    text-align: center;
    padding: 5px 5px 5px 5px;}

.rivdouble1 {position: absolute;
    top: 342px;
    left: 250px;}


.rivdouble2 {
position: absolute;
top: 401px;
    left: 250px;
    background-image: url(https://i.imgur.com/qqvHMZr.png);
    width: 166px;
    height: 17px;
    text-align: center;}

 .rivdouble2titlet   {color: #feffff;
    font-size: 8px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 2px;
padding-top: 4px;
    text-shadow: 1px 1px 0px #cea1c0;
}


/* ссылки в таблице
-------------------------------------------------------------*/

.rivlinktablenav1 {
position: absolute;
    top: 342px;
    left: 562px;
    width: 71px;
}

.rivlinktablenav2 {
position: absolute;
    top: 342px;
    left: 638px;
    width: 71px;
}

.rivlinktable {
text-align: center;
padding: 1px 4px 2px 4px;
    line-height: 8px;
    background: #c2ccc9;
    border: 1px solid #b2c0ba;
    box-shadow: inset 0 0 5px #90a39a;
margin-bottom: 5px !important;}


.rivlinktablea {color: #feffff !important;
    text-shadow: 1px 1px 1px #80a997;
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.5px;}

.rivtablenav2 {
position: absolute;
top: 401px;
    left: 562px;
    background-image: url(https://i.imgur.com/1fpoAdk.png);
    width: 147px;
    height: 17px;
    text-align: center;}


/* лучший эпизод
-------------------------------------------------------------*/

.rivepisod11 {
position: absolute;
top: 342px;
    left: 730px;
    background-image: url(https://i.imgur.com/DyiGqHN.png);
    width: 166px;
    height: 17px;
    text-align: center;}

.rivepisod22 {position: absolute;
    top: 365px;
    left: 730px;}

.rivepisodtexth  {color: #feffff;
 font-size: 8px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 2px;
padding-top: 4px;
    text-shadow: 1px 1px 0px #80a997;
}


/* постописцы
-------------------------------------------------------------*/

.revpostopost1 {position: absolute;
    top: 342px;
    left: 916px;}

.revpostopost1text {    color: #feffff;
    text-shadow: 1px 1px 0px #ad90a7;
    text-align: justify;
    padding: 5px 5px 5px 5px;}


.revpostopost123 {
position: absolute;
top: 401px;
    left: 916px;
 background-image: url(https://i.imgur.com/DyiGqHN.png);
    width: 166px;
    height: 17px;
    text-align: center;}


/* подсказки
-------------------------------------------------------------*/
.tooltip {
	position: relative;
display: inline-block;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
    z-index: 1;
	font-style: normal;
	display: block;
	position: absolute;
	left: 0px;
        width: 160px; 
	top: 20px;
 padding: 7px 7px 7px 7px;
text-align: center;
padding: 3px;
    background: #799b8c;
    box-shadow: 0px 0px 9px #56796a inset;
    border: 1px solid #799b8c !important;
    color: #e3f9f2;
    text-shadow: 1px 1px 1px #648878;
line-height: 10px;
padding-bottom: 8px;
 font-family: anony;
}

.tooltip:hover em i {
	position: absolute;
        bottom: -7px;
	right: 5px;
	display: block;
}


/* подсказки 2
-------------------------------------------------------------*/
.tooltip2 {
	position: relative;
display: inline-block;
padding-right: 4px;
	}
.tooltip2 em {
	display: none;
	}
.tooltip2:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	left: 0px;
        width: 160px; 
	top: 60px;
 padding: 7px 7px 7px 7px;
text-align: center;
padding: 3px;
    background: #799b8c;
    box-shadow: 0px 0px 9px #56796a inset;
    border: 1px solid #799b8c !important;
    color: #e3f9f2;
    text-shadow: 1px 1px 1px #648878;
line-height: 10px;
padding-bottom: 8px;
 font-family: anony;
}

.tooltip2:hover em i {
	position: absolute;
        bottom: -7px;
	right: 5px;
	display: block;
}


/* подсказки 3
-------------------------------------------------------------*/
.tooltip3 {
	position: relative;
display: inline-block;
padding-right: 4px;
	}
.tooltip3 em {
	display: none;
	}
.tooltip3:hover em {
    z-index: 1;
	font-style: normal;
	display: block;
	position: absolute;
	left: 0px;
        width: 160px; 
	top: 60px;
 padding: 7px 7px 7px 7px;
text-align: center;
padding: 3px;
    background: #c5b1c3;
    box-shadow: 0px 0px 9px #aa87a1 inset;
    border: 1px solid #c5b1c3 !important;
    color: #feffff;
    text-shadow: 1px 1px 0px #ad90a7;
line-height: 10px;
padding-bottom: 8px;
 font-family: anony;
}

.tooltip3:hover em i {
	position: absolute;
        bottom: -7px;
	right: 5px;
	display: block;
}


/* всплывающая информация лучший дуэт*/

.bestpl {position: absolute;}

 .bestpl1 {width: 166px;
  height: 53px;
  position: relative;
  overflow: hidden;
  margin-left: 2px}

 .bestpl2 {
width: 166px;
    text-align: justify;
    background-color: #547b6c;
    color: #e3f9f2;
    text-shadow: 1px 1px 0px #648878;
    font-size: 9px;
    font-family: aleg;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    position: absolute;
box-shadow: 0px 0px 9px #3c5c4e inset;
    transition: all 0.3s linear 0s;}
  
  .bestpic {width: 166px;
  height: 53px;}

  .bestpl1:hover .bestpl2 {margin-top: -50px;}

.bestpl3 {padding: 5px 5px 5px 5px;
    text-align: justify;}



/* ГОСТЕВАЯ
-------------------------------------------------------------*/

.gb {background: transparent url(https://i.imgur.com/CBkHLfX.png) no-repeat scroll center top;
    width: 661px !important;
    height: 356px!important;
}

.gbh1 {
    position: absolute;
    top: 98px;
    left: 65px;
    font-family: aleg;
    color: #ffffff;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 0px 1px #58806e;
}

.gbtext {
    position: absolute;
    top: 120px;
    left: 55px;
    overflow: auto;
    width: 194px;
    height: 55px;
}

.gbtext1 {
    text-align: justify;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-size: 9px;
    text-shadow: 1px 1px 0px #58806e;
    padding-right: 3px;
}

.gbdata {
    position: absolute;
    top: 180px;
    left: 55px;
    width: 190px;
    background-color: #507869;
    border-radius: 8px;
    border: 1px solid #507869;
    box-shadow: 0 0 7px #1d4537 inset;
    color: #b3ded1;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'aleg';
    text-shadow: 1px 1px 0px #245744;
}

.gbh2 {
    position: absolute;
    top: 200px;
    width: 206px;
    background: #668f7d;
    border-radius: 8px;
    padding: 2px 0px 3px 0px;
    border: 1px solid #6f9886;
    box-shadow: inset 0 0 10px #446a59;
}

.gbh2 {
    color: #d5f4ea;
    font-size: 10px;
    font-family: arial;
    letter-spacing: 0.5px;
    text-align: left;
    padding-left: 5px;
    text-shadow: 1px 1px 0 #5f8373;
}

.gbh3 {
    position: absolute;
    top: 235px;
    background-color: #507869;
    width: 206px;
    border-radius: 8px;
    padding: 2px 0px 2px 0px;
    border: 1px solid #679181;
    box-shadow: inset 0 0 8px #1d4537;
}

.gbh3t {
    color: #b3ded1;
    font-size: 8px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 2px;
    text-align: left;
    padding-left: 10px;
    text-shadow: 1px 1px 0px #245744;
}

.gbh4 {
    position: absolute;
    top: 265px;
    background-color: #507869;
    width: 206px;
    border-radius: 8px;
    padding: 2px 0px 2px 0px;
    border: 1px solid #679181;
    box-shadow: inset 0 0 8px #1d4537;
}

.gbh4t {
    color: #b3ded1;
    font-size: 8px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 2px;
    text-align: left;
    padding-left: 10px;
    text-shadow: 1px 1px 0px #245744;
}

.gbh5 {
position: absolute;
    top: 302px;
    left: 55px;
    width: 155px;
    text-align: left;
    font-size: 8px;
    color: #ffffff;
}


.gbleft {
    position: absolute;
    top: 65px;
    left: 254px;
    width: 215px;
    height: 240px;
overflow: auto;
}

.gbface {
    background: #87ab9c;
    width: 209px;
    margin-bottom: 5px !important;
margin-left: -5px !important;
}

.gbface1 {
    font-size: 11px;
    color: #e4f6f0;
    font-family: 'aleg';
    letter-spacing: 0.5px;
    text-align: left;
    padding-left: 8px;
}

.gbright {
    position: absolute;
    top: 65px;
left: 475px;
    width: 215px;
    height: 240px;
overflow: auto;
}

.gbcopy1 {
    position: absolute;
    top: 315px;
    left: 430px;
}

.gbcopy {
    position: absolute;
    top: 317px;
    left: 280px;
    font-size: 9px;
    color: #fff;
    width: 145px;
    background-color: #598172;
    border-radius: 5px;
    color: #efefef;
    border: 1px solid #507869 !important;
    padding: 2px 0px 2px 0px;
}

input#inputText {
width: 200px !important;
}

#copyText {
    padding: 4px 11px 4px 11px;
    font-size: 8px;
    font-weight: bold;
    background-color: #598172;
    border-radius: 5px;
    color: #efefef;
    border: 1px solid #507869 !important;
}




/* ИНСТАГРАМ
-------------------------------------------------------------*/

.inst {
min-height: 200px;
    width: 650px;
    margin-left: 20px !important;
background: url(http://forumupload.ru/uploads/0017/26/8b/2/838309.png) top no-repeat, url(https://i.imgur.com/RG5wFnb.png) bottom no-repeat, url(http://forumupload.ru/uploads/0017/26/8b/2/456096.png) repeat-y;
}

.instav {position: absolute;
top: 60px;
    left: 90px;
    width: 102px;
    height: 102px;}

.instname  {position: absolute;
    top: 60px;
    left: 230px;
color: #615c5c !important;
    font-size: 16px;
    font-family: Century Gothic;
    letter-spacing: 1px;}

.instnames  {position: absolute;
    top: 135px;
    left: 230px;
color: #413a3a !important;
    font-size: 11px;
    font-family: Tahoma;
    letter-spacing: 1px;}

.instpyb  {position: absolute;
    top: 110px;
    left: 230px;
    color: #615c5c !important;
    font-size: 10px;
    font-family: Tahoma;
    letter-spacing: 0.5px;}

.instpod  {    position: absolute;
    top: 110px;
    left: 340px;
    color: #615c5c !important;
    font-size: 10px;
    font-family: Tahoma;
    letter-spacing: 0.5px;}

.instpod1  {    position: absolute;
    top: 110px;
    left: 460px;
    color: #615c5c !important;
    font-size: 10px;
    font-family: Tahoma;
    letter-spacing: 0.5px;}

.instfoto  {
padding-top: 220px;
    padding-left: 18px;
    padding-bottom: 80px;
}

.fotoin  {
    width: 192px;
    height: 192px;
}


/* ЗАНЯТЫЕ ВНЕШНОСТИ
-------------------------------------------------------------*/
.rivface {   
background: url(https://i.imgur.com/9xeH72F.png) top no-repeat, url(https://i.imgur.com/Id4Tlh0.png) bottom no-repeat, url(https://i.imgur.com/amHRcV1.png) repeat-y;
    width: 666px !important;
}

.facetitle {
    position: absolute;
    top: 45px;
    left: 287px;
    width: 373px;
    color: #f2fffb;
    font-size: 9px;
    font-family: aleg;
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 12px;
}


.rivfaceleft1 {
padding-left: 14px;
    width: 290px;
    padding-top: 120px;
}


.rivfaceh1 {
    background: #779b8e;
    width: 287px;
    border: 1px solid #779b8e;
    box-shadow: 0 0 5px #90b1a3 inset;
    padding: 3px 0px 1px 0px;
    color: #b1dacd;
    font-size: 14px;
    font-family: 'aleg';
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 0px #729689;
    text-align: center;
margin-top: 5px !important;
}

.rivfacefave {
    width: 287px;
padding: 5px 0px 5px 0px;
    margin-top: 5px;
text-align: left;
}

.fac0 {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    color: #ceebe2;
    font-size: 11px;
    font-family: 'aleg';
    letter-spacing: 1px;
text-shadow: 1px 1px 0px #648a7c;
margin-bottom: 5px !important;
}

a.fac1a {
    color: #9ae1c4 !important;
}

.fac1 {
    display: inline-block;
    background: #547b6c;
    padding: 1px 7px 1px 7px;
    border: 1px solid #547b6c;
    box-shadow: 0 0 5px #90b1a3 inset;
}


.rivfaceright1 {
    padding-top: 120px;
    padding-right: 3px;
}

.rivfacenapol {
    width: 290px;
    text-align: left;
    padding-left: 10px;
}




/* БИРЖА ТРУДА
-------------------------------------------------------------*/

.rivjob {   
background: url(https://i.imgur.com/ciigyg3.png) top no-repeat, url(https://i.imgur.com/Id4Tlh0.png) bottom no-repeat, url(https://i.imgur.com/amHRcV1.png) repeat-y;
    width: 666px !important;
}

.jobrivleft {
padding-left: 14px;
    width: 290px;
    padding-top: 120px;
margin-bottom: 20px !important;
}

.jobrivright {
    padding-top: 120px;
    padding-right: 3px;
    width: 290px;
margin-bottom: 20px !important;
}

.jobrivh1 {
    background: #5a7c6f;
    border: 1px solid #5a7c6f;
    box-shadow: 0 0 7px #95c1b0 inset;
    padding: 2px 0px 2px 0px;
    margin-bottom: 10px!important;
    color: #acd7c6;
    text-align: center;
    text-shadow: 1px 1px 0px #597e71;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'aleg';
    letter-spacing: 0.5px;
}

.fac2 {
    display: inline-block;
}

.facjob {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    color: #ceebe2;
    font-size: 10px;
    font-family: 'aleg';
    letter-spacing: 1px;
text-shadow: 1px 1px 0px #648a7c;
margin-bottom: 5px !important;
}



/* СТАТИСТИКА
-------------------------------------------------------------*/

.stat30 {background: transparent url(https://i.imgur.com/Le5EEwJ.png) no-repeat scroll center top;
    width: 666px !important;
    height: 209px!important;
}

.stataktiv {
    position: absolute;
    top: 56px;
    left: 290px;
}

.statpostop {
    position: absolute;
    top: 56px;
    left: 531px;
}

.statdyet {
    position: absolute;
    top: 116px;
    left: 89px;
}

.statpost1 {
    position: absolute;
    top: 127px;
    left: 269px;
}

.statpost2 {
    position: absolute;
    top: 127px;
    left: 640px;
}

.statpost0 {
    position: absolute;
    top: 131px;
    left: 320px;
    text-align: justify;
    font-size: 9px;
    color: #feffff;
    font-family: aleg;
    letter-spacing: 1px;
    width: 312px;
    height: 34px;
    overflow: auto;
}




/* ЗНАКОМСТВО С АМС
-------------------------------------------------------------*/

.rivamsmeet {   
background: url(https://i.imgur.com/TuXn2gj.png) top no-repeat, url(https://i.imgur.com/dR8oQtR.png) bottom no-repeat, url(https://i.imgur.com/ceOnPI9.png) repeat-y;
    width: 666px !important;
min-height: 200px;
padding-bottom: 20px !important;
}


.amsiconmeet {
    position: absolute;
    top: 40px;
    text-align: left;
    left: 80px;
z-index: 1;
}

.rivamsmeett1 {
    background: #71a694;
    width: 250px;
    height: 50px;
    overflow: auto;
    border-radius: 10px;
border: 1px solid #91b7a8;
    box-shadow: inset 0 0 10px #528372;
    padding-bottom: 3px;
margin-top: 5px !important;
margin-top: -1px !important;
}



.rivamsmeeth1 {
    background: #8aad9f;
    border-radius: 10px;
    margin-top: 30px !important;
    padding-bottom: 10px;
text-align: center;
}




.amsiconmeet {
    position: absolute;
    text-align: left;
    left: -55px;
    top: 3px;
    z-index: 1;
}

.rivamsmeett {
    font-size: 9px;
    font-family: arial;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 5px 5px 5px;
    text-align: justify;
}


.rivamsmeetname {
    font-size: 16px;
    font-family: aleg;
    color: #e8ebea;
text-align: center;
}


.amsrivmig {
    border-radius: 8px;
    padding-bottom: 5px;
}




/* МАГАЗИН ПЛАШЕК
-------------------------------------------------------------*/

.plashrivshop {   
background: url(https://i.imgur.com/ghGxmAs.png) top no-repeat, url(https://i.imgur.com/Id4Tlh0.png) bottom no-repeat, url(https://i.imgur.com/amHRcV1.png) repeat-y;
    width: 666px !important;
min-height: 300px;
padding-bottom: 15px;
}

.plashop1 {
    margin-top: 125px!important;
    width: 280px;
text-align: center;
}

.plashop2 {
    margin-top: 125px!important;
    width: 280px;text-align: center;
    padding-left: 10px;
}

.plashrivshoptitle {
position: absolute;
    top: 45px;
    left: 287px;
    width: 360px;
    color: #f2fffb;
    font-size: 9px;
    font-family: aleg;
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 12px;
}



/* ПРИНЯТИЕ ИГРОКОВ
-------------------------------------------------------------*/

.welcomeriv {background: transparent url(https://i.imgur.com/2zNICsf.png) no-repeat scroll center top;
    width: 666px !important;
    height: 163px!important;
}


.welcomerivlink {
text-align: center;
    margin-bottom: 5px !important;
    position: absolute;
    top: 28px;
    left: 115px;
    width: 155px;}


.welcomerivlinka {color: #feffff !important;
    text-shadow: 1px 1px 1px #80a997;
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
padding: 1px 4px 2px 4px;
    line-height: 8px;
    background: #c2ccc9;
    border: 1px solid #b2c0ba;
    box-shadow: inset 0 0 5px #90a39a;
}


.welcomerivlink1 {
text-align: center;
    margin-bottom: 5px !important;
    position: absolute;
    top: 103px;
    left: 70px;
    width: 205px;}


.welcomerivlinka1 {color: #feffff !important;
    text-shadow: 1px 1px 1px #80a997;
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 2px 4px 3px 4px;
    line-height: 8px;
    background: #d0bdcc;
    border: 1px solid #c9b4c4;
    box-shadow: inset 0 0 5px #aa87a1;
}

.welcomerivicon {
    position: absolute;
top: 30px;
    left: 43px;}

.welcomerivicona {
width: 74px;
    height: 74px;
    border-radius: 50px;}


.welcomrivt {
    position: absolute;
    width: 385px;
    height: 77px;
    overflow: auto;
    letter-spacing: 0.75px;
    color: #d0eee5;
    font-size: 10px;
    font-family: arial;
    text-align: justify;
    top: 40px;
    left: 283px;
}



/* НОВОСТИ
-------------------------------------------------------------*/

.rivernews {   
background: url(https://i.imgur.com/zYYW0dD.png) top no-repeat, url(https://i.imgur.com/wZ478FK.png) bottom no-repeat, url(https://i.imgur.com/I7Vrhwp.png) repeat-y;
    width: 666px !important;
min-height: 300px;
padding-bottom: 25px;
}


.rivernewsicon {
    position: absolute;
    top: 25px;
    left: 40px;
}

.rivernewsicona {
    height: 74px;
    width: 74px;
    border-radius: 50px;
}

.rivernewsh1 {
    position: absolute;
    top: 55px;
    width: 322px;
    left: 350px;
    background: #507869;
    border: 1px solid #507869;
    box-shadow: inset 0 0 7px #1d4537;
    padding: 1px 0px 2px 0px;
    border-radius: 8px;
    font-size: 10px;
    color: #d0eee5;
    letter-spacing: 1px;
    font-family: aleg;
}


.rivernewstext {
    padding-top: 140px !important;
    padding-left: 10px;
    width: 555px;
    font-size: 10px;
    color: #d0eee5;
    letter-spacing: 1px;
    text-align: justify;
    text-shadow: 1px 1px 0px #5a8170;
}



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

.rivanketa {   
background: url(https://i.imgur.com/7u5xL3B.png) top no-repeat, url(https://i.imgur.com/O3nXqbJ.png) bottom no-repeat, url(https://i.imgur.com/jdqPrKO.png) repeat-y;
    width: 666px !important;
min-height: 300px;
padding-bottom: 25px;
}


.rivank1a {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.rivank1 {
    position: absolute;
    left: 83px;
    top: 34px;
}

.rivank3 {
    position: absolute;
    top: 65px;
    left: 210px;
    width: 350px;
    text-align: left;
    padding: 1px 0px 2px 10px;
    background: #628a7b;
    border: 1px solid #547d70;
    box-shadow: inset 0 0 7px #426b5e;
    font-family: aleg;
    font-size: 11px;
    letter-spacing: 1px;
    color: #faf3f8;
}

.rivank4 {
    position: absolute;
    top: 85px;
    left: 210px;
    width: 350px;
    text-align: left;
    padding: 1px 0px 2px 10px;
    background: #628a7b;
    border: 1px solid #547d70;
    box-shadow: inset 0 0 7px #426b5e;
    font-family: aleg;
    font-size: 11px;
    letter-spacing: 1px;
    color: #faf3f8;
}

.rivank5 {
    position: absolute;
    top: 105px;
    left: 210px;
    width: 350px;
    text-align: left;
    padding: 1px 0px 2px 10px;
    background: #628a7b;
    border: 1px solid #547d70;
    box-shadow: inset 0 0 7px #426b5e;
    font-family: aleg;
    font-size: 11px;
    letter-spacing: 1px;
    color: #faf3f8;
}

.rivank6 {
    position: absolute;
    top: 135px;
    left: 260px;
    width: 250px;
    text-align: center;
    padding: 1px 0px 2px 10px;
    background: #456a5c;
    border: 1px solid #456a5c;
    box-shadow: inset 0 0 7px #2b4e43;
    border-radius: 10px;
    font-family: aleg;
    font-size: 10px;
    letter-spacing: 1px;
    color: #faf3f8;
}


.rivank2 {
    position: absolute;
    top: 28px;
    left: 234px;
    width: 300px;
    text-align: center;
    padding: 1px 0px 2px 10px;
    background: #456a5c;
    border: 1px solid #456a5c;
    box-shadow: inset 0 0 7px #2b4e43;
    border-radius: 10px;
    font-family: aleg;
    font-size: 14px;
    letter-spacing: 1px;
    color: #faf3f8;
}

.rivanktext {
    width: 560px;
    padding-left: 10px !important;
    padding-top: 180px !important;
    text-align: justify;
    color: #fff;
    font-size: 10px;
}

.rivank7 {
    margin-top: 10px!important;
    text-align: center;
    padding: 1px 0px 2px 10px;
    background: #456a5c;
    border: 1px solid #456a5c;
    box-shadow: inset 0 0 7px #2b4e43;
    border-radius: 10px;
    font-family: aleg;
    font-size: 11px;
    letter-spacing: 1px;
    color: #faf3f8;
}


/* НУЖНЫЕ
-------------------------------------------------------------*/

.rivwanted {   
background: url(https://i.imgur.com/aMlLFsJ.png) top no-repeat, url(https://i.imgur.com/O3nXqbJ.png) bottom no-repeat, url(https://i.imgur.com/jdqPrKO.png) repeat-y;
    width: 666px !important;
min-height: 300px;
padding-bottom: 25px;
}


.rivwanted1 {
    position: absolute;
    top: 10px;
    left: 51px;
}

img.rivwanted1a {
    height: 150px;
    width: 150px;
    border-radius: 100px;
}

.rivwantedf {
    position: absolute;
    top: 38px;
    left: 360px;
    width: 252px;
    color: #bdedda;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: aleg;
    text-align: center;
}

.rivwantedin {
    position: absolute;
    top: 65px;
    left: 360px;
    width: 252px;
    color: #bdedda;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: aleg;
    text-align: center;
}

.rivwantedos {
    position: absolute;
    top: 117px;
    left: 225px;
    width: 373px;
    height: 26px;
    overflow: auto;
    color: #bdedda;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: aleg;
    text-align: center;
}


.rivwantedtext {
    padding-top: 195px;
    width: 560px;
    margin-left: 10px;
    color: #e6f1ec;
    font-size: 10.3px;
    letter-spacing: 0.5px;
    text-align: justify;
    text-shadow: 1px 1px 0px #597a6c;
}

.rivwantedpost {
    width: 560px;
    margin-left: 10px !important;
    color: #e8f5f3;
    font-size: 10.4px;
    text-align: left;
    background: #4f7768;
    padding: 10px;
}



/* ШАБЛОН ПАР
-------------------------------------------------------------*/

.rivpara {background: transparent url(https://i.imgur.com/KO1m4Ww.png) no-repeat scroll center top;
    width: 315px !important;
    height: 132px!important;
}


.rivparatext {
    width: 270px;
    height: 68px;
    overflow: auto;
    text-align: justify;
    padding: 2px 5px 2px 3px;
    margin-top: 20px !important;
    margin-left: 19px !important;
    font-size: 10px;
    color: #e2ede9;
    text-shadow: 1px 1px 0px #689584;
}

.rivparah1 {
    width: 255px;
    text-align: center;
    color: #bdedda;
    font-size: 11px;
    font-family: aleg;
    letter-spacing: 1px;
    padding-top: 10px !important;
    margin-left: 30px;
}


/* ХОЧУ ВИДЕТЬ
-------------------------------------------------------------*/

.wantsee {background: transparent url(https://i.imgur.com/eHRyOaS.png) no-repeat scroll center top;
    width: 392px !important;
    height: 150px!important;
}

.wantsee1 {
    position: absolute;
    top: 15px;
    left: 182px;
}

.wantsee1a {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.wantseeh1 {
    position: absolute;
    top: 114px;
    left: 308px;
    font-size: 11px;
    font-family: aleg;
    letter-spacing: 1px;
    color: #bdedda;
    width: 220px;
    text-align: center;
}

.wantseeh2 {
    position: absolute;
    top: 18px;
    left: 308px;
    font-size: 14px;
    font-family: aleg;
    letter-spacing: 0.5px;
    color: #bdedda;
    width: 220px;
    text-align: center;
}

.wantseeh3 {
    position: absolute;
    top: 45px;
    left: 308px;
    font-size: 10px;
    width: 232px;
    height: 50px;
    overflow: auto;
    text-align: justify;
    color: #dfede7;
}


/* ШАБЛОН ЭПИЗОДОВ
-------------------------------------------------------------*/

.rivepisod {background: transparent url(https://i.imgur.com/X1MMg3P.png) no-repeat scroll center top;
    width: 666px !important;
    height: 308px!important;
}

.rivepisodh3 {
    position: absolute;
    top: 242px;
    left: 120px;
    width: 500px;
    height: 39px;
    overflow: auto;
    color: #def3eb;
    font-size: 10px;
    text-align: justify;
}

.rivepisodim {
    position: absolute;
    top: 75px;
    left: 115px;
}

.rivepisodh2 {
    position: absolute;
    top: 45px;
    left: 135px;
    width: 455px;
    text-align: center;
    color: #bdedda;
    font-size: 12px;
    font-family: aleg;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #698f81;
}

.rivepisodh1 {
    position: absolute;
    width: 500px;
    top: 22px;
    left: 120px;
    color: #bdedda;
    font-size: 14px;
    font-family: aleg;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 0px #406255;
}


/* ОТНОШЕНИЯ
-------------------------------------------------------------*/

.rivotn {background: transparent url(https://i.imgur.com/qO1lzif.png) no-repeat scroll center top;
    width: 362px !important;
    height: 136px!important;
}

img.rivotn1a {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.rivotn1 {
    padding-top: 10px !important;
    padding-left: 8px !important;
}

.rivotnicon {
    margin-top: -115px !important;
    margin-left: 125px !important;
}

.rivotnh1 {
    color: #bdedda;
    font-size: 11px;
    font-family: aleg;
    letter-spacing: 0.5px;
    margin-top: -13px !important;
    margin-left: 145px !important;
}

.rivotnh2 {
    margin-top: 18px !important;
    margin-left: 135px !important;
    padding-right: 5px !important;
    width: 195px;
    height: 68px;
    text-align: justify;
    overflow: auto;
    color: #d6ede4;
    font-size: 10px;
}


/* ХРОНОЛОГИ
-------------------------------------------------------------*/

.rivxron {   
background: url(https://i.imgur.com/UR8MlZ8.png) top no-repeat, url(https://i.imgur.com/Id4Tlh0.png) bottom no-repeat, url(https://i.imgur.com/amHRcV1.png) repeat-y;
    width: 666px !important;
min-height: 300px;
padding-bottom: 15px;
}

.rivxron1 {
    padding-top: 110px !important;
    padding-left: 10px !important;
    margin-right: 15px !important;
    width: 276px;
}

.rivxron2 {
    width: 276px;
    padding-top: 110px;
}

.rivxron1h1 {
    background: #537a69;
    padding: 2px 0px 2px 0px;
    text-align: center;
    color: #a5d1c0;
    font-family: aleg;
    font-size: 14px;
    letter-spacing: 0.2px;
    border-radius: 10px;
    border: 1px solid #537a69;
    box-shadow: inset 0 0 7px #669d85;
    margin-bottom: 5px !important;
}

.rivxron1text {
    background: #98a9a3;
    padding: 2px 0px 2px 10px;
    color: #e7f9f3;
    font-size: 11px;
    font-family: 'aleg';
    border: 1px solid #a2b3ad;
    box-shadow: inset 0 0 5px #798f87;
    text-shadow: 1px 1px 0px #849790;
    letter-spacing: 0.5px;
    margin-bottom: 3px !important;
}

a.rivxron1texta {
    color: #c0f9e5 !important;
}



/* БАНК
-------------------------------------------------------------*/

.rivbank {   
background: url(https://i.imgur.com/qJGM0zJ.png) top no-repeat, url(https://i.imgur.com/Id4Tlh0.png) bottom no-repeat, url(https://i.imgur.com/amHRcV1.png) repeat-y;
    width: 666px !important;
min-height: 200px;
padding-bottom: 15px;
}

.bankt {
    position: absolute;
    top: 35px;
    left: 87px;
    width: 360px;
    color: #f2fffb;
    font-size: 9px;
    font-family: aleg;
    letter-spacing: 0.5px;
    text-align: left;
    line-height: 12px;
}

.rivbank1 {
    padding-top: 130px;
    padding-left: 6px;
    width: 285px;
}

.rivbank2 {
    width: 285px;
    padding-top: 130px;
    margin-left: 6px !important;
}

.rivbankh {
    width: 288px;
    background: #779b8e;
    border: 1px solid #779b8e;
    box-shadow: inset 0 0 10px #90b1a3;
    padding: 5px 0px 5px 5px;
margin-bottom: 12px !important;
}

.rivbankh1 {
    background: #547b6c;
    display: inline-block;
    padding: 2px 3px 2px 3px;
    border: 1px solid #547b6c;
    box-shadow: inset 0 0 5px #90b1a3;
    color: #9ae1c4;
    font-family: 'aleg';
    letter-spacing: 1px;
    font-size: 10px;
}

.rivbankh2 {
    display: inline-block;
    color: #cae8df;
    font-size: 10px;
    font-family: 'aleg';
    letter-spacing: 1px;
}



/* ЛИЧНАЯ СТРАНИЦА ИГРОКА*/
/*Подвижка иконки*/
img.a-info{
    margin-top: -276px!important;
    margin-left: 175px;
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -2px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
padding-top: 200px !important;
margin-top: 453px !important;
    margin-left: 255px !important;
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
background: transparent!important;
    border: 1px solid transparent !important;
}



/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float: right;
    margin: 0px 120px 0 0!important;
    width: 10px;
background-color: #5d9382;
    padding: 5px;
    border-radius: 10px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
color: #bcddd0;
    cursor: pointer;
    display: block!important;
    position: relative;
    z-index: 12;
    padding: 4px 10px 4px 10px;
    font-family: 'aleg';
    letter-spacing: 1px;
    margin-right: 2px;
    margin-right: -10px !important;
    margin-left: 30px !important;
    /* margin-bottom: -3px!important; */
    border: 3px solid;
    border-radius: 10px;
    text-align: left;
    float: left;
    background-color: #507869 !important;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
border: 0px solid !important;
    border-width: 0px !important;
    padding: 0px 12px 5px 0px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:1.4em;
 text-align:left;
 display:inline-block;
}



/* ИНФОРМАЦИЯ ИГРОКА НА ЛИЧНОЙ СТРАНИЦЕ*/
.infrivlz {  
background: url(https://i.imgur.com/dMjLbN5.png) top no-repeat, url(https://i.imgur.com/n8RT4H0.png) bottom no-repeat, url(https://i.imgur.com/jqRvpGu.png) repeat-y;
    width: 630px !important;
min-height: 200px;
padding-bottom: 15px;
}

.infrivl1 {
    position: absolute;
    top: 3px;
    left: 39px;
}

.infrivl1a {
    height: 120px;
    width: 120px;
    border-radius: 100px;
}

.infrivlzinf1 {
    position: absolute;
    top: 40px;
    left: 170px;
    width: 400px;
    height: 27px;
    overflow: auto;
    color: #d5f3e7;
    font-size: 11px;
    font-family: aleg;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #507869;
}

.infrivlzname {
    position: absolute;
    top: 15px;
    left: 200px;
    text-align: center;
    width: 304px;
    color: #fff;
    font-size: 14px;
    font-family: 'aleg';
}

.infrivlzmuz {
    position: absolute;
    top: 80px;
    left: 300px;
    text-align: center;
}


.infrivlzmuz1 {
    background: #547b6c;
    border: 1px solid #547b6c;
    padding: 1px 5px 1px 5px;
    box-shadow: inset 0 0 5px #90b1a3;
    font-size: 10px;
    font-family: 'aleg';
    color: #9ae1c4;
    letter-spacing: 1px;
}


.infrivlzplash {
    width: 290px;
    padding-top: 130px !important;
    padding-left: 10px !important;
    text-align: center;
}

.infrivlzpodarki {
    width: 290px;
    padding-top: 130px !important;
    text-align: center;
}

.infrivlzplash1 {
    background: #557c6d;
    width: 200px;
    margin-left: 45px !important;
    color: #9ae1c4;
    font-size: 11px;
    font-family: 'aleg';
    letter-spacing: 1px;
    border-radius: 8px;
    box-shadow: inset 0 0 5px #416255;
    margin-bottom: 10px !important;
}


/* НАГРАДЫ ИГРОКА НА ЛИЧНОЙ СТРАНИЦЕ*/

.infrivnagrad {background: transparent url(https://i.imgur.com/vZiJCCx.png) no-repeat scroll center top;
    width: 630px !important;
    height: 455px!important;
}

.infrivnagrad1 {
    width: 278px;
    height: 136px;
    position: absolute;
    text-align: center;
    top: 70px;
    left: 23px;
    overflow: auto;
}


.infrivnagrad2 {
    width: 278px;
    height: 136px;
    position: absolute;
    text-align: center;
    top: 70px;
    left: 325px;
    overflow: auto;
}

.infrivnagrad3 {
    position: absolute;
    top: 265px;
    left: 21px;
    text-align: center;
    width: 180px;
    height: 170px;
    overflow: auto;
}

.infrivnagrad4 {
    position: absolute;
    top: 265px;
    left: 223px;
    text-align: center;
    width: 180px;
    height: 170px;
    overflow: auto;
}

.infrivnagrad5 {
    position: absolute;
    top: 265px;
    left: 430px;
    text-align: center;
    width: 180px;
    height: 170px;
    overflow: auto;
}