/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic'); */
html,body{
	margin: 0px;
	padding: 0px;
	/* font-family: Tahoma, Arial;*/
	font:normal normal 14px 'Open Sans',Arial,sans-serif;
	line-height: 14px;
	color: #000;
	background-image: url(../images/fon.jpg);
	/* Адаптивный фон */
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size: cover;
	background-color:#ffffff;
	}
table {
    width: 100%; /* Ширина таблицы */
   }
   
img {max-width: 100%;height: auto;}

#vk_groups, #vk_groups iframe {
max-width: 100% !important;
} 

#yandexmap{
	display: block;
	padding-top:1px;
	text-align:center;
	background-color: #373735;
}
   
   td {
    padding-left: 5px; /* Поля в ячейках */
    vertical-align: top; /* Выравнивание по верхнему краю ячеек */
   }	
   
   hr {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px solid #a1a1a1;
}

#mainDiv-glavnaya
{
	/*width:100%;*/
    /* min-width:1000px;*/
	max-width:1000px;
    margin:0 auto;
	background-color:#ffffff;
	position:relative;
	border: 0px solid #000; /* Линия обводки */
	/*box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    /*-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    /*-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */  
}
#mainDiv-glavnaya h1
{
	font-size: 18px;
	line-height: 22px;
}

#mainDiv
{
	/*width:100%;*/
    /* min-width:1000px;*/
	max-width:1000px;
	padding-top:65px;
    margin:0 auto;
	position:relative;
	background-color: #ffffff;
	/*	box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    /*-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    /*-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */ 

}
#mainDiv h3
{
	color: #0f57a3;
}
.div_for-button{
	width:32%; 
    height:50px; 
    float:left; 
    margin: 0 5px 5px 0; 
    text-align:center;
	border: 0px solid #000;
}
a.green-button {
	display: block;
	max-width: 300px;
	text-shadow: none;
	color: #fff !important;
	background-color: #7fa128;
	font-size: 13px;
	font-weight: 400;
	padding: 15px;
    height:50px; 
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #7fa128;
	opacity:1;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
} 

a.green-button:hover {
	color:#7fa128!important;
	background-color: #fff;
	opacity:1;
}

#sidebar
{
display:block;
float:left;
}
.social{margin-top:-10px;margin-right:-5px;float:left;background-color: #ffffff;}

#content{
	padding: 15px; /* Поля вокруг текста */
	float:left;
	width:100%;
	background-color: #ffffff;
	box-sizing: border-box;
}
#content ul li{
	margin-left: 15px; /* Поля вокруг текста */
}
#content2{
	padding: 5px; /* Поля вокруг текста */
	float:left;
	background-color: #ffffff;
}	
	
#left{}	/* Левая колонка отключена*/
	
#right{}

.img-logo {max-width:100%;position:relative;height:auto;}
/*#search {position:absolute;left:68%;margin-top:-40px;z-index:2; width: 250px;height: 70px;}*/

a.bottom-green-button {
	display: block;
max-width: 200px;
text-shadow: none;
color: #fff;
background-color: #7fa128;
font-size: 13px;
font-weight: 400;
padding: 7px;
height: auto;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
border: 1px solid #7fa128;
opacity:1;
-webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
} 

a.bottom-green-button:hover {
	color:#7fa128;
	background-color: #fff;
	opacity:1;
}

.ramka-item
{
    float:left;
    width:32%;
	padding: 2px; /* внутренние отступы */
    background-size:contain;
    margin:2px;
    position:relative;   
	border: 0px solid #bababa; /* Линия обводки */   
transition: all 0.2s ease-in;          
}

.ramka-item:hover
{
    transform:scale(1.05,1.05);	
}

.ramka-item h3
{
	font-size: 20px;
	line-height: 23px;/* Межстрочное расстояние */
	color: #72941c;
}
#div-top-fon
{
    width:100%;
	background-color: #373735; /* Цвет фона слоя */
    margin:0px auto;
	position:fixed;
	z-index:50;
}
#divTop
{
    max-width:1000px;
	background-color: #373735; /* Цвет фона слоя */
    margin:0px auto;
    height:64px;
    position:relative;
    z-index:30;
}
    .clear {
    clear: left; /* Отмена обтекания */
   }
#crumbs{
	font-size: 12px;
	font-weight: none;
	padding: 15px; /* внутренние отступы */
	height:15px;
	border-bottom: 0px solid #7d7d7d; /* Линия снизу */
}

#crumbs a{
	color: #7d7d7d;
}
#crumbs a:hover {
	color: #7d7d7d;
}


#ico-main{
  background-color: #ffffff;
  height:130px;
  border-bottom: 1px solid #90ad3c; /* Линия снизу */
}

#header{
    max-width:100%;
	height:auto;
	}

#block-ramka {
	margin: 20%; /* Отступы вокруг элемента */
	background:#ffffff; /* фон блока */
	border: 2px #bbbbbb solid; /* стили рамки */
	-moz-border-radius: 5px 5px 5px 5px; /* закругление для старых Mozilla Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* закругл. для старых Chrome и Safari */
	-khtml-border-radius: 5px 5px 5px 5px; /* закругл.для брауз.Konquerer сист. Linux */
	border-radius: 5px 5px 5px 5px; /* закругление углов для всех, кто понимает */
	padding: 20px; /* внутренние отступы */
 }
 
 
#podrobnee {
    display:block;
    width:100px;
	float: right;
	font-size        : 12px;
	line-height: 14px;/* Межстрочное расстояние */
	text-align: center;
	/*margin: 5%;  Отступы вокруг элемента */
	background:#ffffff; /* фон блока */
	border: 1px #a7c844 solid; /* стили рамки */
	-moz-border-radius: 10px 10px 10px 10px; /* закругление для старых Mozilla Firefox */
	-webkit-border-radius: 10px 10px 10px 10px; /* закругл. для старых Chrome и Safari */
	-khtml-border-radius: 10px 10px 10px 10px; /* закругл.для брауз.Konquerer сист. Linux */
	border-radius: 10px 10px 10px 10px; /* закругление углов для всех, кто понимает */
	padding: 5px; /* внутренние отступы */
 }

h1 {
	font-size: 25px;
	line-height: 30px;/* Межстрочное расстояние */
	color: #0f57a3;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #acacac; /* Линия снизу */
    }
	
	h2 {
	color: #0f57a3;
	font-size: 20px;
	text-align: left;
	line-height: 22px;/* Межстрочное расстояние */
	font-weight: bold;
	padding-left: 10px;
    }
	
	h3 a{
	font-size: 20px;
	line-height: 22px;/* Межстрочное расстояние */
	color: #0f57a3;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	}


p {
	padding-left: 0px;
	/* text-indent: 20px; Отступ первой строки в пикселах */
	line-height: 18px;/* Межстрочное расстояние */
	/*text-align: left;*/
	text-align: justify;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

li {
	font-size: 13px;
	line-height: 18px;/* Межстрочное расстояние */
}

.entry {
	padding: 10px;
	background-color:#e7f5be;
	border: 2px #a7c844 solid; /* стили рамки */
	padding: 5px; /* внутренние отступы */
	margin: 5px;
}

/* ------------------------------------ КАТАЛОГ  ПРОЕКТОВ*/
.catalog-item
{
	float:left;
    width:98%;
	padding: 10px; /* внутренние отступы */
    background-size:contain;
    margin:10px;
    position:relative;
	border: 2px solid #fff;
	background-image: url(../images/fon-catalog-item.jpg);
	background-position: center center;
	background-repeat: repeat;
	background-color:#636361;
          
}
/* .catalog-item:before
{
        -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
}
.catalog-item:after
{
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.catalog-item:hover
{
    cursor: default;
	transform:scale(1.02,1.02);*/
}

/* -------------------------------END КАТАЛОГ  ПРОЕКТОВ*/

div.wrapper-block {
}
div.left-block {
float:left;
width:270px;
}
div.right-block {
color: #ffffff;
float:left;
max-width:50%;
}
.right-block p{
padding-left: 0px;
color: #ffffff;
}
div.h3-item {
float:left;
}


div.ploschad-item {
float:left;
}
.ploschad-item span{
color: #ffffff;
}

div.anons-item {
float:left;
max-width:100%;
margin-top: -20px;
}

div.anons-cost {
float:left;
}

div.wrapper-page {
width:100%;
}
div.h1-item {
float:left;
}
div.ploschad-item-page {
float:right;
margin-top: 10px;
}
div.anons-cost-page {
padding-left: 10px;
float:left;
}

#catalog h3{
	margin-top: 10px;
	font-weight: bold;
	height:30px;
    }
#catalog a{
    color: #0f57a3;
    }

.info li ul{
    list-style-type: none;
    display: inline;
}
.info_text{
	color: #ffffff;
    font-size: 20px;
	line-height: 30px;
    font-weight: normal;
}
.info_text1{
	color: #ffffff;
    font-size: 14px;
	line-height: 30px;
    font-weight: normal;
}
.info_text2{
	color: #0f57a3;
    font-size: 20px;
	line-height: 30px;
    font-weight: bold;
}

.info_text_page{
    margin-left: 40px;
}
.info_text_page_1{
	color: #ff6000;
    font-size: 20px;
	line-height: 30px;
    font-weight: normal;
}
.info_text_page_2{
	color: #373735;
    font-size: 20px;
	line-height: 30px;
    font-weight: normal;
}
.info_text_page_3{
	color: #000000;
	line-height: 30px;
    font-weight: bold;
}
	
.fonzag {
	display: block;
	padding-left: 5px;
	padding-right: 1px;
	padding-top: 2px;
	float: left;
	margin: 0;
	width: 210px;
	height: 110px;
  	font-size: 12px;
	line-height: 25px;
	border: 0px solid #fff;
	background-color:none;
}

a {
	color: #0f57a3;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-weight: normal;
}

  
  a.toplevel  {
	  font-weight      : bold;
	  text-shadow: 2px 2px 2px #000000;
}  
 
#footer
{
    clear:left;
	width:100%; 
    height:0px;
    background-color: #373735;
    color:#ffffff;
	border: 0px solid #000; /* Линия обводки */
} 
#footer ul li{
  display: block;
  list-style: none;
  padding          : 0.0em 1em;
  font-weight      : bold;
  font-size        : 14px;
  /* text-transform: uppercase;*/
  line-height: 20px;
  float            : left;
}

#footer a{
	font-size: 14px;
	color            : #ffffff;
	font-weight      : normal;
	padding-left: 2px;
  }
  
#footer ul li a:hover {
  color            : #ffffff;
  font-weight:normal; 
  padding-left: 2px;

}
 
#footer-menu { 
    float:left; 
    background:#454545; 
    color:#FFFFFF; 
    width:100%;
    display:inline;
}
#footer-menu lh {
	font-size: 16px;
	color:#9cbe46; 
    padding:0; 
    list-style-type:none; 
    left:auto; 
    overflow: auto; 
}
#footer-menu lh a{
	font-size: 16px;
	color:#9cbe46; 
	font-weight: bold;
}
#footer-menu lh a:hover{
	font-size: 16px;
	color:#9cbe46 !important; 
	font-weight: bold !important;
}

#footer-menu ul { 
    padding:0; 
    list-style-type:none; 
    left:auto; 
    overflow: auto; 
}
#footer-menu li { 
    margin:0 20px 5px 0; 
    padding-left:6px; 
    list-style-type:none; 
    
    display:inline-table; 
    background:none; 
    position:relative; 
    font-family:Arial; 
    font-weight:normal; 
    border-left:0px solid #FFFFFF;
}
#footer-menu ul li ul {
    margin:5px 0 5px 0;
}
#footer-menu ul ul li {
    float:none; 
    padding:0; 
    margin:0 0 2px 0; 
    font-weight:normal; 
    display:block; 
    width:auto; 
    border:0;
}
#footer-menu a { 
    text-decoration: none;
    color: white;
}
#footer-menu a:hover {
    text-decoration: underline;	
    color: white;
}
#footer-menu h3{ 
    text-align: center;
    }

#copyright {
  color           :#ffffff;
  clear:left;
  display: block;
  padding: 5px;
  background-color:#0f57a3;
  }
  
#copyright a{
  color            : #ffffff;
  font-weight      : normal;
  padding-left: 2px;
  }

.parentsmore li {
	width: 70%;
	float: left;
	overflow: hidden;
}

.main-foto-page {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */    
}

#galery li , #galery .li_new  {
	 /*width: 45%; 250px было */
	width: 48%;
	height: auto;/* 180px было */
	overflow: hidden;
	margin: 3px;
	padding: 0px;
	float: left;
	text-align: center;
	background-color: #ffffff;
	border: 3px solid #ffffff;
	list-style-type: none; /* Убираем маркеры */
	box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */    
}

/* КАРТИНКИ КАТЕГОРИИ с ZOOM */
 .category-picture{
    overflow:hidden;
	width:300px;
    height:203px;
	margin-bottom: 5px; /* внутренние отступы */
	border: 2px solid #ffffff;
	background-color: #ffffff;
}
.category-picture img{
    -moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;    
}
.category-picture img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
 /* /КАРТИНКИ КАТЕГОРИИ с ZOOM */
 
 #mainlevel{
	position:absolute;
	margin:-20px 0 0 0;
	height:5px;
	z-index:2
	}
	
	
	a.mainlevel  {
	font-weight      : bold;
	list-style: none;
	padding-left: 15px;
	padding-right: 1px;
	padding-top: 2px;
	float: left;
	margin: 0;
	width: 215px;
	height: 29px;
  	font-size: 12px;
	line-height: 25px;
	border: 0px solid #fff;
	background-image:url(../images/menu_fon.png);
	background-position: left; 
	background-repeat: no-repeat;
  }
  
  a.secondlevel  {
	font-weight: bold; 
    background-image: none!important;
    color: black!important;
    text-shadow: none!important;
    line-height: 16px;
    display: block;
  }

#active_menu {
  list-style: none;
	background-image: none;
	padding-left: 10px;
/*	height: 26px;*/
}

#active_menu a {
	color: #ffffff;
	background-image:url(../images/menu_fon.png);
	background-repeat: no-repeat;
	background-position: bottom left; 
	text-decoration: none;
}

#active_menu a:hover {
	color: #ffffff;
	background-image:url(../images/menu_fon_a.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
.info li{
    list-style-type: none;
    display: inline;
    margin-left: -40px;
}
.info_text{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
ul#active_menu>li>ul {
    overflow: hidden;
}
ul#active_menu>li>ul, x:-moz-any-link{
    overflow: inherit!important;
}

.mods-complectaciya {
	list-style: none;
	background: #ffffff;
	padding: 0px; /* внутренние отступы */
/*	height: 26px;*/
}
.mods-right {

  list-style: none;
	background-image: none;
	padding-left: 0px;
	padding: 10px; /* внутренние отступы */
	background: transparent;
}
.mods-right a{
	color: #373735;
	}
.mods-right a:hover {
	color: #5a5a5a;
}
.mods-right h3{
	text-transform: uppercase;
	}

.mods-right li {
	border-bottom: 0px solid #5a5a5a; /* Линия снизу */
	padding-bottom: 0px;
}



/* ИКОНКИ  */
#ico-main{
  background-color: #ffffff;
  height:140px;
  float: center;
}


	.itemss-img
{
width: 110px;
height: 110px;
margin:5px;
border: 2px solid #ffffff;
border-radius: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */} 
}
.itemss-img:hover {
border: 10px solid #ffffff;
}

.itemss-img:active {
}

	.itemss
{
    float:left;
	text-align: center; 
    width:140px;
	padding: 0px; /* внутренние отступы */
    background-size:contain;
    margin:0px;
    position:relative;
    cursor:pointer;   
    transition: all 0.2s ease-in;
    background-repeat:no-repeat; 
}

.itemss:before
{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
}
.itemss:after
{
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.itemss:hover
{
    transform:scale(1.05,1.05);
}

.itemss a
{
	font-size: 12px;
	color: #506f00;
}
.itemss a:hover
{
	font-size: 12px;
	color: #61820b;
}
/* ------------------------------- END ИКОНКИ  */

/* Back to top button */
#back-to-top{
	position:fixed; 
	z-index: 9999; 
	display:none; 
	bottom:10%; 
	right:10px; 
	cursor:pointer;
	border: 1px solid #ffffff; /* Рамка */
	border-radius:7px;
}
#back-to-top i{
	width: 50px; 
	height: 50px; 
	display:block; 
	color: #fff; 
	background: #373735 ; 
	text-align:center; 
	font-size:16px; 
	line-height: 50px; 
	border-radius: 7px;
	-webkit-transition:  .3s all;
	   -moz-transition:  .3s all;
	    -ms-transition:  .3s all;
	     -o-transition:  .3s all;
	        transition:  .3s all;
}
#back-to-top i:hover{background:#0f57a3;}
/* /Back to top button */


/* /Появление блоков div с увеличением */
.opacity-transform {
visibility: hidden;
}
.opacity-transform {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;		
visibility: visible !important;	
}

@keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1;transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}
@-webkit-keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}
/* /Появление блоков div с увеличением */

@media screen and (max-width: 960px) {
body {padding:0;margin:0;font-family:Tahoma;font-size:13px;background-color:#ffffff;}
#main {width:100%;background-color:#ffffff;	vertical-align: top;margin:0 auto; position:relative;}
#main td {vertical-align: top;padding: 9px;}
img {max-width: 100%;height: auto;}
#yandexmap{display:none;}
#search{display:none;}
.catalog-item{float:left;width:98%;}
/*.category-picture{overflow:hidden;width:200px;height:120px;}*/
div.left-block {float:left;width:210px;}
div.right-block {float:left;width:auto;}
.ramka-item {float:left;width:45%;padding: 5px; /* внутренние отступы */ background-size:contain; margin:3px;position:relative;}
.ramka-item h3{font-size: 16px;line-height: 20px;/* Межстрочное расстояние */color: #72941c;} 

} 


@media screen and (max-width: 830px) {
html,body {padding:0;margin:0;font-family:Tahoma;font-size:13px;background-color:#ffffff;	background-image: none;}
#main {max-width:100%;background-color:#ffffff;	vertical-align: top;margin:0 auto; position:relative;}
#main td {vertical-align: top;padding: 9px;}
#toTop {display:none;}
#crumbs{display:none;}
/* простой код установки адаптивной ширины видео */
embed,iframe,object,video {width: 100%; max-height: auto;}
} 

@media screen and (max-width: 768px) {
#div-top-fon{width:100%;background-color: #373735;margin:0px auto;	position:relative;	z-index:50;}
#mainDiv{padding-top:0px;}
#right {display:none;}
#side-menu {display:none;}
#content{padding: 10px;	float:left;	width:98%;background-color: #ffffff;}
.catalog-item{float:left;width:92%;}
div.left-block {float:left;width:200px;}

/*div.right-block {float:left;padding-left: 15px;}*/

.wrapper  {display:none;}
embed,iframe,object,video {width: 100%; max-height: auto;}
#back-to-top i{display:none;}
#galery li {
	width: 200px;
	max-height: 152px;
	overflow: hidden;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */}	
.ramka-item {float:left;width:98%;padding: 5px; /* внутренние отступы */ background-size:contain; margin:3px;position:relative;}
.ramka-item h3{font-size: 16px;line-height: 20px;/* Межстрочное расстояние */color: #72941c;} 	
} 


@media screen and (max-width: 500px) {
#textglavnaya{margin-top: -20px;}
.catalog-item{padding: 1px;float:left;max-width:300px;}
.category-picture{overflow:hidden;width:250px;height:150px;}
div.left-block {float:left;max-width:300px;}
div.right-block {float:left;max-width:300px;}
.mods-right {display:none;}
} 

@media screen and (max-width: 350px) {
#textglavnaya
{margin-top: -20px;}
.BTN-DIV {display:none;}
.BTN-DIV2 {display:none;}
.top-zadat-vopros {display:none;}
.catalog-item{padding: 1px;float:left;max-width:300px;}
.category-picture{overflow:hidden;width:250px;height:150px;}
div.left-block {float:left;max-width:300px;}
div.right-block {float:left;max-width:300px;}
.mods-right {display:none;}
} 
}

/* Modile */
@media (max-width: 700px) {
  a.green-button {display: block;padding: 7px;} 
}
@media screen and (min-width: 870px) {
/***********/
form#sortable select {
	background-color: white;
    border: 1px #bbbbbb solid;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
}
form#sortable input[type="text"] , form#sortable textarea {
	background-color: white;
    border: 1px #bbbbbb solid;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    padding: 0.5em;
}
form#sortable label {
	font-size: 12px;
}
form#sortable select {
	font-size: 12px;
}
}


#crumbs {
	background-color: #fff;
}

#mainDiv {
	padding-top: 0px;  
}

.hd_top { /* ФИКСИРОВАНИЕ ПРОКРУТКИ ШАПКИ заменить на FIXED */
	position:relative;
	left:0;
	top:0;
	width:100%;
	z-index:999;
}


.minimizebig {
	width:150px;
}

/*NEW FIX*/

#galery li, #galery .li_new {
    height: 190px;
}

.swipeboxfix {
	width:93.45%;
	padding-bottom:15px;
}

.main-foto-page {
	width:100% !important;
	max-width:98%
}
@media screen and (min-width: 670px) {
	.main-foto-pag {
	max-width:100%	
	}
}

.square_price {

box-sizing: border-box;
}
.podr_button {
	
	position:absolute;
	bottom:-15px;
	left:0px;
	width:100%;
	
}

/*ADD PRICE*/
.ploschad-items , .square_price , .anons-costs {
	min-height:30px;
}

.info_wrap_cats , .anons-items {
	box-sizing:border-box;
	padding-right:10px;
	padding-left:10px;
}