/*---------Верхнее меню-----------*/

#top-menu,
#top-menu table {
   height: 45px;
}
#top-menu {
	background: repeat top url(images/tm_fon.png);
    position: relative;
    top: -22px;
    overflow: hidden;
	border: solid 1px #c3d1de;
}
@media screen and (max-width: 700px) {

	#top-menu {
		position: fixed;
	  	top: 68px;
		display: none;
		width: 100%;
		z-index: 1000;
  }
	#left {
		float: none; width: auto;
	}
	#left .add_head {
		display: none;
	}

}
#top-menu table {
	width:100%;
  margin: 0px auto 0px;
	text-align:center;
}
#top-menu table td div.tmd {
    padding: 0px 0px;
    position:relative;
}
#top-menu table td a {
    color:#000000;
    font-size:16px;
    line-height:20px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    padding: 13px 17px;
    display:block;
    box-sizing: border-box;
    height: 45px;
    white-space:nowrap;
	text-transform: uppercase;
}
@media screen and (max-width: 700px) {
	#top-menu table td a {
		background: #fff;
	}
}
#top-menu table td a:hover span {
    border-bottom: 2px solid #000;
}
#top-menu table td a.active {
    background: repeat-x left top url(images/tm_a.png);
    color: #ffffff;
	border: 1px solid white;
}
#top-menu table td a.active span {
    border-bottom: 2px solid #fff;
}

#top-menu table td a span {
    padding: 0px 0px 1px;
}

#top-menu table td a:hover span {

}

#top-menu table td.tm_razd{
  background:url('images/tm_razd.png') no-repeat center top;
}
#top-menu table td.tm_razd,
#top-menu table td.tm_razd img{
  width:4px;
}

@media screen and (max-width: 1100px) {
	#top-menu .tmd > a { font-size: 14px; }
}

@media screen and (max-width: 1000px) {
	#top-menu .tmd > a { font-size: 12px; }
}

@media screen and (max-width: 700px) {

  #top-menu table, #top-menu tbody, #top-menu tr, #top-menu table td { display: block; width: 100%; }
	#top-menu table td.tm_razd{display:block; height: 1px; background: #bfc8d2;  width: 100%;}
  #top-menu,
	#top-menu table { height: auto; text-align:left; }
	#top-menu .tmd > a {
		 width: 100%; height: 55px; box-sizing: border-box; font-size: 24px;
		 background: #fff no-repeat 15px 23px url(images/tm_mob_mr.png); display: table;
	 }
	#top-menu .tmd > a:hover span { border-bottom: 0; }
	#top-menu .tmd > a > span {
		display: table-cell; text-align: left; vertical-align: middle; padding-left: 37px !important; padding-right: 20px !important;
	}
	#top-menu .tmd > a.active { background: #fff no-repeat 15px 23px url(images/tm_mob_mr.png); color: #ad123a; font-size: 24px; text-decoration: underline; }
		#top-menu .tmd > a.active { 	border: 0; }
	 /*	#top-menu .tmd > a:active { background: #d0d0d0; } */
}