@CHARSET "UTF-8";

/*--------------------LEFT MENU----------------------*/

#main-menu {overflow:visible; width: 180px;  height: 640px;clear:both; z-index: 10001; }
#main-menu ul#menu {list-style:none; margin:3px 0px; padding:0; font-size:1em; }
#main-menu ul#menu a {display:block; color:#fff; text-decoration:none}

#main-menu ul#menu  a.active {color:#E4B823; }
#main-menu ul#menu  a.trail {color:#E4B823; }

#main-menu ul#menu li {list-style:none; width: 170px;position:relative; float:left; }
#main-menu ul#menu li#uslugi, #main-menu ul#menu li#services {width: 130px;}
#main-menu ul#menu li#uslugi ul, #main-menu ul#menu li#services ul {width: 160px;}
#main-menu ul#menu li#novosti, #main-menu ul#menu li#news {width: 110px;}
#main-menu ul#menu li#novosti ul, #main-menu ul#menu li#news ul {width: 160px;}

#main-menu ul#menu ul {position:absolute; top:-2px; left:170px; background-color:#fff; border:1px solid #B30C26; color: #333; display:none; opacity:0; list-style:none; width: 160px; margin-top:1px;}
#main-menu ul#menu ul li {position:relative;  width:160px; margin:0; }


#main-menu ul#menu ul li a, #main-menu ul#menu ul li p {display:block; padding:3px 7px 5px; background-color:#fff; color: #333; font-weight: normal;}

#main-menu ul#menu ul ul {left:155px; top:-2px;}


.level_1 > li{
	width: 170px;
	padding: 0 5px;
}

#main-menu ul#menu > li > a, #main-menu ul#menu > li > span {padding:5px 7px 6px; font-weight:bold;}
#main-menu ul#menu > li > a.menuhover {color: #9C1728; background-color: #fff;}

#main-menu ul#menu > li > a:hover {color: #9C1728; background-color: #fff;/* background:url(../../images/dp-menu/header_over.gif)*/}
#main-menu ul#menu ul li a:hover {color: #fff; background-color:#931926 }

#main-menu ul.level_1 > li > a{
	padding: 0 5px;
}
#main-menu ul.level_1 > li.submenu {display: block; color: #000;}


#main-menu ul#menu > li.submenu > ul.level_2 { background-color:#E2E2E2;}

#main-menu ul#menu .level_2 .last {
  
}
#main-menu ul#menu .level_3 .first {
}


#main-menu ul#menu .level_2 .submenu{
	
	background:#fff url(../../images/dp-menu/arrow.gif) no-repeat;
	background-position: 95%;
	
	color: #333;
}

#main-menu ul#menu .level_2 .active .menuhover{
	background-color: #931926;
	color: #fff;
}

#main-menu ul#menu .level_2 .submenu .menuhover{
	background-color: #931926;
	color: #fff;
}



/* ------------------- TOP MENU ------------------------*/

#level1 {
	border-bottom: 1px solid #ddd;
	font-family:sans-serif;
	display:block;
	margin:0;
	color: #EABD19;
}

#level1 a{
	color: #EABD19;
	font-size: 10px;
}

#level1 ul{
	margin:0;
}
#level1 li{
	border-right:1px solid #ddd;
	padding: 3px 9px;
	float:left;
	width: auto;
}

#level1 li.active{
	color: #C42B40;
	background-color: #ddd;
}

#level1 li a.active{
	color: #C42B40;
	font-weight: bold;
}


#level1 a:hover{
	text-decoration: underline;
}

#level1 ul.active {
	background:transparent url(../../images/blt_main.gif) no-repeat;	
	padding-left:10px;
}

#level1 li.trail{
	color: #C42B40;
	background-color: #ddd;
}

#level1 li.trail a{
	color: #C42B40;
	background-color: #ddd; 
}


#level2 {
	background-color: #ddd;
	display:block;
	margin:0;
	color: #EABD19;
}

#level2 a{
	color: #EABD19;
	font-size: 10px;
}

#level2 li.active{
	color: #EABD19;
	background-color: #C42B40;
	float: left;
}

#level2 li a.active{
	color: #EABD19;
	font-weight: bold;
}

#level2 ul{
	margin:0;
}

#level2 li{
	
	padding: 3px 0;
	width: auto;
	float: left;
}

#level2 a{
	border-right:1px solid #c42b40;
	padding: 0 5px;
	color: #c42b40;
}

#level2 a:hover{
	text-decoration: underline;
	color: #c42b40;
}

#level2 ul.active {
	background:transparent url(../../images/blt_main.gif) no-repeat;	
	padding-left:10px;
}

#level2 li.trail{
	float:left;
	background-color: #c42b40;
	width: auto;
}

#level2 li.trail a{
	color: #EABD19;
	font-weight: bold;
}


#level3 {
	background-color: #c42b40;
	display:block;
	margin:0;
	line-height: 130%;
}

#level3 a{
	border-right:1px solid #EABD19;
	padding: 0 5px;
	color: #EABD19;
	font-size: 10px;
}

#level3 ul{
	margin:0;
}
#level3 li{
	padding: 2px 0;
	width: auto;
	float: left;
}

#level3 li a.active{
	color: #fff;
}


#level3 a:hover{
	text-decoration: underline;
}

#level3 ul.active {
	background:transparent url(../../images/blt_main.gif) no-repeat;	
	padding-left:10px;
}



/* ------------------- TOP MENU YOUTH IN ACTION ------------------------*/

#level1_mva #item_1 a{
	color: #16468E;
}
#level1_mva #item_1{
	color: #16468E;
}

#level1_mva #item_2 a{
	color: #D81F3E;
}
#level1_mva #item_2{
	color: #D81F3E;
}

#level1_mva #item_3 a{
	color: #96AD38;
}
#level1_mva #item_3{
	color: #96AD38;
}

#level1_mva #item_4 a{
	color: #EAB31A;
}
#level1_mva #item_4{
	color: #EAB31A;
}

#level1_mva #item_5 a{
	color: #E9832E;
}
#level1_mva #item_5{
	color: #E9832E;
}


#level1_mva {
	font-family:sans-serif;
	display:block;
	height: 35px;
	margin:0;
	color: #EABD19;
	font-weight: bold;
}

#level1_mva > li{
	font-size: 1.1em;
	width: 60px;
}

#level1_mva a{
	color: #EABD19;
	text-transform: uppercase;
}

#level1_mva ul{
	margin:0;
}
#level1_mva li{
	padding: 0px 25px 2px 10px;
	float:left;
	width: auto;
	
}

#level1_mva li.active{
	padding: 16px 30px 2px 0;
	float:left;
	width: auto;
	text-transform: uppercase;
}

#level1_mva li.trail{
	padding: 16px 30px 2px 0;
	float:left;
	width: auto;
	text-transform: uppercase;
}



#level1_mva a:hover{
	text-decoration: underline;
}

#level1_mva ul.active {
	background:transparent url(../../images/blt_main.gif) no-repeat;	
	padding-left:10px;
}

#level2_mva  li{
	width: 260px;
}

#level2_mva  a{
	color: #040404;
}

#level2_mva  .active{
	color: #163F91;
}