body{
 background: #dd618c url(../img/bg.jpg) repeat-x 0 440px;
 color: #6f859c;
 text-align: center;
 font-size: 14px;
 font-family: Arial;
 padding: 0;
 margin: 0;

}
#min-width{
 width: 100%;
 min-width: 990px;
 margin: 0 auto;
 text-align: left;
/* background: #fff;*/
 min-height: 100%;
/* position: absolute;*/


}
#wrapper{
 width: 100%;

}
#center{
 width: 990px;
 padding-left: 0;
 padding-right: 0;
 padding: 0;
/* background: #fff url(../img/right_bg_content.jpg) no-repeat right 192px;*/
 background: #FFFFFF url(../img/add_bg.jpg) repeat-y scroll  0 0;
}
.add_center{
 width: 990px;
 float: left;
 background:  url(../img/right_bg_content.jpg) no-repeat right 187px;
}
.add_top_center{
 width: 990px;
 float: left;
 background:  url(../img/add_top_center.gif) no-repeat top left;
 
}
.center{
 width: 100%;
 float: left;
 background: url(../img/left_bg_content.jpg) no-repeat left 187px;

}
#left_side{
 background: url(../img/left_side.jpg) no-repeat right top;
 height: 445px;


}
#right_side{
 background: url(../img/right_side.jpg) no-repeat left top;

}
.empty{
 width: 1%;
 height: 1%;
}
.clear{
 clear: both;
}
/*header
===============================*/
#header{
 width: 100%;
 height: 192px;
 float: left;
 background: url(../img/bg_header.jpg) no-repeat center top;
 position: relative;
}
#header a.site_title{
/* width: 268px; */
 height: 103px;
 text-align: left;
 padding: 0;
/* margin: 23px 0 0 13px;*"/
 /*float: left;*/
 position: absolute;
 left: 5px;
 top: 13px;
 color: #fff;
 font-family: Arial;
 display: block;
 text-decoration: none;
 z-index: 100;

}

#header div.site_title{
/* width: 950px; */
 height: 103px;
 text-align: right;
 padding: 0;
/* margin: 23px 0 0 13px;*/
 float: left;
 color: #fff;
 font-family: Arial;
 display: inline;
}
#header div.site_title b, #header a.site_title b{
 padding: 0;
 font-size: 71px;
 font-weight: bold;
}
#header div.site_title span, #header a.site_title span{
 padding-right: 13px;
 font-size: 16px;
}
#salt{
/* float: left;*/
 position: absolute;
 top: 0;
 left: 268px;
 width: 337px;
 height: 133px;
 display: inline;
 background: url(../img/salt.png) no-repeat top center;
 overflow: hidden;
 z-index: 10px;


}
* html #salt{
 background: none;
/* position: relative;*/
 height: 132px; 
 width: 311px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/salt.png');  
}
#salt img{
 float: left;
 display: inline;
}
#favour{
 position: absolute;
 left: 632px; 
}
#recom{
 position: absolute;
 left: 813px; 

}
.small_block{
/* float: left;*/
/* margin-top: 80px;*/
/* margin-left: 14px;*/
 display: inline;
 width: 167px;
 height: 50px;
 position: absolute;
 top: 80px;
 z-index: 100;

}
.small_block a, .small_block span{
 float: right;

}
.small_block span{
 font-size: 14px;
 font-family: Arial;
 color: #fff;
 
}
.small_block a{
 text-decoration: none;
 color: #ffe5b3;
 font-weight: bold;
 font-family: Tahoma;
 padding-left: 0;/*22px;*/
 line-height:  15px;
 font-size: 14px;
 dispaly: inline;
 float: right;
}
.small_block a.favour span.txt, .small_block a.recom span.txt{
 float: left;
 line-height: 21px;
 text-decoration: underline;
 color: #ffe5b3;
 cursor: pointer;
}
.small_block a.favour:hover span.txt, .small_block a.recom:hover span.txt{
 color: #fff;
 text-decoration: none;

}

.small_block a.favour span.img{
 background: url(../img/favour.png) no-repeat center left;
 width: 19px;
 float: left;
 height: 19px;
}
* html .small_block a.favour span.img{
 background: none;
 position: relative;
 height: 19px; 
 width: 19px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/favour.png'); 
}
.small_block a.recom span.img{
 background: url(../img/recom.png) no-repeat center left;
 width: 16px;
 float: left;
 height: 16px;
 margin-top: 3px;
 margin-right: 2px;

}
* html .small_block a.recom span.img{
 background: none;
 position: relative;
 height: 16px; 
 width: 16px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/recom.png'); 
 
}

#menu{
 background: url(../img/bg_menu.jpg) repeat-x top left;
 width: 100%;
 height: 54px;
/* float: left;*/
 position: absolute;
 left: 0;
 top: 133px;

}
#menu ul{
 float: left;
 width: 100%;
 background: url(../img/right_menu.jpg) no-repeat right top;
 height: 54px;
 list-style: none;
 padding: 0;
 margin: 0;
}
#menu li{
 list-style: none;
 padding: 0;
 margin: 0;
 float: left;
}
#menu li.first{
 background: url(../img/left_menu.jpg) no-repeat left top;
 padding-left: 17px;
}
#menu li.join{
 background: url(../img/bg_menu_join.jpg) repeat-x top left;
}
#menu li.join a:hover, #menu li.join a.selected{
 background: url(../img/sep_menu.jpg) no-repeat right top;
}
#menu li a{
 float: left;
 font-family: MyriadPro, Arial;
 font-size: 21px;
 text-transform: uppercase;
 font-weight: normal;
 color: #000;
 padding-left: 34px;
 padding-right: 34px;
 text-decoration: none;
 line-height: 59px;
 background: url(../img/sep_menu.jpg) no-repeat right top;
 height: 54px;
 display: block;
}
#menu li a:hover, #menu li a.selected{
 font-weight: normal;
 color: #fff;
 background: url(../img/bg_menu_sel.jpg) no-repeat top right;

}
#menu li a.selected{
 /*text-decoration: underline;*/
}
/*content
========================================*/
#content{
 width: 100%;
 float: left;
/* background: url(../img/right_bg_content.jpg) no-repeat top right;*/
}
.content{
 width: 100%;
 float: left;
/* background: url(../img/left_bg_content.jpg) no-repeat top left;*/
}
#chat{
 float: left;
 padding-left: 30px;
 margin-top: 21px;
}
#main_block{
 float: left;
 padding-top: 18px;
/* background: url(../img/bg_mainblock.jpg) repeat-x bottom left;*/
 margin-left: 5px;
 padding-bottom: 23px;
 width: 980px;
}
#l_col{
 float: left;
 padding-left: 25px;
 width: 459px;
 padding-top: 22px;
}
#r_col{
 float: left;
 padding-left: 45px;
 width: 422px;
}
/*l_col
==================================*/
#content div.site_title{
 width: 459px; 
 height: 91px;
 text-align: left;
 padding: 0;
 margin: 0;
/* float: left;*/
 position: absolute;
 left: 0;
 top: 0;
 z-index: 100;
 color: #d32d87;
 font-family: Arial;
 display: inline;
}
#content div.site_title b{
 padding: 0;
 font-size: 45px;
 font-weight: bold;
}
#content div.site_title span{
 padding-right: 13px;
 font-size: 14px;
 color: #101010;
}
.announcement{
 color: #ad1969;
 font-size: 12px;
 font-family: Arial;
 width: 459px;
/* float: left;*/
 position: absolute;
 left: 0;
 top: 0;
 z-index: 10;
 text-align: right;
}
.announcement i{
 text-transform: uppercase;
 color: #d30072;
 font-weight: bold;
}
.line{
 border-top: 1px solid #b6b6b6;
 width: 100%;
 height: 1px;
 float: left;
}
#main_block h2{
 float: left;
 padding: 0;
 margin: 0;
 text-align: left;
 color: #000;
 font-size: 17px;
 font-family: Arial;
 font-weight: bold;
 margin-top: 16px;
 display: inline;
}
#main_block p{
 float: left;
 text-align: left;
 color: #000;
 font-size: 13px;
 font-weight: normal;
 line-height: 18px;
 padding: 0;
 margin: 0;
 margin-top: 16px;
 display: inline;
}
#showlist{
 width: 458px;
 float: left;
 background: #558fca url(../img/b_showlist.jpg) no-repeat bottom left;
 padding-bottom: 26px;
 margin-top: 19px;
 display: inline;
}
.showlist{
 width: 458px;
 float: left;
 background: #3559ad url(../img/bg_showlist.jpg) repeat-x bottom left;
}

#showlist h3{
 color: #fff;
 float: left;
 height: 49px;
 line-height: 49px;
 padding: 0;
 margin: 0;
 background: url(../img/h_showlist.jpg) no-repeat top left;
 width: 434px;
 padding-left: 24px;
 text-align: left;
 display: inline;
}
#showlist dl{
 float: left;
 padding: 0;
 margin: 0;
 list-style: none;
 margin-top: 13px;
 display: inline;

}
#showlist dt {
display:inline;
float:left;
font-family:Arial;
font-size:24px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 25px;
text-align:left;
width:214px;
}


#showlist dt.online{
 color: #ffe954;
}
#showlist dt.free{
 color: #91dc80;
}

#showlist dd{
 style-list: none;
 padding: 0;
 float: left;
 margin-left: 26px;
 padding-left: 52px;
 margin:13px 0 0 26px;
 width: 380px;
 display: inline;
}
#showlist dd.pst{
 background: url(../img/pst.gif) no-repeat scroll 0 5px;
}
#showlist dd.gsm{
 background: url(../img/gsm.gif) no-repeat scroll 0 5px;
}

#showlist dd ul{
 style-list: none;
 float: left;
 margin: 0;
 padding: 0;

}
#showlist dd ul li{
 list-style: none;
 float: left;
 color: #fff;
/* background: url(../img/dots.gif) repeat-x 0 15px;*/
 width: 100%;
 line-height: 22px;


}
#showlist dd ul li div.cont{
 float: left;
 width: 228px;
 overflow: hidden;
 display: inline;
}
#showlist dd ul li div.cont div{
 float: left;
/* height: 16px;*/
}
#showlist dd ul li span{
 float: left;

}
#showlist dd ul li div.dots{
 background: url(../img/dots.gif) repeat-x 0 0;
 float: left; 
}
#showlist dd ul li div.cont img{
 float: left;
 background: url(../img/dots.gif) repeat-x 0 15px;
 width: 1000px; 
 height: 17px;
 margin-left: 2px;
}
div.long{
 width: 1500px;
}

#showlist dd ul li span.time{
 float: right;
 padding-right: 12px;
}
#showlist dd ul li span.from{
 padding-right: 12px;
 background: url(../img/circle.gif) no-repeat right center;
 margin-right: 5px;
}
/*gallery
==============================*/
#gallery{
 width: 100%;
 float: left;
 margin-bottom: 36px;
}
#gallery h4{
 padding: 0;
 margin: 0;
 float: right;
 font-size: 13px;
 font-family: Arial;
 color: #000;
}
#gallery dl{
 float: left;
 padding: 0;
 margin: 0;
 width: 100%;
 margin-top: 9px;
 display: inline;
}
#gallery dt{
 margin: 0;
 padding: 0;
 float: left;
 width: 100%;
 display: inline;
}
#gallery dt a img{
 float: left;
 width: 414px;
 height: 294px;
 border: 3px solid #686868;
 display: inline;
}
#gallery dd{
 padding: 0;
 margin: 0;
 float: left;
 width: 100%;
 display: inline;
 margin-top: 13px;
}
#gallery dd a img{
 float: left;
 width: 96px;
 height: 103px;
 border: 3px solid #686868;
 margin-right: 3px;
 margin-top: 4px;
 display: inline;
 
}
#join{
 float: left;
 width: 100%;
 padding: 0;
 margin: 0;

}

#join p{
 float: left;
 width: 249px;
 color: #000;
 font-size: 11px;
 padding: 0;
 margin: 0;
 margin-right: 21px;
 line-height: 15px;
}
#join a{
 float: left;
 text-decoration: none;
}
#join a img{
 border: none;
 width: 150px;
 height: 48px;
 float: left;
 background: url(../img/join.png) no-repeat left top;
}
* html #join a img{
 background: none;
 position: relative; 
 height: 48px; 
 width: 150px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/join.png', sizingMethod='scale'); 
}
/*chat
================================*/
#chat h3{
 float: left;
 background: url(../img/h_chat.jpg) no-repeat top left;
 padding: 0;
 margin: 0;
 color: #fff;
 font-size: 16px;
 font-family: Arial;
 width: 905px;
 height: 43px;
 line-height: 43px;
 text-align: left;
 padding-left: 15px;

}
#chat img{
 float: left;
}
/*online
===============================*/
#online_b, #offline_b{
 float: left;
 width: 980px;
 background: url(../img/bg_online_b.jpg) repeat-y 30px 0;
 margin-top: 15px;
 padding-left: 5px;
 margin-bottom: 35px;
 display: inline;
 clear:both;
}
#online_b .bg, #offline_b .bg{
 float: left;
 width: 952px;
 background: url(../img/b_online_b.jpg) no-repeat 25px bottom;
 padding-bottom: 14px;
 padding-left: 28px;
 display: inline;
}
#online_b .new_h{
 clear: both;
 background: #fff url(../img/h_new_online_b.jpg) no-repeat left bottom;
 width: 100%;
 height: 61px;
 float: left;
 display: inline;
}
#offline_b .new_h{
 clear: both;
 background: #fff url(../img/h_new_offline_b.jpg) no-repeat left bottom;
 width: 100%;
 height: 61px;
 float: left;
 display: inline;
}

#online_b h3, #offline_b h3{
 text-transform: uppercase;
 margin: 0;
 padding: 0;
 color: #1277d5;
 font-size: 22px;
 width: 305px;
 height: 37px;
 float: left;
 padding-top: 23px;
 padding-left: 7px;
}

#offline_b h3{
 color: #df2562;
/* background: url(../img/h_offline_b.jpg) no-repeat bottom left;*/

}
#online_b span, #offline_b span{
 float: left;
/* background: url(../img/sp_online_b.jpg) no-repeat top left;*/
 width: 650px;
 height: 31px;
 color: #000;
 font-family: Georgia;
 font-weight: bold;
 font-size: 12px;
 padding-top: 30px;
}
#offline_b span{
/* background: url(../img/sp_offline_b.jpg) no-repeat top left;*/
}
#online_b dl, #offline_b dl{
 float: left;
 width: 143px;
 height: 191px;
 padding: 0;
 margin: 9px 0 4px 8px;
 display: inline;
}
* html #online_b dl, * html #offline_b dl{
 margin-left: 5px;
}
#online_b dt, #offline_b dt{
 float: left;
 width: 100%;
 height: 156px;
 border: 1px solid #c8c8c7;
 padding: 0;
 margin: 0;
 background: #fff;
 padding-top: 5px;
}
#online_b dt a, #offline_b dt a{
 color: #e527a9;
 font-size: 12px;
 text-decoration: underline;
 line-height: 32px;
}
#online_b dt a:hover, #offline_b dt a:hover{
 color: #fff;
 background: #e527a9;
}
#online_b dd, #offline_b dd{
 padding: 0;
 margin: 0;
 float: left;
 width: 100%;
 height: 25px; 
 margin-top: 4px;
}
#online_b dd a, #offline_b dd a{
 color: #fff;
 font-size: 12px;
 width: 100%;
 height: 25px;
 display: block;
 background: url(../img/online_but.jpg) no-repeat top left;
 font-weight: bold;
 line-height: 22px;
 text-decoration: underline;
}
#online_b dd a:hover, #offline_b dd a:hover{
 text-decoration: none; 
 color: yellow;
}
/*footer
================================*/
#footer{
 float: left;
 width: 100%;
 clear: both;
 margin-bottom: 15px;
}
#commers{
 float: left;
 padding-left: 36px;
 height: 29px;
 line-height: 29px;
 margin-bottom: 45px;

}
#commers a, #commers img{
 float: left;
 margin-right: 14px;
}
#commers a:hover{
 border-bottom: 1px dotted gray;
 border-top: 1px dotted gray;
}
#commers a img{
 float: left;
 border: none;
}
#txt_commerce{
 float: left;
 width: 450px;
  clear: both;
}
#txt_commerce a, #txt_commerce p{
 font-size: 12px;
 margin-bottom: 22px;
 text-decoration: none;
 display: block;
 margin-left: 36px;
 text-align: left;
 color: #5c5c5c;
 float: left;

}
#txt_commerce a:hover{
 text-decoration: underline;
}
#footer div.cent{
 float: left;
 font-size: 12px;
 width: 980px;
 color: #5c5c5c;
 line-height: 20px;
}
#footer div.cent a{
 font-size: 12px;
 text-decoration: none;
 color: #5c5c5c;
 margin-right: 3px;
 text-decoration: underline;
}
#footer div.cent a:hover{
 text-decoration: none;
}

 .mytxt{
  padding: 0; 
 marging: 0;
text-align: center;
color: #000;
font-size: 13px;
}
.title_container{
 float: left;
 position: relative;
 width: 459px;
 height: 91px;
}

.time_title{
 color: #d32d87;
 font-family: Arial;
 font-size: 14px;
}

.time_title1{
 color: #d32d87;
 font-family: Arial;
 font-size: 14px;
 line-height: 170px;
}

* html .time_title1{
line-height: 80px;
}


.rubber-content{
 width: 380px;  /*ширина без учета отступов - можно менять*/
 height: 370px; /*высота без учета отступов -можно менять*/
 float: left;
 padding-left: 15px;/*левый отступ - можно менять*/
 padding-top: 15px;
 padding-right: 15px;
}


.rubber-content1{
 width: 380px;  /*ширина без учета отступов - можно менять*/
 height: 110px; /*высота5 без учета отступов -можно менять*/
 float: left;
 padding-left: 15px;/*левый отступ - можно менять*/
 padding-top: 15px;
 padding-right: 15px;
}

.rubber-l-t{
 background:  url(../img/l-t.gif) no-repeat top left;
 float: left;
}


.rubber{
  background: url(../img/l-bg.gif) repeat-y top left;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  display: inline;

}
.rubber-l-b{
 background:  url(../img/l-b.gif) no-repeat bottom left;
 float: left;
 /*padding-bottom: 11px;*/

}

.rubber-r-b{
 background:  url(../img/r-b.gif) no-repeat bottom right;
 float: left;
 /*padding-right: 10px;*/


}
          
.rubber-r-t{
 background:  url(../img/r-t.gif) no-repeat top right;
 float: left;
}



/*shild
===============================*/
#for_shild{
 float: left;
 position: relative;
  height: 294px;
 width: 414px;

}
#gallery dt a {
 
 display: inline;
 position: absolute;
 z-index: 0;
 top: 0;
 left: 0;
 height: 294px;
 width: 414px;
}
#shild{
 width: 137px;
 height: 137px;
 background: url(../img/shild.png) no-repeat top left;
 position: absolute;
 top: -45px;
 left: -45px;
}
* html #shild{
 background: none;

 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/shild.png');  
}