/*
 * Ajustes por cima do geral.css da Juliana.
 * O arquivo dela NUNCA e editado — tudo que precisa mudar entra aqui,
 * carregado depois, para dar para comparar com o /original a qualquer momento.
 */

/* Menu de categorias centralizado: os botoes abrem para os dois lados conforme
   novas categorias sao cadastradas. No original dela os li eram float:left e
   ficavam sempre colados na esquerda. */
.container-menu nav > ul {
    text-align: center;
    font-size: 0; /* mata o espaco entre inline-blocks */
}
.container-menu nav > ul > li {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.container-menu nav > ul > li > a {
    float: none;
    display: block;
}

/* O submenu dela e posicionado em relacao ao li; com inline-block continua
   funcionando, mas centralizamos para nao vazar da tela nas pontas. */
.container-menu nav > ul > li .sub {
    left: 50%;
    margin-left: -322px; /* metade da largura de 644px que ela define */
}
.container-menu nav > ul > li .sub:after {
    left: 50%;
    margin-left: -8px;
}

/* Endereco da empresa no rodape numa linha unica, como no original dela */
footer .container-bot-footer .sign > .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
footer .container-bot-footer .sign > .info .linha-2 {
    display: block;
}

@media (max-width: 980px) {
    footer .container-bot-footer .sign > .info {
        white-space: normal;
        overflow: visible;
    }
    .container-menu nav > ul > li .sub {
        left: 0;
        margin-left: 0;
    }
}