/* Menu box
===================*/
#main-menuTop { cursor:default;display:-ms-inline-flexbox;position:fixed;float:right;
  }

#main-menuTopLoguin { cursor:default;display:-ms-inline-flexbox;position:fixed;float:right;
  }
  
.mega-menu {  background-color:#ffffff !important    }

 
	.sm-blueTop {
		float:right;
		white-space:nowrap;
	}
	 
	.sm-blueTop-vertical {		 
	}
	.sm-blueTop ul {
		/*border:1px solid #a9a9a9;*/
		padding:0px;		 
		 background:#fff; 
	 	 
	}
	
	
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.sm-blueTop-vertical ul,
	.sm-blueTop ul ul {
		 
	}

/*******************/

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

	.sm-blueTop a {
		padding:0px; 
		padding-left:4px;
		padding-right:4px; 
		/*
		font-size:8pt;
		font-family:Verdana;	
		*/
		/*line-height:27px;*/
		 	 
		text-decoration:none;
		color: inherit;		 
	}
	.sm-blueTop a:hover,.sm-blueTop a.highlighted
	/*, .sm-blueTop a:focus, .sm-blueTop a:active,
	.sm-blueTop a.highlighted */
	{
	/*	  
		color:#000000;		
		background-color:#353840;#4d515c ,#F59325 FFBA1B*/
		/*cursor:pointer;*/
		background:url(../img/FONDO_MENU_BAR.png) repeat-x bottom left; 
		/*
		border-right:1px solid #333;
		border-left:1px solid #333;
		padding-left:3px;
		padding-right:3px;
		*/
	}
	
	
	.sm-blueTop-vertical a {
		padding:9px 40px 8px 23px;
		background:#efefef; /* Old browsers */
		
		 
	}
	
	.sm-blueTop ul a {
		padding:0px;
		padding-right:0px;
		background:transparent;
		color:#666666;
		font-size:9pt;
		text-shadow:none;	
display: ruby;
	}
	
	.sm-blueTop ul a:hover, .sm-blueTop ul a:focus, .sm-blueTop ul a:active,
	.sm-blueTop ul a.highlighted {
		/*background:#999999;
		color:#fff;
		cursor:default;	 
		*/
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-blueTop a.current, .sm-blueTop a.current:hover, .sm-blueTop a.current:focus, .sm-blueTop a.current:active,
	.sm-blueTop ul a.current, .sm-blueTop ul a.current:hover, .sm-blueTop ul a.current:focus, .sm-blueTop ul a.current:active {
		
		color:#fff;
		 
	}
	/* round the left corners of the first item for horizontal main menu */
	.sm-blueTop > li:first-child > a {
		 
	}
	/* round the corners of the first and last items for vertical main menu */
	.sm-blueTop-vertical > li:first-child > a {
		 
	}
	.sm-blueTop-vertical > li:last-child > a {
		 
	}
	.sm-blueTop a.has-submenu {
      /* height:100%;*/
	}


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

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


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

	.sm-blueTop li {
		border-right:0px solid #ccc;
		
		padding:0;
	 
	}
	.sm-blueTop li:first-child,
	.sm-blueTop-vertical li,
	.sm-blueTop ul li {
		border-left:0;		
	}
 
 li ul{
	border:1px solid #575748;
	
	border-top:0px;	cursor:normal;
}
 
 
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
/*
	.sm-blueTop span.scroll-up, .sm-blueTop span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#ffffff;
		height:20px;	
	}
 */

 
	.sm-blueTop span.scroll-up, .sm-blueTop 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 */
	}
	.sm-blueTop span.scroll-up-arrow, .sm-blueTop 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-blueTop span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#333 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) {*/
@media screen and (max-width: 1px; ) {
	.sm-blueTop:not(.sm-blueTop-vertical) > li > a {
	 
	}
}
/*@media screen and (max-width: 750px) {*/
@media screen and (max-width: 1px; ) {
	.sm-blueTop:not(.sm-blueTop-vertical) > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

/*@media screen and (max-width: 640px) {*/
@media screen and (max-width: 1px) {

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


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

	.sm-blueTop {
		background:transparent;
		 
	}
	.sm-blueTop ul {
		border:0;
		padding:0;
		background:#fff;
		 
	}
	.sm-blueTop ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		 
	}


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

	.sm-blueTop a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#888888 !important; /* Old browsers */
		 
		color:#fff !important;
	}
	.sm-blueTop ul a {
		background:transparent !important;
		color:#444444 !important;
		text-shadow:none !important;
		
	}
	.sm-blueTop a.current {
		 
		color:#fff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-blueTop ul a {
		border-left:8px solid transparent;
	}
	.sm-blueTop ul ul a {
		border-left:16px solid transparent;
	}
	.sm-blueTop ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-blueTop ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-blueTop ul ul ul ul ul a {
		border-left:40px solid transparent;
	}
	/* round the corners of the first and last items */
	.sm-blueTop > li:first-child > a {
		 
	}
	/* presume we have 4 levels max */
	.sm-blueTop > li:last-child > a,
	.sm-blueTop > li:last-child > ul > li:last-child > a,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blueTop > li:last-child > ul,
	.sm-blueTop > li:last-child > ul > li:last-child > ul,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		 
	}
	/* highlighted items, don't need rounding since their sub is open */
	.sm-blueTop > li:last-child > a.highlighted,
	.sm-blueTop > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blueTop > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
		 
	}


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

	.sm-blueTop a span.sub-arrow,
	.sm-blueTop 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);
		 
	}
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.sm-blueTop a.highlighted span.sub-arrow {
		display:none !important;
	}


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

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

}