.case {
  margin:0px 5px;
  position:absolute;
  left:5px;        
  display: flex;
  width:1000px;
  height:220px;
  overflow:hidden;
  font-size:12px;
      }
.news { 
 width: 200px;
    height: 130px;
    position: relative;
    left: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
    min-height: 100px;
    padding: 2px;
}
.ams{
    display: block;
    position: absolute;
    top: 170px;
    width: 175px;
    text-align: -webkit-center;
    left: 15px;
    border-top: 1px solid #320404;
}

.tooltip {
  border: none; 
  text-decoration: none;
  position: relative;}
.tooltip span {
  margin-left: -999em;
  position: absolute;}

.tooltip:hover span {
  position: absolute;
  left: 7px;
  top: 10px; 
  z-index: 99;
  margin-left: 0;}

.top {
  z-index: 200;
  position: absolute;
  background-color: #E3E3E3;
  color: #181A13;
  border: none;
  box-shadow: 0px 0px 4px #161616;
  padding: 5px;
  width: 180px;
  text-align: center;}

.table_nav{
    display:block;
    width: 180px;
    height: 50%;
}

a.navis, a.navis:active, a.navis:link, a.navis:visited {
    background: #360405;
    text-decoration: none;
    font-family: small fonts;
    padding: 5px;
    font-size: 8px;
    text-align: center;
    line-height: 9px;
    letter-spacing: 1px;
    color: #7e7e7e!important;
    text-transform: uppercase;
    display: block;
    width: 150px;
    margin: 1px;
    font-style: normal;
    border-bottom: 2px solid #7b7b7b;
    font-weight: bold;
    display: inline-block;
    transition: 1s;
    position: relative;
}

a.navis:hover {
background: #350503;
font-family: small fonts;
padding:5px;
font-size:9px; 
text-align:center;
line-height: 9px;
letter-spacing: 3px;
color:#5b5b5b;
text-transform: uppercase;
display:block;
width:155px;
margin:1px; 
text-decoration: none; 
font-style:normal;
font-weight:normal;
border-bottom :2px solid  #767676;;
font-weight: bold;
transition: 1s;
display: inline-block; 
position: relative;
}

.friend{
    display: block;
    width: 190px;
    height: 50%;
    position: absolute;
    left: 800px;
    top: 140px;
    overflow-y: auto;
}

.friend img{
margin:2px;
}
/****************
    Cлайдер 
**************/


/* Oбщие настройки */
.slider,
.slider * {
  margin:0;
  padding:0;
}
.slider {
  overflow:hidden;
  border:none 0 transparent!important;
  border-collapse:collapse;
  /*border: solid red 1px;*/
  /*position:relative;z-index:1000;*/
}
.button-left.hide,.button-right.hide{
  display:none;
}
.slider img.button-left,
.slider img.button-right{
  cursor:pointer;
}
div.Wrap-slids {
  text-align:left;
  overflow:hidden;
  position:relative;
}
div.train {
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  position:absolute;
}
.slider-content{
    height: 200px!important;
    width: 505px!important;
    max-width: 505px!important;
    display: inline-block!important;
    float: none!important;
} 
.slider-content{
  margin:0;padding:0;
  white-space: normal;/* Поменял с nowrap; и добавка ниже*/
  word-break: normal;
  text-align:center;
  overflow-y:auto;
  overflow-x:auto;
  display:none;
/*border: solid red 1px;*/
}

.slider-content.active {
   display:block;
}
/* End Cлайдер */

/*текст 1-ой вкладки */

.slider-content span{
  text-align:center;
  font-weight:bold;
}

.slider-content p{
  text-align:center;
  height:100px;
  overflow-y:auto;
}

.vino{
	display: block;
}


/*АКЦИИ -в-объяве
 -------------------------------------------------------------*/
.showcase {
	list-style: none;
	position: relative;
	
}

.showcase li {
	float: left;
	overflow: hidden;
	margin: 20px 5px 20px 5px;
	padding: 5px 0 0 5px;
}
.showcase a {
	display: block;
	overflow: hidden;
	    width: 200px;
    height: 150px;
	position: relative;
	text-decoration: none;   
	 margin: 2px 5px 5px 15px;
}
.showcase a img {
 position: absolute;
 z-index: 100;
    width: 200px;
    	left: 0;
    height: 150px;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.showcase a:hover img {
    width: 210px;
    height: 160px;
	left: 0;
	top: -10px;
 filter: sepia(50%);
 -webkit-filter: sepia(50%);
-moz-filter: sepia(50%);
-o-filter: sepia(50%);
-ms-filter: sepia(50%);
}
.showcase a p {
	background: #161616;
	color: #777;
	font-size: 11px;
	padding: 5px 5px;
	position:absolute;
	bottom: -112px;
	height: 85px;
	display: block;
	width: 150px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.showcase a:hover p {
	bottom: 10px;
	width: 190px;
	z-index: 200;
	background: #161616;
}
.showcase a h3 {
	font-size: 10px;
	text-transform: uppercase;
	color: #7b7b7b;
	background: #161616;
	width: 200px;
	padding: 2px 5px;
	position: absolute;
	left:1px;
		 z-index: 200;
	bottom:10px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.showcase a:hover h3 {
	bottom:85px;
	background: #2b0303;
}

.showcase .thumb2 a p, .showcase .thumb2 a h3 {
	background: #2b0303;
}
.showcase .thumb2 a:hover p, .showcase .thumb2 a:hover h3 {
	background: #2b0303;
}


/*АКЦИИ end-------------------------------------------------------*/


/****************
    Индикатор 
**************/

#indexActive{ /*Задаём Позицию индикаторов*/
  position:absolute;
  z-index:1000;
  margin-left: 580px;
  margin-top: -6px;
}

span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
  display:inline-block;
  cursor:pointer;
  float:right;
  background:transparent url(http://s3.uploads.ru/geZ4A.png) no-repeat center top;
  /*border:solid 2px blue!important;*/
  height:11px;
  width:10px;
  padding:0 1px 0 1px;
  margin:10px 6px;
}

/**********************
  слайдер и его  контент
**********************/
#slider2{
    margin-left: 10px;
    margin-top: 0;
    background: #5b5b5b;
/*outline:solid red 1px!important;*/
}
.Amin-Moder {
  width: 215px; 
  vertical-align:top;
  display:inline-block;
  /*outline:solid red 1px;*/
  margin:34px 35px auto 15px;
}
.Amin-Moder *{
  float:none;
}
.Amin-Moder img{
  float:left;
}
.Amin-Moder img{
  padding:8px;
}


/*СТРЕЛКИ*/
.go-up, .go-down {
 display: none;
 position: fixed; /*ïîçèöèîíèðîâàíèå*/
 z-index: 9999; /*ïîâåðõ âñå ýëåìåíòîâ íà ñòðàíèöå*/
 right: 5%; /*ïîëîæåíèå íà ñòðàíèöå, åñëè ñëåâà - left*/
 cursor: pointer;
 opacity: .5;
 padding: 3px;
 margin-bottom: 15px;
 width: 40px;
 height: 40px;}
.go-up {
  bottom: 190px;
  right: 60px;
  }
.go-down {
  bottom: 135px;
right:  60px;
}
.go-down:hover,
.go-up:hover {
 opacity: 1;}
/*СТРЕЛКИ*/

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    right: 26px!important;
    top: 45px!important;
    background-color: rgb(151, 150, 150);
    background-repeat: repeat;
    border: 1px solid rgba(93, 11, 13, 0.6);
    box-shadow: -2px 3px 9px 0px rgba(79, 79, 79, 0.78);
    z-index: 2;
}

.subscribelink {
  display: block;
  margin-top: 17px;
  text-align: right;
  font-size: 11px;
  }

.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: #360405;
    text-decoration: none;
}

div.icon, div.inew, tr.iredirect div.icon, tr.iclosed div.icon, tr.isticky div.icon {
  border:none;
  background-position: top center;
  background-repeat: no-repeat;
  }

div.icon {
    background-color: transparent;
    background: url(http://forumstatic.ru/files/0018/20/ab/95743.png) no-repeat;
  }

div.inew {
    background-color: transparent;
    background: url(http://forumstatic.ru/files/0018/20/ab/62997.png) no-repeat;
  }

tr.iclosed div.icon, tr.iredirect div.icon {
    background-color: transparent;
    background: url(http://forumstatic.ru/files/0018/20/ab/23201.png) no-repeat;
  }

tr.isticky div.icon  {
    background-color: transparent;
    background: url(http://forumstatic.ru/files/0018/20/ab/40510.png) no-repeat;
  }

 .icon-new{
background-image: url("http://forumstatic.ru/files/0018/20/ab/62997.png") !important;}

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em;
    background-color: #2c2c2c!important;
    color: #fff!important;
    border: none;
}

#smth{
    position: absolute;
    color: #062805!important;
    width: 120px;
    margin: 20px 340px;
    text-align: center;}

/* Ñêðûòèå ñòðåëî÷åê íà ìàëåíüêèõ ýêðàíàõ */
@media screen and (max-width: 800px) {  a[href="#top"] {  display: none;  } }

.iframe {
    width: 728px;
    height: 90px;
    display: none:}

#menu {
    width: 140px;
    height: 60px;
    text-transform: uppercase;
    padding-top: 27px;
}

#menu span {
    text-align: left;
    display: block;
    color: #e1dede;
    font-size: 12px;
    font-family: 'Comfortaa', Arial, sans-serif;
    transition: all 0.3s linear 0s;
}

#submenu, #menu span {
    background: tranceparant;
}

#menu span:hover {
    transition: all 0.3s linear 0s;
    text-shadow: 0px 0px 5px rgba(0, 210, 201, 0.71);
    letter-spacing: 0.3px;
}

#menu span:active {
    color: #000000;
}

#submenu {
margin-top: 13px;
    height: 90px;
    text-align: left;
    font-size: 12px;
    width: 450px;
    color: #e1dede;
    overflow-y: scroll;
}

.submenutext {
   display: none; 
   height: 40px;
}

#rightcont {
    padding: 3px;
    height: 180px;
    text-align: center;
    font-size: 12px;
    vertical-align: -5px;
}

#rightcont span {
    width: 200px;
    text-align: center;
    display: block;
    color: #fafafa;
    margin: 7px 0;
    font-size: 20px;
    font-family: 'Philosopher', Arial, sans-serif;
    transition: all 0.5s linear 0s;
}

#tab-for {
    font-size: 14px;
    line-height: 95%;
    color: #161616;
    font-family: Tahoma;
    padding: 0em 0em;
}

#tab-for a {
    font-variant: small-caps;
    font-size: 13px;
    line-height: 95%;
    color: #1e110b;
    font-weight: bold;
    font-family: Arial;
}

div.tclcon {
    font-variant: small-caps;
}

.pmtcl1 {
    background: transparent!important;
}

.pmtcl1 a{
    vertical-align: -10px;
    padding-left: 5px;
    color: #1b0f01!important;
}

td.tc2.pmtc22, td.tc2.pmtcl1, td.tc3.pmtc33, td.tc2.pmtc24 {
    background: transparent!important;
}

#main-reply {
    width: 96%!important;
    background: rgba(212, 209, 209, 0.34);
    box-shadow: inset 3px 3px 15px rgba(101, 101, 101, 0.65);
    color: #161802;
    border: 1px rgba(86, 0, 0, 0.62) solid;
}

.permalink {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 12px!important;
}

.topic a.sharelink {
    display: none;
}

select#mod-options {
    width: 220px;
    padding: 3px;
    background: rgba(212, 209, 209, 0.34);
    box-shadow: inset 3px 3px 15px rgba(101, 101, 101, 0.65);
    color: #161802;
    border: 1px rgba(86, 0, 0, 0.62) solid;
}

div#topic-users-in.modmenu {
    width: 918px;
    color: #2b2b2d;
    font-variant: small-caps;
    font-size: 12.5px;
}

div#topic-users-in.modmenu a {
    color: #2b2b2d;
}

div.post-rating  {
    font-size: 12px!important;
}

div.post-rating a, div.post-vote a {
    font-size: 12px!important;
    text-decoration: none !important;
    font-family: Arial;
    margin-right: 14px;
}

select#ctl_regselect, select#ctl_tzselect, select#fld1, select#fld2, select#fld3, select#fld4, select#fld5, select#fld6, select#fld7, select#fld8, select#fld9, select#fld10, select#fld11 {
    background: rgba(212, 209, 209, 0.34);
    box-shadow: inset -1px 1px 5px rgba(101, 101, 101, 0.65);
    color: #161802;
    border: 1px rgba(86, 0, 0, 0.62) solid;
}

span.usersname a, td.tcl a.registered-user {
}

span.usersname a, td.tcl a#text {
    padding-left: 20px;
}

/* Ñòèëü òàáëèöû ñ âêëàäêàìè
 -----------------------------------------------------*/
.container1 {
   width: 97%; 
   margin: 0 auto; 
   padding: 0;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    display: block;
    padding: 0 5px;
    outline: none;
    font-weight: bold;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left;
    width: 97.5%;
    height: auto;
    box-shadow: inset 0px 0px 5px rgba(26, 25, 30, 0.5);
    color: #453e3e;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}

#poll-special td.tac {
    text-align: center !important;
    font-size: 16px;
    font-variant: small-caps;
}

#poll-special td {
    text-align: left !important;
    cursor: default !important;
    font-size: 13px;
    padding: 2px 49px;
    font-variant: small-caps;
    font-weight: bold;
}

span.num_msg {
    margin-left: 495px!important;
    margin-top: 58px!important;
    background: #8b0008!important;
    color: #d3d3d3!important;
}

span.num_msg:before {
   display: none!important;
}

.jGrowl .messag_theme {
    background-color: rgba(127, 127, 127, 0.66)!important;
    padding: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    font-family: Verdana!important;
    font-variant: small-caps!important;
    width: 240px;
    min-height: 0!important;
    border: 1px solid #421e1f!important;
}

.jGrowl {
    z-index: 9999;
    color: #000!important;
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: fixed;
}

#pisma a.Author {
    display: inline-block;
    position: relative;
    z-index: 100;
    font: normal normal 700 11px/normal Tahoma;
    text-shadow: 0px 0px 0px #000!important;
    color: #000!important;
    margin: 4px auto -1px -5px;
}

#closet {
    color: #dbdbdb!important;
    font-family: Tahoma!important;
    font-variant: small-caps!important;
    border: 1px double #000!important;
    background-color: rgb(69, 35, 36)!important;
}

#pisma a.mess[onclick] {
    margin-top: 7px;
    display: inline-block;
    text-decoration: none;
    font: normal normal 400 11px/11px Tahoma;
    padding: 0 7px 2px 7px;
    border-radius: 4px;
    background: rgba(229, 255, 206, 0.9)!important;
    color: #000;
    font-size: 11px;
    position: relative;
    z-index: 10;
    margin-left: -4px;
    word-wrap: break-word;
    max-width: 160px;
}

#pisma a.mess[onclick]:after {
    display: inline-block;
    position: absolute;
    z-index: -4;
    top: auto;
    left: 0;
    bottom: -4px;
    transform: rotate(-15deg);
    opacity: .9;
    content: "";
    width: 30px;
    height: 8px;
    background: transparent!important;
}

#volSlider .before {
    height: 5px;
    border: solid 1px transparent;
    margin-top: -1px;
    border-radius: 3px 0 0 3px;
    width: 0;
}

#volSlider .thumb {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: -.9em;
    left: 0;
    cursor: pointer;
}

div#pun-online.punbb {
  color: #161616;
}

div#pun-online.punbb a {
    color: #1a191e!important;
    font-family: Tahoma!important;
    font-variant: small-caps;
    font-size: 13px;
}

div#pun-online td.tc3 {
   background: transparent!important; 
}

div#pun-online div.section div.container table {
width: 999px;
    margin-left: 15px;
}
/* CS5 Scrollbar Custom Style for Safari/Chrome
 -----------------------------------------------------*/

::-webkit-scrollbar {
    background-color: rgba(84, 82, 79, 0.33);
    width: 6px;
    height: 6px;
    }

::-webkit-scrollbar-thumb:vertical {
    background-color:rgb(67, 31, 32);
    height: 6px!important;
    }

::-webkit-scrollbar-thumb:horizontal {
    background-color:rgb(67, 31, 32);
    height: 6px!important;
    }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
    display:block; 
    height: 4px;
    background-color:rgb(67, 31, 32);
    }

::-webkit-scrollbar-corner { 
    background-color:#341c1c;
    }