/*  1-вый топовый уровень меню уровень меню  */

.menu_n1{
	margin: 0;
	padding: 0;
	float: left;
	font: 14px Arial; 	color:#dddddd;
	width: 100%;
	overflow: hidden;
	background:  url(blockdefault.gif) center center repeat-x;
	list-style-type: none;
}

.menu_n1 li{
	display: inline;
}

.menu_n1 li.selected{
	background:url(/images/but/n1bg-ov.jpg ) repeat-x;
}

.menu_n1 li a{
	float: left;
	color:#dddddd;;
	padding:16 10 20 10px;
	text-decoration: none;
	//border-right: 1px solid white;
}


.menu_n1 li a:hover, .menu_n1 li a.selected{ 
	color: white;
	background:url(/images/but/n1bg-ov.jpg ) repeat-x;
	/* background-color:red;   закомнтить и юзать картинку для бекграунда*/

}


/* див в котором одкрываеться попап, состоит из двух колонок .column_left и column_right, в первой хтмл привью , во второй меню вторго уровня .menu_n2 */

.box
{
	width:600px; 
	height:500px;
	position:absolute;
	visibility:hidden;
	border-top-width:1px;
	background: white;
	background: rgba(0, 0, 0, 0.9);
}

.box a
{
	text-decoration:none;
}

.box a[rel]:after
{ 
	content:" " url(down.png);
}

.box .column_left
{ 
	float:left;
	width:33%;
	padding:10px;
}

.box .column_right
{ 
	float:right;
	width:60%;
	padding:10px;
	color: white;
}

/* меню второго урованя что справа в попаппе */

.menu_n2 {
	margin: 0;
	padding: 0;
	font: bold 12px;
	width:100%;
	overflow: hidden;
	background: black url(blockdefault.gif) center center repeat-x;
	background: rgba(0, 0, 0, 0.1);
	list-style-type: none;
}

.menu_n2 li {	width:100%; }

.menu_n2 li a
{
	color:#aaaaaa;
	padding: 9px 11px;
	text-decoration: none;
	//border-right: 1px solid white;
	width:100%;
	display:block;
}

.menu_n2 li a:visited { }

.menu_n2 li a:hover, .menu_n2 li a.selected { 
	color: white;
	background: transparent url(blockactive.gif) center center repeat-x;
	background-color:#555555; /*  закомнтить и юзать картинку для бекграунда*/
	width:200px;
}