div.splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div.splCont {height: auto; width: 300px; background:  url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}

.uved{
position: fixed;
z-index: 10000;
top: 80%;
width: 106px;
padding-left: 20px;
padding-right: 0px;
height: 70px;
left: 105% !important;
margin-left: -200px !important;
border-radius: 7px;
box-shadow: 0px 5px 18px rgb(0, 0, 0);
font-weight: bold;
border: medium none;
font-family: arial;
font-size: 12px;
font-style: oblique;
line-height: 9px;
background-color: rgba(89, 88, 132, 0.3);
}

#pun-announcement {
background-image: url("http://i6.imageban.ru/out/2016/03/19/19d955d5354bfd3abf9319fb0447ad78.png");
width: 949px;
margin-left: -46px;
height: 300px;
}

img.post-img-Sp{
margin: 6px 8px !important;
} 

.post-content td {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 0.4em 0.5em !important;
    overflow: hidden;
    vertical-align: baseline;

}

.button{text-decoration: none;
text-align: center;
padding: 4px 5px !important;
border: solid 1px #004F72;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font: 12px Arial, Helvetica, sans-serif !important;
font-weight: bold !important;
color: #c6cecf;
background-color: #303b85;
background-image: -moz-linear-gradient(top, #303b85 0%, #141a31 100%);
background-image: -webkit-linear-gradient(top, #303b85 0%, #141a31 100%);
background-image: -o-linear-gradient(top, #303b85 0%, #141a31 100%);
background-image: -ms-linear-gradient(top, #303b85 0% ,#141a31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141a31', endColorstr='#141a31',GradientType=0 );
background-image: linear-gradient(top, #303b85 0% ,#141a31 100%);
-webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button:hover{
 padding:11px 20px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#dfeaeb; 
 background-color:#3f4fb5; 
 background-image: -moz-linear-gradient(top, #3f4fb5 0%, #1b254a 100%); 
 background-image: -webkit-linear-gradient(top, #3f4fb5 0%, #1b254a 100%); 
 background-image: -o-linear-gradient(top, #3f4fb5 0%, #1b254a 100%); 
 background-image: -ms-linear-gradient(top, #3f4fb5 0% ,#1b254a 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b254a', endColorstr='#1b254a',GradientType=0 ); 
 background-image: linear-gradient(top, #3f4fb5 0% ,#1b254a 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }.button:active{
 padding:11px 20px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#eaf6f7; 
 background-color:#425af5; 
 background-image: -moz-linear-gradient(top, #425af5 0%, #243fab 100%); 
 background-image: -webkit-linear-gradient(top, #425af5 0%, #243fab 100%); 
 background-image: -o-linear-gradient(top, #425af5 0%, #243fab 100%); 
 background-image: -ms-linear-gradient(top, #425af5 0% ,#243fab 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243fab', endColorstr='#243fab',GradientType=0 ); 
 background-image: linear-gradient(top, #425af5 0% ,#243fab 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }
/*Блок аватара и мини-профиля*/
.post-author{
}

/*Область окна ответа*/
.formal textarea {
background-color: #adb9b9;
border-radius: 5px;
}

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Ставим шапку*/
body {
background-image: url("http://i4.imageban.ru/out/2016/02/18/210bbcc7420521d79e82ff50373a1724.png");
background-repeat: no-repeat;
background-position: top center; 
background-color: transparent; 
}

/*Ставим фон*/
HTML {
background-color: фоновый цвет;
background-image: url("http://i6.imageban.ru/out/2016/02/18/7e7dbabd2a844951eb49b41a9e8f4a51.png");
background-repeat: repeat-xy; 
background-position: center top;
}

/*Ставим низ*/
#pun_wrap {  
background-image: url("http://i2.imageban.ru/out/2016/03/05/d38d44037e3052b65905120d27afa762.png");
background-repeat: no-repeat; 
background-position: center bottom;
}

/*Стиль шрифта заголовков категорий*/
@font-face {
    font-family: Romul Regular; /* Гарнитура шрифта */
    src: url(http://www.xfont.ru/font/RomulRegular_42939.htm); /* Путь к файлу со шрифтом */
   }

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* 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 {
  background-color: transparent;
  color: #242322;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #242322;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #35281C;
  text-align: center;
  font-weight: 600;
  font-size: medium;
  
 }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #242322;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #242322
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #242322
  }

/* CS1.7 Цитаты и "код".*/
.punbb .quote-box, .punbb .code-box {
  background-color: RGBA(209, 191, 177, 0.54);
  color: #211D19;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #242322;
  }

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

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

li.pa-online {
  border-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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 {
  color: #3B2F21;
  }

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

/* 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: #B42000;
  }

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

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

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

/*Старые сообщения*/
Div.icon {
background-image : url('http://i2.imageban.ru/out/2016/02/21/707fb678d0576ea7aa6433f07004beba.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('http://i5.imageban.ru/out/2016/02/21/3206ae8fc8a1ee37905365880ed3ae5d.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://i5.imageban.ru/out/2016/02/21/d6964c124cd5cba248a5df19cbc22826.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://i2.imageban.ru/out/2016/02/21/1ed96685beb42705b6c1a325a318a118.png');
background-repeat: no-repeat;
}

/* Стиль таблицы шапки
--------------------------------------------------------------*/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background: #dee3e7;
box-shadow: 0 0 10px black;

}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:200px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position: relative;
z-index: 100;
color: #96C4CE;
cursor: pointer;
display: inline-block;
padding: 4px;
height: 17px;
margin: 0;
margin-right: -1px;
padding-right: 6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Comic Sans Ms";
width: 117px;
text-align: center;
background-image: url("http://i1.imageban.ru/out/2016/02/28/c7f1e08020a7e86ebb10649bb5b2a7a5.png");
background-size: 100%;
margin-left: 34px !important;
}
/* Активное "Ушко" */
.s-tabs>span.selected{
border-bottom-color: transparent !important;
width: 133px;
box-shadow: 0 0 10px #5f96ab;
background-image: url("http://i1.imageban.ru/out/2016/02/28/7eb49ed5f6fecb00fc65a0d220fcc5ca.png");
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden;  
text-align:center;
vertical-align:middle;
border: 4px solid #282d50;
padding:4px 12px!important;
width: 700px;  /*Ширина вкладки*/
margin-left: 150px;/*Смещение вкладки слева*/
height: 225px;
background: url("http://i1.imageban.ru/out/2016/02/28/fe04cbbfe11e41e64ca271637f43b781.png") no-repeat;
background-size: 100%;
border-radius: 7px;
}
/*Вкладка "Приветствие"*/
.hallow{
    font-size: 14px;
    width: 636px !important;
    height: 170px !important;
    float: left;
    margin-left: 0px !important;
    text-align: center;
    margin-left: 41px !important;
    font: 10pt/12pt Comic Sans Ms;
    margin-top: 18px !important;
    color: #b9cee3;
}
/*Вкладка "Новости"*/
.news{
    width: 598px !important;
    height: 139px;
    float: left;
    margin-left: 38px !important;
    text-align: center;
    box-shadow: inset 0 0 8px;
    overflow-y: auto;
    font-size: 9pt;
    padding: 10px;
    background-color: rgba(250, 235, 215, 0.49);
}

.zag{
    width: 500px;
    margin-left: 90px !important;
    color: azure;
    font-size: 12pt;
    margin-top: 15px !important;
}
.AvaAd{
    height: 150px;
    width: 90px;
    margin: 5px !important;
    box-shadow: inset 0 0 8px;
    border-radius: 5px;
    float: left;
    margin-left: 30px !important;
    background-color: rgba(245, 245, 220, 0.6);
}

.Ava {
    height: 80px;
    width: 80px;
    margin: auto !important;
    border-radius: 5px;
}
.Prof{
    text-align: center;
    width: 90px;
    height: 70px;
    font-size: 7pt !important;
}
.mineava{
    width: 620px;
    height: 160px;
    margin-left: 70px;
    margin-right: 10px;
    overflow-x: auto;
}
.pr{
    width: 570px !important;
height: 141px;
float: left;
margin-left: 57px !important;
text-align: center;
box-shadow: inset 0 0 8px;
overflow-y: auto;
font-size: 9pt;
padding: 10px;
background-color: rgba(240, 255, 255, 0.25);
}

/*Меню в таблице в шапке*/

      .menutopdiv{
        margin-bottom: 5px !important;
        height: 30px;
        background-color: antiquewhite;
        width: 711px;
        margin-left: 162px !important;
      }
     
     #sbtop a{
         display:block;
         text-decoration:none;
         font:normal 12px Georgia;
         text-transform:none;
         color: #03b4cc; 
         padding:7px 10px 7px
     }
     
     #sbtop a.arrow{
         );
         background-repeat:no-repeat;
         background-position:right center;
         padding:7px 24px 7px 10px
     }
     
     #sbtop li{
         float: left;
	 position: static;
	 width: 134px !important;
	 margin-left: 35px;
	 background-color: aqua;
	 text-align: center;
     }
     
     #sbtop li ul,#sbtop ul li{
         width:350px;
     }
     
     #sbtop ul li a{
         text-align:left;
         color:#fff;
         font-size:14px;
         font-weight:400;
         text-transform:none;
         font-family:Georgia;
         border:none;
         padding:5px 10px
     }
     
     #sbtop li ul{
         z-index:100;
         position:absolute;
         display:none;
         background: #eee ;
         padding-bottom:0px;
         -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);
         -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4);
  	 width: 100px;
     }
     
     #sbtop li:hover a,#sbtop a:active,#sbtop a:focus,#sbtop li.hvr a{
         background-color: #ccc;
         color:#8b008b
     }
     
     #sbtop li:hover ul,#sbtop li.hvr ul{
         display:block
     }
     
     #sbtop li:hover ul a,#sbtop li.hvr ul a{
         color:#404040;
         background-color:transparent;
         text-decoration:none
     }
     
     #sbtop li ul li.hr{
         border-bottom:1px solid #000;
         border-top:1px solid #fff;
         display:block;
         font-size:1px;
         height:0;
         line-height:0;
         margin:0px 0
     }
     
     #sbtop ul a:hover{
         background-color:rgb(72, 161, 250)!important;
         color:#fff!important;
         text-decoration:none
     }
     
     #sbtop a span,#sbtop a.arrow span{
         font:bold 14px Georgia;
         color:#000;
         display:block;
         line-height:16px;
         text-transform:uppercase;
     }
     
     #sbtop li:hover a span,#sbtop li:hover a.arrow span{
         color: #1c8fce
     }

     .litop{
     background-image: url("http://i2.imageban.ru/out/2016/03/19/bbee6661e804449dbe0de927ad7ff0ac.png") !important;
     background-color: transparent !important;
     background-size: 100%;
}

     .litop :hover{
     background-image: url("http://i2.imageban.ru/out/2016/03/19/8db3ee6accae047e66fc350b2a627fb2.png") !important;
     background-color: transparent !important;
     background-size: 100%;
}

     .Suzet{
	width: 598px !important;
	height: 118px;
	float: left;
	margin-left: 38px !important;
	text-align: center;
	box-shadow: inset 0 0 8px;
	overflow-y: auto;
	font-size: 9pt;
	padding: 10px;
	background-color: rgba(250, 235, 215, 0.49);
     }

     .Weather{
	float: left;
	height: 100px;
	width: 155px;
	background-color: rgba(240, 255, 255, 0.25);
	border-radius: 10px;
	border-style: groove;
     }

     .TD{
  	float: left;
    	height: 49px;
    	width: 155px;
    	background-color: rgba(240, 255, 255, 0.25);
    	border-radius: 10px;
    	border-style: groove;
     }
     .WImg{
	width: 80px;
	margin-left: 76px !important;
	margin-top: -90px !important;
	float: left;
     }
     .fw{
  	float: left;
	width: 70px;
	font-size: small;
	margin-top: 10px !important;
	color: #32220e;
	height: 90px;
	text-align: center;
     }
     .ImgTD{
  	margin-top: 8px !important;
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    	border-radius: 3px;
    	margin-left: 28px !important;
}
     }
     .Suzet a:visited{
	color: antiquewhite;
     }
	
     .Suzet a:link{
	color: antiquewhite;
     }

     .Suzet a:active{
	color: aqua;
     }

     .Suzet a:hover{
	color: aliceblue;
     }
     
     ul.dropdown li { 
    position: relative; 
}

 ul.dropdown,
 ul.dropdown-inside {
    list-style-type: none;
    padding: 0;
 }

 ul.dropdown-inside {
    position: absolute;
    left: -9999px;
 }

 ul.dropdown li.dropdown-top {
    display: inline;
    float: left;
    margin: 0 1px 0 0;
 }

 ul.dropdown li.dropdown-top a {
    display: block;
    padding-top: 7px
 }

 ul.dropdown a.dropdown-top { 
     background-image: url("http://i6.imageban.ru/out/2016/03/26/260bf1000222d6011d63a68e7cf7bc7b.png"); 
     background-repeat: no-repeat;
     width: 134px;
     height: 30px;
     color: #d0d6e0;
     text-align: center;
     text-decoration: none;
     top: 10px;
     margin-left: 23px;
}

 ul.dropdown a.dropdown-top:hover { 
     background-image: url("http://i2.imageban.ru/out/2016/03/26/28a7e29d961676b3c1e3db98bb0fe237.png")
     
}

 ul.dropdown li.dropdown-top:hover .dropdown-inside {
    display: block;
    left: 0;
 }

 ul.dropdown .dropdown-inside { /*Фон вкладок меню*/
     	background: rgb(77, 78, 107);
	width: 135px;
	margin-left: 22px;
	margin-top: -5px;
}

 ul.dropdown .dropdown-inside a:hover { /*Фон вкладок меню при наведении*/
     	background: #3363ce; 
     	color: antiquewhite;
}

ul.dropdown .dropdown-inside a{
     	color: #cbc7c6;
     	text-decoration: none;
        padding: 5px;
	text-align: center;
}

.minediv{
    	height: 37px;
	width: 650px;
	margin-left: 190px !important;
    
}

/*Кнопки-ссылки в меню*/
a.button28 {
  position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: rgb(209,209,217) !important;
  text-decoration: none !important;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
a.button28:hover:not(:active) {
  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button28:active {
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}

/*Виджит погоды пока выключаю.*/
#left-panel {
	display:none;
}


/************************ Медиастили **********************************************/
@media screen and (max-width: 540px) {
	
/*Меняем шапку*/
body {
	background-image: url("http://forumstatic.ru/files/0017/33/be/39888.jpg");
	padding-top: 210px !important;
}

/*Меняем фон*/
html {
	background-image: url("https://a.radikal.ru/a27/1909/40/1caf0a294711.jpg");
}

/*Меняем подвал*/
#pun_wrap {
	background-image: none;
        background-color: #c0c9ca;
}

/*Отключаем панель приветствия*/
#pun-announcement {
	display: none;
}

/*Отключаем стрелки*/
.yrarrows {
	display: none;
}

/*Отключаем подсказку голосования*/
#maind {
	display:none;
}

 /*Корекировка оформления сообщений*/
.punbb .post .container {
  border: solid 1px #777;
  margin: 8px;
  box-shadow: 0 0 3px #0000008f;
}

/*Меняем размер шрифтов для мобильных*/
p, a, i, span{
  font-size: 12px;
}

/*Размер имени в карточке персонажа в посте*/
.pa-author a {
  font-size: 14px;
}

/*Размер аватара*/
.pa-avatar img {
  max-height: 100px!important;
}
/**Только для тестового отключаем всю фигню из-под окна ответа**/
.korpus3 {
display: none;
}

}