/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.0A Настройки фона*/
/* оформление подфорумов*/


body {
background: url("http://co.forum4.ru/files/0018/14/85/47997.png") repeat-x top center, /*верхний фон*/
#311c55 url("http://co.forum4.ru/files/0017/eb/ef/96926.png") repeat; /*общий фон*/
}
body {overflow-x: hidden}




/* CS1.0B Настройки "тела" форума*/
#pun {
background: url("http://co.forum4.ru/files/0018/14/85/32120.png") repeat-y scroll top center;
background-color: #d5d5d5;
}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 5px;
height: 5px;
background-color: #4f5d79;}
::-webkit-scrollbar-thumb{
background-color: #2c2734; }

/* CS1.0D Настройки шапки*/
#pun-title.section {
  background: transparent url("http://co.forum4.ru/files/0018/14/85/87135.png") top center scroll no-repeat; 
    height: 900px;
  width: 1836px; 
  margin-top: -1px;
  margin-left: -476px;}

/* CS1.0F Настройки футера/копирайта */
#pun-about p.container {
background-image : url(http://co.forum4.ru/files/0017/eb/ef/96822.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 220px;
width: 1196px; 
margin-left: -157px;
text-align: center;
margin-top: 0px;
border-color: transparent;
margin-bottom: -23px;
font-size:0 !important;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:30px !important;
}

/* CS1.1 Элементы форума*/
.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, #pu
n-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  {
  background-color: transparent;
  }

/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 11px;
 text-align: center;
 font-family: Gagalin;
 text-transform: uppercase;
 color: #c6cad5;
 height: 10px;
 width: 877px;
 margin-left:-55px;
 font-weight: itali;
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: transparent;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: #cecece url("");
padding: 7px;
border: 1px solid #e4e4ed;
border-top: 2px solid #dadadc;
border-bottom: 1px solid #dadadc;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 15px;
color: #000000;
  }


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0 1.0em 0 1.0em;
color: #000 !important;
display: block;
font-family: Tahoma; 
font-style: normal;
font-size: 14px !important;
text-align: center;
line-height: 15px;
padding: 10px;
background: #cecece ;
padding: 7px;
border: 1px solid #e4e4ed;
border-top: 2px solid #dadadc;
border-bottom: 1px solid #dadadc;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 30px;
}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  font-family: tahoma;
  }

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

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
background: #cecece url("");
padding: 7px;
border: 1px solid #e4e4ed;
border-top: 2px solid #dadadc;
border-bottom: 1px solid #dadadc;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 20px;
color: #000000;
border-radius: 33px;
border: 3px double #d0d3d2;
color: #000;
  }

/* CS1.10 Настройки профиля в теме*/
li.pa-author {text-transform: none;}

.post-author ul li{
line-height: 10px;
}

li.pa-title {font-family: verdana;
font-weight: bold;
font-size: 10px;
}

.pa-author {font-size: 22px; 
font-family: 'Bebas Neue';
line-height: 60%;
padding: 10px 0px 0px 0px !important;
}


/* соо и репа*/
.pa-posts {
text-align: center;
  width: 55px;
 padding: 65px;
 background: #e4e4ed;
  border: 1px solid #e3d0d2;
  border-top: 2px solid #;
  border-bottom: 2px solid #;
  -webkit-box-shadow:0 1px 4px #ebdcde, 0 0 30px #ebdcde inset;
  border-radius: 10px;
  color: #000;
font-size: 12px;
margin-left: 0px;
text-align: left; 
border-radius: 2px;  repeat-y;
display: inline-block;
text-align: center; 
text-transform: lowercase;
font-family: 'Codename Coder Free 4F';
padding: 3px 3px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
color: #000000;
}

.pa-respect {
text-align: center;
  width: 55px;
 padding: 65px;
 background: #e4e4ed;
  border: 1px solid #e3d0d2;
  border-top: 2px solid #;
  border-bottom: 2px solid #
  -webkit-box-shadow:0 1px 4px #ebdcde, 0 0 30px #ebdcde inset;
  border-radius: 10px;
  color: #000;
display: inline-block;
margin-left: 0px;
font-size: 12px;
text-align: left; 
font-family: 'Codename Coder Free 4F';
 text-transform: lowercase;
border-radius: 1px;  repeat-y;
display: inline-block;
text-align: center;
padding: 3px 3px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
color: #000000;
}


/* деньги*/
.pa-fld4 {
text-align: center;
  width: 55px;
 padding: 65px;
 background: #e4e4ed;
  border: 1px solid #e3d0d2;
  border-top: 2px solid #;
  border-bottom: 2px solid #;
  -webkit-box-shadow:0 1px 4px #ebdcde, 0 0 30px #ebdcde inset;
  border-radius: 10px;
  color: #000;
font-size: 12px;
margin-left: 0px;
border-radius: 1px;  repeat-y;
display: inline-block;
text-align: center;
font-family: 'Codename Coder Free 4F';
 text-transform: lowercase;
padding: 3px 3px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
color: #000000;
}

/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
background: #d4d4d4;
padding: 2px;
font-family: 'Codename Coder Free 4F';
border: 1px double #b2a5e3;
-moz-box-shadow: inset 0 0 3px 3px #758b2f;
-webkit-box-shadow: inset 0 0 3px 3px #758b2f; 
box-shadow: inset 0 0 3px 3px #2b2634;
border-radius: 20px;
color: #000000;
}



/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
background: #d4d4d4 url("");
padding: 2px;
font-size: 13px;
font-family: Codename Coder Free 4F;

border-top: 2px solid #dadadc;
border-bottom: 4px solid #dadadc;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 20px;
color: #000000;
}

#post .formsubmit {text-align: center;}

/* кнопки*/
.punbb .button {
background: #cecece url("");
padding: -3px;
border: 2px solid #e4e4ed;
border-top: 2px solid #292431;
border-bottom: 1px solid #4e5b78;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border-radius: 20px;
color: #292431;
text-shadow: px 1px 1px #dadada;
font-size: 13px;
font-family: Codename Coder Free 4F;
color: #fff !important;
font-weight: ;
height: 20px;

padding: 3px;
min-width: 100px;
text-align: center;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.punbb .button:hover {
background-color:#707070;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.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, #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-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 {
  color: #566481;
  border-bottom: 0px none #000;
  text-decoration: none;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #311c55
  }

/* Настройки ссылок при наведении*/
.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: #e2e2e4;
  border-bottom: 0px none #000;
  }

/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {
color: #566481;
text-shadow: #000 1px 0px;
  }

/* Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #292532;
text-shadow: #000 1px 0px;
  }

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-right: 80px;
top: 8px;
width: 90px;
height: 90px;
background-image : url();
background-repeat: no-repeat; }

TR.inew Div.icon {background-image : url(http://co.forum4.ru/files/0018/14/85/69491.png); background-repeat: no-repeat;}
TR.iold Div.icon {background-image : url(); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS5 Другое
 -------------------------------------------------------------*/

 .closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {
  display: none
}

#pun-stats ul.container {
  background: transparent url(http://sd.uploads.ru/zgpr1.gif) no-repeat 10px 15px;
  padding-left: 100px;}

#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #52607c;
padding: 3px; 
background: #f2efe5 !important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #f2efe5 !important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
color: #6a2403 !important;}

hr {
border: none;
border-top: dashed 1px #b19145;}

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

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

.punbb .post-sig dt { 
border: none;
border-top: dashed 1px #000;
  }

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

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


/*CS6 TABLE
 ---------------------------------*/
#table_block {
width: 840px; 
height: 200px;
background: #ffedd1;
color: #b8aa90; 
margin-left: -7px;
}

#menu {
height: 20px;
background: #e8e5dc;
margin-top: -5px;
}

#menu span {
width: 830px;
padding: 0px 10px;
cursor: pointer;
opacity: 0.8;
font-family: Tahoma;
font-size: 14px;
text-transform: uppercase;
}

#menu .tabactive{
border: none !important;
opacity: 1.0;
}

#submenu {
height: 150px;
font-size: 11px;
width: 830px;
color: #818181;
}

#plng {
   font-family: verdana;
   font-size:11px;
   color:#000000;
}



/* Категории
 -------------------------------------------------------------*/
#pun-stats.section h2 span, .category h2 span {
}
#pun-category1.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/54877.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category2.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/73555.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category3.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/38422.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category4.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/94296.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category5.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/88783.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category6.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/24668.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category7.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/34653.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category8.category h2 {
background: url(http://co.forum4.ru/files/0018/14/85/45083.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category9.category h2 {
background: url(http://s4.uploads.ru/QzveF.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category10.category h2 {
background: url(http://s1.uploads.ru/vOpng.png) no-repeat center;
height: 95px;
width: 986px;
margin-left: -44px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-stats.section h2 {
background: url(http://co.forum4.ru/files/0018/14/85/64511.png) no-repeat center;
height: 130px !important;
font-size: 0px !important;
width: 985px;
margin-left: -43px;
color: transparent;
}



/* лз */


.lz {
margin-top: 1px !important;
  width: 170px !important;
  margin-left: 6px !important;
  padding: 0px 0px 1px 0px;
float: left;
}

.lz1 {
margin-top: -2px ;
  text-align: center;
  width: 170px;
  padding: 6px;
 background: url("http://co.forum4.ru/files/0018/0f/ac/35753.png") ;
  border: 1px solid #212e98;
  border-top: 2px solid #2e3565;
  border-bottom: 2px solid #2e3565;
  -webkit-box-shadow:0 1px 4px #191029, 0 0 30px #97afc9 inset;
  border-radius: 2px;
  color: #000;
  margin-left: 15px !important;
float: left;
border-spacing: 5px 1px;
}



.lz2{
  text-align: center;
  width: 165px;
  padding: 2px;
font-family: 'Bebas Neue';
  font-size:13px;
}

.lz3{
  text-align: left;
  width: 165px;
  padding: 4px;
font-family: 'Bebas Neue';
  font-size:10px;
line-height: 8px;
}


.l1{

 width: 180px;
 height: 30px;
}



.lz6 {
 text-align: center;
  width: 40px;
 text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.5);
 color: #93569e; 
height: 30px;
  font-family: 'Bebas Neue';
  font-size:35px;
 padding: 5px;
 background: #a3bad0;
  border: 1px solid #e5e5ee;
  border-top: 2px solid #e5e5ee;
  border-bottom: 2px solid #e5e5ee;
  -webkit-box-shadow:0 1px 4px #97afc9, 0 0 30px #97afc9 inset;
  border-radius: 6px;
  color: #000;
margin-left: 25px;
}

.lz7 {
  text-align: center;
  width: 75px;
 padding: 4px;
 background: #a3bad0;
  border: 1px solid #e5e5ee;
  border-top: 1px solid #e5e5ee;
  border-bottom: 1px solid #e5e5ee;
  -webkit-box-shadow:0 1px 4px #97afc9, 0 0 30px #97afc9 inset;
  border-radius: 5px;
  color: #000;
}



.lz9 {
  text-align: center;
  width: 150px;
 padding: 4px;
  border-radius: 3px;
  color: #000;
margin-left: 10px;
}




.lz8 {
  width: 120px;
}


.lz10{
  text-align: center;
  width: 165px;
  padding: 2px;
font-family: 'Bebas Neue';
  font-size:15px;
}






/* STRUCTURE
-------------------------------------------------------------*/

/* H5.4 амс */  
.tooltip {
 position: relative;
}
.tooltip span{
  visibility: hidden;
  position: absolute;
  top: -130px; left: -20px;
color: #c2b0a9;
  background-color: #111231;	
  border: 3px double #201430;
  padding: 3px;
} 
.tooltip:hover span{
  visibility: visible;
}




/* рамка аватара */
li.pa-avatar img {
border-style: solid;
border-width: 2px;
border-color: #2e3565;
}






/* линки*/
.link1 { width: 90px; padding: 1px; 
background-color: #d1d4dd; 
color: #c2b0a9;
border-radius: 5px;  repeat-y;
line-height: 100%;
 margin-bottom: 1px; 
font-size: 8px; 
font-family: 'Intro';
 text-align: center; 
border-bottom: 1px solid #caced9; 
border-top: 1px solid #caced9;
 transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; }
.link1 a { color: #332f51; text-transform: uppercase; line-height: 100%; font-size: 11px; font-family: Impact; text-align: center;}
.link1:hover { color: #332f51; box-shadow:inset 210px 0 0 #332f51;}




summary {
         outline:0;
        }

details summary::-webkit-details-marker {
  display: none;
}
  
#cl4-one {top: 0px;margin-left: 0px; width: 520px; height: 50px; position: relative; overflow: hidden;}
.cl4-name {padding: 4px; position: absolute; top: 2px; left: 20px; width: 490px;}
.cl4-n2 {padding: 5px;}
.cl4-nn {font-family: certege; font-size: 15px;  letter-spacing: 5px;  text-transform: uppercase; text-align: center; color: #fff;}


#cl5-one {top: -10px; margin-left: 60px; width: 570px; height: 340px; position: relative; overflow: hidden;}
.cl5-name {padding: 1px; position: absolute; top: -5px; left: 20px; width: 540px;}
.cl5-n2 {padding: 5px;}
.cl5-nn {font-family: Arial; font-size: 11px;  letter-spacing: 1px;  text-align: center; color: #fff; overflow: auto;}





.posted {
    width: 550px;
    height: 700px;
    margin: 0 auto;
    padding: 5px;
border: 4px solid #302940;
 border-radius: 50px 20px 50px 20px;
    background: url('http://co.forum4.ru/files/0018/14/85/47570.png');
    background-repeat: repeat;
}



#osnova { top: -23px; width: 530px; height: 185px; background-color:  rgba(15,17,38,0.8);  border-radius: 20px 20px 20px 20px;
 padding: 10px; box-shadow: 1px 1px 3px #1e2042; position: relative; }

#cl-one {margin-left: px; width: 580px; height: 100px; position: relative; overflow: hidden;}
.cl-name {padding: 6px; position: absolute; top: 2px; left: 20px; width: 490px;}
.cl-n2 {padding: 10px;}
.cl-nn {font-family: certege; font-size: 35px; text-transform: uppercase; text-align: center; color: #fff;}


#cl1-one {top: -20px; margin-left: px; width: 580px; height: 100px; position: relative; overflow: hidden;}
.cl1-name {padding: 4px; position: absolute; top: -5px; left: 20px; width: 490px;}
.cl1-n2 {padding: 5px;}
.cl1-nn {font-family: certege; font-size: 20px;  letter-spacing: 3px;  text-transform: uppercase; text-align: center; color: #fff;}


#cl2-one {top: -80px; margin-left: px; width: 650px; height: 340px; position: relative; overflow: hidden;}
.cl2-name {padding: 1px; position: absolute; top: -5px; left: 2px; width: 540px;}
.cl2-n2 {padding: 5px;}
.cl2-nn {font-family: Arial; font-size: 11px;  letter-spacing: 1px;  text-align: center; color: #fff; overflow: auto;}

#cl7-one {top: 170px; margin-left: px; width: 500px; height: 100px; position: relative; overflow: hidden;}
.cl7-name {padding: 4px; position: absolute; top: -5px; left: 20px; width: 400px;}
.cl7-n2 {padding: 5px;}
.cl7-nn {font-family: Beer money; font-size: 14px;  letter-spacing: 3px;  text-transform: uppercase; text-align: center; color: #fff;}
#hello { width: 555px; height: 700px; border: 4px solid #302940;
 border-radius: 50px 20px 50px 20px;
    background: url('http://co.forum4.ru/files/0018/14/85/47570.png');position: relative; overflow: hidden;}
.havei { width: 555px; height: 700px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; position: absolute; left: 0px;}
#hello:hover .havei { left: -700px; }
.mentioned { width: 555px; height: 700px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; position: absolute; left: 735px;}
#hello:hover .mentioned { left: 0px; }

.youtea {width: 555px; height: 700px;}
.youtea::-webkit-scrollbar { width: 5px; } .youtea::-webkit-scrollbar-track { background: transparent; } .youtea::-webkit-scrollbar-thumb { background: #ee7584; }
.youtea p:first-letter {float: left; font-family: la belle aurore; font-size: 30px; padding-top: 15px; padding-right: 10px; color: #d74167; text-transform: uppercase;}


div.linko span { display: none;}

div.linko:hover span { display: block; position: absolute; z-index: 7; width: 75px; padding: 5px; background: #fff; text-shadow: 0px 0px 0px; color: #000; font-size: 10px; text-align: center; line-height: 10px; box-shadow: 1px 1px 1px #aaa; }

#osnova:hover .one{ opacity: 1;} 

div.linkp { width: 40px; height: 35px; background: #f9d6bc; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #e6c6ae; text-align: center; text-transform: uppercase; margin-top: 5px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: 5px; }
div.linko { width: 40px; height: 35px; background: #859392; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #95a6a5; text-align: center; text-transform: uppercase; margin-top: 45px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: -15px; }

.one { width: 140px; height: 130px; padding: 5px; background: RGBA(255, 255, 255, .8); position: relative; top: 25px; opacity: 0;  -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-in; outline: 1px solid #fff; outline-offset: 4px;}






.ams1 {display: inline-block;}
.ams1 a {
    font: italic 12px Fira Mono !important;
    color: #cdcafb!important;
    text-shadow: 1px 1px 0px #1b0c39 !important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    }




.body{ width: 616px; height: auto; margin-left: -10px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://co.forum4.ru/files/0017/eb/ef/72893.png) top no-repeat, url(http://co.forum4.ru/files/0017/eb/ef/12607.png) bottom no-repeat, url(http://co.forum4.ru/files/0017/eb/ef/31691.png) repeat-y;} 




.insta { 
position: relative; 
} 
.insta em { 
display: none; 
} 
.insta:hover em { 
text-transform: none; 
letter-spacing: 0px; 
display: block; 
position: absolute; 
 top: -362px; left: -35px;
padding: 10px 10px 10px 10px; 
bottom: 10px; 
right: 10px; 
} 
.insta:hover em i { 
position: absolute; 
bottom: -7px; 
right: 5px; 
padding: 10px 10px 10px 10px; 
border-top: 2px solid #000; 
border-left: 1px solid transparent; 
display: block; 
}