/*шапка*/
#pun-title table {
  background: url(http://co.forum4.ru/files/0017/9b/82/99392.jpg) no-repeat top right; 
  height: 714px;
  width: 1952px;
  margin-left:-531px;
}
/*футер*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/2i8TV.png) bottom center no-repeat;
  height: 284px;
  width: 1062px;
  margin-left:-116px;
  padding-top:20px;
  margin-bottom:-66px;
}

/*иконки сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/2i8kE.png) no-repeat top center;
}
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2i8kD.png) no-repeat top center;
}
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2i8kB.png) no-repeat top center;
}
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2i8kC.png) no-repeat top center;
}
/*статус*/
#pun-stats.section h2 { 
  background: url(http://funkyimg.com/i/2i8SC.png) no-repeat;
  padding-bottom:0px;
margin-top: 29px;
margin-left: 225px;
margin-bottom: -50px;
  width:442px;
  height:72px;
}
#pun-stats h2 span { 
   display:none;
}
/*подпись быстрого ответа*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(http://funkyimg.com/i/2i8Tk.png) no-repeat;
margin-top: 29px;
margin-left: 225px;
margin-bottom: -50px;
  width:442px;
  height:72px;
}


/*фон кнопок*/
.hashelp center div a button{
  width:86px!important;
padding: 5px 10px 5px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {   
    background: url(http://funkyimg.com/i/2i7ue.png)!important;
  border-radius:15px;
-webkit-box-shadow: inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
-moz-box-shadow:    inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
box-shadow:         inset 0px 0px 10px 0px #c7c2cb, 0px 0px 3px #fff;
border: none;
text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: cuprum!important;
font-style: italic!important;
text-transform: lowercase;
color: #424b5f;
text-shadow: #ffffff 1px 1px!important;
padding: 5px 10px 5px 10px!important;
   font-size:13px!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}

/*фон в профиле*/
.pa-respect a{color:#22221c!important; text-shadow: none!important;}
.pa-respect a:hover{color:#4891c8!important;}
#pun-reputation div {
background: #f0efea;
}
#post fieldset legend span {
  display:none;
}
.pa-time-visit, .pa-online, .pa-ip, .pa-visit, .pa-last-visit {
font-size: 10px;
}
.pa-posts {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 50px;
margin-left: 4px!important;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 46px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-fld1 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 45px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-fld2 {text-align: center; margin-top: -17px!important; margin-bottom: -18px!important; margin-left: -8px!important; width: 235px;}
.pa-fld3 {width: 170px; text-align: center; font-size: 11px; padding: 10px 7px 10px 7px!important; margin-bottom: 7px!important; margin-left: 16px!important; line-height: 122%!important; font-family: roboto condensed; background: url(http://funkyimg.com/i/2i7ue.png); border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 13px #c7c2cb, 0px 0px 5px #fff;}
.pran {font-size: 14px; font-family: bebas neue; text-align: center; padding: 0px 0px 2px 0px; letter-spacing: 0px;}
.pran a {color: ;}
.pran a:hover {color: ;}
.pl {margin-top: -22px!important; margin-bottom: 6px!important;}



/*категории */
.category h2 span {visibility: hidden!important;}

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2i8S2.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2i8Sx.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2i8Sy.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2i8Sz.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2i8SA.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2i8SB.png);
height: 72px;
width:442px;
font-size:0!important;
margin-left:225px;
margin-top: 20px;
margin-bottom: -25px;}





/*описание форумов */
.topic01a { width: 605px; height: auto; min-height: 140px; background: url(http://funkyimg.com/i/2i7t4.png) top no-repeat, url(http://funkyimg.com/i/2i7t6.png) bottom no-repeat, url(http://funkyimg.com/i/2i7tB.png) -2px repeat-y; margin-left: -3px; padding-top: 80px; padding-bottom: 30px; display: block;}
.topicname01a {width: 475px; letter-spacing: 0.5px; font-weight: bold; color: #445364; text-shadow: #fff 1px 1px 0px; font-family: bebas neue; font-size: 25px; text-align: center; padding:-5px; margin-top: 53px; padding-bottom: 25px;} 
.topiczone01a { width: 524px; font-family: arial; line-height: 130%; letter-spacing: 0px; text-align: justify; margin-left:0px; margin-top: 15px; padding: 10px 0 0 0; }
.name{overflow: auto; height: 150px; padding: 5px; font-size: 10px;}

#adult {width: 178px; height: 178px; }
#adult .hover {width: 158px; height: 158px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 120%!important; font-family: verdana; max-width: 100%; overflow-x: hidden;}
#adult:hover .hover {opacity: 1;}
.adultname {width: 168px; height: 18px; background-color: #a9cee8; color: #3a4c62; text-shadow: #fff 1px 1px 0px; padding: 10px 5px 5px 5px; text-transform: uppercase; font-family: bebas neue; text-align: center; font-size: 15px;}
#adult ::-webkit-scrollbar-track {background-color: #ffffff;}

.trin {width: 570px; height: 545px; border: 1px solid #e3e3e3;}
.trin1 {width: 530px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe; border-bottom: 1px solid #e3e3e3; text-align: left;}
.trin2 {background: #f7f7f7; height: 451px; width: 510px; padding: 18px 30px 20px 30px;}
.trin3 {text-align: right; color: #989898; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: -1px; word-spacing: 3px;}
.trin4 {color: #565656; font-family: source sans pro, sans-serif; font-size: 20px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%;}
.trin5 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 11px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-bottom: 15px; margin-top: 2px;}
.trin6 {padding: 0px 5px; color: #787878; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: center; text-decoration: none; text-align: center; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-top: -5px;}
.trin7 {padding-top: 10px; padding-bottom: 14px; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 5px; line-height: 100%;}
.trin8 {margin-top: 20px; padding: 10px 8px 5px 8px; border-top: 1px solid #e8e8e8; text-align: center; color: #898989; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin9 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin10 {color: #565656; font-family: source sans pro, sans-serif; font-size: 14px; font-weight: 900; font-style: normal; text-align: center; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}
.trin11 {border: 1px solid #e8e8e8; background-color: #fefefe; padding: 8px; width: 100px;}
.trin12 {width: 165px; padding: 70px 10px 10px 10px; text-align: center; background-color: #fefefe; border: 1px solid #e8e8e8; margin-top: -60px!important;}
.trin13 {text-align: center; padding: 0px 20px;}

.trinp {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinp1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinp2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinp3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-left: 10px;}
.trinp4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 10px;}
.trinp5 {color: #686868; font-family: source sans pro, sans-serif; font-size: 13px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -5px; padding-right: 10px;}
.trinp6 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-right: 10px;}
.trinp7 {padding: 5px 16px 0px 16px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}

.trinpa {width: 400px; height: auto; border: 1px solid #e3e3e3;}
.trinpa1 {width: 360px; height: 20px; padding: 15px 20px 20px 20px; background: #fefefe;}
.trinpa2 {background: #fefefe; height: auto; width: 400px; padding: 0px 0px 20px 0px;}
.trinpa3 {color: #686868; font-family: source sans pro, sans-serif; font-size: 16px; font-weight: 900; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; margin-top: -2px; padding-left: 2px;}
.trinpa4 {color: #a1c9c8; font-family: source sans pro, sans-serif; font-size: 9px; font-weight: 600; font-style: normal; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; padding-left: 2px;}
.trinpa5 {padding: 0px 14px 0px 14px; color: #565656; font-family: source sans pro, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; text-align: justify; text-decoration: none; text-transform: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;}


.mainlink {text-align:center; margin-top:9px!important;}
.mainlink a {display:inline-block; font-size:12px; font-family: cuprum; color:#fff!important; text-shadow: none!important; padding:2px 2px 4px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s;text-align:center; width:100px; border-radius: 6px; font-style: italic; background: #bdb6c4;}
.mainlink a:hover {color: #fff!important; border-radius: 6px; background: #deae09;}

.mainlink1 {text-align:center;}
.mainlink1 a {width: 120px; font-size:16px; font-family: cuprum; color:#bebac2!important; text-shadow: 1px 1px 0px #47273c!important; text-transform:lowercase; transition: 0.1s; text-align:center; font-style: italic;}
.mainlink1 a:hover {color: #fff!important; text-shadow: 1px 1px 0px #297bbc!important;}

.ams {
  position: relative;
  display:inline-block;
  padding: 1px 0px;
line-height: 140%;
margin-left: 4px!important;
}
.ams a {
  color:#9c3b00!important;
margin-right:0px;
  text-shadow: #fff 1px 1px 0px;
}
.ams a:hover {
  color: #e3af22; 
text-shadow: #ffffff 1px 1px;
}
.ams span {
   display:none;
}
.ams:hover span {
   position:absolute;
   padding:0px;
   margin-bottom:5px!important;
border-radius: 10px;
   text-align:center;
   padding:6px 5px 3px 5px;
   display:inline-block;
   margin-top:-110px;
   left:-50px;
   z-index:100000;
   font-size:13px;
font-family: cuprum;
text-transform: lowercase; 
font-style: italic;
text-shadow: 1px 1px 0px #fff;
color: #4c425f;
}



/*--------------------------- íàâûêè è öåëè --------------------------------------------------*/
.an2299 {font-size: 10px!important; font-family: arial; letter-spacing: 1px!important; line-height: 100%!important;  text-align: justify; padding: 0px 0px 0px 4px;  text-align: left;}

/*--------------------------- ïåðåêëþ÷àëêè âî âñåõ òåìàõ --------------------------------------------------*/
.ocn > div, .ocn > input { display: none; }

.ocn {text-align: center;}

.ocn label {
width: 260px;
display: inline-block;
letter-spacing: 0.5px;
background: #e9eeef;
text-transform: uppercase;
font-weight: bold;
color: #223941;
text-shadow: #fff 1px 1px 0px; font-family: bebas neue; 
font-size: 9px;
text-align: center;
border-bottom: 1px solid #80b1d7; 
border-top: 2px solid #80b1d7;
border-radius: 8px;
}

.ocn label:hover {
background:  #e9eeef;
  color: #28373a;
text-transform: uppercase;
}

.ocn input[type="radio"]:checked + label {
font-weight: bold;
text-transform: uppercase;
}

.ocn > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.ocn > input:nth-of-type(2):checked ~ div:nth-of-type(2)

{ display: block;  margin-top: 10px; text-align: justify;}