/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;width:100px;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
ul.sm a.disabled{cursor:default;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.ul1{ padding: 0; margin-top:0px; list-style: none; padding-bottom: 0px;}
.ul1 > li {color: #333333; font-size:14px; padding: 10px 0 2px 30px; margin: 0; line-height:20px;  background: url(../download/excle.jpg) 5px 13px no-repeat;}
.ul1 > li a{color:#000; text-decoration: none;}
.ul1 > li a:hover{color:#00; text-decoration: none; }

.ul2{ padding: 0; margin-top:0px; list-style: none; padding-bottom: 0px;}
.ul2 > li {color: #333333; font-size:14px; padding: 10px 0 2px 30px; margin: 0; line-height:20px;
/*  background: url(../images/doc.jpg) 5px 13px no-repeat;*/}
.ul2 > li a{color:#000; text-decoration: none;}
.ul2 > li a:hover{color:#000; text-decoration: none; }


/* Menu items
===================*/
	.sm-simple{
		
		}
	.sm-simple > li >a {
		text-transform: none;
		}
	.sm-simple a {
		padding: 7px 19px;
		margin: 0;
		color: #fff;
		display: inline-block;
	}
	.sm-simple .actt {
	background-color:#B7C2CA;
	}
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
	.sm-simple a.highlighted {
		background-color: #7a7a7a;
	color: #fff;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {
		background:#555;
		color:#fff;
	}
	.sm-simple a.has-submenu {
		padding-right:32px;
	}
 	.sm-simple ul a.has-submenu,
	.sm-simple-vertical a.has-submenu {
		padding-right:23px;
	}
	.sm-simple ul a{
		color:#fff;
		padding: 7px 24px 7px 20px;
		background-color: #989898;
		}
	.sm-simple li > ul{
		background:#7a7a7a;
		z-index:9999;
		min-width:200px!important;
		-webkit-box-shadow: 6px 8px 3px -6px #5e5651;
		-moz-box-shadow: 6px 8px 3px -6px #5e5651;
		box-shadow: 6px 8px 3px -6px #5e5651;
		}
	.sm-simple a span.sub-arrow{
		font-size:0px;
		}


/* Sub menu indicators
===================*/
	.sm-simple a span.sub-arrow:after {
		content:"\f107";
		font-family: FontAwesome;
		position: absolute;
		height:10px;
		font-size:16px;
		width:10px;
		right:10px;
		}
	.sm-simple ul a,
	.sm-simple-vertical a{
		font-size:13px;
		padding:8px 24px;
		}
 	.sm-simple ul a span.sub-arrow:after,
	.sm-simple-vertical a span.sub-arrow:after {
		content:"\f105";
		font-family: FontAwesome;
		position: absolute;
		height:10px;
		font-size:16px;
		width:10px;
		right:10px;
	   }


/* Items separators
===================*/

	.sm-simple li {
		border-left:1px solid #938784;
	}
	.sm-simple li:first-child {
		border-left:0;
		
	}
	.sm-simple ul li,
	.sm-simple-vertical li {
		border-left:0;
		border-top:1px solid #938784;
	}
	.sm-simple ul li:first-child,
	.sm-simple-vertical li:first-child {
		border-top:0;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-simple span.scroll-up, .sm-simple span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		border:solid #bbb;
		border-width:1px 0;
		background:#999;
		height:22px;
		/* width and position will be automatically set by the script */
	}
	.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #fff transparent;
	}
	.sm-simple span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#fff transparent transparent transparent;
	}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


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

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-simple{width:auto !important;}
	ul.sm-simple ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-simple>li{float:none;}
	ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-simple iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-simple ul {
		border:0;
		/* darken the background of the sub menus */
		background:rgba(100,100,100,0.1);
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


/* Menu items
===================*/

	.sm-simple a {
		padding-top:8px;
		padding-bottom:8px;
		color:#555;
	}
	.sm-simple a.current {
		background:#555 !important;
		color:#fff !important;
	}
	.sm-simple a.has-submenu {
		padding-right:23px;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent;
	}
	.sm-simple ul ul a {
		border-left:16px solid transparent;
	}
	.sm-simple ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-simple ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-simple ul ul ul ul ul a {
		border-left:40px solid transparent;
	}


/* Sub menu indicators
===================*/

	.sm-simple a span.sub-arrow {
		right:auto;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	

/* Items separators
===================*/

	.sm-simple li {
		border-left:0;
		border-top:1px solid rgba(0,0,0,0.05) !important;
	}
	.sm-simple li:first-child {
		border-top:0 !important;
	}
	.sm-simple ul{
		background:#F5F5EF!important;
		}
	.sm-simple ul ul{
		background:#FAF4F4!important;
		}
	.sm-simple a span.sub-arrow:after {
		content:"\f105";
	   }
	.sm-simple a.highlighted span.sub-arrow:after{
		content:"\f107";
		font-family: FontAwesome;
		position: absolute;
		height:10px;
		font-size:16px;
		width:10px;
		right:10px;
		}
		.sm-simple li > ul {
		background: #f5f5f5;
		z-index: 9999;
		-webkit-box-shadow: 0px 8px 3px -6px #5e5651;
		-moz-box-shadow: 0px 8px 3px -6px #5e5651;
		box-shadow: 0px 8px 3px -6px #5e5651;
		}
	.sm-simple ul a.highlighted{
		background:#939393
		}
	.sm-simple ul ul ul{
		background:#fff!important;
		}
	.sm-simple ul ul a.highlighted{
		background:#CB9898
		}

}