@charset "utf-8";
/* CSS Document */

#nav {
	width: 100%; /* 1000 */
	position: absolute;
	top: 0px;
	left: 0px;
}
#nav > a {
	display: none;
}
#nav li {
}
#nav li a {
	display: block; 
}
#nav li a:active {/*
	background-color: #d3d3d3 !important;*/
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul { /* 60 */
}
#nav > ul > li {
	height: 100%; position:relative;
	float: left; 
}
#nav > ul > li.reques { float:right; }
#nav > ul > li.reques a { background:#a02683; color:#ffffff; line-height:35px; margin-top:15px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#nav > ul > li.reques a:hover { color:#fff;}
#nav > ul > li.nsec { background:url(../images/ncnsec.jpg) right center no-repeat;}
#nav > ul > li > a {
	height: 100%;
	line-height: 70px; /* 60 (24) */
	text-align: center;padding:0px 1em; display:block; color:#000000; margin-left:1em;}
#nav > ul > li:not( :last-child ) > a {/*
	border-right: 1px solid #cc470d;*/
}
#nav > ul > li:hover > a,  #nav > ul:not( :hover ) > li.active > a { text-decoration:none; color:#b03391;}


/* second level */
/*#nav li.cur ul { display:block;}*/
#nav>ul>li>ul {
	display: none;
	position: absolute; left:1em;
	top: 70px; z-index:99999999;width: 200px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}
#nav>ul>li:hover ul {
	display: block; 
	/*left: 0px;*/
	text-transform:none;
}

#nav li:not( :first-child ):hover ul {
	/*left:0px;*/ top:70px;
}

#nav>ul>li>ul>li> a {
	padding: 6px 0px; display:block; font-weight:bold; /* 15 (20) */ text-transform:none; line-height:1.5em; font-size:0.8em; color:#b03391;
}
#nav>ul>li>ul>li>ul li a { font-weight:normal; font-size:0.75em; padding:5px 0;}
#nav li ul li { border:none; padding:2px 0px;}
#nav li ul li a:hover,  #nav li ul:not( :hover ) li.active a { color:#b03391;text-decoration:none;}

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

#nav > ul > li > a {padding:0px 1.05em;}
}
@media screen and ( max-width: 1120px )  {

#nav > ul > li > a {padding:0px 0.75em;}
}
@media screen and ( max-width: 1024px )  {
#nav > ul > li > a { font-size:0.85em;}
}
@media screen and ( max-width: 860px )  {
#nav > ul > li > a {padding:0px 0.5em;font-size: 0.75em;}
#nav li ul a {
	 padding:8px 3px; 
}
#nav li ul { height:42px; overflow:hidden; left:1em;}
#nav li:hover ul {
	left: 0;
}
}

@media screen and ( max-width: 768px )  {
#nav > ul > li > a {
	text-align: center; padding:0px 0.5em; margin-left:5px; font-size:0.7em;
}
}
 /* 640 */@media screen and ( max-width: 640px )  {
html {
	
}
#xflmenu { height:40px;}
#nav {
	position: relative;
	top: auto;
	left: auto; background:#e1e1e1;
}

#nav li ul { height:auto; overflow:hidden;}
#nav > a {
	width: 2.5em; /* 50 */
	height: 2.5em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ab3d91;
	position: relative;
}
#nav > a:before,  #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: ' ';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type,  #nav:target > a:last-of-type {
	display: block;
}
/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block; z-index:999999999; background:#f3f7f8; padding-bottom:10px;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto; 
	text-align: left;
	padding: 6px 10px; /* 15 (20) */ line-height:20px;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #ddd;
}
/* second level */
#nav li:not( :first-child ):hover ul {
	left: 0px;width:100%;
}
#nav li ul {
	position: static;
	padding: 1.25em 0.75em; /* 20 */
	padding-top: 0; width:100%;
}
}