/* 
    Document   : menu
    Created on : 13/Jan/2011, 10:01:45
    Author     : JAMoreira
    Description:
        Purpose of the stylesheet follows.
*/

/* menu styles */

#Layout{
   background-color: transparent;
}

#menu_paginas{
/*    background: url('../images/background-menu.png') no-repeat top left;*/
    height: 28px;
    z-index:-20;
    float:left;
}

#submenuTop{
/*    background: url('../images/background-submenu-top.jpg') no-repeat top left transparent;*/
    height: 8px;
    line-height: 8px;
/*    width:150px;*/
    
    -moz-box-shadow: inset 0 5px 3px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 5px 3px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 5px 3px 0 rgba(0, 0, 0, 0.4);
    
}

#submenuTop:hover{
    background: none repeat scroll 0 0 #F25D26!important;
}
    


#submenuDown{
    height: 3px;
    line-height: 3px;
/*    width: 150px;*/
    background-color: #F25D26;
}

 #submenuDown ul.sf-menu li:hover{
    background-color: #F25D26;
}

#submenuSeparator{
     background: url('../images/submenu-linha-tracejada.png') no-repeat top center;
     background-color: #F25D26;
     height:8px;
     line-height: 8px;
     min-width: 150px;
     float:left;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}



.sf-menu {
    line-height: 25px;
    .line-height: 26px;
}

.sf-menu ul {
    width: inherit!important;

}

.sf-shadow ul{
    background: none!important;
    padding: 0!important; 
}

.sf-menu li.current {
    line-height: 10px;
    line-height\9: 25px;
    .line-height: 12px;
    height: 24px;
    .height: 25px;
}

.sf-menu li.current li.sfHover ul li{
    line-height: 25px;
}

ul.sf-menu li.current ul{
    line-height: 25px;
     .line-height: 28px;
}

.sf-menu a{
    border:0;   
    padding: 0px 0px 2px 2px;
    .padding: 0;
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
}

.sf-menu .current a.topLink, .sf-menu 
.sf-menu .current a.topLink:active, .sf-menu .current a.topLink:visited  {
    outline: none;
    color: #81675C;
    cursor: hand;
    font-size: 13px;
    border: 0 none;
    padding:0;
}
.sf-menu .current a.topLink:hover{
    color: #F25D26;
    cursor: hand;
    font-size: 13px;
    border: 0 none;
    padding:0;
    outline: none;
}


.sf-menu a, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:visited {
    color: #FFF;
    .margin:0;
    outline: none;
}

ul.sf-menu .current{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #81675C;
    line-height: 18px;
    margin-right: 6px;
    min-width: 150px;
    padding: 0 5px;
    text-align: center;
    -moz-box-shadow: 4px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 4px 4px rgba(0,0,0,0.1);
    box-shadow: 4px 4px rgba(0,0,0,0.1);
}


ul.sf-menu ul li{
/*    width: 150px;*/
    width: 100%;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:0;
    top:0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			24px; /* match top ul list item height */
        .top:			25px; /* match top ul list item height */
	z-index:		99;
}

.sf-menu li {
    background: #FFF;
}
.sf-menu li li {
    background: #F25D26;
}
.sf-menu li li li {
    background: #F25D26;
}

.sf-menu li:hover{
    cursor: default;
}

.sf-menu li:hover{
    background: #FFF;
}

.sf-menu li.current:hover{
    background: #FFF;
}

.sf-menu li {
    background: none;
}

.sf-menu li.current ul li{
    .background: #F25D26 /* bg submenu for IE */
}

.sf-menu li.sfHover a{
    font-size: 10px;
}

.sf-menu li.sfHover a:focus, .sf-menu li.sfHover a:hover, .sf-menu li.sfHover a:active
{
    outline: 0;
    cursor: hand;
}

.sf-menu .current a{
    background: #fff;
    outline: none;
}

.sf-menu .current ul li a{
    background: #F25D26;
    outline: none;
}

.sf-menu li.sfHover{
    color: #F25D26;
}