﻿/* Reset */
.menu, .menu ul, .menu li, .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    z-index: 2;
}

/* Menu */
.menu {
    height: 40px; /*width: 505px;*/
    background: #26a99e;
    background: -webkit-linear-gradient(top, #26a99e 0%,#bed3e5 100%);
    background: -moz-linear-gradient(top, #26a99e 0%,#bed3e5 100%);
    background: -o-linear-gradient(top, #26a99e 0%,#bed3e5 100%);
    background: -ms-linear-gradient(top, #26a99e 0%,#bed3e5 100%);
    background: linear-gradient(top, #26a99e 0%,#bed3e5 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .menu li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        height: 40px;
    }

        /* Links */

        .menu li a {
            display: block;
            padding: 0 14px;
            margin: 6px 0;
            line-height: 28px;
            text-decoration: none;
            border-left: 1px solid #393942;
            border-right: 1px solid #4f5058;
            font-weight: bold;
            font-size: 13px;
            color: #f3f3f3;
            text-shadow: 1px 1px 1px rgba(0,0,0,.6);
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
        }

        .menu li:first-child a {
            border-left: none;
        }

        .menu li:last-child a {
            border-right: none;
        }

        .menu li:hover > a {
            color: #bed3e5;
        }

    /* Sub Menu */

    .menu ul {
        position: absolute;
        top: 40px;
        left: 0;
        opacity: 0;
        background: #808080;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        -webkit-transition: opacity .25s ease .1s;
        -moz-transition: opacity .25s ease .1s;
        -o-transition: opacity .25s ease .1s;
        -ms-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
    }

    .menu li:hover > ul {
        opacity: 1;
    }

    .menu ul li {
        height: 0;
        overflow: hidden;
        padding: 0;
        -webkit-transition: height .25s ease .1s;
        -moz-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }

    .menu li:hover > ul li {
        height: 36px;
        overflow: visible;
        padding: 0;
    }

    .menu ul li a {
        min-width: 240px;
        padding: 4px 0 4px 40px;
        text-align: left;
        margin: 0;
        border: none;
        border-bottom: 1px solid #353539;
    }

    .menu ul li:last-child a {
        border: none;
    }

    /* Icons */
    .menu a.containers {
        background: url(/Images/Container.png) no-repeat 6px center;
    }

    .menu a.sites {
        background: url(/Images/Site.png) no-repeat 6px center;
    }

    .menu a.templates {
        background: url(/Images/Template.png) no-repeat 6px center;
    }

    .menu a.menus {
        background: url(/Images/Menu.png) no-repeat 6px center;
    }

    .menu a.paginas {
        background: url(/Images/Pagina.png) no-repeat 6px center;
    }

    .menu a.categoriaNoticias {
        background: url(/Images/CategoriaNoticia.png) no-repeat 6px center;
    }

    .menu a.noticias {
        background: url(/Images/Noticias.png) no-repeat 6px center;
    }

    .menu a.pedidos {
        background: url(/Images/Pedidos.png) no-repeat 6px center;
    }

    .menu a.produtos {
        background: url(/Images/Produto.png) no-repeat 6px center;
    }

    .menu a.categoriaProdutos {
        background: url(/Images/Categoria.png) no-repeat 6px center;
    }

    .menu a.formaPagamento {
        background: url(/Images/Pagamentos.png) no-repeat 6px center;
    }

    .menu a.contactForm {
        background: url(/Images/FormularioDeContato.png) no-repeat 6px center;
    }

    .menu a.reservas {
        background: url(/Images/Reserva.png) no-repeat 6px center;
    }

    .menu a.fotos {
        background: url(/Images/Fotos.png) no-repeat 6px center;
    }

    .menu a.conteudos {
        background: url(/Images/Conteudo.png) no-repeat 6px center;
    }

    .menu a.mensagens {
        background: url(/Images/Mensagens.png) no-repeat 6px center;
    }

    .menu a.cliente {
        background: url(/Images/Cliente.png) no-repeat 6px center;
    }

    .menu a.video {
        background: url(/Images/Videos.png) no-repeat 6px center;
    }

    .menu a.imagemTemplate {
        background: url(/Images/Image.png) no-repeat 6px center;
    }

    .menu a.glossario {
        background: url(/Images/Glossario.png) no-repeat 6px center;
    }

    .menu a.bairrosAtendidos {
        background: url(/Images/Bairro.png) no-repeat 6px center;
    }

    .menu a.formaPagamento {
        background: url(/Images/FormaPagamento.png) no-repeat 6px center;
    }

    .menu a.projetosDeLei {
        background: url(/Images/ProjetoDeLei.png) no-repeat 6px center;
    }

    .menu a.tipoProjetosDeLei {
        background: url(/Images/ProjetoDeLei.png) no-repeat 6px center;
    }

    .menu a.situacaoProjetosDeLei {
        background: url(/Images/ProjetoDeLei.png) no-repeat 6px center;
    }

    .menu a.agenda {
        background: url(/Images/Agenda.png) no-repeat 6px center;
    }

    .menu a.locaisVisitados {
        background: url(/Images/LocaisVisitados.png) no-repeat 6px center;
    }

    .menu a.enquetes {
        background: url(/Images/Enquetes.png) no-repeat 6px center;
    }

    .menu a.promocao {
        background: url(/Images/Promocoes.png) no-repeat 6px center;
    }

    .menu a.categoriaSolicitacoes {
        background: url(/Images/CategoriaSolicitacoes.png) no-repeat 6px center;
    }

    .menu a.Solicitacoes {
        background: url(/Images/Solicitacoes.png) no-repeat 6px center;
    }

    .menu a.Projetos {
        background: url(/Images/Projects.png) no-repeat 6px center;
    }

    .menu a.marcas {
        background: url(/Images/Marcas.png) no-repeat 6px center;
    }

    .menu a.Depoimentos {
        background: url(/Images/Depoimentos.png) no-repeat 6px center;
    }

    .menu a.ClienteAgencia {
        background: url(/Images/ClienteAgencia.png) no-repeat 6px center;
    }

    .menu a.variacoes {
        background: url(/Images/Produto.png) no-repeat 6px center;
    }

    .menu a.relatorio_socioGourmet {
        background: url(/Images/Socio.png) no-repeat 6px center;
    }

    .menu a.mkt_assinantes {
        background: url(/Images/Cliente.png) no-repeat 6px center;
    }

    .menu a.mkt_templates {
        background: url(/Images/Template.png) no-repeat 6px center;
    }

    .menu a.mkt_news {
        background: url(/Images/Noticias.png) no-repeat 6px center;
    }

    .menu a.mkt_forms {
        background: url(/Images/FormularioDeContato.png) no-repeat 6px center;
    }

    .menu a.mkt_config {
        background: url(/Images/Config.png) no-repeat 6px center;
    }

    .menu a.mkt_campanhas {
        background: url(/Images/Campanhas.png) no-repeat 6px center;
    }

    .menu a.equipeTrabalho {
        background: url(/Images/EquipedeTrabalho.png) no-repeat 6px center;
    }
    .menu a.relatorio_Bug {
        background: url(/Images/Bug.png) no-repeat 6px center;
    }
