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

	.sm-simple,
	.sm-simple ul {
		padding:0px;
	}

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

	.sm-simple a {
	color: #82C721;
    display: block;
    font-family: 'Hammersmith One', sans-serif;
    font-size: 13px;
    padding:10px 7px 9px;
    text-transform: uppercase;
		text-decoration:none;
                font-weight: normal;
		    letter-spacing: -0.018em;
	}
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
	.sm-simple a.highlighted {
		color:#000000;
		
                background: #82C721; /* For browsers that do not support gradients */
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-simple .seccSelected a{
		
		text-decoration:none;
		color:#000000;
		
                background: #82C721; /* For browsers that do not support gradients */
	}
	.sm-simple a.has-submenu {
		
		
	}
 	.sm-simple ul a.has-submenu,
	.sm-simple-vertical a.has-submenu {
		background:url(../../../images/templates/puntonet/bulletMenu.png) right center no-repeat !important;
	}
	.sm-simple ul a.has-submenu:hover, .sm-simple ul a.has-submenu:focus, .sm-simple ul a.has-submenu:active, .sm-simple ul a.has-submenu.highlighted{
		background:#82C721 url(../../../images/templates/puntonet/bulletMenu.png) right center no-repeat !important;
		color:#FFFFFF !important;
	}


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

	.sm-simple a span.sub-arrow {
		display:none
	}
 	.sm-simple ul a span.sub-arrow,
	.sm-simple-vertical a span.sub-arrow {
		right:auto;
		margin-left:-14px;
	}


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

	.sm-simple li {
		padding:0px 0px;
		background:none;
	}
	.sm-simple li:first-child {
		border-left:0;
	}
	.sm-simple ul{
		z-index:6000 !important;
                
	}
        .sm-simple > ul{
            
        }
	.sm-simple ul li,
	.sm-simple-vertical li {
		border-left:0;
		background:#000000;
		padding:0px 0px;
	}
	
	.sm-simple ul li a,
	.sm-simple-vertical li a{
		font-size:12px;
		color:#82c721 !important;
		background:#3d3d3d  !important;
		font-family: 'Ubuntu', sans-serif;
		text-transform:none!important;
		text-decoration:none!important;
		display:block;
		text-align:left;
		margin: 0;
		padding:8px 5px 8px 8px;
		border-bottom:#333333 1px solid;
	}
	.sm-simple ul li ul li a{
		background:#222222 !important;
	}
	.sm-simple ul li a:hover,
	.sm-simple-vertical li a:hover{
		color:#000000!important;
		background:#82C721 !important;
	}
	.sm-simple ul li.lastLi a,
	.sm-simple-vertical.lastLi li a{
		border-bottom:none;
	}
	.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 #333;
		border-width:1px 0;
		background:#fff;
		height:20px;
		/* 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 #555 transparent;
	}
	.sm-simple span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}


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


@media screen and (max-width: 768px) {
	#showMenu{
		display:block;
	}
	#mainNav {
		position:relative;
	}
	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-simple{width:auto !important; display:none;}
	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:13px;
		padding-bottom:13px;
		background:transparent !important;
		color:#999999 !important;
	}
	.sm-simple a.current,.sm-simple a:hover,.sm-simple #selected a {
		color:#FFFFFF !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;
		margin-left:-14px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-simple a.highlighted span.sub-arrow {
		display:none !important;
	}


/* 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;
	}
}