/* =============================================================================
   BASE
   ========================================================================== */
* {
    padding: 0;
    margin: 0;
}

body{
	background-color:#FAFAFA;
}
/*
Возня с фильтрами
input {cursor: pointer;}
label {cursor: pointer;}
label:HOVER{text-decoration:underline;}
a{text-decoration:none;}
a:HOVER{text-decoration:underline;}
*/
.lineBlock,.ib {
   border: 0; margin: 0; padding: 0;
 
   display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */
   display: inline-block;
   vertical-align: top;
 
   /* ↓ IE6 & IE7 «hasLayout» voodoo */
   zoom: 1;
   *display: inline;
   /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */
}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}


.text-hide {
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}


#container {
    min-width: 350px;
	max-width: 1600px;
    margin: 20px auto;
	padding: 20px 10px;
    border: 1px solid #fefefe;
	position: relative;
	overflow: hidden; 
	min-height: calc(100vh - 270px);
}

#left_panel{
	float:left;
	width:240px;
	//border:1px dashed #E9E9E9;
	text-align:left;
}

#content{
	margin: 0 210px 0 250px;
	min-width: 350px;
	max-width: 1111px;
	background-color:#FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 4px 4px 1px #EEE;
}

#right_panel{
	float:right;
	width:200px;
	border:1px dashed #E9E9E9;
	text-align:center;
}
.debug_box{display:none;}


/* =============================================================================
   Header
   ========================================================================== */
header {
	height: 150px;
}
header.mini {
	height: 60px;
}
#head {
	height: 150px;
	position:relative;
	background: transparent url('../img/head_fon.jpg'); /* background подгружается в icon_v1.css в base64 data uri до рендеринга */
	width:100%;
	-webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
	box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
}
.mini>#head {
	z-index:999;
	height: 60px;
	position:fixed;
	top:0;
	left:0;
}
.search_box{
	float:left;
	margin: 15px;
	display:none;/* TEST MODE*/
}
#s{
	display:inline-block;
	vertical-align:top;
	height:20px;
	padding:4px;
	border:1px solid #888;
	}
#s_btn{
	display:inline-block;
	vertical-align:top;
	color:#444;
	text-decoration:none;
	padding:4px 10px;
	height:20px;
	line-height:20px;
	border:1px solid #888;
	background-color: rgba(250,250,250,0.8);
	}
#s_btn:HOVER{
	background-color: rgba(250,250,250,1);
	color:#000;
	text-decoration:underline;
}
#head_logo_text{
	display: block;
	height: 60px;
	width: 180px;
	float:left;
	font-size: 46px;
	line-height:60px;
	/*margin-top:-4px;*/
	font-family: 'Monoton', cursive;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 40px #ffffff,0 0 15px #008000,0 0 3px #0000ff;
}
#head_logo_text:hover { text-shadow: 0 0 100px #ffffff,0 0 40px #008000,0 0 3px #0000ff; }

#head_logo_text span {
  animation: upper 11s linear infinite;
}
#head_logo_text span:nth-of-type(2) {
  animation: lower 10s linear infinite;
}

@keyframes upper {
  0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% {
    opacity:.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
  }
  20%,21.999%,63%,63.999%,65%,69.999% {
    opacity:0.4; text-shadow: none; 
  }
}

@keyframes lower {
  0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,100% {
    opacity:0.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
  }
  19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999% { 
    opacity:0.4; text-shadow: none; 
  }
}
#menu_btn{
	display: block;
	float:left;
	height: 60px;
	width:60px;
	background:url('../icon/menu_btn.svg') no-repeat;
	background-size:40px;
	background-position:center;
	opacity:0.6;
}
#menu_btn:HOVER{opacity:1;}
#menu_btn.active{background-color:rgba(0,0,0,0.2);opacity:1;}

#head_logo {
	display: block;
	float:left;
	background: url(../img/zlot_logo_v2.png) no-repeat;
	height: 60px;
	width: 150px;
	text-indent: -1000em;
	overflow: hidden;
}
#top_right_box{float:right;margin: 	10px; }
#top_right_box .btn{
	display:inline-block;
	padding: 5px 10px;
    border: 3px #7D7D7D solid;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.4);
	color:#fff;
	text-decoration:none;
	}
#top_right_box .btn:HOVER{ background-color: rgba(255, 255, 255, 0.9);color:#333;}


#lang_box{}
.lang{text-align:center;margin:4px;padding:4px;display:block;color:#A0CCFF;border-radius:8px;}
.lang:HOVER{background-color:rgba(244, 244, 244, 0.39);color:#2176D8;}
#lang_box >.active{color:#838383;background-color:#F4F4F4;}

#currency_box{}
.currency{margin:1px;padding:4px;display:inline-block;color:#A0CCFF;border-radius:8px;}
.currency:HOVER{background-color:rgba(244, 244, 244, 0.39);color:#2176D8;}
#currency_box >.active{color:#838383;background-color:rgba(244, 244, 244, 0.70);}


.account_btn{display:block;color:#EEE;text-decoration:none;margin:4px;padding:5px 10px 5px 30px;background:url('../icon/account_icon.svg') no-repeat;background-size:auto 100%;}
.account_btn:HOVER{background-color:rgba(0,0,0,0.2);border-radius:30px;}


/* =============================================================================
   Header > MENU
   ========================================================================== */
#category_list{
	display:none;
	background-color:#fff;
	-webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
	box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.9);
	font-size:0.9em;
}
   
#cat_menu{
	background-color: #F5F5F5;
	padding:4px;
	position:relative;
	border-bottom: 1px solid #ccc;
}


#cat_menu .img_cat{
	text-indent: 100%;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
}
.cat_ul > li{
	padding:8px;
	z-index:40;
	position:relative;
	display:inline-block;
	list-style-type: none;
	text-align: center;
	vertical-align: top;
}

.a_cat{
	display:block;
	margin: 6px;
	text-decoration:none;
	color:#777;
}
.a_cat:HOVER{
	color:#333;
}
.a_sub_cat {
	display:inline-block;
	list-style-type: none;
	text-align: center;
	vertical-align: top;
	margin: 4px;
	//border:4px solid rgba(0, 0, 0, 0);
	color:#777;
	text-decoration:none;
}

.text_cat{
	display:block;
}
.active_link_box{
	color:#111;
	
}

.active_link_box:after{
	top: 145px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.active_link_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #CCC;
	border-width: 10px;
	margin-left: -10px;
}



.img_cat {
	display:block;
	width:100px;
	height:100px;
	background: url('../img/no_img.png') no-repeat;
	background-size:100px;
	background-position:0px 0px;
	margin:auto;
}

#menu_view_box .img_cat {
	width:80px;
	height:80px;
	background-size:80px;

}


#menu_view_box .img_cat:HOVER,.active_link_box .img_cat{
	background-color: rgba(0,0,0,0.14);
	border-radius:20%;
}


.img_sub_cat {
	display:block;
	width:160px;
	height:160px;
	background: url('../img/no_photo.png') no-repeat;
	background-size:160px;
	background-position:0px 0px;
	margin:auto;
}
.img_sub_cat:HOVER {
    background-color: #BBD0F5;
	border-radius:20%;
}
.img_obj {
	display:block;
	width:128px;
	height:128px;
	background: url('../img/folder_icon.png') no-repeat;
	background-size:128px;
	background-position:0px 0px;
	margin:auto;
}

#menu_view_box{
	display:none;
	z-index:30;
	position: relative;
	padding:5px;
}




/* =============================================================================
   Container
   ========================================================================== */

   	#content h2{color:#777;text-align:center;}
	.category_head{background-color:#F5F5F5;padding:8px;border-bottom:1px solid #eee;}
	.select_container{position:relative;}
	.select_container>.select_btn{border: 1px solid #E0E0E0;color:#777;text-align: left;padding: 4px 28px 4px 10px;
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cG9seWdvbiBmaWxsPSIjMDEwMTAxIiBwb2ludHM9IjIzLjEsMzQuMSA1MS41LDYxLjcgODAsMzQuMSA4MS41LDM1IDUxLjUsNjQuMSAyMS41LDM1IDIzLjEsMzQuMSAiLz48L3N2Zz4=");
/*
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");

background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+");
*/
	background-position:right center;background-repeat:no-repeat;background-size:20px;}
	.select_container>.select_btn:HOVER{border: 1px solid #BFBFBF;cursor:pointer;color:#444;}
	.select_container>.select_list{display:none;position:absolute;right:0px;background:#fff;width:100%;text-align:left;z-index: 1;}
	.select_container>.select_list>ul{padding:4px;border:1px solid #ccc;}
	.select_container>.select_list li{list-style-type: none;}
	.select_container>.select_list a{display:block;padding:6px;color:#999;text-decoration:none;}
	.select_container>.select_list a:HOVER{color:#444;text-decoration:underline;background-color:#eee;}
	

/* =============================================================================
   Breadcrumbs
   ========================================================================== */	
	.breadcrumbs {text-align:left;}
	.breadcrumbs>li{display:inline-block;vertical-align:top;margin:4px;font-size:18px;}
	.breadcrumbs .count_item{font-weight:normal;}
	.breadcrumbs a{color:#999;text-decoration:none;font-weight: normal;}
	.breadcrumbs a:HOVER{color:#777;text-decoration:underline;}
	
/* =============================================================================
   container > Sub_category
   ========================================================================== */
   
	.c_sub_category h2{color:#777;text-align:center;}
	.category_item_box{text-align:center;}
	.category_item_box  > .item{position:relative;display:inline-block;width:170px;height:160px;/*width:170px;height:150px;*/margin:10px;vertical-align:top;}
	.category_item_box  > .item > a{display:block;}
	.category_item_box .img{width:200px;height:150px;border:1px solid #eee;border-radius:5px;padding:5px;}
	.category_item_box .img:HOVER{border-color:#ccc;}
	.category_item_box  img{height:100%;}
	.category_item_box  h3{font-size:1em;}
	.category_item_box a{text-decoration:none;color:#777;}
	.category_item_box a:HOVER{color:#333;}

/*	=============================================================================
	container > ads_list > filters
	========================================================================== */
	.filters a{color:#777;text-decoration:none;}
	.filters a:HOVER{color:#222;text-decoration:underline;}
	.filters h4{color:#555;padding:8px;}
	
/* =============================================================================
   container > Category
   ========================================================================== */
	
/* Смена вида без перезагрузки > СЕТКА */	
	.ads_item_box{text-align:center;}
	.ads_item_box  > .item{position:relative;display:inline-block;width:200px;height:200px;margin:10px;vertical-align:top;}
	.ads_item_box  > .item > a{display:block;position:relative;}
	.ads_item_box .img{width:200px;height:150px;/*border:1px solid #eee;*/border-radius:4px;overflow:hidden;}
	.ads_item_box .img:HOVER{border-color:#ccc;}
	.ads_item_box img{height:150px;}
	.ads_item_box  .price{position: absolute;top: 0px;right: 0px;padding: 6px;-moz-border-radius: 0px 4px 0px 12px;-webkit-border-radius: 0px 4px 0px 12px;-khtml-border-radius: 0px 4px 0px 12px;border-radius: 0px 4px 0px 12px;
    /*background: rgba(0, 0, 0, 0.6);color: #FFF;*/
    background: rgba(255, 255, 255,1);color: #000;}
	.ads_item_box  h3{font-size:0.8em;font-weight: normal;}
	.ads_item_box a{text-decoration:none;color:#777;}
	.ads_item_box a:HOVER{color:#333;}
	
/*================================*/
	.ads_item_list{text-align:center;}
	.ads_item_list  > .item{position:relative;display:block;margin:10px;vertical-align:top;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0px;}
	.ads_item_list  .a_img {display:block;}
	.ads_item_list .img{width:200px;height:150px;border:1px solid #ddd;border-radius:4px;overflow:hidden;}
	.ads_item_list .img:HOVER{border-color:#aaa;}
	.ads_item_list .img>img{height:150px;}
	.ads_item_list .item_info{padding:10px;vertical-align:top;}
	.ads_item_list  .price{padding: 6px;font-size: 20px;color: #333;}
	.ads_item_list  h3{padding:0px;font-size:1.1em;font-weight: normal;}
	.ads_item_list a{text-decoration:none;color:#777;}
	.ads_item_list a:HOVER{color:#333;}


/* Смена вида без перезагрузки > СПИСОК 
//не используется так как в листе отображаются дополнительные данные
	.ads_item_list{text-align:left;}
	.ads_item_list  > .item{display:block;width:600px;height:250px;margin:10px;}
	.ads_item_list  > .item > a{display:block;}
	.ads_item_list .img{float:left;width:200px;height:150px;border:1px solid #eee;border-radius:5px;padding:5px;}
	.ads_item_list .img:HOVER{border-color:#ccc;}
	.ads_item_list  img{height:100%;}
	.ads_item_list  h3{float:right;font-size:1em;font-weight: bold;}
	.ads_item_list a{text-decoration:none;color:#777;}
	.ads_item_list a:HOVER{color:#333;}
*/	
	/*
	.price>div{display:none;}
	.price>.active{display:block;}
	*/

	.limit_item>a{display:inline-block;padding:5px 10px;}
	.limit_item>.active{background-color:rgba(0,0,0,0.1);border-radius:10px;}
	
	.pagination_pages>a{display:inline-block;padding:8px 16px;margin:2px;color:#888;text-decoration:none;background-color:#fff;
	-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;
	}
	.pagination_pages>a:HOVER{color:#333;background-color:#ccc;}
	.pagination_pages>.active{background-color:#ccc;}
	.pagination_pages>.back_btn{
		border:1px solid #ccc;
		background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik03LjcwMSwxNC4yNzZsOS41ODYtOS41ODVjMC44NzktMC44NzgsMi4zMTctMC44NzgsMy4xOTUsMGwwLjgwMSwwLjhjMC44NzgsMC44NzcsMC44NzgsMi4zMTYsMCwzLjE5NCAgTDEzLjk2OCwxNmw3LjMxNSw3LjMxNWMwLjg3OCwwLjg3OCwwLjg3OCwyLjMxNywwLDMuMTk0bC0wLjgwMSwwLjhjLTAuODc4LDAuODc5LTIuMzE2LDAuODc5LTMuMTk1LDBsLTkuNTg2LTkuNTg3ICBDNy4yMjksMTcuMjUyLDcuMDIsMTYuNjIsNy4wNTQsMTZDNy4wMiwxNS4zOCw3LjIyOSwxNC43NDgsNy43MDEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==");
		background-position:center;
		background-repeat:no-repeat;
		background-size:16px;
		}
	.pagination_pages>.next_btn{
		border:1px solid #ccc;
		background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yOTEsMTQuMjc2TDE0LjcwNSw0LjY5Yy0wLjg3OC0wLjg3OC0yLjMxNy0wLjg3OC0zLjE5NSwwbC0wLjgsMC44Yy0wLjg3OCwwLjg3Ny0wLjg3OCwyLjMxNiwwLDMuMTk0ICBMMTguMDI0LDE2bC03LjMxNSw3LjMxNWMtMC44NzgsMC44NzgtMC44NzgsMi4zMTcsMCwzLjE5NGwwLjgsMC44YzAuODc4LDAuODc5LDIuMzE3LDAuODc5LDMuMTk1LDBsOS41ODYtOS41ODcgIGMwLjQ3Mi0wLjQ3MSwwLjY4Mi0xLjEwMywwLjY0Ny0xLjcyM0MyNC45NzMsMTUuMzgsMjQuNzYzLDE0Ljc0OCwyNC4yOTEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==");
		background-position:center;
		background-repeat:no-repeat;
		background-size:16px;
		}
	.pagination_pages .off{opacity:0.5;}
	.pagination_pages .off:HOVER{opacity:0.5;color:#888;background-color:#fff;}

/* =============================================================================
   container (class="c_ads") > Ads 
   ========================================================================== */
   
	.img_itm_box{min-width:320px;max-width:500px;padding-bottom:10px;}
	.img_itm_box{width:500px;}
	.zoomWrapper{position:relative;overflow:hidden;}
	#zoom {
		display:block;margin:0 auto;/*
		width:500px !important; нужно так для elevateZoom */
		}
	
	#gal1 img{border-top:2px solid transparent;height:100%;display: block;margin: auto;width:68px;opacity:0.7;}
	#gal1 img:HOVER {opacity:0.9;}
	#gal1 .gal_a {display:inline-block;vertical-align:top;width:68px;height:68px;overflow:hidden;padding:1px;}
	
	#plupload {padding:10px;margin-bottom:10px;background-color:#CCC;cursor:pointer;color:#5d9000;text-align:center;}
	#plupload:HOVER {background-color:#777;color:#FFF;}
	#edit_gal img{border-top:2px solid transparent;height:100%;display: block;margin: auto;/*width:164px;*/opacity:0.7;}
	#edit_gal img:HOVER {opacity:0.9;}
	#edit_gal .gal_a {position:relative;display:inline-block;vertical-align:top;width:164px;height:164px;overflow:hidden;padding:1px;}
		
	
	
	
	.active img{opacity:1 !important;border-top:2px solid #555 !important;}
	
	.breadcrumbs .ads_name{font-size: 1.3em;color:#333;margin-top: -4px;}
	
	.ads_info{width:500px;padding:0px 20px;}
	.ads_info>.ads_name{font-size: 1.3em;border-bottom:1px solid #ccc;color:#333;}
	
	
	.ads_info .price{background: #EAEAEA;padding:4px 20px;margin:8px;}
	.ads_info .send_msg_ads{background: #EAEAEA;padding:16px 20px;margin:8px;cursor:pointer;}
	.ads_info .send_msg_ads:HOVER{background: #B5B5B5;color:#FFF;}
	.ads_info>.disable{color:#ccc;cursor:progress;}
	.ads_info>.disable:HOVER{color:#ccc;background: #EAEAEA;}
	
	
	.ads_info>.characteristics{padding:5px 10px;}
	.ads_info>.characteristics>.caption{color:#777;}
	.ads_info>.characteristics>.value{}
	
	.ads_info .contact_info{margin:8px;padding:2px 10px;border:1px dashed #CCC;}
	.ads_info .contact_name_value,.ads_info .contact_phone_value{font-size:20px;color:#888;}
	
	.ads_info .ads_id_info{font-size:20px;color:#AAA;margin:8px;padding:2px 8px;border:1px dashed #CCC;}
		
	.fav{margin:8px;height:50px;width:50px;background:url('../icon/fav_off.svg');background-repeat:no-repeat;background-size:100%;opacity:0.5;}
	.fav:HOVER,.fav.my_fav{background:url('../icon/fav_on.svg');background-repeat:no-repeat;background-size:100%;opacity:0.3;}
	
	.ads_info .ads_characteristics,.ads_info .ads_description{margin:20px 0px;padding:10px;color:#333;}
	
	
	/*
	.prise{height: 43px;overflow: hidden;position: absolute;}
	.price:hover{height:auto;}
	*/
	
	.price_table{color: #5d9000;}
	.price_table td{padding:5px;font-size:1.8em;}   
    .price_table td:first-child {text-align:right;}
	.price_table td:last-child {text-align:left;}
	
	.ads_filters{    border: 1px solid #ccc;}/* table */
	.ads_filter_tr{padding:5px;    border: 1px solid #ccc;}/* tr */
	.ads_filter_name{padding:5px;color:#777;    border: 1px solid #ccc;}/* td1 */
	.ads_filter_value_name{padding:5px;    border: 1px solid #ccc;}/* td2 */

	
	/* =============================================================================
   EDIT ADS
   ========================================================================== */
   .eb{position:relative;}
   	.saving:after{content:"";display:block;position:absolute;right:0px;top:0px;width:28px;height:100%;background:url('/static/style/img/ajax-loader_mini.gif');background-position:center;background-repeat:no-repeat;background-color:#FFDEDE;}
	
	.saving_true:after{content:"";display:block;position:absolute;right:0px;top:0px;width:28px;height:100%;background:url('/static/style/img/status_checked_16x16.png');background-position:center;background-repeat:no-repeat;background-color:#DEE4FF;}
	
	.saving_false:after{content:"";display:block;position:absolute;right:0px;top:0px;width:28px;height:100%;background:url('/static/style/img/status_false_16x16.png');background-position:center;background-repeat:no-repeat;background-color:#FFDEDE;}
   .ads_description .saving:after,.ads_description .saving_true:after,.ads_description .saving_false:after{height:28px;}
   
   
	.ads_name .edit_input_text{width:500px;}
	.price .edit_input_text{width:170px;}
	.contact_info .edit_input_text{width:260px;margin:2px;}
	.ads_description .edit_input_text{width:100%;height:200px;resize: none;padding: 8px;}
	.ads_characteristics .edit_input_text{width:200px;}
	
	.control_panel {margin:20px 0px;padding:10px;}
	.control_panel .btn_a{padding:10px 30px;color: #fff;border-radius: 3px;box-shadow: 0 1px 3px #bbb;font-size: 18px;text-align: center;border: none;background: #888;font-weight: bold;display: block;cursor: pointer;text-decoration:none;}
	.control_panel .btn_a:HOVER{background: #555;color: #B4DBFF;text-decoration: none;}
 
/* =============================================================================
   END EDIT ADS
   ========================================================================== */

	.btn_add_ads{margin:0px;width:180px;position:relative;padding:10px 30px;color: #fff;border-radius: 3px;box-shadow: 0 1px 3px #bbb;font-size: 16px;text-align: center;border: none;background: #888;font-weight: bold;display: block;cursor: pointer;text-decoration:none;}
	.btn_add_ads:HOVER{background: #555;color: #B4DBFF;text-decoration: none;}
	.no_active,.no_active:HOVER{cursor: default;background: #C5C5C5;color: #7B7B7B;}
 
	/* =============================================================================
   LOGIN
   ========================================================================== */
	.login{position: relative;padding-top: 20px;max-width:860px;margin:0 auto;}
	.login_bg{float:right;width: 320px;height: 300px;background:url('../icon/autorization.png') no-repeat center;background-size:200px 200px;opacity: 0.3;}
	.reg_bg{float:right;width: 320px;height: 300px;background:url('../icon/1443384529_30.user.png') no-repeat center;background-size:200px 200px;opacity: 0.3;}
	.mail_bg{float:right;width: 320px;height: 300px;background:url('../icon/1443387153_mail.png') no-repeat center;background-size:200px 200px;opacity: 0.3;}
	.login_box{float:right;width: 320px;border-radius: 10px;box-shadow: 0 3px 6px #e6e6e6;padding: 30px;border: 1px solid #cde2e9;font-size: 14px;}
	.login_box .item{padding:4px 0;position:relative;}
	.login_box .item p{font-size: 20px;color: #777;margin-bottom: 28px;}
	.login_box .hb{text-align:center;font-size:20px;padding-bottom: 25px;}
	.login_box  a{color: #085CA8;text-decoration: none;}
	.login_box  a:HOVER{color: #f66907;text-decoration: underline;}
	.login_box input{width:100%;border: 1px solid #bec6d7;border-radius: 3px;padding: 10px 20px;font-size: 16px;margin-bottom: 10px;}
	.login_box .btn_a{padding:10px 30px;color: #fff;border-radius: 3px;box-shadow: 0 1px 3px #bbb;font-size: 18px;text-align: center;border: none;background: #888;font-weight: bold;display: block;cursor: pointer;}
	.login_box .btn_a:HOVER{background: #555;color: #B4DBFF;text-decoration: none;}
	.login_box .no_active,.login_box .no_active:HOVER{cursor: default;background: #C5C5C5;color: #7B7B7B;}
	
	
	.login_box #login_info{margin-top:14px;padding:0px 0px 12px 40px;}
	.login_box .loading{padding:12px 0px 12px 90px !important;background:url('../icon/379.gif') no-repeat;}
	.login_box .ok{padding:12px 0px 12px 40px !important;background:url('../icon/gal_ts.gif') no-repeat;}
	.login_box .no{background:url('../icon/555555-error-32.png') no-repeat;}
	.login_box .error{background:url('../icon/1443370621_error.png') no-repeat;}
/* =============================================================================
   END LOGIN
   ========================================================================== */

   
   /* =============================================================================
   ACCOUNT
   ========================================================================== */
   	.account #content{margin-right:0px;/* убрать от content чтоб сделать на всю ширину */}
   .account #content h2{display:none;}
   
   
   .left_menu_ul{
	background-color:#FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 2px 2px 1px #EEE;
	list-style-type:none;
	}
	
	.left_menu_ul li{border-top:1px solid #ddd;}
	.left_menu_ul li:first-child{border-top:0px solid transparent;}
	.left_menu_ul a{display:block;text-decoration:none;color:#333;margin:6px 12px;padding:4px 4px 4px 40px;font-size:16px;background-repeat:no-repeat;background-size:24px 24px;}
	.left_menu_ul .disable,.left_menu_ul .disable:HOVER{text-decoration:none;color:#999;}
	.left_menu_ul a:HOVER{text-decoration:underline;color:#f66907;}
	.left_menu_ul .active{color:#777;font-weight:bold;}
	/*
	.left_menu_ul .active:HOVER{color:#777;font-weight:bold;text-decoration:none;cursor:default;} 
	*/
	.left_menu_ul h4{color:#555;padding:12px;background-color:#E1EBF3;}
	
	.filter_box{border-bottom:1px solid #EEE;background-color: #E8E8E8;text-align: center;}
	.filter_box>a{display:inline-block;padding:10px 20px 10px 40px;color:#333;text-decoration:none;background-repeat:no-repeat;background-size: 24px 24px;background-position: 8px center;}
	.filter_box>a:HOVER{background-color:#D8D8D8;cursor:pointer;}
	.filter_box .active{background-color:#CCC;}
	
	.action_with_the_chosen{padding:2px;border-bottom:1px solid #EEE;}
	.action_with_the_chosen>div{display:inline-block;vertical-align:top;}
	.action_with_the_chosen #check_all{width:17px;height:17px;}

	.my_ads_list .btn{
		padding:6px 10px 6px 40px;
		margin:2px;
		border-radius: 2px;
		cursor: default;
		border: 1px solid rgba(0,0,0,0.1);
		color: #444;
		background-repeat:no-repeat;
		background-size: 24px 24px;
		background-position: 6px center;
		/*
		background-color: transparent;
		background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
		background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
		*/
		
	}
	.my_ads_list  .check_all{padding:4px 10px;background:none;}
		.my_ads_list .btn:HOVER{
		border: 1px solid #c6c6c6;
		color: #333;
		/*
		background-color: transparent;
		background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
		background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
		*/
	}
	
	
	.my_ads_list  .dis_btn,.btn +.disable{color:#b5b5b5;}
	.my_ads_list  .dis_btn:HOVER,.btn +.disable:HOVER{color:#b5b5b5;border: 1px solid rgba(0,0,0,0.1);}	
	.my_ads_list .item_check{position:absolute;top:10px;left:10px;width:20px;height:20px;}
	.my_ads_list .ddm{z-index:1;padding:2px;text-align:right;position:absolute;right:0px;top:0px;}
	.my_ads_list .btn_menu{display:none;text-align:center;}
	.my_ads_list .ddm:hover > .btn_menu{display:block;}
	.my_ads_list .ddm>.hide_menu{display:none !important;}
	.my_ads_list .ddm:hover{background:#FFF;border:1px solid #ddd;}
	.my_ads_list .ddm_icon{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB60lEQVRYR+2WOywEURSGd6lEPEIvmyAqhQRBIhok4lmhEYVCoxCJSqMlQqPQaySIV+P9Fq1EhYRKS0I8CsR35E4yrrkzu2tuttlJ/szex5z/O+fMzkw0kuIjmmL/SBrAdgVyaPE0ukGTXu22CSDmW6hWGU9xHtUhbAIMYzajGf6BsAGQh+k4GkMTaEiDKGN87cx5AQyw2IkyEvyLbrJ/Hm2janSA2jSII8aN6MMEUKJumAS9f3rdj9aVuXO9G6KcyVb04g6uV6CGxXO1Qe7cpzhIrtgzgjZQlcd+yVqMP9G7vu4H0MJmKWvQIT3fMZjLtQ7Ar8xNLXBXIB6AfAJJz70yF49Dlf2rKYv/VCDI3Om/0VygkgUIMt8ndq/q+4NfD5MBEHPpeaUhsGO+yLo8jC7CBIjHvAfDJdSAKsIGOCZgvSGjPebbUTNaVXtCBSglaAytoSwNYpdxB3pDXWglbIBcAt6hJlSoQbjNxdcKQB2Bz9CjgihQEKec5b0hmTuHFYBBos8pBwcik/GlZm6tArNE7laGYnqClrX7wGoFsonu+Sz3gLDSAkOyntOhAdwS/jkRZ7VX3o4x9Tvh50AxF8p3QBifal/EKUL3fkl4GfVxgZRR7vJkD/n4kHfBQlCAMDIN8vBdTwOkvALfUu2AIU3eGrkAAAAASUVORK5CYII=')no-repeat;width:32px;height:32px;margin-left: auto;opacity:0.6;}
	
	.my_ads_list .moderation{
	position: absolute;
    left: 10px;
    top: 130px;
    background: url('/static/style/img/ajax-loader_mini.gif') no-repeat;
    padding-left: 30px;
    background-size: 20px;
    background-color: rgba(255,255,255,0.8);
	/*
	background-color: rgba(0,0,0,0.2);
	color:#fff;
	*/
	}
	.msg #content{min-width:830px;}
	.msg_tbl{width:100%;font-size:14px;}
	.dialog_cont{width:280px;vertical-align:top;}
	.dialog{width:280px;border:1px #ddd solid;overflow-y:scroll;height:511px}
	.dialog>a{display:block;position:relative;padding:10px;border-bottom:1px #eee solid;color:#333;text-decoration:none;}
	.dialog>a:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}
	.dialog>a:HOVER{background-color:#E1EBF3;}
	.dialog .sel_pm{background-color:#E1EBF3;}
	.dialog>a>.ava{display:block;width:40px;height:40px;float:left;opacity:0.7;}
	.dialog>a>.name{line-height: 20px;float: left;padding: 10px;}
	.dialog .count{float:right;background:#ddd;border-radius: 4px;padding:5px;margin:5px;
		/*position:absolute;right:10px;top:10px;padding:5px;*/}
	
	.msg_box{border:1px #ddd solid;vertical-align:top;}
	.msg_list{padding:0 15px;height:400px;overflow-y:scroll;}
	.msg_list>div{max-width:600px;margin:0 auto;padding:10px;}
	.msg_list table{width:100%;}
	.msg_list .ava{display:block;width:40px;height:40px;vertical-align:top;opacity:0.7;}
	.msg_list .body{width:350px;padding: 0 15px;font-size:14px;}
	.msg_list .msg_text{color:#999;font-size:12px;}
	.msg_text>.ads_link{display:block;padding:5px;color: #2457D0;text-decoration:none;}
	.msg_text>.ads_link:hover{color:#152D65;}
	.msg_text>.ads_link:before{content:"⚫ ";}
	.msg_list .timestamp{padding-left:30px;font-size:12px;text-align:right;}
	.msg_list .timestamp:hover::after {content: attr(data-title);display:block;}
	
	.td_ava{width:40px;}
	.td_t{width:40px;}
	.td_body{text-align:left;}
	
	.msg_control{border:1px #ddd solid;background:#eee;padding:5px;}
	.msg_control textarea{display:block;width:100%;height:100px;resize:none;}
	.send_msg{border:1px #ddd solid;background:#E1EBF3;padding:40px;margin-left:5px;width:110px;text-align:center;}
	.send_msg:HOVER{background:#BCD2E4;cursor:pointer;}
	
 /* =============================================================================
   END ACCOUNT
   ========================================================================== */  
	
/* =============================================================================
   Footer
   ========================================================================== */
footer {
	background: #eee;
	border-top:#ddd 1px solid;
	margin-top: 50px;
}

#footer {
    padding: 10px;
    text-align: center;
    font-size: 14px;
}
#footer>.widget {
	display:inline-block;
	width:140px;
}

/* =============================================================================
   START - SlidesJS
   ========================================================================== */
#slides{
	position:relative;
	float:left;
	width:730px;
	height:400px;
}
#slides img{
	height:320px;
	width:730px;
}
#slides .slidesjs-navigation {
	position:absolute;
	top:40%;
	z-index:10;
	width: 40px;
	height: 40px;
	display: block;
	opacity:0.3;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
#slides .slidesjs-navigation:HOVER{opacity:0.8;}
#slides .slidesjs-previous{left:1px;background:url(../icon/icon-left.png);background-size:100%;}
#slides .slidesjs-next{right:1px;background:url(../icon/icon-right.png);background-size:100%;}

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }


    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* =============================================================================
   END - SlidesJS
   ========================================================================== */

/* =============================================================================
   ADD FORM
   ========================================================================== */
	.add_form{text-align:left;display:block;color:rgba(0, 0, 0, 0.5);margin:10px;padding:10px;border:1px dashed rgba(0, 0, 0, 0.2);}
    .input_name {width:250px;float:left;padding:5px;text-align:right;}
	.input_name span{display: block;font-weight:bold;padding:5px;}
	.input_form{margin-left:270px;padding:5px;}
	.add_form .fb{padding:5px;}
	.add_form input{padding:3px;  border: 1px solid #AAA; border-radius: 4px;}
	#add {background-color: #F5FBFF;margin:20px;padding:10px;width:300px;}
	#add:HOVER{background-color: #CDEBFF;color:#555;}
 
/* =============================================================================
   END FORM
   ========================================================================== */


   
   /* =============================================================================
   Media queries
   ========================================================================== */
@media screen and (max-width: 1200px) {
   html {
      -webkit-text-size-adjust: none;
   }
   #right_panel{display:none;}
   #content{margin-right:0px;}
}
@media screen and (max-width: 800px) {
	#content{margin-left:0px;}
   #left_panel{display:none;}
   .img_cat{width:50px;height: 50px;}
   .a_sub_cat {font-size:0.6em;margin:2px;border:2px;}

   header{height:120px;}
}
@media screen and (max-width: 600px) {
   #content{margin-left:0px;}
   #left_panel{display:none;}
   #cat_menu{margin-left:5px;top:2px;}
   .img_cat{width:40px;height: 40px;}
   .a_sub_cat {font-size:0.5em;margin:2px;border:2px;}
   header{height:120px;}
   
   #zoom {width:320px !IMPORTANT;}
   .ads_info{width:320px;}
   .ads_name .edit_input_text{width:320px;}
   
}
   
   

  /* =============================================================================
   TMP
   ========================================================================== */ 

   
  .box_s1{display:block;color:rgba(0, 0, 0, 0.5);margin:10px;padding:10px;border:1px dashed rgba(0, 0, 0, 0.2);text-align:center;background-color: #FDFDFD;}
   .post_item{padding:6px 0;}
   
 