.logo {float: left;height: 180px;margin: 0; width: 180px;}
.logo a img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 180px;
    max-width: 180px;
    position: relative;
    right: 0;
    top: 0;
}

.componente {
    background-color: rgba(103, 82, 0, 0.25);
}
.cor-secundaria {
    color: #DD2200;
}

.pagamento-selos {
    background: url("../img/padrao-rodape.png") repeat scroll 0 0 #d8d3bf;
}

.fundo-secundario, .flex-control-paging li a:hover {
    background-color: #673E1E;
}

.menu.superior  { background-color: #673E1E; text-align: center;}
.menu.superior .cor-secundaria {color: #ffffff;}

.produto .conteiner-imagem > div {
    box-shadow: 0 0 10px rgba(255, 80, 0, 0.6);
    margin-bottom: 20px;
    max-width: 100%;
    padding: 5px;
    position: relative;
}


.menu.superior .nivel-um > li {border-left: 1px solid rgba(255, 255, 255, 0.3);}
.menu.superior .nivel-um > li:hover {background-color: #DD2200; border-top: none; margin-top:0;}

.menu li {
    padding: 0 25px;
}


.listagem.com-caixa .listagem-item {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 80, 0, 0.2);
    box-shadow: 0 0 2px rgba(255, 80, 0, 0.3);
    margin: 0;
}

.listagem.com-caixa .listagem-item:hover, x:-moz-any-link { outline: 0 none; }
.listagem.com-caixa .listagem-item:hover, .listagem.com-caixa .listagem-item:active {box-shadow: 0 0 10px rgba (255,80,0,0.33); }

.menu.lateral .ativo {
    background-color: rgba(255, 245, 0, 0.17);
}

.menu .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a {
background-color: rgba(127,122,0,0.17);
}

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a {
background-color: #fff;
box-shadow: 0 0 7px rgba(127,122,0,0.3);
}