/* Pure CSS3 Multi Level Drop Down Navigation Menu */
/*             By www.Bloggermint.com            */

.blok_A{
    display: block;
    position: relative;
    margin: auto;
    margin-left: -1px;
    width: 220px;
    border: 1px solid black;
    border-radius: 0px;
}
.blok_B{   
        display: block;
        width: 195px;
}
#nav {
   	font: bold 14px Arial, Helvetica, Sans-serif;
    	border: 0px solid #6F6F6F;
    	border-top: 0px solid #6F6F6F;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 0px;
    	overflow: hidden;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	float:left;
}

#nav ul li a {
   	float: left;
	color: white;
    	padding: 10px 12px;
	text-decoration:none;
    
        background: linear-gradient(to left, #000000 0%, #9C9C9C 3%, #9C9C9C 96%, #000000 100%);
        background-position: center;
 	
     	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
	border-left: 0px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0,0,0,0.2);
    text-shadow: 1px 1px 2px #013971, 0 -1px #000;
}

#nav ul li a:hover,
#nav ul li:hover > a {
    	color: #FF0101;
    	background:#3C4042;
	background: linear-gradient(to left, #000000 0%, #767676 3%, #767676 96%, #000000 100%);
    	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #FFF;

}

#nav li ul a:hover, 
#nav ul li li:hover > a  {
    color: #2c2c2c;
  	background: #5C9ACD;
	background: linear-gradient(to left, #000000 0%, #C0BABA 6%, #C0BABA 94%, #000000 100%);
        	border-bottom: 1px solid rgba(0,0,0,0.6);
    	border-top: 1px solid black;
    	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}



#nav li ul {
        color: white;
    	background:#3C4042;
    	background: linear-gradient(to left, #000000 0%, #8F8F8F 6%, #8F8F8F 94%, #000000 100%);
    	border-radius: 0 0 10px 10px;
    	-moz-border-radius: 0 0 10px 10px;
    	-webkit-border-radius: 0 0 10px 10px;
    	left: -999em;
    	margin: 33px 0 0;
    	position: absolute;
    	width: 155px;
    	z-index: 9999;
    	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
    	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
    	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
    	border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav li:hover ul {
    	left: auto;
}

#nav li ul a {
    color: red;
    	background: none;
    	border: 0 none;
    	margin-right: 0;
    	width: 130px;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
        text-shadow: 1px 1px 2px white, 0 -1px white;
}

#nav li li ul {
    	margin: -1px 0 0 150px; /* Положение блока страниц от левого края блока раздела */
    	-webkit-border-radius: 0 10px 10px 10px;
    	-moz-border-radius: 0 10px 10px 10px;
    	border-radius: 0 10px 10px 10px;
    	visibility:hidden; /* Элемент становится невидимым  */
}

#nav li li:hover ul {
    	visibility:visible;
}

#nav ul ul li:last-child > a { /* Псевдокласс :last-child задает стилевое оформление последнего элемента своего родителя. */
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

#nav ul ul ul li:first-child > a { /* Псевдокласс :first-child задает стилевое оформление первого элемента своего родителя. */
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;
	border-radius:0 10px 0 0;
}