.info {
width: 165px!important;
margin-top: 10px!important;
margin-left: 23px!important;
margin-bottom: 0px!important;
padding-top: 40px!important;
padding-left: 10px!important;
padding-right: 10px!important;
padding-bottom: 5px!important;
background-color: #;
color: #494c3f; 
font-size: 11px;
text-align: justify;
font-family: 'cuprum', sans-serif;
line-height: 90%; 
}
.info z {
font-size: 15px;
}
.bank {
width: 140px!important;
border-radius: 8px;
border: 0px solid #d2caba;
margin-left: 40px!important;
padding-bottom: 10px!important;
padding-top: 6px!important;
color: #5b6c2c; 
font-size: 10px;
}
 
 .knanketa {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
.kninsta {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
 .kngif  {
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}
.knstr {
position: relative;
display: inline-block;
background-color: #e3ddd1; 
font-size: 14px!important;
width: 18px!important;
height: 18px!important;
border-radius: 10px;
border: 2px ridge #d2caba;
margin-bottom: 20px!important;
}

 .opfor {width: 392px;   
background: url("http://i.imgur.com/ejjYrOy.png") no-repeat center top, 
 url("http://i.imgur.com/hMmulvb.png")  no-repeat center bottom,
 url("http://i.imgur.com/G5C771V.png") repeat-y center;
padding-top: 75px!important; padding-bottom: 30px!important;  margin-top: -55px!important   }

 .opfor .zag
{ text-align: center; font-family: lobster; font-size: 12px; color: #494c3f;   }

.opfor .oftex
{  padding: 23px; text-align: center; font-family: cuprum; font-size: 12px; line-height: 90%; color: #494c3f;   }

.forss {  
padding: 1px 10px 1px 10px;
text-align: center; 
border-radius: 10px; 
 line-height: 100%;
} 
.forss a { 
background-color: #809327; 
color: #ece3c8!important; 
text-transform: lowercase; 
font-family: 'lobster', sans-serif;
} 


#pun .tcr {text-align: center;} /* главная страница, последние сообщения с датой*/
 
.stickytext {display:none}  /*Убрать "Важно:"*/

/* CS1 Фон и цвет текста*/
#pun .tcr {text-align: right;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }
li#navawards {display: none;}


/* CS1.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 legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #373a51;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
html, body { background-image : url(http://i.imgur.com/JlrukQN.png); }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://zagruzitfoto.com/images/2016/04/14/pZfni.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -538px;
height: 650px;
width: 1920px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(http://i.imgur.com/c5ic3c2.png);
}

 /* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: transparent;
background-image : url(http://i.imgur.com/Fbr6Pnb.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 210px;
width: 1100px; 
margin-left: -137px;
margin-top: 30px;
text-align: center;
border-color: transparent;
}

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

/* CS1.6 Ссылки верхней навигации*/
 #pun-navlinks .container { 
text-align: center; 
text-transform: lowercase; 
position: absolute;
background-color: transpanent;
font-family: 'Nautilus Pompilius'; font-size: 18px;
width: 850px;
top: 585px;
left: 65px}

 
#pun-ulinks .container  {text-align: center; text-transform: uppercase; position: absolute; background-color: transpanent; font-size: 12px; font-family: cuprum;
z-index: 200;
top: 632px;
right: 45px;
width: 900px;}


/* CS2 Ссылки */

/* Ссылка в спокойном состоянии */
.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: #45590b; font-weight:  ;
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}

/* Активная ссылка */
.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: #a5ba49;
  border-bottom: 0px none #000;
}

/* Цвет навигации до наведения верхняя */
#pun-navlinks a {
  font-weight: normal;
  font-style: normal;
  color: #45590b;
  border-bottom: 0px none #000;
  text-decoration: none;}

/* Цвет навигации при наведении верхняя*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a5ba49;
  text-decoration: none;}


/* Цвет навигации до наведения нижняя*/
#pun-ulinks a {
  font-weight: normal;
  font-style: normal;
  color: #45590b;
  border-bottom: 0px none #000;
  text-decoration: none;}

/* Цвет навигации при наведении нижняя*/
#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a5ba49;
  text-decoration: none;}




/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 0px;

width: 60px;
height: 60px;
background-image : url(http://funkyimg.com/i/2b18K.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://i.imgur.com/sfEIoTY.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://zagruzitfoto.com/images/2016/04/14/yZWwD.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://zagruzitfoto.com/images/2016/04/14/CBmT5.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;}


/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i.imgur.com/kLMvXx4.png");
background-origin: padding-box;
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 67px;
padding-top: 10px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 161px;
width: 872px;
font-size:0 !important;
margin-left: -7px;
background-color: transparent;
background-image: url("http://i.imgur.com/W55AzeL.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/

#pun-main .quote-box, #pun-main .code-box {
border-top: 4px solid #b48140;
border-left: solid 4px #b48140;
border-right: solid 2px #a6be33;
border-bottom: 2px solid #a6be33;
-webkit-border-radius: 5px;
border-radius: 20px;
content: ".";
background: #e5eab0 repeat-y top center;
padding: 10px 10px; }

/* кнопки */
.punbb input {
border:#45590b solid 1px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #dce1a90  repeat-y top center;
padding:6px 6px; text-shadow: #ebef9a  1px 1px 1px;}

/* Модерирование тем и другие селекты*/

.punbb select {
border:#babdb4 solid 1px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #edeff8  repeat-y top center;
padding:2px 2px; text-shadow: #ccd3e8   1px 1px 1px;}

 
 /*всплывающее окно наград*/
#pun-reputation div, #pun-popup_awards div {background-color: #ebeae9 ; 
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #d9d9d9;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #d9d9d9;
-webkit-box-shadow: inset 0 0 10px 5px #d9d9d9;
box-shadow: inset 0 0 10px 5px #d9d9d9;
color: #072040}}
div#smiles-area.container {background-color: #ead1f7;}
BODY {overflow-x: hidden}


/* CS5.4 Область для ввода текста в форме ответа */
.punbb textarea {
border:#b9ca69 solid 2px;
padding: 10px;
padding-top:8px;
border-radius: 5px;
content: ".";
background: #e9e7bc   repeat-y top center;
padding:2px 2px; text-shadow: #e2e8cc   1px 1px 1px;}



/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 0px; 
top: 50px}

/* CS5.6 другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*награды*/
 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #353329;
background-color: #e1d9bf !important; 
padding: 3px; 
}
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background-color: #e1d9bf !important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
border-radius: 0px;
border-top: 0px solid #7c5f40;
color: #3e3c32 !important;
}

hr {
border: none;
border-top: double #9ec7dd;}

.punbb th {
 background: #;
 color: #393831;
}


.punbb .post-sig {color:#393831;}

.punbb .post-sig dt { 
border: none;
border-top: double 2px #9ec7dd;
  }


#profile .container #profilenav h2   {
text-align: left;
color: #38362d;
text-shadow: none;}

#arrows {
position:fixed;
right:2%;
bottom: 45%;
}

.mini_awards_label {
    display: none;
}
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 10px;
background-color:#6b2a0a;
color: #bd7e43; 
font-weight: bold;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #bd7e43;
border-left-width: 5px;
width:175px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 10px;
color: #927a56; 
background-color:#48341e;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #6d4f31;
border-left-width: 5px;
width:175px;
}


 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url(http://i.imgur.com/MCFnSjD.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category2.category h2 {
background: url(http://i.imgur.com/2tC7nWY.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category3.category h2 {
background: url(http://i.imgur.com/SirAYNP.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category4.category h2 {
background: url(http://i.imgur.com/wqTzxKl.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category5.category h2 {
background: url(http://zagruzitfoto.com/images/2016/04/16/unmU3.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;

}
 #pun-category6.category h2 {
background: url(http://i.imgur.com/I1vchcW.png) no-repeat ;
height: 161px;
width: 872px;
margin-left: -7px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;

}
 
 
/*прокрутка*/
::-webkit-scrollbar-thumb:vertical {    height: 12px;    border: 2px;    background-color:#90a23a; margin-top: 25px;}
::-webkit-scrollbar-thumb:horizontal {    background-color:#90a23a;}
::-webkit-scrollbar { width: 5px; height: 8px; border: 4px solid #цвет; background-color:#e7eadf; margin-top: 35px;}

  /* гос*/
 .korpus > div, .korpus > input { display: none; }
.korpus {text-align: center; padding: 10px;}
.korpus label {  width: 130px;  padding: 2px 2px;  display: inline-block;  word-spacing: 5px;  letter-spacing: 2px;  font-weight: bold;  background: #f7f5fd;  color: #433d58; cursor:pointer; font-size: 10px; font-family: cuprum; border-bottom: 1px solid #eadfcf; border-top: 1px solid #eadfcf;  }
.korpus label:hover {  background-color:  #aea5cb;  color:  #433d58;}
.korpus input[type="radio"]:checked + label {  background-color: #655b88;  color:  #ffffff;}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) 
{   display: block;   padding-top: 15px;  text-align: justify;}


/*локации*/
.ofloc {     width: 600px;    padding: 15px;    background: #fff;    border: 3px solid #eaeaea;}
.ofloc .topcolor {  width: 550px;  padding: 25px 25px 50px;  background: #9e82b0;}
.ofloc .topcolor .one {  text-align: center;  font-family: poppins;  font-weight: 700;  color: #fefefe;  font-size: 22px;  letter-spacing: -1px;
  text-transform: uppercase;  line-height: 30%;}
 .ofloc .topcolor .two2 {  text-align: center;  font-family: cuprum;  font-size: 12px;  color: #fefefe;  line-height: 100%;margin-top: 10px;}
.ofloc .whitebar {   width: 510px;  position: relative;background: #;  height: 300px;}
.ofloc .whitebar .image {  width: 510px;  height: 300px;  border-radius: 0%;  background: #;  padding: 5px;  position: absolute;  top: -30px;   left: 0px;}
.ofloc .whitebar .image img {  width: 500px;height: 300px;  border-radius: 0%; border: 5px solid #eaeaea;}


/*анкета*/
.fonramka { width: 550px; padding: 10px; background: #009285; border: 1px solid #dd0e4b; }
.ramka { width: 538px; padding: 5px; background: #f4e1c6; border: 1px solid #d79574; }
.persinfo { width: 518px; padding: 10px; background: #f3e7dc; border-bottom: 2px solid #d79574; }
.textinfo { width: 518px; padding: 10px; height: 450px; background: #f3e7dc; border-top: 1px solid #d79574; }
.persimg {position: relative; left: 35px; top: 5px; width: 180px; height: 180px;}

.infoscr{ width: 145px; height: 80px; text-align: justify; font-size: 10px; letter-spacing: 1px; overflow-x: hidden;}

.infobox { width: 255px; height: 28px; color: #546565; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #eecfbc; opacity: 0.8; }
.infobox:hover { width: 250px; height: 28px; color: #546565; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #eecfbc; opacity: 1; }

.infobox2 { position: relative; left: 30px; top: -15px;  width: 190px; height: 20px; color: #546565; line-height: 20px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #eecfbc; }

.infobox3 { width: 175px; height: 28px; color: #546565; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #eecfbc; }

.charname { width: 385px;height: 30px; font-family: lobster; font-size: 30px;color: #af394d;text-shadow: 1px 0 0 white; text-align: center; }
.NAMEtabs {height:  450px; padding: 10px; }
.content {width: 515px; height: 450px; background-color: #f3e7dc; line-height: 120%; text-align: justify; overflow: auto; position: relative; top: -15px; right: 20px; padding: 10px;}


/*личная страница*/

.persramka {width: 790px; height: 600px; padding: 0px; background-color: #f3e7dc; border-top: 15px solid #dd0e4b; border-bottom: 15px solid #dd0e4b; border-left: 2px solid #dd0e4b; border-right: 2px solid #dd0e4b;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 46px;}
.persfon {width: 790px; height: 600px; padding: 0px; background-color: #f3e7dc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}

.persblok1 {width: 790px; height: 175px; padding: 0px; background-color: #f3e7dc; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px;} 
.persimg1 {width: 150px; height: 150px;     position: relative; left: 310px; top: -83px; border-radius: 100%; border: 6px solid #009285!important}

.persname {position: relative; top: -245px; left: -20px;font-family: georgia; font-weight: bold; font-style: italic; font-size: 35px; color: #21867a; text-shadow: 1px 0 0 #db0043;}
.persname2 {    position: relative; top: -253px;left: 95px; font-family: georgia; font-size: 12px; letter-spacing: 1px; color: #903554;}

.persq {position: relative;top: -270px; left: 35px; font: 70px Lobster; font-weight: 400; color: #903554;}
.persqq {position: relative;top: -320px;left: 120px; font: 11px Tahoma; text-transform: lowercase; height: 80px; width: 180px; text-align: justify; overflow-y: auto; padding-right: 2px; line-height: 95%; color: #21867a; text-shadow: 1px 0 0  #ece7cc;}

.donut {position: absolute; width: 100px; height: 100px;}
.donut .dtext {margin-top: -65px; margin-left: 35px; font-family: georgia; font-weight: 600; font-style: italic; font-size: 55px; color: #903554; text-shadow: 1px 0 0 white;}

.pone { position: relative; bottom: -63px; right: 145px; width: 285px; height: 28px; color: #FFF; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #008d7c; opacity: 0.7; }
.ptwo {     position: relative;bottom: -68px;right: 145px; width: 285px; height: 28px; color: #FFF; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #008d7c; opacity: 0.7; }
.pthree { position: relative;bottom: -72px;right: 145px; width: 285px; height: 28px; color: #FFF; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold; background-color: #008d7c; opacity: 0.7; }
.pthree a, .pthree a:link, .pthree a:visited {color: #FFF; line-height: 28px; font-family: trebuchet ms; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; font-weight: bold;}

.awa{ position: relative; left: -5px; width: 780px;     padding: 5px;     background: #e12156;     border: 0px solid #e8e8e8; }
.awa .bord {width: 740px;   margin-left: -5px; margin-top: 0px;    padding: 10px 25px 0px;   background: #ebe9ce; }
.awa .bord .one {  position: relative; top: 10px; left: -140px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #16514b;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.awa .bord .two { position: relative; top: 10px; left: -140px; font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #903554;  line-height: 100%;margin-top: 2px;}
.awa .bord .three {  position: relative; top: -20px; left: 250px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #16514b;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.awa .bord .four { position: relative; top: -20px; left: 250px; font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #903554;  line-height: 100%;margin-top: 2px;}

.awa2{ position: relative; left: -5px; width: 780px;     padding: 5px;     background: #e12156;     border: 0px solid #e8e8e8; }
.awa2 .bord2 {width: 740px;   margin-left: -5px; margin-top: 0px;    padding: 40px 25px 0px;   background: #ebe9ce; }
.awa2 .bord2 .three2 {  position: relative; top: -20px; left: 250px; text-align: center;  font-family: poppins;  font-weight: 700;  color: #16514b;  font-size: 22px;  letter-spacing: -1px;  text-transform: lowercase;  line-height: 100%;}
.awa2 .bord2 .four2 { position: relative; top: -20px; left: 250px; font-family: 'Cuprum', sans-serif;   text-align: center;  font-family: poppins;  font-weight: 300;  font-size: 8px;  text-transform: uppercase;  letter-spacing: 1px;  color: #903554;  line-height: 100%;margin-top: 2px;}

.awaa .textarea { margin-left: -5px; width: 760px; height: 300px;  background: #eedacb; border: 0px solid #fff; padding: 0px 10px 10px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
.awaa .textarea3 { margin-left: -10px; margin-top: 1px; width: 755px; height: 285px;  background: #eedacb; border: 0px solid #fff; padding: 0px 10px 10px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
.awaa .textarea .tablitsa  { margin-left: -7px;  height: 250px; width: 450px; padding: 10px 22px 0px 0px;  background: #ead0bd; border-radius: 15px;}
.awaa .textarea .tablitsa .texttab  {height: 215px; width: 445px; padding: 10px;  background: #ead0bd; border-radius: 15px; overflow: auto }
.awaa .textarea .tablitsa .texttab ::-webkit-scrollbar {width: 2px;}

.awaa .textarea .tablitsa2  { margin-left: 100px;  height: 250px; width: 240px; padding: 10px 28px 0px 0px; background: #ead0bd; border-radius: 15px;}
.awaa .textarea .tablitsa2 .texttab2 {height: 215px; width: 235px; padding: 10px; background: #ead0bd; border-radius: 15px; overflow: auto }
.awaa .textarea .tablitsa2 .texttab2 ::-webkit-scrollbar {width: 2px;}

.awaa .textarea3 .tablitsa3  { margin-left: -7px;  height: 270px; width: 750px; padding: 10px 22px 0px 0px;  background: #ead0bd; border-radius: 15px; overflow: auto }
.awaa .textarea3 .tablitsa3 .texttab3 {height: 240px; width: 745px; padding: 10px; background: #ead0bd; border-radius: 15px; overflow: auto }
.awaa .textarea3 .tablitsa3 .texttab3 ::-webkit-scrollbar {width: 2px;}
.five {font-family: georgia;   text-align: center; font-weight: 600;  font-size: 9px;  text-transform: uppercase;  letter-spacing: 1px;  color: #fff;  line-height: 100%; margin-top: 5px; margin-bottom: -4px;}

.skblok {width: 750px; height: 280px; padding-left: 10px; padding-right: 10px; margin-left: -15px; background: transparent; overflow-x: hidden;}
.skblok .skskill {width: 740px; height: 50px; padding: 5px; background: url(http://funkyimg.com/i/29HGk.png) no-repeat;}
.skblok .skskill .skimg {margin-left: 5px; margin-top: 2px;}

.persswitch {width: 790px; height: 680px; position: relative;}
.perstabs1 {
position: relative;  
width: 790px;
height: 590px;
margin: 0px 0;
clear: both;
}

.perstab1 {
float: center;
}

.perstab1 label {
width: 400px;
color: #ffffff; 
padding: 0px;   
position: absolute;
line-height: 100%;
left: 0px;
top: 0px; 
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
text-align: center;
transition-duration: 0.3s;  -moz-transition-duration: .3s;  -webkit-transition-duration: .3s;  -o-transition-duration: .3s; }

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

.perscontent {
position: absolute;
padding: 0px;
top: 20px;
width: 800px;
height: 590px;}

[type=radio]:checked ~ label {
background: transparent;
z-index: 2;
}

[type=radio]:checked ~ label ~ .perscontent {
z-index: 1;
}

.lz {width: 190px;
height: auto;
border-top: solid 3px #a16d20;
border-bottom: solid 2px #a16d20;
background-color: #e9e7bc;
box-shadow: 0 0 5px #a4b42a inset;
font-size: 9px;
text-align: justify;
font-family: Verdana;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-sizing: border-box; 
padding: 5px;} 

li.pa-fld2  {
color: #16514b;

    margin: 7px 0px 2px 8px;
    width: 190px;
    text-transform: lowercase;
margin-top: -13px;
}

li.pa-fld3 {
    position: relative;
    margin-top: -15px;
    top: 24px;
    left: 2px;
}

li.pa-fld4  {
  position: relative;
    margin-top: -15px;
    margin-left: 4px;
}

li.pa-fld5  {
position: relative;
    top: -15px;
    left: 2px;
}

/* инста*/
#hbg { width: 600px; height: 260px; background-image: url('http://eightletters.de/Instagram/background.jpg'); box-shadow: inset 30px 0px 20px #000000;} 
#ibg {width: 600px; height: 100px; background-image: url('http://eightletters.de/Instagram/background2.jpg'); } 
#pbg {width: 500px; height: 80px; background: #fafafa; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } 
#profilbild {width: 90px; padding: 5px; border-radius: 5px; background: #fafafa; border: 1px solid #d9d9d9; position: relative; right: 180px; bottom: 50px;} 
#bild1 { height: 100px; width: 100px;}   
#bild2 {height: 100px; width: 100px;}  
#bild3 {height: 200px; width: 188px;}  
#bild4 {height: 100px; width: 100px;}   
#bild5 {height: 100px; width: 100px;}  
#bild6 {height: 100px; width: 100px;}  
#bild7 {height: 100px; width: 100px;}   
.username { font-size: 25px; color: #111111; font-family: 'Helvetica'; position: relative; bottom: 120px; right: 55px; text-transform: lowercase;} 
.rname { font-size: 14px; color: #49779b; font-family: 'Arial'; position: relative; bottom: 120px; right: 45px; font-weight: bold; letter-spacing: -1px;} 

.bbg2 {   width: 430px; padding: 10px; background-image: url('http://eightletters.de/Instagram/background2.jpg'); } 
.busername2 {width: 430px; height: 50px; background: #fafafa; border-top: 1px solid #cccccc; border-top-right-radius: 5px; border-top-left-radius: 5px; text-shadow: none;}
.gross2 {color: #333333; font-family: 'Helvetica'; font-weight: bold; letter-spacing: -1px; font-size: 14px; text-shadow: none; text-transform: lowercase;}
.kleinb2 {font-family: 'Helvetica'; font-weight: bold; font-size: 12px; color: #000000; text-shadow: none;} 
.blikes2 {width: 380px; background: #fafafa; border-bottom: 1px solid #cccccc; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: left; padding-left: 25px; padding-top: 5px; padding-right: 25px; padding-bottom: 5px; text-shadow: none;}
.blau2 { color: #49658b; text-shadow: none; font-weight: bold;}
.comments1 {position: relative; width: 430px; height: 40px;}
.circle {position: relative; background-repeat: no-repeat; overflow:hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 45px; height: 45px;}
n {font-weight: bold; color: #2c71a9;}
h {color: #2c71a9;}
.middlestuff {width:420px; padding: 5px; background: #fff;}
.username1 {position: relative; left: 0px; text-align: justify; color: #000; font-family: calibri; font-size: 14px; line-height: 100%;}

 /* навигация*/
.navtab { width: 70px; padding: 1px; background-color: #809327; color: #f2efea;   margin-bottom: 0px; font-size: 11px; font-family: lobster; border: 1px solid #809327;  text-align: center; text-transform: lowercase;  opacity: 0.8;  cursor:pointer; border-radius: 20px;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.navtab1 { width: 130px; padding: 1px; background-color: #809327; color: #f2efea;   margin-bottom: 0px; font-size: 11px; font-family: lobster; border: 1px solid #2e8679;  text-align: center; text-transform: lowercase; opacity: 0.8; cursor:pointer; border-radius: 20px;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.navtab:hover, .navtab1:hover { color: #f2efea; box-shadow:inset 253px 0 0 #cd5c20; opacity: 1;}
.gostevaya01  { display:block; position: relative; width: 250px; padding: 1px; background-color: #af394d; color: #f2efea;   margin-bottom: 0px; font-size: 11px; font-family: lobster; border-bottom: 1px solid #eadfcf; border-top: 1px solid #eadfcf; text-align: left; text-transform: lowercase;  opacity: 0.8;  cursor:pointer;
transition: 0.2s all ease-in-out; 
-webkit-transition: 0.6s all ease-in-out; 
-moz-transition: 0.6s all ease-in-out; 
o-transition: 0.6s all ease-in-out; }
.gostevaya01:hover { color: #f2efea; box-shadow:inset 253px 0 0 #a10f12; opacity: 1;}
.ssgtab {color: #f2efea!important;}
.ssgtab:hover {color: #f2efea!important;}

/*итоги-новости*/
.res1 {
  width: 400px;
  border-left: 120px solid #2e8679;
  padding: 10px 0;
  background-color: #e7ce9e;
  color: #2e8679;
  font-family: arial;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 2px;
  }

.res5 {
  width: 220px;
  position: absolute;
  left: 287px;
  border-right: 300px solid #e7ce9e;
  padding: 10px 0;
  background-color: #2e8679;
  color: #ffffff;
  font-family: arial;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 2px;
  }

.res2 {
  width: 490px;
  height: auto; 
  padding: 15px;
  background-color: #f2f2f2;
  }

.res3 {
  width: 100px;
  height: 100px;
  border-radius: 100%;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%; 
  border: 5px solid #2e8679;
  background: transparent; 
  }

.res4 {
  width: 340px;
  height: 80px;
  padding: 10px;
  text-align: justify;
  font-family: arial;
  font-size: 10.5px;
  line-height: 103%;
  color: #333;
  overflow-x: auto;
  }

.resblok {
    width: 202px;
    height: 15px;
    margin-left: 11px;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
    font-family: cuprum;
    font-size: 15px;
    color: #ffffff;
    background-color: #2e8679;
}

.resblok2 {
    width: 202px;
    height: 15px;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
    font-family: cuprum;
    font-size: 15px;
    color: #ffffff;
    background-color: #2e8679;
}

div.tba-text { 
display: inline-block; 
clear: both; 
margin-left: 60px; 
position: relative; 
width: 350px; 
height: auto; 
padding: 3px 15px; 
background-color: #a5d3cc; 
color: #ffffff;
font-family: arial; 
font-size: 10px; 
font-weight: normal; font-style: normal; 
text-align: justify; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 1; }

div.tba-text::after { content: ""; position: absolute; bottom: -2px; right: -26px; width: 15px; height: 30px; clip: rect(15px, 20px, 45px, 0px); border-color: #a5d3cc; border-width: 0px 12px; border-style: solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 1; }