::-webkit-scrollbar { width: 5px; height: 5px; }  
::-webkit-scrollbar-track { background-color: #e4fac4; } 
::-webkit-scrollbar-thumb { background-color: #a6c11e; }

/* CS1 */

.tcl .usersname a { margin-left: 45px;}
#pun th {color: transparent;} /* невидимое на главной форум*/
#pun-live-rusff .cooltext { margin-left: 45px;}  
#pun-online #pun-main h1 span { margin-left: 45px;} 
#pun-userlist #pun-main h1 span { margin-left: 45px;} 
#pun-profile #pun-main h1 span { margin-left: 45px;} 
#pun-message #pun-main h1 span { margin-left: 45px;} 
#pun-searchtopics #pun-main h1 span { margin-left: 45px;} 
#pun-searchposts #pun-main h1 span { margin-left: 45px;} 
#pun-crumbs1 .crumbs span { font-size: 18px; font-family: 'Lobster'; text-transform:lowercase; color: #2c5503;}  /*  название форума*/
#pun-main h1 span { margin-left: 45px;} 
#pun-announcement h2 span {
  display: none;
  }  /*убираем слово объявление*/
.tclcon h3 a {
font-size: 16px; font-family: 'Oleo Script', cursive; text-transform:lowercase; /* шрифт подфорумов*/
}
 .tc2 {
font-size: 18px; font-family: 'Oleo Script', cursive; text-transform:lowercase; color: #569e1b;
}
 .tc3 {  
color: #569e1b; font-size: 18px;font-family: 'Oleo Script', cursive; text-transform:lowercase; 
}


 
.hasicon .tcr a {  
font-family:calibri, times; text-transform:lowercase; font-style:italic; font-size:12px;letter-spacing:1px; font-weight: bold; color: #569e1b; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px; text-shadow: 1px 1px 0px #ffffff; transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s
} 

.hasicon .tcr a:hover {  
font-family:calibri, times; text-transform:lowercase; font-style:italic; font-size:12px;letter-spacing:3px; font-weight: bold; color: #4d6d02; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px; text-shadow: 1px 1px 0px #ffffff;
} 



 
/* CS1.2 пан */
#pun {background-color: #ffffff; background-image: url(http://sa.uploads.ru/sztEr.jpg);}


/* CS1.3 боди */
body {background-color: #000000; background-attachment: fixed; background-image: url(http://sa.uploads.ru/pN10n.jpg); background-position: top center; }



/* CS1.4 футер*/
#pun-about p.container {background-color: #;
   background-image : url("http://sc.uploads.ru/VfiRE.png");
   margin-left: -91px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1000px;
   height : 420px; 
   margin-bottom: -30px;
   overflow-x: hidden;}



/* CS1.6 пользовательское меню */
 
   #pun-navlinks .container {text-align: center; position: absolute; font-style:italic;
top: 620px;
left: 120px; 
font-family:calibri, times; text-transform:uppercase; font-style:italic;  font-size:13px;letter-spacing:3px; font-weight: bold; color: #4d6d02; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px; text-shadow: 1px 1px 0px #ffffff;}

#pun-ulinks .container { 
text-align: center; 
position: absolute; 
top: 600px;
left: 80px;
font-family:calibri, times; text-transform:uppercase; font-style:italic; font-size:9px;letter-spacing:3px; font-weight: bold; color: #4d6d02; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px; text-shadow: 1px 1px 0px #ffffff;
}   
 
 
  
/* CS1.7 текст форума */
.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: #000000;
font-weight: normal;
font-style: normal;}
 
/* CS1.8 */
#pun-navlinks .container {text-align: center; position: absolute; background-color: transpanent;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}

/* CS2 иконки */
 
/* CS2.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 70px;
height: 70px;
background-image : url(http://sa.uploads.ru/UF8M1.png);
background-repeat: no-repeat;}
 
/* CS2.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://sa.uploads.ru/iLB0Z.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS2.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://sc.uploads.ru/Y3do7.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS2.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://sc.uploads.ru/U3eJN.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}



/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://sa.uploads.ru/XfDhy.png);
height: 345px;
width: 1000px;
font-size:0 !important;
margin-left: -80px;}

#pun-category2.category h2 {
background: url(http://savepic.org/5548136.png);
height: 345px;
width: 1000px;
font-size:0 !important;
margin-left: -80px;}

#pun-category3.category h2 {
background: url(http://savepic.org/5520489.png);
height: 345px;
width: 1000px;
font-size:0 !important;
margin-left: -80px;}

#pun-category4.category h2 {
background: url(http://savepic.org/5507176.png);
height: 345px;
width: 1000px;
font-size:0 !important;
margin-left: -80px;}

#pun-category5.category h2 {
background: url(http://savepic.org/5510249.png);
height: 345px;
width: 1000px;
font-size:0 !important;
margin-left: -80px;}




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

/* CS3 ссылки */

/* CS3.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #2c5503;
  text-decoration: none;}

/* CS3.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: #569e1b; 
  text-decoration: none;}

/* CS3.3 */
#pun-navlinks a {
  color: #2c5503;
  text-decoration: none;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #569e1b;
  text-decoration: none;}
 








/* CS5.1 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #; 
background-image: url("адрес");
color: #}


/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
padding: 11px;
padding-top: 10px;
 
background: transparent; 
border: double;
border-top: 2px solid #bfdc5a;  
border-bottom: 2px solid #bfdc5a;
border-right: 2px solid #cfe878;
border-left: 2px solid #cfe878; 
margin-top: 2px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 5px;
-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4);
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 35px; 	  
}  
    
/* CS5.2 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f2fedb;
color: #000000}

/* CS5.3 баннер рекламный */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 450px;  
top: -400px} 
 
/* CS5.4 движение меню */
#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-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


 

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


 



 









/*ШАПКА*/      
  
  

/* Tabla*/    
 .thtitle2 { width: 340px; height: 40px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}   
.headert::-webkit-scrollbar { width: 2px; height: 2px; }  
.headert::-webkit-scrollbar-track { background-color: #e4fac4; } 
.headert::-webkit-scrollbar-thumb { background-color: #a6c11e; }
.header { width: 1150px; height: 653px; margin-left: -41px; position: relative; overflow: hidden; background-image: url(http://sa.uploads.ru/uFoad.png); background-repeat : no-repeat;}   
.header .header1 { width: 300px; height: 350px; background-color: #eafcd1; padding: 10px; position: absolute; right: -1000px; top: 50px;  opacity:.0; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s;
border-bottom-left-radius: 65px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;} 
.header:hover .header1 { right: 780px; top: 110px; opacity:.99; transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);} 
.header .header2 { width: 245px; height: 350px; padding: 10px; background-color: #e4fac4; position: absolute; right: -1000px; top: 50px; opacity:.0; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4);  transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s;  } 
.header:hover .header2 { right: 515px; top: 110px; opacity:.99;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
.header .header3 { width: 300px; height: 350px; background-color: #eafcd1; position: absolute; right: -1000px; top: 50px; padding: 10px; opacity:.0; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .4s;  -webkit-transition-delay: .4s;  -moz-transition-delay: .4s;  -ms-transition-delay: .4s;  -o-transition-delay: .4s;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 65px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
.header:hover .header3 { right: 200px; top: 110px; opacity:.99;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
.htitle { width: 180px; text-align: center; font-family: 'Anton', sans-serif; font-size: 30px; line-height: 100%; color: #ffffff; text-shadow: 1px 1px 0px #222; text-transform: uppercase;}
.headert { width: 280px; height: 130px; background-color: transparent; overflow: auto; color: #323232; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding-right: 5px; font-size: 10px; }  
.headert2 { width: 205px; height: 170px; background-color: #e4fac4; overflow: auto; color: #323232; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding-right: 5px; font-size: 10px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }   
 

.twi { width: 225px; height: 30px;; background-color: transparent; overflow: auto; color: #00000; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding: 5px; font-size: 10px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.twit { width: 240px; height: 20px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 20px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01; }
.twib { width: 330px; height: 20px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 20px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01; } 

 .twis { width: 275px; height: 65px;; background-color: transparent; overflow: auto; color: #00000; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding: 5px; font-size: 10px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.twits { width: 291px; height: 20px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 20px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01; }


 
 /*Navi*/

.salvatores a {font-family:calibri, times; text-transform:uppercase; font-style:italic; font-size:10px;letter-spacing:1px; line-height:18px; font-weight: bold;}
#niklaus{width:400px;height:220px;transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s}
#niklaus .finn{width:100px;height:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;border-radius:100px;background-color:#bfdc5a;transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s}
#niklaus .rebekah{height:60px;transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s}
#niklaus:hover .rebekah{height:5px}
#niklaus:hover .kol{opacity:1;margin-top:10px}
#niklaus:hover .elijah{opacity:1;margin-top:-155px;margin-left:-185px;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
#niklaus:hover .mikael{opacity:1;margin-top:-100px;margin-right:-185px;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
#niklaus .kol,#niklaus .elijah,#niklaus .mikael{opacity:0;width:100px;height:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;border-radius:100px;background-color:#bfdc5a;margin-top:-100px;transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s}


 
 /*BEST POST*/ 
.sydscroll::-webkit-scrollbar-thumb:vertical { 
background-color: #1c8170;
height: 50px;
}
.sydscroll::-webkit-scrollbar {
background-color: #fafafa;
height: 10px;
width: 2px; 
}
#sydneyone { width: 200px; height: 100px; background: #a6c11e; padding: 8px; }
#sydneytwo { width: 200px; height: 100px; background: #cfe878; border: 1px solid #cbf1fa; overflow: hidden; margin-left:2px;}
#sydneythree {width: 202px; height: 102px; background-image: url(http://savepic.org/5310435.png); float: left; transition: all 1s ease; transition-duration: 1s;  -moz-transition-duration: 1s; -webkit-transition-duration: 1s;  -o-transition-duration: 1s; position: relative;top: -102px;}
#container { width: 200px; height: 100px;   }
#container:hover #sydneythree { width: 0px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;-o-transition: all 2s ease;-ms-transition: all 2s ease;transition: all 2s ease;  }

#description { width: 200px; height: 100px; overflow: auto; position: relative;  }
#descriptiontext:first-letter { font-family: Lobster; font-size: 35px; color: #1c8170; text-shadow: 2px 2px 2px #F9F5E0; }  

/* BEST TANDEM*/
#sydneyone2 { width: 200px; height: 100px; background: #577e01; border-left: 8px solid #577e01; border-top: 8px solid #577e01; border-bottom: 8px solid #577e01; border-right: 8px solid #577e01; margin-left: 16px;}  









 
/*NEED U*/ 
.app { width: 130px; height: 110px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 7px 0px rgba(188, 226, 63, 0.75); -moz-box-shadow:  1px 1px 7px 0px rgba(188, 226, 63, 0.75); box-shadow:  1px 1px 7px 0px rgba(188, 226, 63, 0.75);}
.app .appn { width: 130px; font-family: 'Coming Soon', cursive; font-size: 30px; text-align: center; color: #bce23f; line-height: 100%; background-color: #efeef3; padding: 10px; position: absolute; bottom: 200px; left: 65px; text-shadow: 2px 2px 0px #d70385, 3px 3px 0px #fff, 4px 4px 0px #d70385; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; opacity: .99;}
.app:hover .appn { opacity: .3; }
.app .app1 { width: 120px; height: 130px; padding: 10px; background-color: #efeef3; position: absolute; top: 10px; left: -200px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.app:hover .app1 { left: 10px; }
.app .app2 { width: 120px; height: 130px; padding: 10px; background-color: #efeef3; position: absolute; bottom: 10px; left: -200px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.app:hover .app2 { left: 10px; }
.app .app3 { width: 110px; height: 140px; padding: 10px; background-color: #efeef3; position: absolute; top: -500px; left: 160px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.app:hover .app3 { top: 10px; }
.app .app4 { width: 120px; height: 130px; padding: 10px; background-color: #efeef3; position: absolute; top: 10px; right: -200px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.app:hover .app4 { right: 10px; }
.app .app5 { width: 120px; height: 130px; padding: 10px; background-color: #efeef3; position: absolute; bottom: 10px; right: -200px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.app:hover .app5 { right: 10px; }
.appa { font-family: 'Coming Soon', cursive; font-size: 20px; text-align: center; color: #bce23f; line-height: 100%;  text-shadow: 2px 2px 0px #d70385, 3px 3px 0px #fff, 4px 4px 0px #d70385 }


 




/* ссылки в podforumax */ 
.loldescl { text-align: left; margin-top: 2px; margin-left: 35px;  margin-right:-5px; margin-bottom: 2px;}
.loldescl a { weight: 200px; background-color: transparent; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 5px; text-align: center; line-height: 100%; display: inline-block; 
-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4);
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s; } 
     
      
.loldescl { text-align:left; margin-top: 2px; margin-left: 35px; }
.loldescl a:link { weight: 200px; background-color: transparent; color: #62a109; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 5px; text-align: center; line-height: 100%; display: inline-block; 
-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4);
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s; } 
.loldescl a:hover, .loldescl a:focus, .loldescl a:focus, .loldescl a:active { background-color: #e4fac4; color: #62a109; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 5px; text-align: center; line-height: 100%; display: inline-block;
-webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transform:rotate(720deg);-moz-transform:rotate(720deg);-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);-o-transform:rotate(720deg);
margin-right:-5px; margin-left:-5px; margin-top: 2px; }
   
 




/*подфорумы*/       
   
.cant2 { width: 200px; background-color: transparent; padding: 14px 5px 5px 5px; text-align: justify; line-height: 11px; font-family: 'Anaheim', sans-serif; font-size: 10px; color: #000;} 
#cant2:first-letter { font-family: Lobster; font-size: 25px; color: #1c8170; text-shadow: 2px 2px 2px #F9F5E0; padding-top: 15px; }
#cant2 { width: 200px; height: 90px; overflow: auto; position: center;  }  
  
  
.canb672 { width: 260px; height: 185px; background-image: url(http://sc.uploads.ru/Fq807.png);  background-repeat : no-repeat; padding: 10px; transition-duration: .9s; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -ms-transition-duration: .9s; -o-transition-duration: .9s; transition-delay: .9s;  -webkit-transition-delay: .9s;  -moz-transition-delay: .9s;  -ms-transition-delay: .9s;  -o-transition-delay: .9s;}  
.canb672:hover { width: 260px; height: 185px; background-image: url(http://sa.uploads.ru/89N1U.png);  background-repeat : no-repeat; padding: 10px;}  
     
 .canbk2 { width: 260px; background-color: transparent; }         
       
   
/*полоски*/
.cabk7 { width: 60%; background-color: #a6c11e; border-left: 0px solid #62a109; border-right: 30px solid #62a109; padding: 2px; position: center; padding-left: 5px; transition-duration: .7s; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s;  transition-delay: .7s;  -webkit-transition-delay: .7s;  -moz-transition-delay: .7s;  -ms-transition-delay: .7s;  -o-transition-delay: .7s}
.cabk7:hover { width: 60%; background-color: #a6c11e; border-left: 30px solid #62a109; border-right: 0px solid #62a109; padding: 2px; position: center;}
.cabk8 { width: 50%; background-color: #ffffff; padding: 2px; position: center; }

    
     
.canmt3 { width: 200px; font-family: 'annabelle', cursive; font-size: 25px; text-transform: lowercase; border-left: 30px; line-height: 100%; color: #000000; text-align: center; padding-top: 5px; padding-left: 5px;}

/*крутяшки изобр.*/

#ex4 {
	width: 250px;
	margin: 0 auto;
}
 
#ex4 img {
	margin: 20px;
	border: 3px solid #00c6e3;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
 
#ex4 img:hover {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
}










  
/* Tabla2*/      
    
 .tthead { background-image: url(http://sa.uploads.ru/ZGyDN.jpg); width: 820px; height: 270px; margin-top: 90px;
border-bottom-left-radius: 65px;
border-bottom-right-radius: 65px; 
border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
}
.theadert::-webkit-scrollbar { width: 2px; height: 2px; }  
.theadert::-webkit-scrollbar-track { background-color: #e4fac4; } 
.theadert::-webkit-scrollbar-thumb { background-color: #a6c11e; }
.theader { width: 250px; height: 200px; background-color: #eafcd1; padding: 10px; position: absolute; right: 625px; top: 710px; opacity:.99; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; 
border-bottom-left-radius: 55px;
border-bottom-right-radius: 0px; 
border-top-left-radius: 0px; 
border-top-right-radius: 0px;}  
.theader2 { width: 245px; height: 200px; padding: 10px; background-color: #e4fac4; position: absolute; right: 375px; top:710px; opacity:.99; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-delay: .2s;  -webkit-transition-delay: .2s;  -moz-transition-delay: .2s;  -ms-transition-delay: .2s;  -o-transition-delay: .2s;  } 
.theader3 { width: 250px; height: 200px; background-color: #eafcd1; position: absolute; right: 105px; top: 710px; opacity:.99; padding: 10px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-delay: .4s;  -webkit-transition-delay: .4s;  -moz-transition-delay: .4s;  -ms-transition-delay: .4s;  -o-transition-delay: .4s; 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 55px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; } 
.thtitle { width: 280px; height: 40px; text-align: center; font-family: 'Lobster', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}
.theadert { width: 220px; height: 150px; background-color: #e4fac4; overflow: auto; color: #323232; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding-right: 5px; font-size: 10px;}  
.theadert2 { width: 240px; height: 40px; background-color: transparent; overflow: auto; color: #323232; font-family: arial, sans-serif; line-height: 100%; text-align: justify; padding: 2px; font-size: 10px; }  
   
      /* СТАТИСТИКА - КОД ОТ ТИГРУШИ */  
 
       .cat::-webkit-scrollbar-thumb:vertical { 
background-color: #1c8170;
height: 50px;
}
.cat::-webkit-scrollbar {
background-color: #fafafa;
height: 10px;
width: 2px; 
}
             
.catav .catcat {width: 60px; height: 60px; background-color: transparent; } 
.catav:hover .catcat {width: 60px; height: 60px; background-color: transparent;} 
.catcat:hover .catav {width: 60px; height: 60px; background-color: transparent;} 
       
.catav { width: 500px; height: 500px; position: relative; overflow: hidden; background-image: url(http://sa.uploads.ru/57Zcm.png); }
.catav .catimg { width: 257px; height: 257px;  position: absolute; left: -160px; top: -130px; opacity:.0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.catav:hover .catimg { top: 50px; left: 260px; opacity:.99;} 
             
.catav .catyr { width: 500px; height: 50px; background-color: #f4dbc5; padding: 10px; position: absolute; bottom: -600px; opacity:.0; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; font-family: calibri; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; text-align: justify; color: #000000;} 
.catav:hover .catyr { bottom: 145px;  opacity:.90;}
  
.catav .caton { line-height: 20px; overflow: auto; width: 500px; height: 120px; background-color: #f4dbc5; padding: 10px; position: absolute; bottom: -600px; opacity:.0; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; font-family: calibri; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; text-align: justify; color: #000000;}
.catav:hover .caton { bottom: 0px; opacity:.90;}
    .caton::-webkit-scrollbar { width: 5px; height: 5px; }  
.caton::-webkit-scrollbar-track { background-color: transparent; } 
.caton::-webkit-scrollbar-thumb { background-color: #f4dbc5; } 
.catav .caton2 { line-height: 20px; overflow: auto; width: 500px; height: 70px; font-family: calibri; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; text-align: justify; color: #000000;}
.catav:hover .caton2 {width: 500px; height: 70px; font-family: calibri; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; text-align: justify; color: #000000; opacity:.99;} 
    .caton2::-webkit-scrollbar { width: 5px; height: 5px; }  
.caton2::-webkit-scrollbar-track { background-color: transparent; } 
.caton2::-webkit-scrollbar-thumb { background-color: #f4dbc5; }

.catav .cat6 { overflow: auto; width: 500px; height: 30px; padding-top: 10px; top: 9px; padding-bottom: 10px; line-height: 20px;  color: #000000; background-color: #f4dbc5; border-left: 7px solid #312220; border-bottom: 1px solid #312220; border-top: 1px solid #312220; border-right: 7px solid #312220; opacity:.0; text-align: center; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 100%; text-transform: uppercase; position: absolute; right: -300px; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transitions-duration: .4s;}
.catav:hover .cat6 { right: -9px; opacity:.89;} 
.cat62 {  width: 400px; height: 30px; padding-left: 50px; text-align: center; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 100%; text-transform: uppercase; }
  
        
           
.catav .cat3 { width: 260px; height: 15px; color: #000000; background-color: #f4dbc5; border-right: 5px solid #312220; opacity:.0; text-align: center; font-family: calibri; font-size: 9px; letter-spacing: 1px;  text-shadow: 1px 1px 0px #141414; line-height: 100%; text-transform: uppercase; position: absolute; top: 260px; left: -300px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transitions-duration: .5s;}
.catav:hover .cat3 { left: -2px; opacity:.99;} 
          
.catav .cat4 { width: 260px; height: 20px; padding-top: 3px; padding-bottom: 5px; color: #000000; background-color: #f4dbc5; border-right: 5px solid #312220; opacity:.0; text-align: center; font-family: calibri; font-size: 9px; letter-spacing: 1px; line-height: 100%; text-transform: uppercase; position: absolute; top: 90px; left: -300px; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transitions-duration: .6s;}
.catav:hover .cat4 { left: -2px; opacity:.89;}
     
.catav .cat5 { width: 260px; height: 20px;padding-top: 3px; padding-bottom: 5px; color: #000000; background-color: #f4dbc5; border-right: 5px solid #312220;  opacity:.0; text-align: center; font-family: calibri; font-size: 9px; letter-spacing: 1px; line-height: 100%; text-transform: uppercase; position: absolute; top: 130px; left: -300px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transitions-duration: .7s;}
.catav:hover .cat5 { left: -2px; opacity:.89;}
    
.catav .cat7 { width: 260px; height: 20px;padding-top: 3px; padding-bottom: 5px; color: #000000; background-color: #f4dbc5; border-right: 5px solid #312220; opacity:.0; text-align: center; font-family: calibri; font-size: 9px; letter-spacing: 1px; line-height: 100%; text-transform: uppercase; position: absolute; top: 170px; left: -300px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transitions-duration: .8s;}
.catav:hover .cat7 { left: -2px; opacity:.89;} 
   
.catav .cat8 { width: 260px; height: 20px;padding-top: 3px; padding-bottom: 5px; color: #000000; background-color: #f4dbc5; border-right: 5px solid #312220; text-align: center; font-family: calibri; font-size: 9px; letter-spacing: 1px;   opacity:.0; text-align: center; line-height: 100%; text-transform: uppercase; position: absolute;  top: 210px; left: -300px; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -ms-transition-duration: .9s; -o-transition-duration: .9s; transitions-duration: .9s;}
.catav:hover .cat8 { left: -2px; opacity:.89;}