/* за часть кодов спасибо by all (skype: de-picasso)
design by pshe */

.pa-fld3 {margin-top: -10px !important;}

#pun-main .post-author ul {
    text-align: center;
    width: 20em;
    margin-right: 10px;
}


/* Тело */
#pun {
margin: auto;
    position: relative;
    margin-top: -10px;
    width: 868px;
    background-image: url("http://okrugada.rusff.ru/files/0017/29/b8/35087.jpg");
    background-color: #A9B7AF;
    background-position: top center;
  }

.punbb {
  margin-left: 35px;
  position: top center;
  float: none;
  width: 825px;
  height: auto;
  }

/* Фон форума */

body { 
    background-color: #7F9998;
background-image : url("http://okrugada.rusff.ru/files/0017/29/b8/19047.jpg");
overflow-x: hidden;
  background-repeat: repeat;
  background-position : top center;

  }

/* Шапка */
#pun-title table {
    border: none;
    margin-left: -75px;
    width: 1070px;
    height: 440px;
    margin-top: -2px;
    background-image: url("http://okrugada.rusff.ru/files/0017/29/b8/41122.jpg");
    background-repeat: no-repeat;
}

/* Навигация */
 div#pun-navlinks {
    position: absolute;
    width: 860px;
    margin-left: -10px;
    top: 6px;
  }

 div#pun-ulinks {
    position: absolute;
    width: 860px;
    top: 261px;
    margin-left: 0px;
    text-transform: none;
    font-size: 100%;
  }

/* Неведомая хрень */

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .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-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
  border-color:transparent;
  color: #000000;
  }

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color:transparent;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  }

/* Область для ввода текста*/
.punbb textarea, .punbb select, .punbb input {
    background-color: rgb(183, 189, 182);
    color: #3E0101;
    border: #A4A5A7 1px solid;
  }
/*форма ответа фон для окошек шрифты размер шрифта таблица цвет и проч*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    border: #A4A5A7 1px solid;
    background-color: #A4AFAB;
    color: #5F1E16;
}
/*фон окошка репутации*/
#pun-report .inner,#pun-reputation .inner,#pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    border: #78849A 1px solid;
    background-color: #B2B8C3;
    box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -khtml-box-shadow: 0 0 5px #000;
}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: rgb(183, 189, 182);
    color: #3E0101;
    border: #A4A5A7 1px solid;
}

#pun-navlinks .container {
  border-color:transparent;
  color: #000000;
  }

.offline li.pa-online strong {
  font-weight: normal
  }
.online li.pa-online strong {
  font-weight: normal
  }


#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;}


/* Границы */

.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, #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 .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
  border-color:transparent;
  }


/* Простая ссылка  */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: rgb(51, 87, 93);
  border-bottom: 0px none #000;
  text-decoration: none;
  }

/* Ссылка при наведении */
.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: rgb(102, 22, 25);
  border-bottom: 0px none #000;
  text-decoration: none;
  }

/* Ссылки навигации */
#pun-navlinks a {
    border-bottom: 0px none #000;
    text-decoration: none;
    font-size: 26px;
    color: rgb(17, 104, 105);
    font-variant: small-caps;
    font-weight: bold;
    text-transform: lowercase;
    font-family: georgia;
    text-shadow: -1px 1px 0px rgb(124, 148, 148);
  }

/* Ссылки навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: rgb(137, 13, 22);
    font-weight: bold;
    text-transform: lowercase;  
  font-variant: small-caps;
    font-family: georgia;
  font-style: normal;
  border-bottom: 0px none #000;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #c9985f;
  color: #fff;
  }

/* навигация нижняя */
#pun-ulinks a {
    color: rgb(137, 13, 22);
  text-decoration: none;}

/* наведение нижней навигации */
#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: rgb(78, 50, 87);
  text-decoration: none;}

/* CS3.2 Иконка старых */
#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-right: 5px;
    margin-top: -5px;
width: 60px;
height: 67px;
background-image : url(http://okrugada.rusff.ru/files/0017/29/b8/83523.jpg);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://okrugada.rusff.ru/files/0017/29/b8/66216.jpg);
background-repeat: no-repeat;
width: 60px;
height: 67px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://okrugada.rusff.ru/files/0017/29/b8/98363.jpg);
background-repeat: no-repeat;
width: 60px;
height: 67px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://okrugada.rusff.ru/files/0017/29/b8/98363.jpg);
background-repeat: no-repeat;
width: 60px;
height: 67px;}

/* Категории */

#pun-category1.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/33497.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category2.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/91978.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category3.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/17933.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category4.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/97474.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category5.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/43454.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category6.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/39651.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

#pun-category7.category h2 {
background: url(http://okrugada.rusff.ru/files/0017/29/b8/86316.jpg);
background-repeat: no-repeat;
height: 142px;
width: 989px;
font-size:0 !important;
margin-left: 0px;}

/* cтатус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 34px 24px;
    text-transform: uppercase;
background-repeat: no-repeat;
background-size: auto;
padding-left: 0px;
padding-top: 20px;}

/*статистика*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 142px;
width: 989px;
background-color: transparent;
background-image: url("http://okrugada.rusff.ru/files/0017/29/b8/77054.jpg");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* Футер */

#pun-about p.container {
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/74559.jpg);
    background-color: transparent;
    margin-left: -128px;
    margin-bottom: -1px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    width: 1000px;
    height: 220px;
}

div#html-footer {
  margin: 0px 0px 0px 0px;}

div#pun-about {
  margin-bottom:-80px;
}

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

#pun-announcement.section h2 span {display: none;}
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none;}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #A1A5A1;
}
::-webkit-scrollbar-thumb{
    background-color: #1B7978;
}

/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
padding: 0px;
  }

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    overflow: visible!important;
    color: #1E6F73;
}
}
/*настройки профиля*/
.post-author ul li.pa-fld1 {
    line-height: 9px;
    width: 200px;
    color: #000;
padding: 0 10px;
    text-align: justify;
}
.post-author ul li.pa-fld2 {
    position: absolute;
    margin-top: -189px;
}
.post-author ul li.pa-fld5 {
    margin-left: -7px;
    line-height: 0px;
}
.post-author ul li.pa-avatar {
    background-repeat: no-repeat;
    margin-left: 25px;
}
li.pa-avatar.item2 img {
border-top: #783932 solid 4px;
}
.post-author ul li.pa-author {
     font-size: 22px;
    letter-spacing: -3px;
    text-align: left;
    word-spacing: 1px;
    width: 210px;
    color: rgb(26, 115, 123)!important;
    text-transform: lowercase;
    margin-bottom: -5px;
    font-weight: bold;
    font-style: italic;
    font-family: georgia;
}

.pa-posts,.pa-respect {
    text-align: center;
    display: inline-block;
    width: 100px;
    border: 1px solid rgba(164, 165, 167, 0.84);
    text-transform: uppercase;
    font-family: georgia;
    font-size: 8px;
}
.pa-fld3,.pa-fld4 {
    text-align: center;
    display: inline-block;
    width: 100px;
    border: 1px solid rgba(164, 165, 167, 0.84);
    text-transform: uppercase;
    font-family: georgia;
    font-size: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pa-fld3:hover {
    text-align: center;
    display: inline-block;
    width: 100px;
    background-color: rgba(115, 30, 30, 0.87);;
    border: 1px solid rgba(164, 165, 167, 0.84);
    text-transform: uppercase;
    font-family: georgia;
    color: #8B9FA0;
    font-size: 15px;
}
.pa-fld4:hover {
    text-align: center;
    display: inline-block;
    color: #8B9FA0;
    width: 100px;
    background-color: rgba(30, 111, 115, 0.87);
    border: 1px solid rgba(164, 165, 167, 0.84);
    text-transform: uppercase;
    font-family: georgia;
    font-size: 15px;
}
.post-author ul li.pa-posts {
line-height: 10px;
    width: 40px;
margin-top: 2px;
    padding: 0 30px;
    letter-spacing: 1px;
}
.lz {
    color: #000;
    font-family: georgia;
    font-variant: small-caps;
    text-transform: lowercase;
    padding: 5px;
    font-size: 12px;
}
.lz a {
    font-family: georgia;
    font-variant: normal;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
}
.post-author ul li.pa-respect {
line-height: 10px;
margin-top: 2px;
    letter-spacing: 1px;
}
.post-author ul li.pa-online {
    font-size: 20px;
    letter-spacing: -3px;
    text-align: left;
    word-spacing: 1px;
    width: 210px;
    color: rgb(26, 115, 123)!important;
    text-transform: lowercase;
    font-weight: bold;
    font-style: italic;
    font-family: georgia;
}
.post-author ul li.pa-awards {
line-height: 27px;
    letter-spacing: 4px;
    font-size: 16px;
    font-weight: normal;
}
.post-author ul li.pa-title {
    text-transform: lowercase;
    font-family: georgia;
    font-style: italic;
}
.post-author ul li.pa-awards a {
color: transparent;
}

/* CS5 Другое
-------------------------------------------------------------*/
h6 {font-family: georgia;font-size: 10px;font-weight: normal;line-height: 10px;}
 H7 { text-align: center; word-spacing: -2px }
h8 {text-transform:uppercase; font-family: georgia; align:center; font-weight: bold;}
h9 {font-family: georgia;font-size: 10px;font-weight: normal;line-height: 10px;}

a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 10px; letter-spacing: 1px;border-radius: 10px; background: #554836; color: #d1cfcd;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #83735e; text-decoration: none; color: #d1cfcd; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}

/*ссылки в таблице линки*/
a.menu:link, a.menu:visited, a.menu:active {
text-decoration: none;
    background-color: #1F7979;
    font: 12px georgia;
    color: #000;
    line-height: 14pt;
    text-transform: lowercase;
    font-variant: small-caps;
    display: block;
    margin: -5px 0px;
    width: 150px;
    padding-left: 5px;
    opacity: 0.9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a.menu:hover {
background-color: #764036;
    color: #8B9FA0;
    padding-right: 30px;
    font-style: italic;
    font-variant: normal;
    font-size: 13px;
    opacity: 1;
}
/*ссылки линки в описании форумов*/
a.linkopisanie:link, a.linkopisanie:visited, a.linkopisanie:active{
    text-decoration: none;
    font: 12px georgia;
    color: #000000;
    border: 1px solid #9AAAAB;
    text-transform: lowercase;
    font-variant: small-caps;
    text-align: center;
    display: inline-block;
    margin: 5px 0px;
    width: 113px;
    opacity: 0.9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a.linkopisanie:hover {
background-color: #764036;
    color: #8B9FA0;
    font-size: 12px;
    opacity: 1;
}
/*стиль описания форумов*/
.opisanie {
text-transform: lowercase;
    font-family: georgia;
    font-size: 12px;
    line-height: 10px;
    color: #3B4E4E;
    font-style: normal;
    font-variant: small-caps;
}
/*команда, твиттер, инстаграм, блог в профиле иконки*/
a.team:link, a.team:visited, a.team:active {
    text-decoration: none;
    background-color: #1F7979;
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/28295.png);
    background-position: left center;
    background-repeat: no-repeat;
    font: 12px georgia;
    color: rgba(0, 0, 0, 0);
    line-height: 14pt;
    text-transform: lowercase;
    font-variant: small-caps;
    display: block;
    margin: 2px 0px;
    width: 30px;
    height: 22px;
    padding: 4px 0;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.team:hover {
    background-color: #764036;
    color: #B3B5B1;
    padding-right: 60px;
    padding-left: 30px;
    font-style: italic;
    font-variant: normal;
    font-size: 20px;
    letter-spacing: -2px;
    font-weight: bold;
    opacity: 1;
}
a.twit:link, a.twit:visited, a.twit:active {
    text-decoration: none;
    background-color: #1F7979;
    font: 12px georgia;
    color: rgba(0, 0, 0, 0);
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/37317.png);
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 14pt;
    text-transform: lowercase;
    font-variant: small-caps;
    display: block;
    margin: 2px 0px;
    width: 30px;
    height: 22px;
    padding: 4px 0;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.twit:hover {
    background-color: #764036;
    color: #B3B5B1;
    padding-right: 40px;
    padding-left: 30px;
    font-style: italic;
    font-variant: normal;
    font-size: 20px;
    letter-spacing: -2px;
    font-weight: bold;
    opacity: 1;
}
a.inst:link, a.inst:visited, a.inst:active {
    text-decoration: none;
    background-color: #1F7979;
    font: 12px georgia;
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/75045.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, 0);
    line-height: 14pt;
    text-transform: lowercase;
    font-variant: small-caps;
    display: block;
    margin: 2px 0px;
    width: 30px;
    height: 22px;
    padding: 4px 0;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.inst:hover {
    background-color: #764036;
    color: #B3B5B1;
    padding-right: 70px;
    padding-left: 30px;
    font-style: italic;
    font-variant: normal;
    font-size: 20px;
    letter-spacing: -2px;
    font-weight: bold;
    opacity: 1;
}
a.blog:link, a.blog:visited, a.blog:active {
    text-decoration: none;
    background-color: #1F7979;
    font: 12px georgia;
    color: rgba(0, 0, 0, 0);
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/49598.png);
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 14pt;
    text-transform: lowercase;
    font-variant: small-caps;
    display: block;
    margin: 2px 0px;
    width: 30px;
    height: 22px;
    padding: 4px 0;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.blog:hover {
    background-color: #764036;
    color: #B3B5B1;
    padding-right: 30px;
    padding-left: 30px;
    font-style: italic;
    font-variant: normal;
    font-size: 20px;
    letter-spacing: -2px;
    font-weight: bold;
    opacity: 1;
}
/*анкета*/
.anketatab {
    background-color: #79A6A2;
    width: 100px;
    height: 20px;
    margin-top: 5px!important;
    font-variant: small-caps;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.anketatab:hover {
    background-color: #69332A;
    width: 150px;
    text-align: center;
    color: #C0C7C0;
    height: 20px;
}

#AUJWrapper {
    width:500px;
    text-align: center;
}
#AUJContainer {
    background-color: #B9C1B9;
    background-image: url(http://okrugada.rusff.ru/files/0017/29/b8/32916.png);
    border-bottom: 5px solid #783932;
    width: 500px;
border-left: 1px solid #A4A5A7;
    border-right: 1px solid #A4A5A7;
    border-top: 1px solid #A4A5A7;
    height: 600px;
}
#AUJlc {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 3px 10px 17px 10px;
    height: 180px;
    width: 20px;
    float: left;
    z-index: 5;
}
#AUJlc a {
    width: 10px;
    height: 10px;
    padding: 5px;
    background-color: #e0dcdf;
    color: white;
    margin-bottom: 4px;
    margin-top: 4px;
    display: block;
    text-align: center;
}
#AUJlc a:hover {
    text-decoration: none;
    color: white;
}
#AUJlc a[title]:hover:after {
    content: attr(title);
    padding: 5px;
    color: #36332e;
    position: relative;
    top: -11;
    left: 15;
    white-space: nowrap;
    z-index: 20px;
    background: #e0dcdf;
    font-size: 8px;
    text-transform: uppercase;
    font-family: Calibri, Arial, Verdana;
    letter-spacing: 1px;
}
.AutumnJImage {
    float: right;
    /* background-image: url(http://i.imgur.com/WzB4sxH.gif); */
    background-repeat: no-repeat;
    background-color: #C0C7C0;
    font-size: 8px;
    width: 380px;
    padding-top: 20px;
    height: 500px;
    position: relative;
    margin-top: 7px;
    z-index: 3;
    font-family: Calibri, Arial, Verdana;
    letter-spacing: 1px;
    color: #36332e;
    overflow: hidden;
}
p.AutumnJtitle {
    text-align: center;
    text-transform: lowercase;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -3px;
    font-family: georgia;
    font-style: italic;
    margin-bottom: 3px!important;
    color: #69332a;
}
p.AutumnJBottom {
    width: 100%;
    background-color: #69332a;
    padding: 2px 0px 2px 0px;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    margin-top: -20px!important;
    font-size: 8px;
    display: block;
    text-align: center;
}
.textquenta {
    overflow: auto;
    height: 469px;
    line-height: 11px;
    font-size: 11px;
    width: 360px;
    padding: 0 10px;
    text-align: justify;
}
.anketafoto {
    background-color: rgba(23, 125, 127, 0.39);
    width: 100px;
    margin-top: 5px!important;
    height: 100px;
}
.postquenta {
    background-color: #A3B0B1;
    margin-top: 27px!important;
    height: 80px;
    font-family: calibri;
    font-size: 11px;
    line-height: 10px;
    text-align: justify;
    color: #1F3435;
    width: 480px;
    overflow: auto;
}
/*основная плашка на хтмл*/
.plashka .scrollbox::-webkit-scrollbar {width: 1px; }
.plashka .scrollbox::-webkit-scrollbar-track { border: 1px solid #827a70;  }
.plashka .scrollbox::-webkit-scrollbar-thumb { background-color: #615a51; }

.plashka .content::-webkit-scrollbar {width: 1px; }
.plashka .content::-webkit-scrollbar-track { border: 1px solid #827a70;  }
.plashka .content::-webkit-scrollbar-thumb { background-color: #615a51; }

.plashka {
position: relative;
    width: 400px;
    background-color: #B9C1B9;
    /* background-image: url('http://i.imgur.com/59FUFsc.png'); */
    margin: auto;
    padding: 10px;
}

.plashka, .plashkaimg img {
    width: 500px;
}


.plashka .tabsone {
    position: relative;
    width: 500px;
    height: 540px;
    clear: both;
}

.plashka .tabone { float: left; } 

.plashka .tabone label { 
    margin-left: 50px;
    display: block;
    width: 170px;
    text-transform: lowercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: georgia;
    font-variant: small-caps;
    font-size: 10px;
    text-align: center;
    line-height: 100%;
    letter-spacing: 2px;
    color: #783932;
    background: none;
 }

.plashka .tabsone .tabone [type=radio] { display: none; baseline-tab-shift: true, retrieve; } 

.plashka .content {
    position: absolute;
    top: 27px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 490px;
    height: 505px;
    padding: 5px;
    background-color: #C0C7C0;
    opacity: 0;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
font-family: georgia;
    font-variant: small-caps;
    color: #3C1515;
    text-align: center;
    font-size: 11px;
}



.plashka .tabsone .tabone [type=radio]:checked ~ label { 
    color: #0E3C48;
    font-size: 12px;
    z-index: 2; 
}
.plashka .tabsone .tabone [type=radio]:checked ~ label ~ .content { z-index: 1;opacity: 1; }

.plashka .content a:link, .content a:visited, .content a:active {
    font-family: georgia;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 1px;
    color: #186160;
}

.plashka strong {
background: #6c655b;
padding: 0 5;
font-family: dormine;
color: #010101;
text-decoration: none;
font-size: 11px;
text-transform: lowercase;
font-style: italic;
letter-spacing: 1px;
}
.plashkatitle {
    text-align: center;
    text-transform: lowercase;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -3px;
    font-family: georgia;
    font-style: italic;
    margin-bottom: 3px!important;
    color: #69332a;
}
.vneha {
    font-family: georgia;
    text-transform: lowercase;
    font-style: italic;
font-variant: normal;
    font-size: 18px;
    letter-spacing: -2px;
    color: #800D0D;
}
.bukva {
    font-family: georgia;
    font-size: 12px;
    font-variant: small-caps;
    text-align: center;
    color: #422A2A;
}
.textvnehi {
    text-align: left;
    font-size: 11px;
}
.karma {
text-align: left;
    font-variant: normal;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}
.plashkatext {
    position: relative;
    margin: 10px 0!important;
    width: 490px;
    padding: 5px;
    clear: both;
    font-size: 12px;
    text-align: justify;
    background-color: #C0C7C0;
}
.plashkatext b {
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    color: #69332A;
    text-transform: lowercase;
    background-color: #B6C1C0;
}
.plashkatext i {
    font-size: 10px;
    font-variant: small-caps;
    font-style: normal;
    line-height: 2;
}
.guest1{
    width: 480px;
    background: #B9C1B9;
    padding-left: 30px;
}
.guest2{
    width: 410px;
    background: #C0C7C0;
    border-left: 3px double #2D7F7E;
    padding: 30px;
}
.guestimg {
    width: 120px;
    height: 120px;
    padding: 2px;
    margin-left: 20px!important;
    border: 1px solid rgba(30, 111, 115, 0.42);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.guestnote {
    position: absolute;
    width: 100px;
    background: #2D7F7E;
    padding: 8px;
    font: 12px/12px times;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -100px!important;
    margin-left: -90px!important;
}
.tjusti:after {
    content: "";
    width: 100%;
    display: inline-block;
}
.tjusti {
    width: 190px;
    font-family: times;
    font-size: 8px;
    line-height: 150%;
    text-align: justify;
    text-transform: uppercase;
    color: #783932;
    letter-spacing: 1px;
    width: 100%;
    display: inline-block;
}
.shipcontain {
width: 400px;
}
.shipcontain label {
    position: relative;
    z-index: 10;
    display: block;
    font: 9px/9px times;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px;
    background: #2D7F7E;
    color: white;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}
.shipcontain label:hover {
    background: #A5827E;
}
.shipcontain input:checked + label,
.shipcontain input:checked + label:hover {
    background: #783932;
}
.shipcontain input {
    display: none;
}
.shipcontain article {
    background: #CED4CE;
    margin: 0px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 5;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.shipcontain article p {
    font: 11px arial;
    text-align: justify;
    color: #783932;
    padding: 5px;
}
.shipcontain input:checked ~ article {
    height: 200px;
    overflow: auto;
}
.shipcontain article::-webkit-scrollbar-track {
    background: #A1A5A1;
}
.shipcontain article::-webkit-scrollbar-thumb {
    background: #1B7978;
}
.timetext {
    position: absolute;
    width: 150px;
    text-align: center;
    font-family: georgia;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -3px;
    font-size: 20px;
    color: rgba(45, 127, 126, 0.54);
    text-shadow: 1px 1px rgba(120, 57, 50, 0.77);
    margin-top: -43px!important;
}
.privetblok {
    width: 490px;
    height: 183px;
    position: relative;
    background: #B0B7AF;
    border: 1px solid #A6A8A8;
}
.privetimglink {
    width: 130px;
    height: 162px;
    background: none;
    float: right;
    margin-right: 10px!important;
    margin-top: 10px!important;
}
.privettext {
    width: 330px;
    height: 162px;
    background: #B9BDB9;
    float: left;
    margin-left: 10px!important;
    margin-top: 10px!important;
}
.infoprivet {
    height: 100px;
    background: none;
    overflow: auto;
    padding: 5px;
    font-family: arial;
    font-size: 12px;
    line-height: 11px;
    text-align: justify;
}
#linkz a { 
    height: 20px;
    width: 20px;
    padding: 1.3px;
    font-family: calibri;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #2D7F7E;
    display: inline-block;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
}

#linkz a:hover {
    background: #783932;
}

#ava img { 
    width: 100px;
    background-color: #783932;
    border: 5px solid #2D7F7F;
    padding: 10px;
    margin-top: 10px!important;
}

.privet1 {
    font-family: georgia;
    color: #783932;
    font-style: italic;
    letter-spacing: -3px;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 30px;
}

.privet2 {
    font-family: times;
    font-size: 8px;
    text-transform: uppercase;
    line-height: 1px;
    margin-top: -4px!important;
    letter-spacing: 5px;
    color: #2D7F7E;
    text-align: center;
}

.infoprivet::-webkit-scrollbar {
    width: 5px;
    background: #A1A5A1!important;
}
.infoprivet::-webkit-scrollbar-thumb {
    background: #1B7978;
}
.infoprivet::first-letter {
    width: 20px;
    height: 20px;
    padding: 10px;
    margin: 1px!important;
    background: #783932;
    color: #B0B7AF;
    font-family: georgia;
    font-weight: bolder;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    float: left;
    margin-top: 4px!important;
    margin-right: 10px!important;
    margin-bottom: 1px!important;
}
::selection {background: none repeat scroll 0 0 #3A5D61;
    color: #B15454;
    opacity: 0.5;} 
*::-moz-selection {
background: none repeat scroll 0 0 #3A5D61;
    color: #B15454;
    opacity: 0.5;
}