/* 
    Document   : menu
    Created on : 15/04/2014, 16:52:14
    Author     : e.pol
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	margin:0;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			44px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*=== MENU POSITION ===*/
ul.sf-menu {
  position: relative;
  height:48px;
  /*background:url(../images/menu/bg_menu.gif) 0 0 repeat-x #efebed;*/
  /*SubMenu Styles*/

  /*Define 1st SubMenu position*/

  /*Define menu width*/

  /*Define SubMenu position*/

  /*Define 2nd+ SubMenu position*/

}

ul.sf-menu > li{ padding-right: 15px; padding-left: 15px; /*width:12.5%;*/ float:left; /*background:url(../images/menu/menu_line.gif) right 0 no-repeat*/}
ul.sf-menu > .lastItem, ul.sf-menu > .firstItem{ /*width:12.5%;*/}
ul.sf-menu > .lastItem{ float:right; background:none;}

ul.sf-menu>li>a>span, ul.sf-menu>li>span.separator {
	display: block;
	text-decoration: none;
	text-align: center;
	/*font-size:14px; */
	text-transform: uppercase;
	line-height: 48px;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0px;
	font-style: normal;
	text-transform: capitalize;
}

ul.sf-menu > li.parent > a span{ background: url(../images/menu/menu_marker.gif) center 36px no-repeat; display:block}

ul.sf-menu > li.parent:hover > a span,
ul.sf-menu > li.parent.sfHover > a span,
ul.sf-menu > li.parent.active > a span,
ul.sf-menu > li.parent.current > a span{ background:url(../images/menu/menu_marker_active.gif) center 36px no-repeat}

ul.sf-menu > li {
  /*padding: 0;*/
}
ul.sf-menu > li:hover {
  background: #efebed;
}
ul.sf-menu > li:hover > ul,
ul.sf-menu > li.sfHover > ul {
  top:48px;
}
ul.sf-menu > li:hover > ul li a,
ul.sf-menu > li.sfHover > ul li a,
ul.sf-menu > li:hover > ul li span.separator,
ul.sf-menu > li.sfHover > ul li span.separator {
}
ul.sf-menu ul {
  width: 160px; padding:16px 0;
}
ul.sf-menu ul li{ padding:0 15px;}

ul.sf-menu ul a{ color:#fff !important;}
ul.sf-menu ul > li > a:hover span,
ul.sf-menu ul > li.sfHover > a span,
ul.sf-menu ul > li.active > a span,
ul.sf-menu ul > li.current > a span{ color:#1ab7ec !important; cursor: pointer;}

ul.sf-menu ul ul{ background:#dde1e2}
ul.sf-menu ul ul a {
    color:#0d0d0d !important;
}
ul.sf-menu ul ul > li > a:hover span,
ul.sf-menu ul ul > li.sfHover > a span,
ul.sf-menu ul ul > li.active > a span,
ul.sf-menu ul ul > li.current > a span{ color:#4d4d4d !important}


ul.sf-menu ul li {
	font: 10px Verdana, Arial, sans-serif;
	text-transform: capitalize;
	line-height: 34px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 160px;
  top: -0.5em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 160px;
  top: -0.5em;
}
ul.sf-menu ul {
  padding: 0.5em 0;
}
ul.sf-menu ul li a,
ul.sf-menu ul li span.separator { 
    display:inline;
    text-decoration: none;
        
}
select.select-menu {
  display: none;
  margin: 0px 0px 0px;
}


.sf-menu > li > a,.sf-menu > li > span{background:transparent;}
.sf-menu > li > a,.sf-menu > li > span{color:#373a3f; }
.sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .sf-menu > li.sfHover > span, .sf-menu > li:hover > span, .sf-menu > li.current > a, .sf-menu > li.current > span, .sf-menu > li.active > a, .sf-menu > li.active > span {/*background:url(../css/start/images/ui-bg_gloss-wave_75_2191c0_500x100.png) #1ab7ec;*/}
.sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .sf-menu > li.sfHover > span, .sf-menu > li:hover > span, .sf-menu > li.current > a, .sf-menu > li.current > span, .sf-menu > li.active > a, .sf-menu > li.active > span {color:#ffffff;}
.sf-menu ul {background:#373a3f;}
.sf-menu ul > li > a, .sf-menu ul > li > span {color:#ffffff;}
.sf-menu ul > li > a:hover, .sf-menu ul > li:hover > a, .sf-menu ul > li:hover > span, .sf-menu ul > li > a:active, .sf-menu ul > li.current > a, .sf-menu ul > li.current > span, .sf-menu ul > li.sfHover > a, .sf-menu ul > li.sfHover > span, .sf-menu ul > li.active > span, .sf-menu ul > li.active > a 
			{color:#1ab7ec;}