.bacground_menu{height:2px; background-image:url("//web-archive.nli.org.il/National_Library/oe_///grozny.tv/images/m_bg.png")}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 11px;
}

.alignleft, img.alignleft{
display: inline;
    float: left;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.column-clear{clear:both;}
.clear{overflow: hidden;}


.mainWrap{    width: 100%;
    margin: 0 auto;
    height: 43px;
    background: #ecf0f1;
    /*background: -webkit-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -moz-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -ms-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -o-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: repeating-linear-gradient(to bottom,#fff 0,#dae1e5 100%);*/
    border-bottom: 1px solid #e8ecef;
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
	}

.title{margin:100px 0 20px 0;
text-align:center;
color:#3E4156;}
.back{text-align:center;}

nav{display:block;
width:70%;
float:left;
/*border-top:1px solid #268720;*/
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {
text-decoration:none;
padding:11px;
display:block;
color:#268720;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#268720;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 41px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {
	font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
 /*background: #ecf0f1;
    background: -webkit-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -moz-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -ms-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: -o-repeating-linear-gradient(top,#fff 0,#dae1e5 100%);
    background: repeating-linear-gradient(to bottom,#fff 0,#dae1e5 100%);*/

}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #268720;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
padding:11px;
color: #565656;
text-transform:uppercase;
font-weight:600;
text-decoration: none;
}
.mobile-menu:hover{

text-decoration:none;
}


@media (min-width: 769px) and (max-width: 1024px) {

.mainWrap{width:auto;}


.menu{display:none;}

.mobile-menu{display:block;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}
}

@media (max-width: 767px) {


.mainWrap{
	position: fixed; 
	background:#ffffff; 
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
	padding:0;
	right: 0;
	}



.menu{display:none;}

.mobile-menu{display:block;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {
  .menu{position: absolute;
    width: 100%;
    height: 326px;
    overflow: scroll;
    border-bottom: 3px solid #1e892b;
    z-index: 100;}

}


@media (max-width: 320px) {
.mainWrap{min-width: 100%;
    max-width: 568px;
    position: fixed;
    z-index: 9999;
    top: 0px;
	left:0px;}
.menu{position: absolute; width: 60%;
}