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

	.access-menu {
		
	}

	.access-menu ul {
		background:#c0c0bf;
		width:220px !important;
        /*-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;*/
	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.access-menu-vertical ul, .access-menu ul ul {
		/*-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;*/
	}


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

	.access-menu a {
		padding:13px 20px 13px 20px;
		color:#5a5a5a;
		font-size:13px;
		font-weight:800;
		text-decoration:none;
        text-transform:uppercase;
		background:url(../images/menu_divider.png) no-repeat right;
	}
	.access-menu a:hover, .access-menu a:focus, .access-menu a:active,
	.access-menu a.highlighted {
		color:#4482aa;
	}
	.access-menu ul a {
		padding:8px 10px 8px 10px;
		color:#5a5a5a;
        font-size:12px;
		font-weight: bold;
		text-shadow:none;
		background:none;
	}
	.access-menu ul a:hover, .access-menu ul a:focus, .access-menu ul a:active, .access-menu ul a.highlighted {
		color:#5a5a5a;
		text-decoration:underline;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.access-menu a.current, .access-menu a.current:hover, .access-menu a.current:focus, .access-menu a.current:active,
	.access-menu ul a.current, .access-menu ul a.current:hover, .access-menu ul a.current:focus, .access-menu ul a.current:active {
		background:#006892;
		color:#fff;
	}
	/* round the left corners of the first item for horizontal main menu */
	.access-menu > li:first-child > a {
		/*-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;*/
	}


	.access-menu a.has-submenu {

	}


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

	.access-menu a span.sub-arrow {
		position:absolute;
		bottom:2px;
		left:50%;
		margin-left:-5px;
		/* 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;
	}
	.access-menu-vertical a span.sub-arrow,
 	.access-menu ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		right:15px;
		left:auto;
		margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #a4cde1;
	}


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

	.access-menu li {
        background:url(../images/menu_divider.jpg) right repeat-y;
	}
	.titreck{
		background:url(../images/home_icon.png) no-repeat;
		width:20px;
		height:18px;
		display:block;
		margin-top:-2px;
	}

	.access-menu-vertical li,
	.access-menu ul li {
        background: transparent !important;
	}
.access-menu img{
	display:inline;
}

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

	.access-menu span.scroll-up, .access-menu span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#ffffff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.access-menu span.scroll-up-arrow, .access-menu 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 #247eab transparent;
	}
	.access-menu span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}



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


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.access-menu:not(.access-menu-vertical) > li > a {
		padding-left:18px;
		padding-right:18px;
	}
}
@media screen and (max-width: 750px) {
	.access-menu:not(.access-menu-vertical) > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 640px) {
	.access-menu a {
		background:transparent;
	}

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.access-menu{width:auto !important;}
        ul.access-menu 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.access-menu>li{float:none;}
	ul.access-menu>li>a,ul.access-menu ul.sm-nowrap>li>a{white-space:normal;}
	ul.access-menu iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.access-menu ul, .access-menu span.sub-arrow, .access-menu iframe {
		display:none !important;
	}*/
   .access-menu form{
	   padding:10px;
	   padding-left:0;
	   margin-left:-10px;
	   
   }
   ul.sm ul ul{
	margin-top:0 !important;
}

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

	.access-menu {
		background:transparent;
		/*-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);*/
	}
	.access-menu ul {
		border:0;
		padding:0;
		background:#fff;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.access-menu ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

 

	.access-menu a {
		/* add some additional left padding to make room for the sub indicator */
		/* Old browsers */
		background-position: 0% 0%;
        padding: 21px 5px 10px 28px;
        background-image:linear-gradient(top,#eaeaea 0%,#dbdbdb 100%) !important;
		color:#595959 !important;
        background-color: #dbdbdb !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
        border-bottom:solid 1px #ccc;
}

	.access-menu ul a {
		background:transparent !important;
		color:#595959 !important;
		text-shadow:none !important;
		padding-left:20px;
	}
	.access-menu a.current {
		/* Old browsers */
		background-position: 0% 0%;
        background-image:linear-gradient(top,#eaeaea 0%,#dbdbdb 100%) !important;
		color:#595959 !important;
        background-color: #dbdbdb !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
}
	/* add some text indentation for the 2+ level sub menu items */
	.access-menu ul a {
		border-left:8px solid transparent;
	}
	.access-menu ul ul a {
		border-left:16px solid transparent;
	}
	.access-menu ul ul ul a {
		border-left:24px solid transparent;
	}
	.access-menu ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.access-menu ul ul ul ul ul a {
		border-left:40px solid transparent;
	}
	/* round the corners of the first and last items */
	.access-menu > li:first-child > a {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	/* presume we have 4 levels max */
	.access-menu > li:last-child > a,
	.access-menu > li:last-child > ul > li:last-child > a,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.access-menu > li:last-child > ul,
	.access-menu > li:last-child > ul > li:last-child > ul,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	/* highlighted items, don't need rounding since their sub is open */
	.access-menu > li:last-child > a.highlighted,
	.access-menu > li:last-child > ul > li:last-child > a.highlighted,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.access-menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

	.access-menu a span.sub-arrow,
	.access-menu ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:bold 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
        display:none;
	}
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.access-menu a.highlighted span.sub-arrow {
		/*display:none !important;*/
	}


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

	.access-menu li {
		border-left:0;
	}
	.access-menu ul li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.access-menu ul li:first-child {
		border-top:0;
	}

}
.highlighted a
    {
        color: #0071a9 !important;
    }