/*---------------- menu----------------------*/
.menu {
    font-size: 11px;
}

    /* remove all the bullets, borders and padding from the default list styling */
    .menu ul {
        list-style-type: none;
    }

        .menu ul li {
            /*padding: 0px 10px 0 10px;*/
        }

            .menu ul li a.current {
                background: url("images/shared/nav/pro_line_1_2.gif");
                color: #fff;
                display: block;
                float: left;
                height: 37px;
                line-height: 35px;
                padding: 0 0 0 10px;
                text-decoration: none;
            }

                .menu ul li a.current b {
                    background: url("images/shared/nav/pro_line_1_2.gif") repeat scroll right top transparent;
                    display: block;
                    padding: 0 20px 0 10px;
                }


        /* style the sub-level lists */
        .menu ul ul {
            width: auto;
        }

        /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
        .menu ul li {
            float: left;
            height: 38px;
            line-height: 38px;
        }

        /* style the sub level list items */
        .menu ul ul li {
            display: block;
            width: auto;
            height: auto;
            position: relative;
            line-height: 1em;
        }


    /* style the links for the top level */
    .menu a, .menu a:visited {
        display: block;
        float: left;
        height: 100%;
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        padding: 0 21px 0 17px;
    }

    /* style the sub level links */
    .menu ul ul a, .menu ul ul a:visited {
        display: block;
        /*background: #ECECEC;*/
        background: url("images/shared/nav/repeatSub.jpg") repeat-x scroll 0 0 transparent;
        /*border: 1px solid #D2D2D2;*/
        color: #2D3F6D;
        width: 12em;
        height: 100%;
        line-height: 1em;
        padding: 1em 1em;
    }

    .menu ul table ul a, .menu ul table ul a:visited {
        width: 14em;
        width: 12em;
    }


    /* style the table so that it takes no part in the layout - required for IE to work */
    .menu table {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1em;
        z-index: -1;
    }

    .menu ul ul table {
        left: -1px;
    }

        .menu ul ul table ul.left {
            margin-left: 2px;
        }

    .menu li:hover {
        position: relative;
    }

    * html .menu a:hover {
        position: relative;
    }

    /* style the third level background */
    .menu ul ul ul a, .menu ul ul ul a:visited {
        background: url("images/shared/nav/repeatSub.jpg") repeat-x scroll 0 0 transparent;
    }

    /* style the fourth level background */
    .menu ul ul ul ul a, .menu ul ul ul ul a:visited {
         background: url("images/shared/nav/repeatSub.jpg") repeat-x scroll 0 0 transparent;
    }

    /* Estilo Sub 1 */
    .menu ul :hover li {
         background: url("images/shared/nav/repeatSub.jpg") repeat-x scroll 0 0 transparent;
    }

    /* Estilo Sub 2*/
    .menu ul ul :hover li {
         background: url("images/shared/nav/repeatSub.jpg") repeat-x scroll 0 0 transparent;
    }

    /* Hover dos menus */
    /* primeiro */
    .menu :hover > a {
        color: #E4EDF5;
    }

    /* segundo */
    .menu ul ul :hover > a {
        color:#2D3F6D;
        font-weight : bold;
    }

    /* terceiro */
    .menu ul ul ul :hover > a {
       color:#2D3F6D;
       font-weight : bold;
    }

    /* quarto */
    .menu ul ul ul ul a:hover {
        color:#2D3F6D;
        font-weight : bold;
    }

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        top: 38px;
        left: 0;
        width: 14em;
        z-index: 999;
    }

        /* position the third level flyout menu */
        .menu ul ul ul {
            left: 14em;
            top: 0;
            width: 14em;
        }

            /* position the third level flyout menu for a left flyout */
            .menu ul ul ul.left {
                left: -14em;
            }


    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul, .menu ul a:hover ul {
        visibility: visible;
        height: auto;
        padding-bottom: 3em;
        background: transparent url(images/trans.gif);
    }
    /* keep the third level hidden when you hover on first level list OR link */
    .menu ul :hover ul ul {
        visibility: hidden;
    }
    /* keep the fourth level hidden when you hover on second level list OR link */
    .menu ul :hover ul :hover ul ul {
        visibility: hidden;
    }
    /* make the third level visible when you hover over second level list OR link */
    .menu ul :hover ul :hover ul {
        visibility: visible;
    }
        /* make the fourth level visible when you hover over third level list OR link */
        .menu ul :hover ul :hover ul :hover ul {
            visibility: visible;
        }


        
.menu ul *:hover a.sub1 {
    background: url("images/shared/nav/arrow.gif") no-repeat scroll right center;
}


.menu ul ul *:hover a.sub2 {
    background: url("images/shared/nav/arrow.gif") no-repeat scroll right center;
}