﻿@media screen and (max-width:480px) {
    .m-menu-mobile {
        background: #f1d2a4;
        padding: 0 0 0 15px;
        font-size: .9em;
        position: relative;
        font-weight: bold;
    }

        .m-menu-mobile div {
            display: inline-block;
            padding: 0;
            list-style: none;
            text-align: center;
            width: 30%;
            margin: 0;
            border: none;
        }

            .m-menu-mobile div + div {
                padding: 0;
            }

        .m-menu-mobile a {
            border-top: 2px solid #f1d2a4;
            margin: 0 auto;
            padding: 0;
            list-style: none;
            display: block;
            text-align: center;
            width: auto;
            color: #fff;
            text-decoration: none;
            background: #e7ae67 none no-repeat left center;
        }

        .m-menu-mobile .aberto a {
            background-color: #fff;
            color: #e7ae67;
        }

        .m-menu-mobile div + div a {
            background-image: url(../image/separador.png);
        }

        .m-menu-mobile .aberto + div a {
            background-image: none;
        }

    .m-painel-mobile {
        display: none;
    }

    ul.m-menu-projeto,
    ul.m-menu {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    ul.m-menu-projeto {
        display: block;
        margin-bottom: 2em;
        clear: both;
    }

        ul.m-menu-projeto li ul,
        ul.m-menu .submenu {
            display: none !important;
        }

        ul.m-menu-projeto li a,
        ul.m-menu li a {
            border-bottom: 1px solid #EAD7C6;
            display: block;
            padding: .5em 0 .5em 10px;
            margin: 0 1em;
            color: #696969;
            font-size: .8em;
            text-decoration: none;
            background: transparent url(../image/seta.png) no-repeat right center;
        }

        ul.m-menu-projeto li a {
            padding: .3em 10px;
            margin: 0;
            font-size: .9em;
        }

            ul.m-menu-projeto li a:hover,
            ul.m-menu li a:hover {
                background-color: #F9F5EA;
            }

    .m-fecha-menu a {
        display: block;
        text-align: center;
        padding: .8em 1em;
        font-size: .8em;
        font-weight: bold;
        border-bottom: 1px solid #B07235;
    }

    .m-menu-mobile div.m-busca {
        position: absolute;
        border: none;
        top: 0px;
        right: 15px;
        width: auto;
    }


        .m-menu-mobile div.m-busca a {
            background: transparent url(http://sped.rfb.gov.br/Content/Images/mobile/lupa.png) no-repeat 5px center;
            border: none;
            margin-top: 2px;
            padding: 0 10px 0 25px;
            display: block;
            font-weight: normal;
            font-size: .9em;
        }

        .m-menu-mobile div.m-busca.aberto a {
            background-color: #fff;
        }

    .m-menu-busca {
        display: none;
        border-bottom: 1px solid #EAD7C6;
        padding: 10px 15px;
    }

        .m-menu-busca legend {
            display: none;
        }

        .m-menu-busca input {
            border: 1px solid #C7A578;
            border-radius: 3px;
            padding: 0 4px;
            margin: 0 5% 0 0;
            width: 65%;
            height: 2em;
            line-height: 2em;
            font-size: .8em;
        }

        .m-menu-busca button {
            line-height: 2em;
            font-size: .8em;
            margin: 0;
            width: 25%;
            padding: 0 4px;
            border: 1px solid #C7A578;
            border: none;
            border-radius: 3px;
            background-color: #E0DFE3;
        }

    .cabecalho-projeto h1 {
        background-color: #E6AE67;
        float: left;
        font-size: 1.1em;
        color: #FFFFFF;
        margin: 0 0 18px -20px;
        padding: 0 25px 0 30px;
    }

    h1.destacado {
        border-bottom: 1px solid #C2C0C1;
        display: block;
        float: none;
        background: none;
        color: #B07235;
        font-size: 1.1em;
        padding: 0;
        margin: 1em 0;
    }
}
