/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-simple > li > a { ... } instead of .sm-simple a { ... }
---------------------------------------------------------------*/


/* Menu box
===================*/
	 .sm-simple,
	 .sm-simple ul {
		background:#fff;
	 }
	 
		
/* Menu items
===================*/

	.sm-simple a {
		padding:10px;
		color:#555;
		font-size:15px;
		line-height:17px;
		font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		text-decoration:none;
	}
	
	.has-submenu .caret { float:right; margin-top:8px; }	
	
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
	.sm-simple a.highlighted {
		background:#eee;
		color:#555;
		
	}
	/* 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:10px;
	}
 	.sm-simple ul a.has-submenu,
	.sm-simple-vertical a.has-submenu {
		padding-right:25px;
	}


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

	.sm-simple a span.sub-arrow {
		position:absolute;
		right:12px;
		top:50%;
		margin-top:-8px;
		width:16px;
		height:16px;
		line-height:16px;
	}
 	.sm-simple ul a span.sub-arrow,
	.sm-simple-vertical a span.sub-arrow {
		right:auto;
		margin-left:-14px;
	}
    .sm-simple ul li a.has-submenu span.caret{ 
    border-left: 4px solid;
    border-right: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    }


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

	/**.sm-simple li {
		border-left:1px solid #f3f3f3;
	}
	.sm-simple li:first-child {
		border-left:0;
	}
	.sm-simple ul li,
	.sm-simple-vertical li {
		border-left:0;
		border-top:1px solid #f3f3f3;
	}
	.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:#fff;
		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 #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: 800px) {

	/* 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;
	}
	
	ul li.tituloSub h4 { display: none; }

    .sm-simple,
	.sm-simple ul {
        float:none;
	}

    .sm-simple ul li a.has-submenu span.caret{ 
    border-top: 4px solid;
    border-right: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    }


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

	.sm-simple a {
		padding-top:13px;
		padding-bottom:13px;
		background:transparent !important;
		color:#555 !important;
	}
	.sm-simple a.current {
		background:#555 !important;
		color:#fff !important;
	}
	.sm-simple a.has-submenu {
		padding-right:40px;
	}

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

}

@media (min-width: 1024px) {
	
/*Adaptações de menu*/

.sm-simple, .sm-simple ul { background:#fff; float:left; /*Alinhamento do menu*/ }
#main-menu { position: relative; z-index: 9999; width: auto; }
#main-menu ul { width: 12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
			    height:350px; }	
ul.sm-simple li ul:first-child li a { margin-top:20px; }
.sm-simple ul { box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); font-size:12px; border:1px solid rgba(0, 0, 0, 0.15); }

#main-menu ul li:first-child a { margin-top:15px; } 
#main-menu ul li:first-child ul li a { margin-top:0px; }
#main-menu ul li ul.am-top-1 { margin-top:-164px !important; } 
#main-menu ul li ul.am-top-2 { margin-top:-90px !important; } 
#main-menu ul li ul.am-top-2-1 { margin-top:-107px !important; } /*wrap*/ 
#main-menu ul li ul.am-top-3 { margin-top:-127px !important; } 
#main-menu ul li ul.am-top-4 { margin-top:-164px !important; } 
#main-menu ul li ul.am-top-5 { margin-top:-201px !important; } 
#main-menu ul li.info { position: absolute; right: 0; top: 0; width: 238px; height: 330px; margin-top:10px; padding:20px; border-left:1px solid #6CA8E3; }
#main-menu ul li.info img { margin-bottom:10px; width:100%;  }
#main-menu ul li.info p { color:white; font-size:12px; line-height:18px; text-align:justify; }
#main-menu ul li.info:hover { background-color: transparent; border-left:1px solid #6CA8E3; }


#main-menu li ul { background-color:#F9F9F9; width:200px !important;}
#main-menu li ul li ul { background-color:white; /*background-color:#287DD2; width:400px !important; max-width:400px !important;*/ width:210px !important; }
#main-menu li ul li ul li a { /*color:white;*/ color:#333; padding: 10px 20px 10px 20px;  }
#main-menu li ul li ul li a:hover { /*background-color:#5F9FE0;*/ background-color:#eee;  }
#main-menu li ul li ul li { /*width:160px;*/ }
#main-menu li ul li ul li div.detalhes { display:none; }
#main-menu li ul li ul li:hover { /*background-color:#5F9FE0;*/ border:none; }
#main-menu li ul li ul li:first-child:hover { background-color:transparent; border:none; }
#main-menu li ul li ul li:hover > div.detalhes { display:block; position:absolute; border: 1px solid white; right:-224px; top:-214px; width: 250px; height:345px;  }
#main-menu li ul li ul li h4 { color:#333; padding: 10px 20px 10px 20px; }

ul.sm-nowrap > li > a { font-size:14px; padding: 10px 20px 10px 20px; /*width: 196px;*/ }

/* Seta para cima */
	.sm-simple ul.arrow-up:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; left: 13px; border-width: 0 12px 12px 12px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent;  }
	.sm-simple ul.arrow-up:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; left: 15px; border-width: 0 10px 10px 10px; border-style: solid; border-color: #fff transparent; }

}