body 
{        
    font-family: Cuprum;
    margin: 0px;
    padding: 0px;
    color: #000;     
    font-size:14px;
    background-image:url('../Content/layout/bg.jpg');
    background-position:center top;       
}
.placeholder
{
    color: #ffffff;
}
hr 
{
    padding:0px;
    margin:0px 0px 4px 0px;
    border-collapse:collapse;
    border:1px solid #F58634;    
}
textarea
{
    width:98%;
    height:60px;
    border:1px solid #d0d0d1;
}
input[type=text], input[type=password]
{
    width:98%;
    height:20px;    
    border:1px solid #d0d0d1;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff !important;
}
#login,#senha
{
    color:#000 !important;    
}
#login[placeholder],#senha[placeholder]
{
    color:#666;    
}
#login::-webkit-input-placeholder,#senha::-webkit-input-placeholder { /* WebKit browsers */
    color:#666 !important;
}
#login:-moz-placeholder,#senha:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#666 !important;
}
#login::-moz-placeholder,#senha::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#666 !important;
}
#login:-ms-input-placeholder,#senha:-ms-input-placeholder{ /* Internet Explorer 10+ */
    color:#666 !important;
}


#Busca
{
    color:#fff !important;
}
input[placeholder]#Busca 
{
    color:#fff !important;
}
.text-danger
{
    color:#ff0000;
}
.text-warning
{
    color:#8A6D3B;    
}
.alert-danger, .alert-success 
{
    display:block;
    padding:10px; 
}
.alert-danger
{
    background-color: #f2dede;
    border: 1px solid #a94442;
    color: #a94442;     
}
.alert-success
{
    border: 1px solid #469A93;
    color:#469A93;
    background-color: #DFF0D8 !important;    
}
select.input-validation-error, 
input[type=text].input-validation-error, 
textarea.input-validation-error
{
    border:1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}
select
{
    border:1px solid #d0d0d1;
    padding:2px 0px;
    width:98%;
}
.editor-field
{
    margin:0px 0px 6px 0px;
}
.error, .field-validation-error
{
    color:#ff0000;    
}
.sombra
{
    background-image:url('../Content/layout/bg_sombra.png');
    background-repeat:repeat-y;
}
.palco-960  { width:960px; margin:0px auto; }
.palco-886  { width:886px; margin:0px auto; }
.palco-870  { width:870px; margin:0px auto; background-color:#dee7ec;}
.palco-660  { width:660px; }
.palco-420  { width:420px; margin:0px auto; }
.palco-400  { width:400px; }
.palco-390  { width:390px; }
.palco-350  { width:350px; }
.palco-340  { width:340px; }
.palco-370  { width:370px; }
.palco-310  { width:310px; }
.palco-210  { width:210px; }
.palco-50   { width:50px; }
.palco-37   { width:37px; }
.palco-10   { width:10px; }

.altura-465 { min-height:465px; }

.palco-banner
{
    height:145px;    
}
.palco-menu
{
    height:45px;
    background-color:#006dc0;  
}
.clear
{
    clear:both;    
}
.float-left
{
    float:left;    
}
.palco-home
{    
    background-color:#dee7ec;    
    min-height:292px;
}
/***BUSCA***/
.palco-busca
{    
    position:relative;    
    top:-127px;
    left:650px;
    width:200px;
    padding:10px;
}
.palco-busca .busca
{
    width:200px;    
}
.palco-busca a          { font-family:Cuprum; font-size:14px; background-color:#F58634; margin:0px 0px 0px 8px; padding:3px 6px; border-radius:4px; } 
.palco-busca a:link     { text-decoration:none; color:#fff; }
.palco-busca a:visited  { text-decoration:none; color:#fff; }
.palco-busca a:hover    { text-decoration:none; color:#fff; }
.palco-busca a:active   { text-decoration:none; color:#fff; }
.palco-busca input[type=text]
{   
    background-color:#F58634;    
    color:#dee7ec;    
    height:16px;
    width:140px;
    border-style:none;
    font-size:14px;
    border-radius:5px;
    padding:4px 4px;
    font-weight:normal;
    font-family: Cuprum;    
}
.palco-busca-retorno
{
    float: left;
    height: 500px;    
    width: 652px;
}
.palco-732
{
    width:732px;    
}
ul.ListConsulta
{
    padding:0px;
    margin:0px;
    width:692px;
    list-style:none;
}
ul.ListConsulta > li.cel1{
    background-color:#fff;
    color:#444;
    margin:1px;
    padding:2px 4px;    
}
ul.ListConsulta > li.cel2{
    background-color:#ccc;
    color:#444;
    margin:1px;
    padding:2px 4px;    
}
ul.ListConsulta > li.cel1:hover, ul.ListConsulta > li.cel2:hover{
    background-color:#000;   
    color:#fff;
    cursor:pointer;
}

/***MENU***/
.palco-menu ul a:link       { text-decoration:none; color:#dee7ec; }
.palco-menu ul a:visited    { text-decoration:none; color:#dee7ec; }
.palco-menu ul a:hover      { text-decoration:none; color:#dee7ec;/*color:#ffffff;*/ }
.palco-menu ul a:active     { text-decoration:none; color:#dee7ec; }
.palco-menu ul
{
    list-style:none;
    padding:0px;
    margin:0px;    
    color:#dee7ec;
    width:886px;
}
.palco-menu ul li
{
    font-size:18px;
    font-family: Cuprum;
    float:left;
    margin:0px;
    text-align:center;
    height:45px;
    line-height:45px;
    vertical-align:middle;
    background-color:#006dc0;
    cursor:pointer;
}
.palco-menu ul li:first-child{ width:80px; }/* somando todas larguras dos elementos li temos um total de 886px */
.palco-menu ul li:first-child + li{ width:110px; }
.palco-menu ul li:first-child + li + li{ width:150px; }
.palco-menu ul li:first-child + li + li + li{ width:160px; }
.palco-menu ul li:first-child + li + li + li + li{ width:170px; }
.palco-menu ul li:first-child + li + li + li + li + li{ width:100px; }
.palco-menu ul li:first-child + li + li + li + li + li + li{ width:100px; }
.palco-menu ul li:hover
{
    color:#fff;
}
/*.palco-menu ul li:hover,*/ .palco-menu ul li.selecionado
{
    color:#fff;
    background-color:#2f507f;
}
/***VITRINE***/
#botao-vitrine-esquerda
{   
    height:292px;
    text-align:right;          
}
#botao-vitrine-direita
{            
    height:292px;
    text-align:left;
}
#botao-vitrine-esquerda img
{
    margin-top:82px;
    right:-5px;
    position:relative;        
    cursor:pointer;
}
#botao-vitrine-direita img
{
    margin-top:82px;
    left:-8px;    
    position:relative;
    cursor:pointer;
}
/*pagina home > partial view conteudo direita*/
.palco-home-direita
{
    width:600px;
    min-height:480px;
    float:left;
}
.palco-foto-home-direita
{
    width:220px;
    float:left;
}
.palco-conteudo-home-direita 
{
    width:310px;
    float:left;
    padding:0px 0px 0px 15px;
}
/*PÁGINA HOME > partial view conteudo esquerda*/
.palco-home-esquerda
{ 
    width:270px;
    min-height:480px;
    float:left;
}
.palco-esquerda-foto .foto
{
    width:198px;
    height:198px;
    line-height:198px;
    vertical-align:middle;
    text-align:center;
    border:1px solid #006cb5;
    background-color:#fff;
    display:table-cell;
}
.palco-conteudo-esquerda
{ 
    width:215px; 
}
.palco-conteudo-esquerda div 
{
    padding:5px 0 0 0px;     
    font-size:12px;    
    font-family: Cuprum;
    color:#000;
}
/***GRUPOS***/
.palco-grupos
{
    width:138px;
    float:left;
    min-height:640px;
    background-color:#F58634;    
}
.palco-grupos ul 
{
    margin:0px;
    padding:0px;
}
.palco-grupos ul li
{    
    font-size:18px;    
    font-family: Cuprum;
    width:122px;
    list-style:none;
    padding:14px 8px;
    color:#000;
    background-color:#F58634;    
    border-bottom:2px solid #C76818;
}
.palco-grupos ul li:hover
{    
    color:#fff;
    cursor:pointer;
    background-color:#C76818;    
}
.palco-grupos ul li.selecionado
{
    color:#fff;
    background-color:#C76818;    
}
/***FAMÍLIAS***/
.dv-familia-produtos
{
    width:400px;
    overflow:auto;    
}
.tb-familia
{        
    font-size: 16px;            
    font-weight:normal;
    font-family: Cuprum;
    color:#000;
    border:1px solid #DEE7EC;  
    border-collapse:collapse;     
}
.tb-familia th
{
    text-align:left;
    font-size: 16px;            
    font-weight:bold;
    font-family: Cuprum;
    padding:2px 4px;
    border:1px solid #DEE7EC;
    background-color:#F58634;        
}
.tb-familia td
{
    text-align:left;
    font-size: 16px;            
    font-weight:normal;
    font-family: Cuprum;
    padding:2px 4px;
    background-color:#ffffff;
    border:1px solid #DEE7EC;    
}
.palco-familias
{
    height:500px;
    width:652px;    
    float:left;    
    overflow:auto;
}
.ul-familias
{
    padding:0px;
    margin:0px;
}
.ul-familias li
{
    list-style:none;
    float:left;
    width:130px;
    height:190px;
    margin:0px 28px 0px 0px;
}
.ul-familias li .palco-imagem-familia 
{
    cursor:pointer;
    text-align:center;
    margin:0px;         
    width:130px;
    height:130px;
    line-height:130px;    
    vertical-align:middle;
    display:table-cell;
    background-color:#fff;        
}
.ul-familias li .palco-imagem-familia img
{
    vertical-align:middle;    
    line-height:130px;
}
.ul-familias li .palco-nome-familia
{
    min-height:50px;  
}
.ul-familias li .palco-nome-familia div 
{
    width:130px;
    margin:0px auto;
    text-align:center;
    padding:6px 0px 0px 0px;
}
.palco-familia-detalhes
{
    width:692px;    
    float:left;    
    overflow:auto;
}
.familia-detalhes 
{
    width:400px; 
    float:left; 
}
.itens
{   
    margin:4px 0px 20px 20px;
    padding:0px;
}
.itens li
{    
    padding:2px 0px;
    font-size:14px;    
    font-family:Cuprum;
    list-style-image:url('/Content/Layout/Marcador-laranja.png');
}
.palco-fotos-familia
{ 
    padding:0px 0px 0px 0px;
    width:272px; 
    float:left;
}
.palco-fotos-familia ul
{
    margin:0px;
    padding:0px;    
}
.palco-fotos-familia ul > li 
{
    list-style:none;
    float:left;    
    margin-top:19px;    
    background-color:#fff;
    text-align:center;        
    width:76px;
    height:76px;
    display:table-cell;
    position:static;    
    overflow:hidden
}
.palco-fotos-familia ul > li > .middle
{    
    display:table-cell;
    position:static;
    width:76px;
    height:76px;
    vertical-align:middle;    
    text-align:center;        
}
.palco-fotos-familia ul > li > .middle > .inner
{
    position:relative;        
}
.palco-fotos-familia ul > li.meio
{
    margin-left:19px; 
    margin-right:19px;
}
.palco-fotos-familia .img-cursor
{
    cursor:pointer;
}
.palco-fotog
{     
    width:272px;
    height:272px;
    background-color:#fff;    
}
/***ONDE ENCONTRAR***/
#DVListVendedores > ul{
    margin:0px;
    padding:10px 0px 0px 0px;
}
#DVListVendedores ul > li{
    list-style:none;
}
#DVListVendedores ul > li > ul{
    margin:0px;
    padding:0px;
}
#DVListVendedores > ul > li > ul > li{
    list-style-image:url('/Content/images/telephone.png');        
    margin:0px 0px 0px 24px;
    padding:2px 0px;
}
/***MAPA ASSISTÊNCIA***/
.palco-assistencia 
{
    margin:10px 0px 0px 0px;
    background-color: #C7CFD4;
}
#paper
{  
    margin:0px;      
    width:350px;     
    float:left; 
}
#paper svg
{
    margin-top:-30px;
}
#map 
{
    width:370px; 
    min-height:500px; 
    float:left;     
}
#map-conteudo 
{ 
    width:300px;
    float:left; 
}
#map-conteudo-titulo
{ 
    width:300px; 
    padding:10px 0px 0px 0px;
    border-bottom:2px solid #F58634; 
}
#map-conteudo-dados{
    overflow:auto;
    height:360px;
    width:300px;
    margin-top:4px;    
}
#map-conteudo-dados ul {
    margin:5px 0 0 20px;
    padding:0px ;
}
#map-conteudo-dados ul > li {    
    color:#696A6A;
    font-size:14px;
    font-family:Cuprum;
    padding:0 0 5px 0;    
    list-style-image:url('/Content/Layout/Marcador-laranja-fundoescuro.png');
}

.palco-login
{
    width:140px; 
    height:414px; 
    position:absolute; 
    background-color:#C7CFD4; 
    z-index:10; 
    top:200px;
    margin-left:670px;
    padding:15px 10px;
}
.palco-login-cabecalho
{
    color:#006CB5; 
    font-weight:bold; 
    font-size:18px; 
    text-align:right; 
    font-family:Cuprum;
    margin:0px; 
    padding:0px;
}
.palco-login-form
{
    width:140px;
    text-align:right;    
}
/***UI***/
.ui-autocomplete
{
    z-index:9999 !important;    
}
/***LINKS***/
.link-azul-14:link      { font-size:14px; color:#006cb5; text-decoration:none; }
.link-azul-14:visited   { font-size:14px; color:#006cb5; text-decoration:none; }
.link-azul-14:hover     { font-size:14px; color:#006cb5; text-decoration:underline; }
.link-azul-14:active    { font-size:14px; color:#006cb5; text-decoration:none; }
/***BOTÕES***/
.bt-azul
{
    background-color:#006CB5;
    border-style:none;
    font-size:14px;
    color:#dee7ec;
    padding:4px 8px;
    cursor:pointer;
    font-family:Cuprum;
    border-radius:5px;
    display:inline-block;
}
.bt-azul:hover
{
    background-color:#2f507f;
}
.bt-azul2
{
    background-color:#006CB5;
    border-style:none;
    font-size:14px;
    color:#dee7ec;
    padding:4px 4px;
    cursor:pointer;
    font-family:Cuprum;
    border-radius:5px;
}
.bt-azul2:hover
{
    background-color:#2f507f;
}
/***PARAGRAFOS***/
p
{
    line-height:22px;    
    margin:4px 0px;
}
.paragrafo-preto-sem-margem
{
    margin:0px 0px;
    color:#000;
}
.paragrafo-preto-12
{
    line-height:14px;
    padding:0px;     
    font-size:12px;
    color:#000;
}
/***ESPACAMENTOS***/
.espacamento-20-20
{
    padding:20px 20px;    
}
.espacamento-20-25
{
    padding:20px 25px;    
}
.espacamento-40-40
{
    padding:40px;
}
.espacamento-0-20
{
    padding:0px 20px;    
}
.espacamento-20-0
{
    padding:20px 0px;    
}
.espacamento-10-0
{   
    padding:10px 0px 10px 0px;
}
.espacamento-10-20-10-0
{
    padding:10px 20px 10px 0px;
}
.espacamento-0-20-0-0
{
    padding:0px 20px 0px 0px;    
}
.espacamento-20-30
{
    padding:20px 30px;    
}
.espacamento-20-10-10-30
{
    padding:20px 10px 10px 30px; 
}
.espacamento-16-0-nomarge
{
    margin:0px;
    padding:16px 0px;    
}
.espacamento-0-0-20-0
{
    padding:0px 0px 20px 0px;
}
/***CABECALHOS***/
h1
{
    color:#006CB5; 
    font-weight:bold;
    font-size:20px;
    font-family:Cuprum; 
    margin:0px;
    padding:0px;
}
h2
{
    color:#000;    
    font-weight:bold;
    font-size:18px;
    font-family:Cuprum; 
    margin:0px;
    padding:0px;    
}
.palco-cabecalho-azul-16
{
    color:#006CB5; 
    font-size:16px;
    font-weight:bold;
    font-family:Cuprum;
}
.palco-cabecalho-azul-20
{
    color:#006CB5; 
    font-weight:bold;
    font-size:20px;
    font-family:Cuprum;        
}
.palco-cabecalho-laranja
{
    background-color:#f58634;    
    padding:0px 0px 0px 25px;    
    height:35px;    
    font-size:24px;    
    font-weight:bold;
    font-family:Cuprum;        
    color:#000; 
    position:relative;    
}
.palco-cabecalho-laranja div
{
    position:relative; 
    top:25%;
    z-index:1;
}
.bt-banner-anterior:hover
{
    background:url('/Content/Layout/anterior_bt_hover.png');         
}
.bt-banner-proximo:hover
{
    background:url('/Content/Layout/proxima_bt_hover.png');         
}
.bg-conteudo
{
    background:url('../Content/Layout/bg_conteudo.jpg');         
    background-repeat:repeat-y;
}

#div-telefones-contato > .div-imagem
{
    float:left; width:81px; display:block;
}
#div-telefones-contato > .div-dados
{
    float:left; width:309px; display:block;
}
#div-telefones-contato
{
    font-size:15px;    
}
#div-telefones-contato p 
{
    margin-left:10px;    
}
#ul-dados-contato p
{
    line-height:16px;
    padding:0px;   
    margin:0px; 
}
#ul-dados-contato
{
    margin:0px 0px 0px 10px;    
    width:100%;
}
#ul-dados-contato > li > ul
{
    margin:20px 0px 0px 0px;    
}
#ul-dados-contato,
#ul-dados-contato > li > ul
{
    font-size:14px;
    display:block;        
    padding:0px;
    list-style:none;
}
#ul-dados-contato > li
{
    display:block;    
    margin:0px;
    padding:0px;
}
#ul-dados-contato > li > ul > li > span
{
    font-size:24px;
    color:#1377BA;
    font-weight:bold;
    display:block;        
}
#ul-dados-contato > li > ul > li
{
    display:inline-block;    
    padding-right:19px;
    vertical-align:top;
}
#ul-dados-contato > li > ul > li:last-child,
#ul-dados-contato > li > ul > li.last
{
    padding-right:0px !important;
}
#bt-enviar-contato-load
{
    display:none;    
}
.arquivos-list {    
    width:272px;    
    margin-top:20px;
    overflow-x: hidden;
}

.arquivos-list::after {
    clear:both;
}
.arquivos-list > .item
{
    display: block;
    float: right;    
    margin-left: 22px;    
    color:#538331;
    text-align:center;
}
.arquivos-list .icone 
{
    display:block;        
    background-color: #fff;
    padding:5px 0px;
    color:#000 !important;
    text-align:right;      
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing:border-box;
}

.arquivos-list .descricao {
    padding: 5px 2px;
    display: block;
    width: 100px;
    font-size: 11px;
    text-align: center;
    text-decoration: none !important;
    word-wrap: break-word;
    word-break: break-all;
}


.btn-success {
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.btn-lg, .btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-success {
    color: #fff;
    background-color: #006CB5;
    border-color: #006CB5;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #2F507F;
    border-color: #2F507F;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-success:hover{
    color:#fff;
    background-color:#2F507F;
    border-color:#2F507F;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.atendimento {
    text-align:right;
    position: absolute;
    bottom: 50px;
    right: 30px;
    color:#fff;
}
.pull-left{
    float:left;
}
.televendas{
    font-size:14px;
}
.ul-televendas{
    margin:0px;
    padding:0px;
    list-style:none;
}
.ul-televendas li{
    display:inline-block;
    margin-bottom:25px;    
}
.ul-televendas li.odd {
    margin-right:20px;
}
.ul-televendas span{
    display:block;
}
.ul-televendas .estado{
    color:#2781BE;
    font-weight:bold;
    font-size:24px;
}

.conteudo-modal p{
    margin:10px 0px;
}
.conteudo-modal {
    max-height: 600px;
}

    .conteudo-modal h1 {
        text-align: center;
        color: #5091c5;
        text-transform: uppercase;
    }
    .conteudo-modal h2 span{
        margin-right:10px;
    }
    .conteudo-modal h2 {
        color: #5091c5;
        font-size: 18px;
        margin-left: 15px;
        text-transform: uppercase;
    }

    .conteudo-modal table td {
        background-color: #fff;
    }

    .conteudo-modal table th {
        background-color: #aaa;
    }

    .conteudo-modal ul {
        list-style: none;
    }

    .conteudo-modal span {
        color: #5091c5;
    }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.conteudo-modal .ui-button-text {
    color: #5091c5 !important;
}
#palco-links-rodape a:link,
#palco-links-rodape a:visited,
#palco-links-rodape a:hover, #palco-links-rodape a:active {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

#palco-links-rodape {
    width: 892px;
    margin: 0px 0px 0px 35px;
    padding-left: 20px;
    position: relative;
    top: -20px;
}

.ui-widget-header {
   
    border: 1px solid #5091c5 !important;
    background-color: #5091c5 !important;
    background: #5091c5 unset !important;
    color: #ffffff;
    background-image: none !important;
    font-weight: bold;
}