*
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.icocarrinho {
    border: none !important;
    margin-left: 5px;
    margin-top: 5px;
    width: 32px !important;
    height: 32px;
}
.icocarrinho:hover {
    /*transition: 0.5s;*/
    opacity: 0.3;
}

#grow {
  -moz-transition: height .1s;
  -ms-transition: height .1s;
  -o-transition: height .1s;
  -webkit-transition: height .1s;
  transition: height .1s;
  height: 0;
  overflow: hidden;
}

#imginAbredadosPDV {
    /*-moz-transition: transform 0.5s ease-in;
    -ms-transition: transform 0.5s ease-in;
    -o-transition: transform 0.5s ease-in;
    -webkit-transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in;*/

    -moz-transition: transform 0.2s ease-in;
    -ms-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    -webkit-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;

}

/*
#btnscrolltop {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    background-color: #1e73be;
    color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border: none;
    -webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    opacity: .6;
    z-index: 9999;
}*/
/*.fasscrolltop {*/
    /*font-weight: 900;*/
    /*background-image: url("../Images/arrow-faixa.png");
    background-repeat: no-repeat;
}

.fasscrolltop {
    -moz-osx-font-smoothing: grayscale;*/
    /* -webkit-font-smoothing: antialiased; */
    /* display: inline-block; */
    /* font-style: normal; */
    /* font-variant: normal; */
    /* text-rendering: auto; */
    /*line-height: 1;
}*/
.fasscrolltop {
    border: none !important;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 32px !important;
    height: 32px;

}
.scroll-top, .scroll-top:hover, .scroll-top:focus {
    background-color: #1e73be;
    color: #fff;
    opacity: 1;
    /*-webkit-box-shadow: inset 0 0 0 3px #ccc;
    -moz-box-shadow: inset 0 0 0 3px #ccc;
    box-shadow: inset 0 0 0 3px #ccc;*/
}
.scroll-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border: none;
    -webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
    opacity: .6;
    z-index: 9999;
}
/*.fasscrolltop:before {
    content: "\f062";
}*/


body {
    /*	background-image: url(../Images/paper-tile.jpg);*/
    background-color: #FFF;
}

.container-produtos {
    float: left;
    width: 100%;
}

.container-produtos.busca {
    /*width: 700px;*/
}

#loading-indicator
{
    position: relative;
    margin: 200px auto;
    left: 30%;
}

/***** link geral *******/

a
{
    color: #75C5F0;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/******************************************/

.produtos-items
{
    width: 700px;
    overflow: hidden;
    float: left;
}


/******************************************/

td, tr
{
    padding: 0px;
}

h1
{
    font-size: 30px;
    font-weight: bold;
    color: #75C5F0;
}
h2
{
    font-size: 24px;
    font-weight: bold;
    color: #015C89;
}
h3
{
    font-size: 20px;
    font-weight: bold;
    color: #777;
}
h4
{
    font-size: 16px;
    font-weight: bold;
    color: #5E9EC0;
}
h5
{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}


/******************************************/

hr.blue
{
    border-top: 3px solid #5E9EC0;
    margin-top: 5px;
    margin: 0;
}

#container
{
    width: 100%;
    background-repeat: repeat-x;
    background-position: center top;
    margin: 0 auto;
    padding: 3px 0;
    overflow: hidden;
}



/********** CORPO **********/


#container #header 
{
    /*background-image: url(../Images/fundo-topo.png);*/
}


#container #header #topo #cabeca
{
    /*background-image: url(../Images/fundo-topo.png);*/
    /*width: 999px;*/
    width: 1340px;
    height: auto;
    margin: 0 auto;
    position: relative;
}


#container #header #topo #cabeca #logo
{
    width: 240px;
    /*height: 130px;*/
    float: left;
}

#container #header #topo #cabeca #logo h1
{
    width: 240px;
    /*height: 110px;*/
    float: left;
    margin-top: 0px; /*OS 13146*/
}

#container #header #topo #cabeca #logo h1 a
{
    background-image: url(../Images/logo.png);
    background-repeat: no-repeat;
    display: block;
    /*margin-top: 10px; OS 13146*/
    margin-top: 0px; /*OS 13146*/
    width: 235px;
    height: 110px;
    outline-style: none;
}


#container #header #topo #cabeca #logo h1 a span
{
    display: none;
}


/******************************************/

.informacaoesadicionais {
    position: absolute;
    bottom: 0;
}


#container #header #topo #cabeca #logado
{
    float: right;
    width: 1050px;
    border: 0px solid #C3C;
    padding: 5px;
    margin-top: 0px; /*OS 13146*/
}

#cabeca #logado .usuariosublinhado
{
    width: 100%;
    /*margin-bottom: 2px;*/
    display: block;
    /*border-bottom: 1px dotted #004C66;*/
}

#cabeca #logado .usuario h4
{
    font-size: 14px;
    line-height: 20px;
    color: #004C66 ;
    font-weight: normal;
    padding-left: 5px;
}


/*06/04/2016*/
/*#########################*/
#cabeca #logado .usuario span
{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #004C66;
}

#cabeca #logado .usuario
{
    color: #004C66;
}

#cabeca #logado .mudarSenha
{
    margin-right:30px
}


#cabeca #logado .linkmenu li
{
    list-style: none outside none;
}

#cabeca #logado .linkmenu  a
{
    text-decoration: underline;
    color: #004c66;
}

#cabeca #logado .linkmenu  a:hover
{
    text-decoration: none;
    color: #004c66;
}


#cabeca #logado .linkmenu a:hover
{
    text-decoration: none;
}

/*#cabeca #logado .usuario .linkmenu a:hover
{
    text-decoration: none;
    color: #004c66;
}*/


.dadoscarrinho{
    display: inline-block;
    color: #004C66;
    margin-left: 12px;
}


#cabeca #logado  .coluna-produtos
{
    display:inline-block;
    /*text-transform: uppercase;*/
    color: #004C66;
    margin-left: 10px;
}


#cabeca #logado  .coluna-produtos .labeltext
{
    font-size: 12px;
}

#cabeca #logado  .coluna-produtos .labelvalor
{
    display:inline-block;
    font-size: 13px;    
    color: #004C66;
    margin-left: 3px;
}





/*#########################*/






/*#cabeca #logado .usuario h4 span
{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #004C66;
}

#cabeca #logado .link
{
    width: 100%;
    height: 20px;
    display: block;
    border-bottom: 1px dotted #004C66;
    padding-bottom: 3px;
}

#cabeca #logado .link ul
{
    margin: 0;
}

#cabeca #logado .link li
{
    float: left;
    list-style: none outside none;
    padding: 0 9px;
}

#cabeca #logado .link li a
{
    text-decoration: underline;
    color: #004c66;
}

#cabeca #logado .link li a:hover
{
    text-decoration: none;
    color: #004c66;
}*/


/*#cabeca #logado .carrinho
{
    width: 100%;
    height: 70px;
    display: block;
    border-bottom: 1px dotted #004C66;
}

#cabeca #logado .carrinho p
{
    margin-bottom: 3px;
}*/

/*#cabeca #logado .carrinho .coluna-produtos
{
    margin-top: 15px;
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 40px;
}

#cabeca #logado .carrinho .coluna-produtos p
{
    text-transform: uppercase;
    font-size: 10px;
    color: #004C66;
    margin-left: 5px;
    line-height: 15px;
}

#cabeca #logado .carrinho .coluna-produtos p span
{
    font-size: 20px;
    color: #004C66;
    margin-left: 5px;
}*/

/****/

/*#cabeca #logado .carrinho .coluna-total
{
    float: left;
    margin-right: 10px;
    width: 90px;
    border-left: 1px dotted #004C66;
    height: 40px;
}

#cabeca #logado .carrinho .coluna-total p
{
    text-transform: uppercase;
    font-size: 10px;
    color: #004C66;
    margin-left: 5px;
    line-height: 15px;
}

#cabeca #logado .carrinho .coluna-total p span
{
    font-size: 20px;
    color: #004C66;
    margin-left: 5px;
}*/

/****/

#cabeca #logado .carrinho .coluna-icone
{
    float: left;
    width: 125px;
    border-left: 1px dotted #004C66;
    height: 40px;
}

#cabeca #logado .carrinho .coluna-icone p
{
    text-transform: uppercase;
    font-size: 10px;
    color: #004C66;
    margin-left: 5px;
}

#cabeca #logado .carrinho .coluna-icone p span
{
    font-size: 20px;
    color: #004C66;
    margin-left: 5px;
}

#cabeca #logado .carrinho .coluna-icone .bot-cinza
{
    display: block;
    margin-top: 5px;
    padding: 4px 8px;
}

#cabeca #logado .carrinho .coluna-icone .bot-cinza:hover
{
    color: #FFF;
}


#cabeca #header-divisao-descontos
{
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 16px;
}

#cabeca #header-divisao-descontos table th
{
    text-align: center;
    background: #5E9EC0;
    color: #FFF;
}
#cabeca #header-divisao-descontos table td, #cabeca #header-divisao-descontos table th
{
    border: 1px dotted #FFF;
    padding: 3px;
}
#cabeca #header-divisao-descontos table td
{
    font-weight: bold;
    padding: 8px;
    border: 1px dotted #5E9EC0;
}

/* Títulos das caixas brancas */

h2
{
    font-variant: small-caps;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    top: 30px;
}





/************* MENU ******************/

#container #corpo #menu
{
    /*height: 27px;*/
    padding: 0px;
    color: #ccc;
    float: left;
    /*margin-top: 5px;*/
}

#container #corpo #menu li
{
    float: left;
    /*margin: 5px 5px;*/ /*07/04/2016*/
    margin: 0px 5px;
    list-style: none;
    color: #999;
    padding-right: 10px;
    border-right: solid 1px #5E9EC0;
}



/******************************************/

#erro
{
    margin: 0 auto;
    width: 970px;
    padding: 30px 0;
    display: block;
}

#erro .msg-erro
{
    text-align: center;
}

#erro .msg-erro h2
{
    font-size: 200px;
    font-weight: bold;
    line-height: 222px;
}

#erro .msg-erro p
{
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

#corpo #busca
{
    height: 20px;
    padding-top: 1px;
    /*width: 990px;*/
    width: 1340px;
    margin: 0 auto;
    /*margin-top: 15px;*/  /*07/04/2016*/
    border-top: 1px solid #5E9EC0;
}



/********* ATRIBUTO DA PAGINA DE PESQUISA AVANÇADA ************/


#corpo #busca #pesquisa
{
    width: 285px;
    height: 40px;
    float: right;
    margin-right: 6px;
    background-color: #fff;
    border: 2px solid #DEF1FC;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
}

#corpo #busca #pesquisa input
{
    width: 260px;
    height: 28px;
    float: right;
    margin: 5px 5px 5px 15px;
    background-color: #fff;
    border: none;
    color: #00698C;
    font-size: 15px;
}

#corpo #busca #bot-buscar
{
    width: 80px;
    float: right;
    margin: 10px;
    display: block;
}

#corpo #busca #bot-buscar a:hover
{
    text-decoration: none;
    color: #5E9EC0;
}


/******************************************/

#container #corpo #propaganda {
    border-top: 1px dotted #5E9EC0;
    color: #666;
    margin: 15px auto;
    padding: 25px 5px 5px 5px;
    /*width: 990px;*/
    width: 1340px;
    height: 330px;
}

#container #corpo #propaganda #banners
{
    width: 205px;
    margin-right: 30px;
    float: left;
}

#container #corpo #propaganda #banners .anuncio
{
    width: 200px;
    height: 150px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    background-color: #ededed;
}

#container #corpo #propaganda #banners .anuncio:hover
{
    -moz-box-shadow: 2px 2px 6px #CCC;
    -webkit-box-shadow: 2px 2px 6px #CCC;
    box-shadow: 2px 2px 6px #CCC;
}

#container #corpo #propaganda #slideshow
{
    width: 750px;
    height: 320px;
    float: left;
    background-color: #5E9EC0;
}

/******************************************/


/*********  FALE CONOSCO    *******************/

#fale-conosco {
    /*width: 990px;*/
    width: 1340px;
    margin: 0 auto;
    border-top: 1px dotted #5E9EC0;
    margin-top: 15px;
    padding: 30px 10px;
}

#fale-conosco #formulario
{
    width: 100%;
    overflow: auto;
}

#fale-conosco #formulario .fale
{
    width: 100%;
    overflow: auto;
}

#fale-conosco #formulario .fale .titulo
{
    width: 99%;
    border-bottom: 1px dotted #5E9EC0;
    border-left: 5px solid #5E9EC0;
    color: #cc000;
    padding: 1px 0 5px 5px;
}

#fale-conosco #formulario .fale p
{
    margin: 15px 5px;
}

#fale-conosco #formulario .fale p input
{
    padding: 5px;
    font-size: 16px;
}

#fale-conosco #formulario .fale p select
{
    padding: 5px;
    font-size: 16px;
}

/*********   RECUPERAR SENHA    *******************/

#recupera-senha {
    /*width: 990px;*/
    width: 1340px;
    margin: 0 auto;
    height: 390px;
    border-top: 1px dotted #5E9EC0;
    margin-top: 15px;
    padding: 30px 10px;
}

#recupera-senha #senha
{
    width: 100%;
}

#recupera-senha #senha .logar .titulo
{
    width: 90%;
    border-bottom: 1px dotted #5E9EC0;
    border-left: 5px solid #5E9EC0;
    color: #cc000;
    padding: 1px 0 5px 5px;
}

#recupera-senha #senha .logar p
{
    margin: 15px 5px;
}

#recupera-senha #senha .logar p input
{
    padding: 5px;
    font-size: 16px;
}


#recupera-senha #senha .logar
{
    width: 500px;
    display: block;
    margin-right: 30px;
    border-right: 1px dotted #5E9EC0;
    float: left;
    height: 200px;
}

#recupera-senha #senha .recuperar
{
    width: 420px;
    display: block;
    float: left;
}

#recupera-senha #senha .recuperar .titulo
{
    width: 90%;
    border-bottom: 1px dotted #5E9EC0;
    border-left: 5px solid #5E9EC0;
    color: #cc000;
    padding: 1px 0 5px 5px;
}

#recupera-senha #senha .recuperar p
{
    margin: 15px 5px;
}

#recupera-senha #senha .recuperar p input
{
    padding: 5px;
    font-size: 16px;
}

/******************************************/


#container #corpo #conteudo {
    border-top: 1px solid #5E9EC0;
    color: #666;
    margin: 0px auto;
    padding: 0px 0;
    /*width: 990px;*/
    width: 1340px;
    display: block;
    padding-bottom: 20px;
    height: auto;
}

#container #corpo #conteudo #esq
{
    border: 1px dotted #5E9EC0;
    color: #666;
    padding: 5px 0;
    margin: 5px 30px 0 0;
    overflow: auto;
    width: 200px;
    display: block;
    float: left;
}

#container #corpo #conteudo #dir
{
    /*border: 1px dotted #5E9EC0;*/
    margin: 5px 0 0 0;
    padding: 5px;
    /*width: 740px;*/
    width: 1116px;
    display: block;
    float: right;
}


#container #corpo #conteudo #dir span.titulo
{
    border-bottom: 1px dotted #5E9EC0;
    border-left: 5px solid #5E9EC0;
    display: inline-block;
    padding: 5px;
    /*width: 720px;*/
    width: 1096px;
}




#container #corpo #conteudo ul
{
    width: 350px;
    float: right;
    height: 40px;
}

#container #corpo #conteudo ul li
{
    float: right;
    list-style: none;
}

/******************************************/

#container #rodape
{
    margin: 50px 0 0 0;
    padding-top: 50px;
    height: 300px;
    background-color: #FFF;
    text-align: center;
    width: 100%;
}


#rodape p a
{
    color: #990000;
}




/********* BOTÕES ****************/


.bot-vermelho
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 20px;
    background-color: #c00;
    color: #FFF;
    margin-left: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-azul
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 10px;
    background-color: #09F;
    color: #FFF;
    margin-left: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-laranja
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    padding: 5px 15px;
    background-color: #C60;
    color: #FFF;
    margin: 0 5px;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-chumbo
{
    background-image: url(../Images/sombra.png);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 20px;
    font-weight: bold;
    font-family: "Arial Black" , Gadget, sans-serif;
    padding: 2px 10px;
    background-color: #666;
    color: #FFF;
    margin: 0 5px 0 0;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-azul
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 15px;
    padding: 10px 15px;
    background-color: #5E9EC0;
    color: #FFF;
    margin: 0 0 0 5px;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-marinho
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 15px;
    padding: 10px 15px;
    background-color: #00698C;
    color: #FFF;
    margin: 15px 0;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    height: 40px;
    min-width: 80px;
}

.bot-cinza
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    padding: 5px 15px;
    background-color: #ccc;
    color: #FFF;
    margin: 0 5px;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


.bot-grafite
{
    background-image: url(../Images/sombra.png);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 15px;
    padding: 10px 15px;
    background-color: #888;
    color: #FFF;
    margin: 0 5px;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bot-preto
{
    font-size: 15px;
    padding: 10px 15px;
    background-color: #111;
    color: #FFF;
    margin: 0 5px;
    font-weight: bold;
    font-variant: small-caps;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.subtitulo
{
    background-color: #5E9EC0;
    color: #FFFFFF;
    margin: 10px auto 0;
    padding: 5px;
    width: 99%;
}


/*-----------------Distribuidores---------------------*/
.faixa
{
    /*background-color: #00698C;*/
    background-color: #DDDDDD;
    color: #000000;
    margin: 10px auto 0;
    padding: 1px;
}

.faixa_azul {
    /*background-color: #00698C;*/
    background-color: #4091d9;
    color: #fff;
    margin: 10px auto 0;
    padding: 1px;
}

.tabela_azul { border: 1px solid #75c5f0; }
.tabela_azul tr td { border: 1px solid #75c5f0; }

.grupo-distribuidores {
    border-bottom: 3px solid #5E9EC0;
    border-top: 3px solid #5E9EC0;
    margin: 5px 0 20px;
    overflow: hidden;
    padding: 10px 5px;
    width: 99%;
    /*width: 1366px;*/
}

.grupo-prazo {
    width: 100%;
}

.distribuidores-list {
    float: left;
    width: 650px;
    height: 311px;
    margin-right: 40px;
    overflow: auto;
    border: 1px solid #5E9EC0;
}

.distribuidores-list.selecionados
{
    width: 600px;
    margin-right: 0;
    float: right;
}

.distribuidores-list.area-distribuidores
{
}

.distribuidores-list table
{
    width: 100%;
}

.distribuidores-list table th, .distribuidores-list table td
{
    border: 1px solid #5E9EC0;
}

.distribuidores-list thead th label
{
    padding: 3px;
    font-size: 12px;
    background-color: #5E9EC0;
    color: #FFF;
    margin: 3px;
}

.distribuidores-list td
{
    font-size: 14px;
    font-weight: bold;
    color: #00698C;
    padding: 3px;
    text-align: center;
}

.distribuidores-list tr td:first-child
{
    text-align: left !important;
}

.distribuidores-list tr td.check-item
{
}

.distribuidores-list.selecionados tr td.checked-item
{
    position: relative;
}

.distribuidores-list.selecionados tr td:first-child
{
    text-align: center !important;
    width: 90px;
}

.distribuidores-list.selecionados tr td .remove-checked-item
{
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}
/*-----------------fim-distribuidores-----------------*/

/*-----------------pedidos-----------------*/
.label-pedido
{
    background-color: #AA3C3E;
    padding: 15px;
    float: left;
}

#pedido-detalhes
{
    color: #000;
    float: left;
    width: 100%;
}

#pedido-detalhes .title
{
    margin-top: 5px;
}

#pedido-detalhe-box
{
    color: #666;
    padding: 5px 0;
    margin: 5px 30px 0 0;
    width: 100%;
    display: block;
    float: left;
}

#pedido-detalhe-box .faixa
{
    font-size: 16px;
    font-weight: bold;
}


.faixa-seta
{
    background-image: url("../Images/arrow-faixa.png");
    background-repeat: no-repeat;
    height: 8px;
    margin: 0 0 15px 10px;
    width: 16px;
}

#pedido-detalhe-box .title, #pedido-detalhes .title
{
    border-bottom: 1px solid #5E9EC0;
    border-left: 5px solid #5E9EC0;
    display: block;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #00698C;
}

#pedido-detalhe-box .titleSemSublinhado {
    border-bottom: none;
    /*border-left: 5px solid #5E9EC0;
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #00698C;*/
}


#pedido-detalhe-box .title
{
    font-size: 13px !important;
    padding: 1px 0 5px 5px;
}

#pedido-detalhe-box label 
{
    font-size: 15px;
    color: #6c6c6c;
    padding: 15px;
}

#pedido-detalhes .box-distrib
{
    margin-top: 5px;
}

#pedido-detalhes .box-distrib > hr
{
    border-top: 3px solid #5E9EC0;
    margin: 0;
    margin-top: 15px;
}

#pedido-detalhes .box-distrib > .title
{
    border-bottom: none;
    margin-bottom: 10px;
}

#pedido-detalhes .box-distrib table
{
    margin-bottom: 30px;
}
/*-----------------fim-pedidos-----------------*/

/*------------------Historico-------------*/

#busca-pedidos table
{
    border: 1px solid #5E9EC0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

#busca-pedidos table thead th label
{
    /*border-bottom: 1px dotted #5E9EC0;*/
    margin: 0 5px 5px 5px;
    color: #5E9EC0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    padding: 4px;
}

#busca-pedidos table td, #busca-pedidos thead th
{
    border-left: 1px solid #5E9EC0;
    padding: 0 10px 0 10px;
}

#busca-pedidos table .btn
{
    margin: -11px 0 0 10px;
}

#list-pedidos table
{
    width: 100%;
}

#list-pedidos table th, #list-pedidos table td
{
    border: 1px solid #5E9EC0;
}

#list-pedidos table th label
{
    background: #5E9EC0;
    margin: 3px;
    color: #FFF;
}

#list-pedidos table td
{
    color: #999;
    padding: 3px;
    text-align: center;
}

hr.blue.hr-list-pedidos
{
    margin-top: 20px;
    margin-bottom: 5px;
}


/*------------------Historico-View-------------*/
#box-resultado
{
    border: 1px solid #5E9EC0;
    color: #666;
    display: inline-block;
    margin-top: 10px;
    padding: 5px 0;
    width: 100%;
}


#box-resultado #unidade
{
    width: 170px; /*height:80px;*/
    padding: 2px;
    float: left; /*border:1px solid #9C6;*/
}

#box-resultado #unidade .titulos
{
    width: 99%;
    border-bottom: 1px solid #5E9EC0;
    font: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #00698C;
    margin-bottom: 5px;
}

#box-resultado #unidade .opc1
{
    float: left;
    height: 40px;
    margin-right: 5px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}


#box-resultado #unidade .opc2
{
    border-left: 1px solid #5E9EC0;
    float: left;
    height: 40px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}



#box-resultado #valorbruto
{
    width: 170px; /*height:80px;*/
    padding: 2px;
    float: left;
    border-left: 1px solid #5E9EC0;
}

#box-resultado #valorbruto .opc1
{
    float: left;
    height: 40px;
    margin-right: 5px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}


#box-resultado #valorbruto .opc2
{
    border-left: 1px solid #5E9EC0;
    float: left;
    height: 40px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}


#box-resultado #valorbruto .titulos
{
    width: 99%;
    border-bottom: 1px solid #5E9EC0;
    font: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #00698C;
    margin-bottom: 5px;
}


#box-resultado #valorliquido
{
    width: 170px; /*height:80px;*/
    padding: 2px;
    float: left;
    border-left: 1px solid #5E9EC0;
}

#box-resultado #valorliquido .opc1
{
    float: left;
    height: 40px;
    margin-right: 5px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}


#box-resultado #valorliquido .opc2
{
    border-left: 1px solid #5E9EC0;
    float: left;
    height: 40px;
    padding: 2px;
    text-align: center;
    width: 75px;
    color: #00698C;
}


#box-resultado #valorliquido .titulos
{
    width: 99%;
    border-bottom: 1px solid #5E9EC0;
    font: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #00698C;
    margin-bottom: 5px;
}


#box-resultado #status
{
    width: 195px; /*height:80px;*/
    padding: 2px;
    float: left;
    border-left: 1px dotted #5E9EC0;
}

#box-resultado #status .opc
{
    height: 40px;
    padding: 2px;
    text-align: center;
    width: 99%;
    color: #00698C;
}


#box-resultado #status .titulos
{
    width: 99%;
    border-bottom: 1px solid #5E9EC0;
    font: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #00698C;
    margin-bottom: 5px;
}


#box-resultado #status .titulos span
{
    font-size: 12px;
    font-variant: small-caps;
    text-align: center;
    color: #888;
}

/*------------------Fim-Historico-View-------------*/




.semborda{
    border:none!important;
}