/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
   font-family: 'Helvetica', 'Lucida Sans', sans-serif;
   text-transform: uppercase;
   font-size: 14px;
	list-style: none;	
	}

.sf-menu {
   position: relative !important;
	height:42px;
	z-index:999;
	margin-right: 20px;
}

.sf-menu ul{
   z-index:999;
	margin-right: 0px;
}

.sf-menu > li{
  height:100%;
  padding-top:6px; /* !!IMPORTANTE!! (*) */
}

.sf-menu > li > ul{ }

/* lvl > 0 */
.sf-menu > li .sf-menu-title a, .sf-menu > li .sf-menu-title{
  position:relative !important;
  z-index:9999;
  display:block;
}

.sf-menu li .sf-menu-title a{
	font-size: 0;
}

.sf-menu li ul li .sf-menu-title a{
	font-size: 14px;
}

/* lvl 0 */
.sf-menu > li > .sf-menu-title a, .sf-menu > li > .sf-menu-title, .sf-menu > li > .sf-menu-title * {
  position:relative !important;
  z-index:99999 !important;
  display:block;
}

.sf-menu > li > .sf-menu-title a,.sf-menu > li > .sf-menu-title a:hover{
   height: 16px;/* força a mesma altura do menu */
   z-index: 99999;
}

.sf-menu > li.sfHover > .sf-menu-title, .sf-menu > li.sfHover > .sf-menu-title:hover {
  background-color: #f6ff57;
}

.sf-menu > li.sfHover{
  height:44px;  /* IMPORTANTE: EXCEDE A ALTURA DO NIVEL 0 (44px) para ficar por cima dos menus */
}

.sf-menu > li,.sf-menu > li:hover{ }

.sf-menu > li.sfHover,
.sf-menu > li:hover{
  z-index:9999 !important;

  -webkit-box-shadow: 0 0 5px 1px #888;
  -moz-box-shadow:    0 0 5px 1px #888;
  box-shadow         :0 0 5px 1px #888;
}

.sf-menu ul {
	position: absolute;
   width: 15em; /* left offset of submenus need to match (see below) */
	font-weight:normal;
}

.sf-menu ul li {
	width:160px !IMPORTANT; /*148px= 160 -12 (padding-left)*/
}

.sf-menu li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li{
   display:inline-block; /* supported by FF3+ and IE8+ */
   zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
   vertical-align:top;
	position: relative;
}

.sf-menu a {
	display:	 block;
	position: relative !important;
	height:100%;
	padding-left:16px;
	padding-right:16px;
}

.sf-menu li ul li div.sf-menu-title a{
	background:url('/images/dotMenuOff.jpg') #f6ff57 no-repeat 5px 5px;
	padding-left: 20px;
	text-transform: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
   left:	0;
	padding: 0px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
	padding-top: 12px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 20em; /* 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;
}

/*** DEMO SKIN ***/
.sf-menu {
  display:inline-block; /* supported by FF3+ and IE8+ */
  zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
  vertical-align:top;
	background:transparent;
   color: #4c4e3b;
}

.sf-menu-subtitle {
   color: #6c705b;
	font-size:10px;
	display:block;
	font-weight:normal;
	text-transform: lowercase;
	padding-left: 0px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #4c4e3b;
  text-decoration:none;
}

.sf-menu li {
   color:#000000;
   border: none;
   background: transparent;
	margin-right: 26px;
}

.sf-menu li ul li{
	margin-right: 0px;
	z-index: 99999;
} 

.sf-menu > li:hover{ }

.sf-menu > li,.sf-menu > li:hover{
  position:relative;
  
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.sf-menu ul { /* level > 0 menu not selected */
  -webkit-box-shadow: 0 0px 5px 1px #888;
  -moz-box-shadow:    0 0px 5px 1px #888;
  box-shadow:         0 0px 5px 1px #888;

  -webkit-border-radius: 7px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 7px;
  -moz-border-radius-topleft: 0;
  border-radius: 7px;
  border-top-left-radius: 0;

  color: #4c4e3b;
  background-color: #f6ff57;
}

.sf-menu ul li { /* level > 0 menu not selected */
   height: auto;
   color: #4c4e3b;
   font-weight: normal;
   text-align: left;
}

.sf-menu ul li a {
   height: auto;
   color: #4c4e3b;
   text-decoration:none;
	font-weight: normal;
	text-transform:lowercase;
	display:block;
	border-left: none;
	padding-top: 3px !IMPORTANT;
	padding-bottom: 5px !IMPORTANT;
	padding-left: 26px !IMPORTANT;
	margin-left: 5px;
	margin-right: 5px;
	border:1px solid #f6ff57;
}

.sf-menu li:hover  { /* top menu selected */
   border: none;
   color: #4c4e3b;
}

.sf-menu ul li:hover{
  font-weight: normal;
}

.sf-menu .sfHover ul li a:hover {
  font-weight: normal;
  background: #969700 url('/images/dotMenuOn.jpg') no-repeat 5px 5px;
  color: #ffffff !IMPORTANT;
}

.sf-menu li a:hover { }

/* ********************************* */
/* groups                            */
/* ********************************* */

.sf-menu ul li dt a:hover  {
  text-decoration:underline;
  font-weight: bold;
  border: none;
  height: 20px;
}

.sf-menu ul li dt,
.sf-menu ul li dt span {
   height: auto;
   font-weight: bold;
   color: #4c4e3b;
   text-decoration:none;
   text-transform:uppercase;
	 padding-top: 2px;
}

/* menu empresa */
.sf-menu li#menuEmpresa > .sf-menu-title{height: 42px;}

.sf-menu li#menuEmpresa > .sf-menu-title a{
	background: url('/images/titMenuEmpresa.jpg') transparent no-repeat 18px 4px;
	padding-top:22px;
}

.sf-menu li#menuEmpresa:hover  > .sf-menu-title a,
.sf-menu li#menuEmpresa.sfHover  > .sf-menu-title a{
	background: url('/images/titMenuEmpresaOvr.jpg') #f6ff57 no-repeat 18px 4px;
	padding-top:22px;
}
/* menu empresa -  END */

/* menu serviços */
.sf-menu li#menuServicos > .sf-menu-title{height: 42px;}

.sf-menu li#menuServicos > .sf-menu-title a{
	background: url('/images/imgMenuServicos.jpg') transparent no-repeat 18px 4px;
   padding-top:22px;
}

.sf-menu li#menuServicos:hover  > .sf-menu-title a,
.sf-menu li#menuServicos.sfHover  > .sf-menu-title a{
	background: url('/images/imgMenuServicosOver.jpg') #f6ff57 no-repeat 18px 4px;
	padding-top:22px;
}
/* menu serviços - END */

/* menu comunicacao */
.sf-menu li#menuComunicacao > .sf-menu-title{height: 42px;}

.sf-menu li#menuComunicacao > .sf-menu-title a{
	background: url('/images/imgMenuComunicacao.jpg') transparent no-repeat 18px 0px;
	padding-top:22px;
}

.sf-menu li#menuComunicacao:hover  > .sf-menu-title a,
.sf-menu li#menuComunicacao.sfHover  > .sf-menu-title a{
	background: url('/images/imgMenuComunicacaoOver.jpg') #f6ff57 no-repeat 18px 0px;
	 padding-top:22px;
}
/* menu comunicacao - END */

/* menu contactos */
.sf-menu li#menuContactos > .sf-menu-title{
	height: 39px;
}

.sf-menu li#menuContactos > .sf-menu-title a{
	background: url('/images/imgMenuContactos.jpg') transparent no-repeat 16px 4px;
	padding-top:21px;
}

.sf-menu li#menuContactos:hover > .sf-menu-title a{
	background: url('/images/imgMenuContactosOver.jpg') #f6ff57 no-repeat 16px 4px;
	padding-top:21px;
}
/* menu contactos - END */

.sf-menu ul li dt div.sf-menu-title{
  padding-left:5px !IMPORTANT;
	color: #4c4e3b;
}

.sf-menu ul li dd div.sf-menu-title{font-weight: normal;}

.sf-menu ul li dl dt{padding-bottom:3px;}

.sf-menu ul li dl {
  width: 160px;
  height: 100%;
}

.sf-menu ul li.sf-menu-moregroups dl{
	border-left: none;
	margin-left: -10px;
}

.sf-menu ul li dl a{
   border:1px solid #f6ff57;
	padding-left:0px;
}

.sf-menu ul li dl:first-child {margin-top:0px;}

.sf-menu ul li.leftColumn{
	width: 160px;
	display:inline-block;
	*float:left;
	text-align: left;
	padding:22px 4px !important;
}

/* ********************************* */
/* right column                      */
/* ********************************* */
.sf-menu ul li.rightColumn{
	height: 100%;
	width: 179px !IMPORTANT;
	background:#ffffff;
	border-left: 1px solid #dddddd;
	
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

#menuEmpresa ul li.rightColumn{
	background:url('/images/imgMenuEmpresa.jpg') #ffffff no-repeat  12px 18px;
	height: 100%;
	width: 100%;
}

#menuServicos ul li.rightColumn{
	background:url('/images/menuServicos.jpg') #ffffff no-repeat  10px 54px;
	height: 100%;
	width: 100%;
}

#menuComunicacao ul li.rightColumn{
	background:url('/images/menuComunicacao.png') #ffffff no-repeat  0px 32px;
	height: 100%;
	width: 100%;
}

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

.sf-menu ul { /* menu border */
  border: none;
}

.sf-menu ul ul { /* sub menu margin */
  padding-top: 25px;
	padding-right:10px;	
	padding-bottom:25px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /* remove outline from selected menus */
	background-color: #f6ff57;
}

.sf-menu li:hover:last-child, .sf-menu li.sfHover:last-child{
   -webkit-border-bottom-left-radius: 7px;
   -webkit-border-bottom-right-radius: 7px;
   -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;

   padding-bottom:3px;
	
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;	
}

/*sf-menu ul li:hover:last-child, */
.sf-menu li.sfHover ul li:last-child{padding-bottom:0px;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display:	block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background:	url('/images/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {background: transparent;}

dt div.sf-menu-title{font-size: 11px;}