@import url(http://fonts.googleapis.com/css?family=Play&subset=latin,cyrillic);


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

body {
  margin: 0;
  position: relative;
  padding-left: 28px;
  padding: 0;
background: #EFF3FA url('../img/bg.jpg');
 font: 82.5% 'Play', sans-serif; }

.hidden {
  display: none; }

.clear {
clear: both; }
a { color: #000000; text-decoration: none; }

a:hover {
	color: #1c1c1c;
}
a img  { border: 0 none; }

h1,h2,h3,h4,h5,h6 {font-weight: normal;
	margin-top:5px;
	margin-bottom:5px;
}
h1 {font-size: 1.15em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.15em;}
h5 {font-size: 0.75em;}
h6 {font-size: 0.7em;}



p {margin: 0 0 15px 0;}
ul {list-style: none;}
.clr { clear: both; }
.lcol, .rcol, form { display: inline; }
.lcol { float: left; } .rcol { float: right; }
.small { font-size: 0.9em; }

table { 
 width: 100%;
 border: 1px double #ccc;
 border-collapse: collapse;
}
th { 
 text-align: left;
 background: #c1c1c1;
 padding: 5px;
 border: 1px solid #ccc;
}
td { 
 padding: 5px;
 border: 1px solid #ccc;
}

button.jpn {
    cursor: pointer;
width:96%;
    background-color: #4CAF48;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}


.content {
	position: relative;
	width:1000px;
	margin: auto;
	background: white;
	}

 .layer {
    position: relaive;
    margin: 0 auto;
    width: 1000px;
    /* Ширина слоя */
}

.layer1 {
    margin: 3px 5px 0 -2px;
    float: left;
    width: 300px;
}

.layer2 {
    background: white;
    padding: 10px;
    margin: 3px 0 0 10px;
    width: 660px;
    float: left;
    border-radius: 10px;
}

/*---footer---*/
.footer {
    min-height: 60px;
    background-color: #EBEBEB;
    border-top: 1px solid #EBEBEB;
    margin-top:20px;
}

.footer .wrapper {
   position: relative;width:1000px;margin: 0 auto;
}

.footer .container {
    padding-top: 20px;
    margin: 0 0 0 5px;
    padding-right: 90px;
}

.footer h2, .counts {
    display: inline;
}


.copyright {
        width: 600px;
    color: #222;
    float: left;
}

.copyright a {
    color: #222;
}

.counts ul {
    display: inline;
}

.counts ul li {
    float: right;
    width: 88px;
    height: 31px;
    margin-left: 5px;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
}

.counts ul li:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter:alpha(opacity=100);
}



.add {
    margin-top: -110px;
    right: -15px;
    position: absolute;
z-index:9999;

}
.add img{
width: 110px;
height:85px;
z-index:9999;
}




/*---Navigation---*/
.pagenav { clear: both;padding: 10px 100px;margin: 10px 0 0 0;position:relative;border-top: 1px solid #eee;}
.pagenav a {color: #333;}
.pagenavcat {
                 background: #f9f9f9;
                 border: 1px solid #eee;

                 border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -moz-border-radius: 4px;
}
.prevpg,.nextpg {position: absolute;top: 10px;width: 100px;color: #bbb;}
.prevpg span,.nextpg span {color: #ddd;}
.prevpg {left:15px;text-align:left;}
.nextpg {right:15px;text-align:right;}
.pgs {text-align:center;}
.pgs a {padding: 0 6px;}
.pgs span {
             background: #fff;
             border: 1px solid #ddd;
             color: #ddd;
             padding: 2px 6px;
              
                 border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -moz-border-radius: 3px;
}


.header_search_form {
  height: 68px;
  width: 809px;
padding-left:151px;
  display: block;
  overflow: hidden; z-index:5555;}
 





/*---Профиль пользователя START---*/
.userinfo {
	padding-left: 125px;
}

.ui-dialog-content .userinfo {
	padding: 10px 0 10px 125px;
}

.userinfo .lcol {
	margin-left: -125px;
	width: 110px;
	padding-right: 15px;
}

.userinfo .lcol .avatar {
	margin-bottom: 10px;
	padding: 4px;
	background-color: #FAFAFA;
	border: 1px solid #E2E2E2;
    width: 100px;
	height: 100px;
}

.userinfo .lcol .avatar img {
	width: 100px;
	height: 100px;
}

.userinfo .lcol ul {
	font-size: 0.9em;
}

.userinfo .rcol {
	width: 100%;
}

.userinfo .rcol ul {
	list-style: none;
	margin-left: 0;
}

.userinfo .rcol ul li {
	margin-bottom: 0.2em;
}

.ussep {
	padding-top: 12px;
	background: url("../img/ussep.png") no-repeat;
}

.grey {
	color: #6C838E;
}

.blue {
	color: #4682B4;
}

.online {
	float: right;
	color: #64B327;
	padding: 0px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.offline {
	float: right;
	color: #D53B3B;
	padding: 0px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.rss {
	vertical-align: middle; 
	margin-left: 5px;
}

li.fbutton_empm a {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #D9D9D9;
	color: #666666 !important;
	padding: 3px 10px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.fbutton_empm a:hover {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #CCCCCC;
	color: #333333 !important;
	padding: 3px 10px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.fbutton_emk a {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #D9D9D9;
	color: #666666 !important;
	padding: 3px 14px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.fbutton_emk a:hover {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #CCCCCC;
	color: #333333 !important;
	padding: 3px 14px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.fbutton_pmk a {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #D9D9D9;
	color: #666666 !important;
	padding: 3px 26px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.fbutton_pmk a:hover {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #CCCCCC;
	color: #333333 !important;
	padding: 3px 26px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*---Профиль пользователя END---*/

/*---Vertical-align START---*/
.vertal {
	vertical-align: middle;
}
/*---Vertical-align END---*/

/*---forms---*/
.basecont {background:#fff; padding:5px 9px; margin:2px 5px 15px 5px;}
.tableform { width: 100%; }
  .tableform td { }
  .tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; }
  .tableform td { padding: 10px 0; border-bottom: 1px dashed #b8b8b8; }
  .fieldsubmit {text-align:center; padding: 5px 0;}
  .addnews { font-weight: bold; }
  .impot { color: red; font-weight: normal; }

  .checkbox { padding: 4px 0; line-height: 1em; }
    .checkbox input { margin-top: -2px; vertical-align: middle;}
.selectmass input {
    vertical-align: middle;
}
.f_input { width: 200px; padding: 1px; }
.f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select { padding: 2px; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }


/*---Заголовок страниц START---*/
.pheading {
	text-transform: uppercase;
}

.pheading span {
	color: #64B327;
}
/*---Заголовок страниц END---*/

/*---Вывод ошибок START---*/
.berrors {
	background: #FDFDFD;
	border: 1px solid #E9E9E9;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: 14px;
	max-width: 100%;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 2px 0px;
}

.berrors a {
	color: #4682B4;
}

.berrors a:hover {
	color: #74BA2F;
}
/*---Вывод ошибок END---*/

/*---bg_ph START---*/
.bg_ph {
	background: #FDFDFD;
	border: 1px solid #E9E9E9;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*---bg_ph END---*/

/* Табы 
------------------------------------------*/ 
#tabs-1 { 
  float:left; 
  width:700px; 
  overflow: hidden; 
  border: 2px solid #CAD3DA; 
  border-radius:5px; 
  margin-bottom:15px;
} 

.tabs-ul{ 
  list-style:none; 
  margin: 0; 
  padding: 0; 
} 

.tabs-ul li a { 
  float:left; 
  width:174px; 
  padding: 8px 0px 3px 0px;  
  text-align:center;  
  background: #fff;  
  border-right: 1px solid #CAD3DA;  
} 

.li-1 a {border-bottom: 2px solid #3498DB;} 
.li-2 a {border-bottom: 2px solid #27AE60;} 
.li-3 a {border-bottom: 2px solid #E74C3C;} 
.li-4 a {border-bottom: 2px solid #9B59B6; border-right: 0;} 

.leftimg {
float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.leftphone {
float:left; /* Выравнивание по левому краю */
    font-size: 16px;

   }
.imgtext {
float:left; /* Выравнивание по левому краю */
    margin: 8px 7px 1px 0; /* Отступы вокруг картинки */
        font-size: 16px;
   }
.leftpic {
    float: left; /* Выравнивание по правому краю */
    margin: 0 8px 10px 0; /* Отступы вокруг фотографии */
   }



.leftsimg {
    float:left; /* Выравнивание по левому краю */
    margin: 3px 10px 0 2px; /* Отступы вокруг картинки */
   }
.tabs-ul li a.selected,ul 
.tabs-ul li a.selected:hover {background:#fff; border-bottom: 2px solid #fff;} 
.tabs-ul li a:hover {background:#F4F8F9;} 
.tabs-ul li a:focus {outline: 0;} 

.tabs-content { 
  float:left; 
  width:668px; 
  text-align:left; 
  background: #fff; 
  padding: 10px 15px 10px 15px; 
}




/*---Registration---*/
.rega {padding: 0 20px;position:relative;}
.rega textarea {width:400px;height:100px;margin: 0 0 12px 0;}
.rega input[type="file"] {clear: both;display: block;}
#result-registration {margin: 7px;clear: both;}
.regaava {position: absolute;left: 400px;top:0;}
.xfields textarea,.xfields input {margin: 3px 0 12px 0;}
.xfields {clear: both;}

/*---Sign and login panel---*/
.sign {position: absolute; left: 10px;top:5px;}
.sign i {
           position:relative;
           background:#333;
           padding: 8px 15px 8px 15px;
           margin: 0 0 0 -10px;
           font-size: 0.8em;
           font-style: normal;

            border-radius: 0 7px 7px 0;
            -moz-border-radius: 0 7px 7px 0;
            -webkit-border-radius: 0 7px 7px 0;
}
.sign il {
           position:relative;
           border-left: 1px solid #ddd;color: #777;text-decoration: none;text-transform: uppercase;
           padding: 8px 13px 6px 13px;
           margin: 0 0 0 -10px;
           font-size: 1.0em;
           font-style: normal;

            
}

.linkpm,.linkfav {color: #fff;padding: 3px 0 8px 18px;text-decoration: none;}
.linkpm:hover, .linkfav:hover {text-decoration: underline;color: #fff;}
.linkpm {background:url('../img/mail.png') no-repeat;}
.linkfav {background:url('../img/favorite.png') no-repeat;margin: 0 0 0 10px;}
.linkexit {font-size: 0.8em;color: #666;}
.linklost {float:right;font-size:0.8em;margin: 12px 0 0 0;}
#sign {width: 240px;}
#sign input[type="text"], #sign input[type="password"] {width: 214px;}  
#sign input[type="checkbox"] {margin: 0 5px;}
#sign button {float: right;}
#sign ul {padding: 0 0 0 130px;}
#sign ul li a {color: #444;line-height: 1.6;}

/*---Modal window---*/
.modal {   
           background: #FFF;
           width: 600px;
           padding: 30px; 
           display:none;                
}

.modal,.ui-dialog,#share-popup { 
              border: solid 1px #bbbbbb;
              border: solid 5px #ddd\0/;
              border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.12);       
              -o-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.12);
              -moz-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.12);
              -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.12);
}





/*---Tooltip and ToTop---*/
#tooltip{font-size:12px;position:absolute;max-width: 200px;z-index:30000;text-align:center;font-weight:normal;background:#333;color:#fff;padding:5px 10px 5px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#toTop {bottom: 25px;right: 25px;position: fixed;padding: 10px;font-size: 20px;line-height: 14px;background: #333;color: #fff;cursor:pointer;display:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#toTop:hover {background: #ddd;color: #333;}
#lean_overlay {position: fixed;z-index: 1000;top: 0;left: 0;height:100%;width:100%;background: #000;//background: none;display: none;}
.closemb { position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 18px; background-position: -392px -67px; z-index: 2;cursor: pointer; }
.loadimg {background: url("../img/load.gif") no-repeat 50% 50%;}



/*---statistics START---*/
.statistics {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.statistics ul.lcol {
    min-height: 71px;
    background: url("../images/statsep.png") no-repeat;
    margin: 0 0 20px -1px;
    padding-top: 14px;
    width: 33.3%;
}

.statistics ul.lcol li {
    padding: 0 15px;
    margin-bottom: 2px;
}
/*---statistics END---*/
/* single-product */







.block_popular {margin:-10px 3px 0 0; padding:20px 0 5px 0;float:left;position:relative; border: 3px solid #e1e1e1;}
.block_popular img {width: 207px; height: auto; }
.block_popular_u img {width: 32px; height: 32px;}
.block_popular_u {background-color: #47454e;border-radius:3px;position:absolute;top:2px;right:2px;padding:3px 0;color:#efefef;text-align:center;width:40px;height:33px;font-size:11px; opacity:0.85;}
.block_popular_l {background-color: #47454e;border-radius:0 0 3px 3px;position:absolute;top:23px;right:10px;padding:3px 0;width:140px;height:15px; opacity:0.85;}
.block_popular_l a{ margin:0 10px 0 -70px;color:#efefef;text-align:center;font-weight: bold;font-size:11px;}
.block_popular_c {position:absolute;top:110px;left:45px;padding:5px;width:auto;height:auto; }
.block_popular_c a{color:#efefef;text-align:center;font-size:11px; font-weight:bold;
			text-transform:uppercase;}
.block_popular_date {background-color: #1e2326;;border-radius:3px;position:absolute;top:3px;right:5px;padding:3px 5px;color:#efefef;text-align:center;width:auto;height:15px;font-size:11px; opacity:0.7;}
.block_popular_t {background-color: #1e2326;;border-radius:3px;position:absolute;bottom:0;right:0px;padding:3px 5px;color:#efefef;text-align:center;width:auto;height:18px;font-size:13px; opacity:0.8;}
.title_x {background: #FAFCFC;position:relative;padding:10px 8px;margin: 10px 5px 10px 0;color:#636363;text-align:center;width:auto;height:22px;font-family: 'Play', sans-serif;font-size:18px; opacity:0.8;}
.title_x::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0; bottom: 0; /* Положение треугольника */
   border: 20px solid transparent;	
    border-left: 20px solid #00AFF0;
   }

.reg_x {background-color: #dddddd;position:relative;padding:3px 8px;margin: 0 0 0 0;width:auto;height:28px;text-align:center; opacity:0.8;}
.reg_x a{font-family: 'Play', sans-serif;font-weight: bold;color:#636363;font-size:20px;}
.block_popular_r {background:url('../img/review_rating_small.png') no-repeat;
width:48px;
height:40px;
position:absolute;
top:68px;
left:115px;
color:#000;
text-align:center;
font-size:13px;
font-weight: bold;
padding-top: 13px;

 }
.block_popular_v {background-color: #47454e;border-radius:3px;position:absolute;top:-2px;left:-10px;padding:3px 0;color:#efefef;text-align:center;padding: 5px;max-width:140px;max-height:50px;font-size:11px;}
.block_popular_a {background:url('../img/review_rating_small') no-repeat;position:absolute;top:50px;right:10px;padding:3px 0;color:#efefef;text-align:center;padding: 5px;max-width:140px;max-height:50px;font-size:11px; }
.block_popular_new {background-color: #d0aa14;position:absolute;top:0px;left:0px;padding:3px 0;color:#efefef;text-align:center;width:142px;height:20px;font-size:14px; }
.block_popular_title {background-color: #47454e;position:absolute;top:0px;right:0px;padding:3px 5px 3px 5px;color:#efefef;text-align:center;width:224px;height:20px;font-size:14px; }
.block_popular_cenaru {background-color: #47454e;position:absolute;bottom:21px;left:0px;padding:3px 5px 3px 5px;color:#efefef;text-align:center;max-width:340px;height:15px;font-size:13px; opacity:0.9;}
.block_popular_cenaua {background-color: #47454e;position:absolute;bottom:0px;left:0px;padding:3px 5px 3px 5px;color:#efefef;text-align:center;max-width:340px;height:15px;font-size:13px; opacity:0.9;}
.block_popular_cat { font-size: 13px; text-align:center;font-weight: bold; margin-top: -9px;}
.tip_avto_moto { background-color: #d0aa14;position:absolute;top:0px;left:0px;padding:3px 0;color:#efefef;text-align:center;width:142px;height:20px;font-size:14px;}
.cena {position:relative;top:-30px;left:50px;margin: 0 0 80px 0; }

.opis {
	 color: #6f6f6f; font-size: 12px;padding:3px 0; margin: -20px 0 0 33px;
}

.bike_type{
			position:absolute;
			top:-5px;
			margin:0 25% 0 25%;
			width:50%;
			height:14px;
background-color: #e1e1e1;
border-radius:0 0 5px 5px;

padding:3px 8px 3px;
text-align:center;

		}

.bike_type a{

			font-weight:bold;
			text-transform:uppercase;
			font-size:11px;
			color:#818190;
			text-decoration:none;
		    z-index:10
		}



.sublink div span, .navi_u li div span, ul.submenu li span {
    float: right;
    display: block;
    background: #33383b;
    height: 36px;
	width: 35px;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 40px;
    padding: 4px 0 0 4px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.27);
}
.response__item-score{background:#f4f4f4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;padding:8px 10px 3px}
.response__item-score-wrap{ height: 126px; width:140px;padding-right:0!important}
.response__item-score-pip{position:absolute;top:50%;left:-8px;margin-top:-8px;width:8px;height:15px;background:url('http://pics.autonews.ru/autonews_pics/static/v3.1.59/styles/blocks/response/images/score-pip.png') no-repeat;display:block}
.response__item-score-position{margin-bottom:8px;text-transform:uppercase;font-family:RBCGroteskLight,Arial,'Helvetica CY',sans-serif;padding-top:3px;font-size:10px}
.response__item-score-position-number{float:right;font-size:12px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin-top:-3px}
.response__item-score-position-number span{font-weight:bold;font-size:14px}.response__item-author{vertical-align:middle}

.box_slider_c {
    position: relative;
}



.infi {
    height: 26px;
    width: 314px;
    position: absolute;
    top: -3px;
    left: 0;
}
.infi em {
    font-style: normal;
    overflow: hidden;
    display: block;
    font-size: 11px;
    text-align: center;
    color: #fff;
    height: 26px;
    line-height: 24px;
    padding: 0 5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.21);
}
.infi em.time {
    background: #44404f;width: 130px;
}
.infi em.chanel {
    background: #27313d;width: 130px;
}

.text2 {
    position: absolute;
    bottom: 0;
    left: -10px;
    font-size: 12px;
    color: #fff;
    display: block;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.36);
}
.speedbar {border-bottom: 2px solid #1c1b20;
    border-radius:4px;
    background: #444250;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    padding: 0 14px 0 10px;
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 10.5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.27);
    color: #fff;

    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.speedbar a {
padding: 0 12px 0 0;
    color: #fff;
}


.speedbar div {
    float: left;
    height: 20px;
    position: relative;
    margin: 0 24px 0 0;
    background: #1c1b20;
    color: #fff;
    padding: 0 13px 0 13px;
    line-height: 20px;
    font-weight: bold;
    font-size: 10.5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.27);
}

.speedbar1 {border-bottom: 2px solid #1c1b20;
    border-radius:4px;
    background: #444250;
    overflow: hidden;
width: 280px;
    height: 20px;
    line-height: 20px;
    padding: 0 14px 0 0;
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 10.5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.27);
    color: #fff;

    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.speedbar1 a {
padding: 0 8px 0 0;
    color: #fff;
}
.speedbar1 div {
    float: left;
    height: 20px;
    position: relative;
    margin: 0 24px 0 0;
    background: #1c1b20;
    color: #fff;
    padding: 0 13px 0 13px;
    line-height: 20px;
    font-weight: bold;
    font-size: 10.5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.27);
}
.fild{border-bottom:2px solid #dae2f2;font-size:16px;width:100%;padding-bottom:3px;color:#444;margin: 5px 0 10px 0;text-transform:uppercase;}
.fild:first-letter {color:#831d0f}

.stat {width:220px;
	position: absolute;
	margin-top: 20px;
font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	font-weight: bold;

}

.stat2 {
	position: absolute;
	margin-top: -33px;


}







/* IN NEWS */
.gameRateNews {


	border: 1px solid #e3e3e3;
	border-radius: 5px;
	background: #FFF;
	width: 285px;
	margin: -62px 0 10px -10px;
	-webkit-font-smoothing: antialiased;

}
.gameRateNewsFirst {
	overflow: hidden;
}
.gameRateNewsFirstL {
	float: right;

}

.gameRateNewsF {
	float: left;
border-right: 1px solid #e3e3e3;
	border-radius: 5px;
height: 51px;
width: 70px;
}

.gameRateNewsFirstR {
	float: left;
	color: #404040;
line-height: 14px;
}
.gameRateNewsFirstRName {float:left;
	display: block;
	padding: 10px 0 5px 12px;
	font-weight: bold;
}
.gameRateNewsFirstRVotes {
	display: block;
	padding: 0px 12px;
	font-size: 11px;
}

div.skroll
{
width: auto; height: 300px;
background-color: white; 
border: white; 
overflow-y: scroll; 
float: none; 
padding:3px; 
} 
div.skrol
{
height: 255px;
background-color: white; 
border: white; 
overflow-y: scroll; 
float: none; 
padding:3px; 
} 

div.sgalary
{
width: 383px; 
height: auto;
border: white; 
overflow: hidden; 
float: none; 
padding:3px; 
} 

div.sgalary img
{
width: 113px; height: 78px;
padding:3px; 
border:1px solid #e3e3e3;
border-radius:5px
} 

div .ingalary
{
width: 382px; 
height: auto;
border: white; 
overflow: hidden; 
float: none; 
padding:3px; 
} 

div.ingalary img
{
width: 40px; height: 40px;
padding:3px; 
border:1px solid #e3e3e3;
border-radius:5px
} 


div.sec img
{
width: 375px; height: 55px;
margin-top: 5px;
border:1px solid #e3e3e3;
border-radius:5px
} 







.ratenum{background:#d84a29}
.rategreen,.rategreen .ratenum{background:#97b312}
.pmrate{position:relative;float:right;margin:0 0 .4em 1em}
.pcanrate{padding-top:9px}
.pmrate .minus,.pmrate .plus{position:absolute;left:50%;margin-left:-10px;padding-top:16px;width:16px;border:2px solid #fff;background-color:#737373;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.ratenum{font-size:11px;display:block;height:17px;width:45px;padding:10px 0;text-align:center;color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background:#cacaca}
.pmrate .plus,.pmrate .minus{margin-top:-10px;}
.pmrate.rategreen,.pmrate.ratered{background:none}
.pmrate .plus{background: url('../dleimages/plus.png') no-repeat;}



.item {float:left; position:relative; width:150px; height:95px; margin:0 5px 15px 0; padding:0; cursor:pointer;}
.item span.note {display:block; color:#FFFFFF; font-size:11px; text-decoration:none; text-align: center;padding:3px 3px;width:142px; position:absolute; bottom: -15px; z-index:2;}
.item:hover span.note {background:#368DBC;}
.opacity {background: rgba(0,0,0,.6); cursor:pointer;}


.item1 {float:left; position:relative; width:210px; height:142px; border: 1px solid #E2E2E2;margin:0 5px 5px 0; padding:0; cursor:pointer;}
.item1 span.note {display:block; color:#FFFFFF; font-size:11px; text-decoration:none; text-align: center;padding:3px 3px;width:205px; position:absolute; bottom: 0px;z-index:2;}
.item1:hover span.note {background:#368DBC;}

.item2 {float:left; position:relative; width:316px; height:241px; border: 1px solid #E2E2E2;margin:0 5px 15px 0; padding:0; cursor:pointer;}
.item2 span.note {display:block; color:#FFFFFF; font-size:13px; text-decoration:none; text-align: center;padding:3px 3px;width:371px; position:absolute; bottom: 0px; z-index:2;}
.item2:hover span.note {background:#368DBC;}


/*---Комментарии START---*/
.newsview {
	border-bottom: 1px solid #F1F1F1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.bcomment {
	margin-bottom: 20px;
	padding-left: 10px;
}

.bcomment .lcol { 
	color: #7B878D;
	margin-left: -85px;
	padding-right: 13px;
	position: relative;
	width: 70px;
}

.lcol { 
	float: left;
}

.bcomment .rcol1 { 
	background: #FAFAFA;
	border: 1px solid #E9E9E9;
	width: 630px;
	padding:1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.rcol { 
	float: right;
}

.lcol, .rcol, form { 
	display: inline;
}

.bcomment .lcol .comm_online { 
	background: url("../img/online.png") transparent;
	padding-top: 16px;
	position: absolute;
	right: -3px;
	top: 8px;
	width: 9px;
}

.bcomment .lcol .comm_offline { 
	background: url("../img/offline.png") transparent;
	padding-top: 16px;
	position: absolute;
	right: -3px;
	top: 8px;
	width: 9px;
}

.thide, .htmenu span { 
	display: block;
	height: 0px;
	line-height: normal;
	overflow: hidden;
}

.combox { 
margin: 0px 10px;
padding: 5px 0px;
}

.author_comm a {
	color: #FFFFFF;
}

.dropmenudiv_comm {
	background-color: #2A2A2A;
	font-size: 1em;
	line-height: 20px;
	margin: 0px;
	padding: 5px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.dropmenudiv_comm a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 4px;
	width: 162px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.dropmenudiv_comm a:hover {
	background: #5C9CCC;
	color: #FFFFFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.fbutton_com1, .fbutton_com {
	background: #FDFDFD;
	border: 1px solid #E9E9E9;
	color: #666666 !important;
	padding: 2px 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.fbutton_com:hover {
	background: #FDFDFD;
	border: 1px solid #CCCCCC;
	color: #333333 !important;
	padding: 2px 8px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.fbutton_fast a {
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #D9D9D9;
	color: #666666 !important;
	cursor: pointer;
	padding: 3px 13px 3px 12px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}



.infbtn {
    margin: 3px 0 0 1px;
    position: relative;
}

.infbtn .thide {
	cursor: pointer;
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #D9D9D9;
	color: #666666 !important;
	padding: 3px 10px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.infbtn .thide:hover {
	cursor: pointer;
	background-color: #FEFEFE;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	border: 1px solid #CCCCCC;
	color: #333333 !important;
	padding: 3px 10px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.infcont {
    z-index: 33;
    width: 180px;
    position: absolute;
    top: 23px;
    right: 3px;
    display: none;
}

.infcont ul {
    position: relative;
    list-style: none;
    font-size: 0.9em;
    color: #67747b;
    margin: 0 6px;
    padding: 5px 0;
}

.bg_comm_a {
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	padding: 5px;
	margin-bottom: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bg_comm_b {
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 50px;
}

.avatar2 {
	margin-bottom: 10px;
	padding: 4px;
	background-color: #FAFAFA;
	border: 1px solid #E2E2E2;
}

.avatar2 img {
	width: 60px;
	height: 60px;
}

.pad_comm {
	padding: 0px 4px 0px 5px;
}

.comm_mass_act {
	vertical-align: middle;
	float: right;
}

.comm_quote {
	margin: 18px 0px 0px 0px;
	text-align: center;
}
/*---Комментарии END---*/

/* Обходим плагин Adblock  
------------------------------------------*/ 
.no-adb-1 {  position: relative;
  padding: 5px; 
  background:#fff; 
  border: 1px dashed #ff0000;

  font-size: 115%; line-height: 1.5;  
  text-align:center; 
  color:#555; height: 90;  
}

#okno {
    height: 400px;
    overflow: auto;
}
.autocatalog { padding: 0;}
.autocatalog b.char { float: left; color: #333; width: 30px; margin-top: 0;font-size:16px; text-align: center; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Verdama, sans-serif; }


.tbl_ac{
width:auto;
}

.tbl_ac td{font-size:12px;
 background: #F1F3F3;
text-align:center;
padding: 3px 9px 3px 9px;

}

	.tbl_ac a{
	text-decoration:noneunderline;
	}
	.tbl_ac a:hover{
	text-decoration:underline;
	}




.topnews {
    margin: 0 0 10px 0;
}



.login, .not-login {
	position: relative;
	top: 0;
	right: 0;
	width: 270px;
	height: 68px;
	overflow: hidden;
	padding: 8px 0 10px 12px;
margin: 0 0 0 15px;
	font: normal 12px 'Sans', sans-serif, Arial;
	}
	.not-login {
		padding: 0;

		height: 86px;
		width: 260px;
		font-size: 14px;
		}
	
	.login ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.login img {
		max-width: 70px;
		max-height: 70px;
		display: block;
		margin-bottom: 4px;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
		}
		
	
.login .photo{left: -12px; top: 1px;
	padding: 4px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.1); border-image: none; width: 60px; height: 60px; bottom: 8px; margin-right: 7px; float: left; position: relative;
}

.login .photo img {
	border-radius: 50%; width: 100%; height: 100%; position: relative;
}


	.login .loginbox {
		float: left;
		width: 180px;
		position: relative;
		margin: -8px 0 0 -20px;
		}
	.login a {
		padding: 0 0 0 20px;
		position: relative;
		text-decoration: none;
		color: #fff;
		
		}
		.login a:hover {
			color: #fff;
			}
		.login a:after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 20px;
			
			}
			
.login .messages {
    position:absolute; 
    font-weight:bold; 
    z-index:2; 
    top:10px; 
    left:-12px; 
    display:block; 
    text-decoration:none; 
    
    background: #8EB400;
    /* padding:1px 0px 0px 8px;  */
    padding: 0 4px;
    font-size:11px; 
    color:#fff; 
    text-shadow:0px 1px 0px #396600; 
    border-radius:2px; 
    /* height:21px; 
    width:14px; */
    height: 16px;
    line-height: 16px;
}


.login .favorite {
    position:absolute; 
    font-weight:bold; 
    z-index:2; 
    top:30px; 
    left:-32px; 
    display:block; 
    text-decoration:none; 
   
    background: #ffa800;
    /* padding:1px 0px 0px 8px;  */
    padding: 0 4px;
    font-size:11px; 
    color:#fff; 
    text-shadow:0px 1px 0px #b21035; 
    border-radius:2px; 
    /* height:21px; 
    width:14px; */
    height: 16px;
    line-height: 16px;
}


.logout { background:url(../img/logout-icon.png) no-repeat 0px 0px; width:13px; height:10px; display:block; position:relative; left:20px; top:2px; float:right }

				
.not-login-inner {
	position: relative;
margin: 10px 5px 0 0;
	}	
	.login_name,
	.login_password {
		position: relative;
		}
		.login_name:after,
		.login_password:after {
			content: "";
			position: absolute;
			top: 4px;
			left: 6px;
			width: 20px;
			height: 20px;
			background: url(../img/icons.png) no-repeat;
			}
			.login_password:after {
				background-position: -260px 0;
				left: 7px;
				top: 5px;
				}
		.login_name input,
		.login_password input {
			-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0 rgba(255, 255, 255, 1);
			box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 1px 0 rgba(255, 255, 255, 1);
			border: solid 1px rgba(0, 0, 0, 0.15);
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 0 10px 0 25px;
			line-height: 22px;
			height: 22px;
			margin-bottom: 5px;	
			width: 130px;	
			}
			.lt-ie9 .login_name input,
			.lt-ie9 .login_password input {
				
				}
			.loginbut {
				position: absolute;
				top: 3px;
				right: 0;

 border: none;
background: url(../img/review.png) no-repeat;
				width: 75px;
				height: 50px ;
				padding: 0;
				margin: 0;
				}
			.lostpass {
				float: right;
				margin-right: 8px;
				}

#black-block{
	width:650px;
	height:291px;
	
	margin-bottom:25px;
}

.border {
	background: url("../img/border_blue.png") repeat-x !important;
	overflow: hidden;
	position: relative;
	height: 3px !important;
	margin-bottom: 10px;
	width: 770px;
	
}



/* Правый сайдбар  
------------------------------------------*/ 
aside.lcol {float:left;
	width: 300px; overflow: hidden; position: relative; z-index: 1;
}




aside.lcol .nopad.block {display:block; border: 1px solid #E0E3E9;background: #fcfcfc;
	padding: 0px;margin-bottom: 20px;
}

aside.lcol .block .block_c {
	padding: 15px;
}

aside.lcol  .block_h {
	 background: #FAFCFC;padding: 8px 20px; color: #8f8fa4; border-left: 3px solid #00AFF0; line-height: 1; overflow: hidden; font-size: 20px; position: relative; margin-bottom: 5px;
}

















.last_cat li {
	color: rgb(143, 143, 155); margin-bottom: 15px;
}
.last_cat p {
	line-height: 1.5; overflow: hidden; padding-top: 5px; font-size: 10px;
}
.last_cat .catcle {
	margin: 2px 7px 0 -17px; padding-top: 5px; width: 42px; height: 42px;  float: left; position: relative;
}

.last_cat .catcle img {
	 width: 100%; height: 100%; position: relative;
}

.catauthor {
	 font-size: 13px; text-transform: uppercase;font-weight: bold;
}

.last_comm li {
	color: #000; margin-bottom: 15px;
}
.last_comm p {
	line-height: 1.5; overflow: hidden; padding-top: 5px; font-size: 10px;
}
.last_comm .circle {
	padding: 4px; border-radius: 50%; border: 2px solid #8f8fa4; border-image: none; width: 64px; height: 64px; bottom: 8px; margin-right: 7px; float: left; position: relative;
}

.last_comm .circle img {
	border-radius: 50%; width: 100%; height: 100%; position: relative;
}


.last_comm1 li {
	color: rgb(143, 143, 155); margin-bottom: 15px;
}
.last_comm1 p {
	line-height: 1.5; overflow: hidden; padding-top: 5px; font-size: 10px;
}
.last_comm1 .circ {left: -12px; top: 1px;
	padding: 4px; border-radius: 50%; border: 3px solid #8f8f9b; border-image: none; width: 100px; height: 100px; bottom: 8px; margin-right: 7px; float: left; position: relative;z-index: 1;
}

.last_comm1 .circ img {
	border-radius: 50%; width: 100%; height: 100%; position: relative;
}

.last_comm1 .stream-topic {width: 150px;margin: 10px 0 0 120px;
	padding: 10px 0 10px 35px; border-radius: 4px 4px 4px 32px; border: 1px solid #8f8f9b; border-image: none; color: #8f8f9b; line-height: 1.4; font-size: 16px;  display: block; position: relative;
}
.last_comm1 .stream-topic:hover {
	color: #8f8f9b}
.last_comm1 .stream-topic::before {
	left: 10px; top: -7px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: #8f8f9b; border-left-color: transparent; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1; content: "";
}

.last_comm1 time1 {font-size: 18px;
	display: block; content: "";
}
.last_comm time::before {
	display: block; content: "";
}
.last_comm .stream-topic {
	padding: 13px 10px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.1); border-image: none; color: rgba(255, 255, 255, 0.75); line-height: 1.4; font-size: 13px; margin-top: 15px; display: block; position: relative;
}
.last_comm .stream-topic:hover {
	color: rgb(255, 255, 255);
}
.last_comm .stream-topic::before {
	left: 10px; top: -7px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgba(255, 255, 255, 0.1); border-left-color: transparent; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1; content: "";
}

.author{
	 font-size: 14px;
    margin: 0 0 0 10px
}
.tags {
	overflow: hidden;
	text-indent: -9999px;
}
.tags a {
    text-indent: 0;list-style: none; margin: 0px 5px 5px 5px; padding: 3px 6px; border-radius: 3px; border: 1px solid #33BFF3; border-image: none; color: #8E9B9E; font-size: 16px; text-decoration: none; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.tags a:hover {
	color: rgba(94, 156, 195, 1);
}
.tags a + br + br + a {
	margin: 0px; border: currentColor; border-image: none;
}


ul.submenu li a {
	padding: 3px 10px; border-radius: 3px; color: rgb(255, 255, 255); text-decoration: none; display: block;
}
ul.submenu li a:hover {
	background: rgba(94, 156, 195, 0.9);
}
aside.rcol .block {
	padding: 15px; overflow: hidden;
}
aside.rcol .block .block_h {
	font: 700 20px/1.45 "PT Sans", Arial, Helvetica, Tahoma, sans-serif; margin: 0px 0px 0.6em; text-transform: uppercase; overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
.btl {
	font: 700 20px/1.45 "PT Sans", Arial, Helvetica, Tahoma, sans-serif; margin: 0px 0px 12px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
.btlw {
	font: 700 20px/1.45 "PT Sans", Arial, Helvetica, Tahoma, sans-serif; margin: 0px 0px 12px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
.btlw {
	padding: 0px 30px;
}




.list.w210{  padding:0; list-style:none; width:680px; position:relative;}
.list.w210 li { width:187px; padding:0 5px 5px 21px; margin:0px 20px 0 0; display:-moz-inline-box;display: inline-block;*zoom: 1;*display: inline;word-spacing: normal;vertical-align: top; background:#fff;}
.list.w210 li:hover {transition:all .2s linear; -moz-transition:all .2s linear;  -o-transition:all .2s linear; -webkit-transition:all .2s linear;-webkit-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }




.reviews-block {  margin: 0 0 0 1px; padding: 0 7px 0 1px;}
.reviews-block.without-border { margin:0;}
.reviews-block .list { margin-bottom:-10px;}
.reviews-block h2 {font-size:14px; color:#111111;  margin:0 0 6px 0;  text-align:center;text-transform: uppercase;font-weight: bold;}
.reviews-block h4 {font-size:11px; color:#111111;  margin:-5px 0 5px 0;  text-align:center;text-transform: uppercase;}
.reviews-block .list li { background:#e1e1e1; margin:0 5px 10px 0;}
.reviews-block .list li .image { margin:0 0 30px;}
.reviews-block .list h3 { margin:0;min-height:42px;}
.reviews-block .list h3 span { display:block; font-size:16px;}
.reviews-block .list li strong { display:block; margin:0 0 8px;}

.list .image .user-pic {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin: 0 0 10px -10px;
}

.list .image .user-pic img {
    width: 40px !important;
    height: 40px !important;
}

.featured-1{border: 2px solid rgba(111, 111, 111, 0.1);
border-radius: 10px;
width:331px;
height:auto;	
float:left;	
padding:0;
margin:0 10px 7px 0;
position:relative;
overflow:hidden;
}
.featured-1 a{
text-decoration:none;	
}

.featured-1 img{
width:331px;
height:auto;	
}



.hdr {
    margin-bottom: 5px;
    position: relative;
}


.hdr__text {text-transform: uppercase;
font-weight: bold;
    color: #000;
    vertical-align: middle;
    display: inline-block;
}










.text{margin:2.5ex 0 0}


/*Finder*/

.soc {display:inline-block;
margin: 12px 0 20px 15px;}

#mod-finder-searchform {
    display:inline-block;
  float: right;
  margin: 10px 0 20px 10px;
  position: relative;
  width: 350px;
}
#mod-finder-searchform #mod-finder-searchword {
  width: 320px;
  height: 38px;
  line-height: 34px;
  padding: 0 10px;
  margin: 0 10px 0 0;
  display: block;
  background: #f5f5f5;
}
#mod-finder-searchform #mod-finder-searchword:focus {
  background: #ffffff;
}
#mod-finder-searchform button.finder {
  background: url(../img/searchbtn.png) no-repeat #00AFF0;
  width: 35px;
  height: 28px;
  border: none;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  font-size: 0px;
  display: block;
  position: absolute;
  top: 6px;
  right: 22px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


input,textarea,select,.uneditable-input{color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}














.drop_vert_menu {
    list-style-type: none; 
    width: 290px;
    margin: 0; 
    padding: 0;
 }
 
.drop_vert_menu  ul {
    list-style-type: none; 
    width: 280px;
    margin: 0; 
    padding: 0; 
}
.drop_vert_menu > li{
  position: relative; 
  background: url(images/vert_css_menu_0.png) no-repeat 0 0; 
  padding:5px 0px 5px 10px;
  border-top: 1px solid #8f8f9b;
}

.drop_vert_menu > li:hover {
background: #38b5e3;
  font-color: #fff;
  text-decoration:none;
}
.drop_vert_menu > li > a{
  font-size:13px;
  color: #000;
  text-decoration:none;
}
.drop_vert_menu > li > a:hover{
  font-size:13px;
  color: #fff;
  text-decoration:none;
}

  .drop_vert_menu li ul {
    position: absolute; 
    display: none; 
    top: 2px; 
    right: 150px; z-index:99999;
   }

 .drop_vert_menu li:hover ul {
   display: block; 
   }

.drop_vert_menu li ul li{
  text-align:left;
  background: #38b5e3;
  padding: 8px 0px 8px 10px;z-index:10;
}

.drop_vert_menu li ul li:hover {z-index:10;
  background: #1a9fd0;

}

.drop_vert_menu li ul li a{z-index:10;
  font-size:12px;
  color:red;
  text-decoration:none;
}

.drop_vert_menu li ul li a:hover{z-index:10;
  font-size: 14px;
  color: White;
  text-decoration:none;
}

.harmonica-menu {

    margin-left: 6px;
}

.harmonica-menu a {
    display: block;
    padding: 5px 5px 10px 15px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}
    
.harmonica-menu h3 {
padding: 15px 5px 10px 15px;
font-size: 16px;
font-weight: bold;
    
}
    


.tabs{background:#b0b8bd;display:inline-block;position:relative;bottom:-1px;text-decoration:none;color:#fff;font-size:13px;text-transform:uppercase;font-weight:bold;margin-right:20px;padding-bottom:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; width:700px}
 .tab1{position:relative;bottom:-1px;text-decoration:none;color:#fff;font-size:13px; margin-left: 10px;}
 .tab2{position:relative;bottom:-1px;text-decoration:none;color:#fff;font-size:13px; margin-left: 100px;}
 .tab3{position:relative;bottom:-1px;text-decoration:none;color:#fff;font-size:13px;margin-left: 100px;}
 .tab4{position:relative;bottom:-1px;text-decoration:none;color:#fff;font-size:13px;margin-left: 100px;}








/*---table---*/
.forum_post {width: 700px;

}
.ctable {display: inline;
    display: table;
    width: 100%;
}
.ctable dt {
    display: table-row;
}
.ctable dt dd {
    display: inline-block;
}
.ctable_head {
    overflow: hidden;
    background: #e1e6ec;
    height: 35px;
    font-size: 14px;
    line-height: 31px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.27);
    color: #737063;
    padding: 0 12px;
    border-radius: 3px;
}
.ctable_head div {
    display: inline-block;
}
.ctable_tr { display: block;
    overflow: hidden;
   
    margin: 3px 0;
    font-size: 13px;
    color: #676767;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    padding: 5px 7px;
    border-radius: 3px;
    line-height: 26px;
}
.ctable_tr:nth-child(2n) {
    background: #ecebeb;
}
.ctable_tr div {
    display: inline-block;
}
.ctable_tr a {
    color: #676767;
}
.ctable .name {
    width: 16%;text-align:center;
}
.ctable .view {
    width: 12%;text-align:center;
}
.ctable .answ {
    width: 10%;text-align:center;
}
.ctable .auth {
    width: 53%;
}
.ctable_body {
    padding: 0 0 5px 0;
    margin: 0 4px;
}

.avatar{ /* селектор для класса avatar */
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background: #fff; /* фон */
    width: 50px; /* ширина */
    height: 50px; /* высота */
    padding: 5px; /* внутренние отступы(верх, право, низ, лево) */
    border: 1px solid #999; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 0px 1px 1px 1px #bbb /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
        margin-bottom: 10px;
}
.avatar img{ /* селектор для картинки, которая "внутри" класса avatar */
    display: block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */
    width: 100%; /* ширина 100% */
    border: 0; /* граница нулевая */
    margin: 0; /* внешний отступ отстутствует */
    border-radius: 50%; /* читай выше */
}



.materials-box{position: relative;margin: 0 0 0px}
.materials-list{margin: 0;list-style: none}
.materials-list li{margin: 12px 0;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 70px}
.materials-list li > *{line-height: 26px;vertical-align: middle}
.materials-list .date{display: inline-block;font-size: 13px;font-style: normal;min-width: 52px;text-align: right; margin: 0 20px 0 0;}
.materials-list .number{display: inline-block;position: relative;overflow: hidden;margin: 0 12px;width: 42px;height: 42px;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px; border: 1px solid #999;font-size: 14px}
.materials-list .zarp{display: inline-block;position: relative;overflow: hidden;margin: 7px 0 0 0;}
.rcollog {float:right;margin: 0 12px;}
.materials-list .text{position: relative;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 15px; width: 240px;}
.materials-list .text a{color: #000}

.rab {width: 100px;
						height: 100px;
    border-radius: 100px; /* Радиус скругления */
    border: 3px solid green; /* Параметры рамки */
    box-shadow: 0 0 7px #666; /* Параметры тени */text-align: center;
   }

.rab img{
    width: 70px;
						height: 100px;
   }
.rablogo img{display: block;
    width: auto;
						height: 40px;
   }
 .web {
         background:#fff;
         width: 42px;
         height: 42px;
         text-align: center;
         -moz-border-radius: 50px;
         -webkit-border-radius: 50px;
         border-radius: 50px;
         display: -moz-box;
         display: -webkit-box;
         display: box;
         -moz-box-orient: horizontal; 
         -webkit-box-orient: horizontal;
         box-orient: horizontal;
         -moz-box-pack: center;
         -moz-box-align: center;
         -webkit-box-pack: center;
         -webkit-box-align: center;
         box-pack: center;
         box-align: center;
         font-family:Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#000;
        
      }




div.fgalary
{   
    overflow-y: scroll; /* Добавляем полосы прокрутки */
 
    height: 300px; /* Высота блока */
    
    
   
 display: inline-block;
  vertical-align: middle;
    
        
} 

div.fgalary img
{ 
 display: inline-block;
  vertical-align: middle;
    vertical-align: top;
    margin: 5px;
width: 150px; 
padding: 4px;
border:2px solid #e3e3e3;
border-radius:5px
        
} 



a.button27 {
  position: relative;
  display: inline-block;
  width: auto;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
padding: 3px 10px 3px 10px;
margin: 0 0 5px 5px;
  border-radius: 5px;
  box-shadow: 0 0 0 2px #ddd inset, 0 1px 1px #fff;
}
a.button27:hover {
  background: #dcdcdc linear-gradient(#fff, #dcdcdc);
  box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}
a.button27:active {
  background: none;
    box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0,0,0,.5) inset, 0 1px 2px #fff;
}

.button2 {
  position: relative;
  display: inline-block;
  width: auto;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
padding: 3px 10px 3px 10px;
margin: 0 0 5px 5px;
  border-radius: 5px;
  box-shadow: 0 0 0 2px #ddd inset, 0 1px 1px #fff;
}
.button2:hover {
  background: #dcdcdc linear-gradient(#fff, #dcdcdc);
  box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}
.button2:active {
  background: none;
    box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0,0,0,.5) inset, 0 1px 2px #fff;
}

.news-info {
    border-top: 1px dotted #c9c7c7;
    height: 57px;
    padding: 0 15px;
}


.news-info li {
    float: left;
    line-height: 20px;
    padding-left: 22px;
    color: #6d6a6a;
    margin: -5px 15px 0 0;
}

.inforel {  display: inline-block;
  vertical-align: middle;line-height: 18px;}
.form_info{margin:7px 0 0 0;position:relative;overflow:hidden}
.form_info li{padding:8px 0;border-bottom:1px solid #E7E7E7;}
.form_info li:after{content:"";display:block;clear:both;}
.form_info li:last-child{border:none;}

.form_info li p{float:left;}
.form_info li p:first-child{width:100px;}
.form_info li p:last-child{width:680px;font-weight:600;}


.form_info_short{width:310px;padding:6px 0;float:left;margin-left:36px;}
.form_info_short:first-child{margin-left:0}
.form_info_short li p:first-child{width:210px;font-size: 15px;}
.form_info_short li p:last-child{width:100px;font-size: 14px;}

#txt 
{ 
display: none; 
}

/*==Login Panel==*/

.auth ul li {padding:1px 0 5px 10px; display:block; float:left; margin:0 5px 5px 5px;}
.auth label {  color:#8cbb43; margin-right:10px;}
.auth ul li input {margin-top:3px; border:1px solid #ccc; width:150px; height:26px; background:#f9f9f9; color:#242424;}
.abottom .left {float:right;margin:10px 200px 5px 0;}
.abottom .left a {color:#a5a5a5;  font-size:13px; }
.abottom .right {margin:0px 5px 0 0;padding:5px 0 5px 10px;}

.bs-callout {
    margin: 5px 0;
    padding: 10px;
    border-left: 3px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}


.wrap{
    width:1000px;
    text-align:left;
    margin:0 auto}
#topbar{
    z-index:1555;
    height:60px;
    position:relative;
    margin-bottom:10px}
.topbar{
    z-index:1556;
    position:fixed;
    z-index:8;
    width:100%;
    box-shadow:0 1px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow:0 1px 10px rgba(0,0,0, 0.3);
    -webkit-box-shadow:0 1px 10px rgba(0,0,0, 0.3);
    background:#00AFF0}
.topbar .wrap{
    position:relative;
    height:50px}
.logo{
    float:left;
    position:relative;
    height:50px;
    margin-top:10px;
    float:left;
    background:url("../img/logo.png") no-repeat;
    width:52px
}
.logotext {
    display:block;
    width:auto; 
    float:left; 
    margin-top: 22px;
    font-size: 24pt;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px 3px 3px #000;
}
.logotext:hover {
color: #e6e6e6;
}


#topmenu{
    float:left}
#topmenu{
    position:relative;
    left:0;
    margin-right:9px}
.topmenu li{
    position:relative}
.topmenu a{
    line-height:49px;
    height:50px;
    padding:0 11px;
    color:#fff;
font-size: 16px;}
.topmenu a,.topmenu li{
    float:left}
.topmenu a:hover{
    text-decoration:none;
    background:#2793E6}
.topmenu li.selected a{
    background:#2793E6}
.topmenu a .platf-arrow{
    float:left;
    margin-top:17px}
.topmenu li ul *{
    float:none}
#topmenu li ul{
    left:0}
.topmenu li ul{
    top:46px;
    padding:5px 0;
    background:#fff;
    min-width:160px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,0.2);
    position:absolute;
    z-index:9999;
    display:none;
    box-shadow:0 4px 12px rgba(0,0,0, 0.2);
    -moz-box-shadow:0 4px 12px rgba(0,0,0, 0.2);
    -webkit-box-shadow:0 4px 12px rgba(0,0,0, 0.2);
    font-size:.9em}
.topmenu li ul:after{
    content:"";
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    left:12px;
    top:-6px;
    z-index:25}
.topmenu .selected ul li a,.topmenu li ul li{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    background:none;
    height:auto;
    display:block;
    line-height:normal;
    text-transform:none}
.topmenu li ul li{
    padding:0;
    width:100%}
.topmenu li ul li a{
    color:#343434;
    padding:6px 20px;
    white-space:nowrap;
    border-width:0}
.topmenu li ul li a:hover{
    background:#2793E6;
    color:#fff}


.blocks ul.navib {
	display: block;
	border-bottom: 1px solid #E0E3E9;
}

.blocks ul.navib li {
	display: block;
	border-top: 1px solid #E0E3E9;
}

.blocks ul.navib li a {
	display: block;
	color: #83919E;
	font-size: 16px;
	padding: 10px 15px 10px 15px;
}

.blocks ul.navib li a:hover {
	color: #2E9FFF;
	
}


/* Профиль */
.profile {background: #EFF3FA;
				height: 100%;
			}
.profile a{
text-decoration:none
}
				.add-button .icon {
    position:absolute;
    background: #FAFCFC;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 2px solid #56A8AB;
    border-radius: 100%;
    color: #8F9CC2;
    font-size: 22px;
    text-align: center;
    top: 40px;
    right: 5px;
    
}


.add-button .mark{
    position:absolute;
    background: #00AFF0;
    line-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-size: 13px;
    text-align: center;
    color: #fff;
    top: 30px;
    right: 5px;
    
}


				.add-button .icon2 {
    position:absolute;
    background: #FAFCFC;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 2px solid #56A8AB;
    border-radius: 100%;
    color: #8F9CC2;
    font-size: 22px;
    text-align: center;
    top: 40px;
    left: 5px;
    
}


.add-button .mark2{
    position:absolute;
    background: #00AFF0;
    line-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-size: 13px;
    text-align: center;
    color: #fff;
    top: 30px;
    left: 5px;
    
}
.add-button .exit{
    position:absolute;
    background: #ED3B3B;
    line-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-size: 14px;
    text-align: center;
    color: #fff;
    top: 0;
    right: 90px;
    
}
					.add-button .icon:hover {
						color: #e64c65;
						border-color: #e64c65;
					}
					.add-button .icon2:hover {
						color: #e64c65;
						border-color: #e64c65;
					}

				.user-name {
					margin: 35px 0 10px;
					text-align: center;
				}
				.profile-description {
					width: 300px;
					margin: 0 auto;
					text-align: center;
				}


.profile-picture {
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    width: 110px;
    height: 100px;
}

.profile-picture img{
    border: 3px solid #11A8AB;
    border-radius: 50%;
    padding:3px;
    width: 110px;
    height: 110px;
    
}

a.knopka {
    border-radius: 4px;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: #00AFF0; /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */

.news { width: 45%; float:left; margin:10px; display: inline-block;}
.block_clip { position:relative; float:left; margin:10px; display: inline-block;}
.block_clip img {width: 143px; height: 143px; border-radius:100%}

.block_ser { position:relative; float:left; margin:5px;}
.block_ser img {width: 100px; height: 150px; }

.block_talk { position:relative; float:left; margin:10px;}
.block_talk img {width: 200px; height: 200px; }

.block_top { position:relative; float:left; margin:10px 10px 10px 0;}
.block_top img {width: 124px; height: 124px; }

.block_talkin {background: rgba(0,0,0,0.5);position:absolute;bottom:5px;left:0px;padding:5px 0;width:100%;height: auto;color:#efefef;text-align:center;font-size:18px;}
.block_talkin a {color: #eee;}

.block_talkin_rev {background: rgba(0,0,0,0.5);position:absolute;top:0px;left:0px;padding:5px 0;width:40px;;height: auto;color:#efefef;text-align:center;font-size:12px;}
.block_talkin_rev a {color: #fff; font-size:12px;}

.block_talksay{
    background: rgba(0,0,0,0.5);
    position:absolute;
    top:0px;
    right:0;
    width: auto;
    padding: 5px;
	color:#fff;
    text-align: center;
    line-height: 18px;
    font-size:12px;

}

.block_talksay img{
    width: 32px;
        height:32px;
}
    
.play{
    
    position:absolute;
    top:45px;
    right:48px;
    width: auto;

    padding: 5px;
	color:#fff;
    text-align: center;
    line-height: 18px;
    font-size:40px;

}
.mp3uz, .mp3uz:visited, 
.mp3uz:active 
{
    display: block;
    width: 46%;
    float:left;
    margin-bottom: 2px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #E0E3E9;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight:bold;
    color: #000;
}
.mp3uz:hover {
    background: #F2F9FF;
    border: 1px solid #C5E4FF;
    border-radius: 5px;
    color: #F05F70;
    text-decoration: none;
}

.mp3uz i {border: 2px solid #33BFF3;padding:5px 5px 5px 8px;color: #33BFF3;border-radius: 100%;font-size: 16px}
.down i {background: #EDEDED;padding:5px;color: #56A8AB;border-radius: 5px;font-size: 16px}

.tbl{margin-bottom:18px}.tbl table{width:430px}.tbl th,.tbl td{padding:11px 12px 9px 20px;vertical-align:top;font-size:14px;line-height:1.4}.tbl th:first-child,.tbl td:first-child{padding-left:16px;border-left:0;width:110px}.tbl tr:nth-child(2n+1){background:#fafafa}.tbl td p{padding-bottom:25px;line-height:2;font-family:Tahoma,sans-serif}

.jpn {margin-bottom: 10px;
        width:575px;
        height: auto;
        background-color: #ffffff;
        position:relative;
        border: 2px solid #D4D4D4;
        border-radius: 50px;
        box-shadow: 0 0 15px #00aff0;
        padding:20px 40px;
}

.download{
width: 1.500em;
height: 0.500em;
border: 0.250em solid #2c2c2c;
border-top: none;
position: absolute;
bottom: 0.188em;
position: relative;
margin-top:1.5em;
float: left;
margin-right: 10px;
}

.download:before{
content: '';
position: absolute;
width: 0.438em;
height: 0.625em;
background: #2c2c2c;
top: -0.875em;
left: 0.563em;
}

.download:after{
width: 0em;
height: 0em;
content: '';
position: absolute;
border-style: solid;
border-color: #2c2c2c transparent transparent transparent;
border-width: 0.500em;
left: 0.250em;
top: -0.250em;
}

.fla {
    font-size: 12pt;
    line-height: 2;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.fla a {
    font-size: 12pt;
    line-height: 2;
    background-color: #fafcfc;
    color: #828282;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-left: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
   }
.fla a:hover {
    background-color: #00aff0;
    color: #fff;
   }

.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge { display:inline-block; 
border-radius:1px; color:#828282; font-size:10px; padding:3px 5px; margin:0 10px 10px 0; background-color:#fafcfc;}
.clouds_xsmall { font-size: 1.3em }
.clouds_small { font-size: 1.5em; font-weight: bold }
.clouds_medium { font-size: 1.8em; font-weight: bold }
.clouds_large { font-size: 1.5em }
.clouds_xlarge { font-size: 1.9em }
.clouds_xsmall a, .clouds_small a, .clouds_medium a, .clouds_large a, .clouds_xlarge a 
{color:#828282; text-decoration:none;}
.clouds_xsmall a:hover, .clouds_small a:hover, .clouds_medium a:hover, .clouds_large a:hover, .clouds_xlarge a:hover 
{color:#fff; text-decoration:none;}
.clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, .clouds_xlarge:hover 
{color:#fff; background-color:#00aff0;}

.flatags
{
background-color:#fcfcfc;
padding: 10px 10px 10px 10px;
width:100%;
}

.pchbut {
text-align: center;
height: 60px;
}

a.pchbut {
  font-weight: 700;
  font-size: 17pt;
  color: white;
  text-decoration: none;
  padding: 0.8em 1.5em calc(0.8em + 3px);
  border-radius: 3px;
  background: #00aff0;
  box-shadow: 0 -4px #aeaeae inset;
  transition: 0.2s;
} 
a.pchbut:hover { background: #0289bb; }
a.pchbut:active {
  background: #0086c4;
  box-shadow: 0 4px #558e94 inset;
}

.pchfull {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.pch-block {
  height: 42px;
  overflow: hidden;
  order: 0;
}

.pch-button {
  order: 1;
}
input[type="checkbox"] {
 display: none;
}
input[type="checkbox"]:checked + .pch-block {
  height: auto;
}
label {
  order: 1;
  color: #00aff0;
  font-size: 12px;
  cursor: pointer;
}