.coluna-titulo {
    border-bottom: 1px solid silver;
    color: silver;
    font-size: 10px;
}

.grupo {
    vertical-align: top;
}

    .grupo ~ .grupo {
        margin-top: 20px;
    }


    .grupo td {
        padding-top: 2px;
    }

    .grupo .tituloGrupo {
        margin-left: 0px;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid gray;
        color: black;
        display: block;
        padding-top: 4px;
        margin-bottom: 4px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .grupo .opcoesGrupo {
        padding-left: 5px;
        margin-bottom: 10px;
        text-transform: lowercase;
    }

div#PaginaDetalhe .grupo .opcoesGrupo a {
    padding: 2px 5px 2px 5px;
    background-color: #f0f0f0;
    border-top: 3px solid maroon;
    color: gray;
    cursor: pointer;
    text-decoration: none;
}

    div#PaginaDetalhe .grupo .opcoesGrupo a:hover {
        color: white;
        background-color: maroon;
    }

.grupo .subGrupo,
.grupoPopup .subGrupo {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

    div#PaginaDetalhe .grupo .subGrupo.inline,
    .grupoPopup .subGrupo.inline {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
    }

.grupo .tituloSubGrupo,
.grupoPopup .tituloSubGrupo {
    font-size: 11px;
    font-weight: bold;
    color: black;
    display: block;
    padding-top: 3px;
    padding-bottom: 2px;
    background-image: url("../Images/Principal/arrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    border-bottom: 1px dotted silver;
}

.totalizacao {
    color: black;
}

a .totalizacao {
    color: maroon;
    cursor: pointer;
}

.informacao {
    color: gray;
    font-size: 11px;
}

.cabecalho {
    background-color: #888;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.centro {
    text-align: center;
    vertical-align: top;
    border: 1px solid #bbb;
    padding: 2px 2px 2px 2px;
}

.fundoCinza {
    background-color: #f0f0f0;
}

div#PaginaDetalhe .grupo > table,
div#PaginaDetalhe .grupo > span,
div#PaginaDetalhe .grupo > a,
div#PaginaDetalhe .grupo .propriedadesObjeto,
div#PaginaDetalhe .grupo table:first-child {
    padding-left: 5px;
}

div#PaginaDetalhe {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

    div#PaginaDetalhe #Cabecalho .objeto {
        box-shadow: 0px 1px 8px -3px gray;
        -moz-box-shadow: 0px 1px 8px -3px gray; /* Firefox */
        -webkit-box-shadow: 0px 1px 8px -3px gray; /* Safari, Chrome */
        border-left: 8px solid silver;
        padding: 15px 10px 15px 10px;
        background-color: #fafafa;
        margin: 10px 5px 0px 5px;
    }

        div#PaginaDetalhe #Cabecalho .objeto.sub {
            padding: 8px 10px 8px 10px;
        }

        div#PaginaDetalhe #Cabecalho .objeto.soAlerta,
        div#PaginaDetalhe #Cabecalho .objeto.alerta,
        div#PaginaDetalhe #Cabecalho .objeto.Aviso {
            border-left-color: rgb(233, 109, 109);
        }

        div#PaginaDetalhe #Cabecalho .objeto.soAtencao,
        div#PaginaDetalhe #Cabecalho .objeto.atencao,
        div#PaginaDetalhe #Cabecalho .objeto.Atencao,
        div#PaginaDetalhe #Cabecalho .objeto.atenção {
            border-left-color: gold;
        }

        div#PaginaDetalhe #Cabecalho .objeto.soAndamento,
        div#PaginaDetalhe #Cabecalho .objeto.Andamento,
        div#PaginaDetalhe #Cabecalho .objeto.Correto,
        div#PaginaDetalhe #Cabecalho .objeto.correto {
            border-left-color: yellowgreen;
        }

    div#PaginaDetalhe .objeto.soSemAtualizacao {
        border-left-color: rgb(253, 165, 80);
    }


    div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto {
        padding-top: 2px;
        padding-bottom: 2px;
    }

        div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor {
            overflow: hidden;
        }

            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.soAtencao,
            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.soAlerta,
            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.soAndamento,
            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.correto,
            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.alerta,
            div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeValor.atencao {
                color: gray;
                background-color: #f0f0f0;
                font-style: italic;
                padding: 0px 5px 0px 0px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

        div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeNome {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            width: 150px;
        }

    div#PaginaDetalhe #Cabecalho .objeto.soAlerta,
    div#PaginaDetalhe #Cabecalho .objeto.alerta {
        border-left-color: rgb(233, 109, 109);
    }

    div#PaginaDetalhe #Cabecalho .objeto.soAtencao,
    div#PaginaDetalhe #Cabecalho .objeto.atenção,
    div#PaginaDetalhe #Cabecalho .objeto.atencao {
        border-left-color: gold;
    }

    div#PaginaDetalhe #Cabecalho .objeto.soAndamento,
    div#PaginaDetalhe #Cabecalho .objeto.Andamento,
    div#PaginaDetalhe #Cabecalho .objeto.correto {
        border-left-color: yellowgreen;
    }

    div#PaginaDetalhe #Cabecalho .objeto.soSemAtualizacao {
        border-left-color: rgb(253, 165, 80);
    }


    div#PaginaDetalhe #Cabecalho .objeto .propriedadePrincipal {
        font-size: 16px;
        font-weight: bold;
    }

        div#PaginaDetalhe #Cabecalho .objeto .propriedadePrincipal a:hover {
            text-decoration: none;
        }

    div#PaginaDetalhe #Cabecalho .objeto .propriedadeObjeto .propriedadeNome {
        font-weight: bold;
    }

    div#PaginaDetalhe #Cabecalho .objeto .grupo {
        overflow: hidden;
        padding-top: 0px;
        margin-top: 0px;
    }

        div#PaginaDetalhe #Cabecalho .objeto .grupo.coluna {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            width: 98%; /* Largura do bloco "grupo" */
        }

        div#PaginaDetalhe #Cabecalho .objeto .grupo.bloco {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            vertical-align: top;
            /*width: 50%;*/
        }

        div#PaginaDetalhe #Cabecalho .objeto .grupo.outroBloco {
            display: -moz-inline-stack;
            display: inline-block;
            zoom: 1;
            *display: inline;
            vertical-align: top;
            width: 40%;
        }

    div#PaginaDetalhe #Cabecalho .visibilidadeLista {
        display: none !important;
    }

    div#PaginaDetalhe .grupo:hover {
        border-left: 1px solid maroon;
    }

    div#PaginaDetalhe .grupo {
        border-left: 1px solid transparent;
    }

    div#PaginaDetalhe .fundoZebrado {
        background-color: #fafafa;
    }

    div#PaginaDetalhe .zebrado tr:hover {
        background-color: #f0f0f0;
    }

    div#PaginaDetalhe .zebrado .opcaoLista {
        padding: 2px 5px 2px 5px;
        border-left: 3px solid maroon;
        color: gray;
        cursor: pointer;
        text-decoration: none;
    }

        div#PaginaDetalhe .zebrado .opcaoLista:hover {
            background-color: maroon;
            color: white;
            text-decoration: none;
        }



.situacaoEntrega {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #bfbebe;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0px 0px 1px 0px;
}

    .situacaoEntrega.Aviso {
        background: rgb(233, 109, 109);
    }

    .situacaoEntrega.Atencao {
        background: rgb(235, 198, 0);
    }

    .situacaoEntrega.Correto {
        background: yellowgreen;
    }

    .situacaoEntrega.Cancelado {
        background: gray;
    }

    .situacaoEntrega.SemAtualizacao {
        background: rgb(253, 165, 80);
    }

.Aviso {
    background: rgb(233, 109, 109);
}

.Atencao {
    background: rgb(235, 198, 0);
}

.Correto {
    background: yellowgreen;
}

.Cancelado {
    background: gray;
}

.SemAtualizacao {
    background: rgb(253, 165, 80);
}