body
{
    width:100%;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFF;
    background: url(images/bgCabecalho.png);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center top;
}
    
.bgBola{
    }


/* LATERAIS */
.headerColuna{
    /*padding-bottom:7px*/}
    
.headerColuna a
{
    color:#f6be00;
    font-family: 'Archivo Narrow', sans-serif;
    font-size:20px;
    padding:10px 2px 0;
    display:block;
}
    
.fechaColunas{
    width:176px;
    height:10px;
    margin-bottom:15px;
    background-color: #FFF}

#bannerHomeTopo
{
    float: left;
    width: 100%;
}
#bgCorpo
{
    float: left;
    width: 100%;
}
#corpo
{
    width: 980px;
    margin: 0 auto;
}

#esquerda,
#direita{
    display:inline;
    vertical-align:top}


/* LATERAL ESQUERDA */
#esquerda
{
    width:220px !important;
    float:left;
}
#esquerda .filtroEsquerda
{
    /*float: left;*/
}
#esquerda .filtroEsquerda li
{
    float: left;
    width: 100%;
    background: #FFF;
    margin-top: 35px;
    padding-bottom: 15px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    border-bottom: none !important;

    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
}
#esquerda .filtroEsquerda li.containerN3.filtorsSessoes
{
    margin-top: -15px;
    padding-top: 15px;
}
#esquerda .filtroEsquerda h3 img
{
    display: none;
}
#esquerda .filtroEsquerda h3
{
    float: left;
    width: 100%;
    margin-top: 35px;
    position: relative;
}
#esquerda .filtroEsquerda li h3
{
    float: left;
    width: 100%;
    margin-top: 0px !important;
}
#esquerda .filtroEsquerda h3 .nomeFiltro
{
    /*background: url(images/bgTituloEsq.png);
    background-repeat: no-repeat;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 9px 0;
    float: left;
    width: 100%;
    margin-top: -15px;
    text-align: center;
    text-transform: uppercase;*/
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    padding: 8px 3px 7px;
    margin-bottom: 2px;
    float: left;
    width: 214px;
    text-align: center;
    margin-top: -15px;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    background: #FFE93D; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFE93D 0%, #FFB41A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE93D), color-stop(100%,#FFB41A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFE93D 0%, #FFB41A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFE93D 0%, #FFB41A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFE93D 0%, #FFB41A 100%); /* IE10+ */
    background: linear-gradient(top,  #FFE93D 0%, #FFB41A 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE93D', endColorstr='#FFB41A',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow: 0px 1px 2px -1px #000000;
    -webkit-box-shadow: 0px 1px 2px -1px #000000;
    box-shadow: 0px 1px 2px -1px #000000;
}
#esquerda .filtroEsquerda li .caixaDepartamento div
{
    float: left;
    width: 100%;
}
#esquerda .filtroEsquerda li .caixaDepartamento div .filtro,
#esquerda .filtroEsquerda li.containerN3.filtorsSessoes a
{
    border-bottom: 1px dotted #B2B2B2;
    color: #333333 !important;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 0 5px 10px;
    width: 95%;
}
#esquerda .filtroEsquerda li .caixaDepartamento div .filtro:hover,
#esquerda .filtroEsquerda li.containerN3.filtorsSessoes a:hover
{
    background: #FFBE1E;
    color: #000;
}


#direita .fechaColunas
{
    display: none;
}



/* LATERAL DIREITA */
#direita
{
    padding-left:5px;
    width:159px;
    background-color: #FFF
}    
#banners div
{
    text-align:center;
    margin-bottom: 20px;
}
    
#direita .redes a{
    display:block;
    width:153px;
    margin:0 auto;
    height:36px;
    background-image:url(images/layout/iconSprites.png);}
    
#direita .redes a.facebook{
    background-position:left -279px;}
#direita .redes a.twitter{
    background-position:left -313px;}
    
#direita .likeBoxes{
    padding:7px 0;
    margin-top:5px;
    border-top:1px dashed #e5e5e5;}
    
#direita .likeBoxes div{
    padding:3px 12px}

/* NEW DIR */
#direita .tituloLateralDir
{
    background: url(images/bgTituloEsq.png);
    background-repeat: no-repeat;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 9px 0;
    float: left;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#direita .campoDuvidas
{
    background: #FFF;
    float: left;
    width: 100%;
    padding-bottom: 10px;

    border-radius: 20px 20px 8px 8px;
    -moz-border-radius: 20px 20px 8px 8px;
    -webkit-border-radius: 20px 20px 8px 8px;
}
#direita .campoDuvidas ul
{
    float: left;
    width: 100%;
    margin-top: 10px;
}
#direita .campoDuvidas ul li
{
    float: left;
    width: 100%;
    display: inline;
}
#direita .campoDuvidas ul li a
{
    border-bottom: 1px dotted #B2B2B2;
    color: #333333;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    width: 95%;
}
#direita .campoDuvidas ul li a:hover
{
    color: #f6be00;
}
#direita .campoDuvidas ul li a span
{
    color: #f6be00;
}


/* MIOLO */
.conteudo
{
    float: left;
    margin-bottom: 15px;
    margin-left: 25px;
    vertical-align: top;
    width: 728px;
}
    
.conteudo.conteudoInteiro{
    width:100%}
    
.conteudo.conteudoInteiro .breadCrumb{
    /*background:url(images/layout/breadCrumbBg2.jpg) left top no-repeat*/}
    
#conteudo.conteudo
{
    width:605px;
    float:left;
    padding-left: 5px;
}
#cont .conteudoInteiro .pagInterna .tituloSessao
{
    clear: both;
    color: #f6be00;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
/* HOME NOVA */
#conteudo.conteudo .departamentosHome
{
    float: left;
    width: 100%;
}
#conteudo.conteudo .departamentosHome .campoDpto
{
    float: left;
    margin-right: 10px;
    width: 230px;
}
#conteudo.conteudo .departamentosHome .campoDpto .tituloDptoHome
{
    background: url(images/bgTituloHome.png);
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding: 8px 0px 0px 10px;
    position: relative;
    width: 220px;
    z-index: 9;
}
#conteudo.conteudo .departamentosHome .campoDpto .fotoDpto
{
    background: #fff;
    float: left;
    margin-bottom: -15px;
    max-height: 140px;
    position: relative;
    top: -15px;
    width: 100%;
}
#conteudo.conteudo .departamentosHome .campoDpto .subMenuDptoHome
{
    background: #fff;
    float: left;
    height: 180px;
    overflow: hidden;
    padding-top: 10px;
    width: 230px;

    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
#conteudo.conteudo .departamentosHome .campoDpto .subMenuDptoHome li
{
    border-bottom: 1px dotted #515151;
    float: left;
    margin-left: 3px;
    width: 224px;
}
#conteudo.conteudo .departamentosHome .campoDpto .subMenuDptoHome li span
{
    color: #f6be00;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
}
#conteudo.conteudo .departamentosHome .campoDpto .subMenuDptoHome li a
{
    color: #000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
    padding: 1px 0 0 3px;
    width: 200px;
}
#conteudo.conteudo .departamentosHome .campoDpto .subMenuDptoHome li a:hover
{
    color: #f6be00;
}
#conteudo.conteudo .departamentosHome .campoDpto .verMais
{
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
    text-align: right;
    width: 100%;
}
#conteudo.conteudo .departamentosHome .campoDpto .verMais .icone
{
    background: url(images/btnVerMais.png);
    background-repeat: no-repeat;
    float: right;
    height: 14px;
    margin-left: 3px;
    margin-top: -3px;
    padding: 2px 9px;
}
#conteudo.conteudo .departamentosHome .campoDpto .verMais .icone:hover
{
    background-position: 0px -18px;
}

/* MINHA NAVEGAÇÃO */
.caixaMinhaNavegacao{
    clear:left;
    margin:0 auto 25px;
    width:100%;
    display:table;
    background:#fff;
    border-top: 2px solid #282828 !important;
    border: 1px solid #dcdcdc;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
    
.caixaMinhaNavegacao .tituloSessao{ 
    color:#494949;
    font-size: 20px;
    font-family: 'Archivo Narrow', sans-serif;
    margin: 20px 20px 5px;

}
    
.caixaMinhaNavegacao .textoDestaque, .caixaMinhaNavegacao .textoProd{
    font-size:15px;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: normal;
    color:#818181;
    }
.caixaMinhaNavegacao .textoProd{
    margin-left:20px;
}
    
.caixaMinhaNavegacao #produtosVisitados{
    float:left;
    height:224px;
    width:704px}
    
.caixaMinhaNavegacao #linksVisitados{
    float:right;
    padding:10px 15px 7px;
    border-left: 1px solid #C5C5C5;
    width:250px}
    
.caixaMinhaNavegacao .historicoNavegacao{
    padding:7px 0;
    color:#E5C200;
    min-height:55px;}
    
.caixaMinhaNavegacao .historicoNavegacao a{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    margin-left: 2px;
    color:#E5C200}

.caixaMinhaNavegacao .historicoNavegacao a:hover{
    color:#333}
    

.carroulcelMinhaNavegacao{}

#carousel2 {
        width: 704px;
        height: 158px;
        position: absolute;    
        margin: 0px;
        overflow: hidden; 
        padding:0px;
    }
    
#carousel2 .previous_button,
#carousel2 .next_button{
    position:absolute;
    width:42px;
    height:38px;
    cursor:pointer;
    top:50px;
    background-image:url(images/layout/iconSprites.png);
    background-repeat:no-repeat;
    z-index:6000}

#carousel2 .previous_button{
    left:0;
    background-position:-287px -106px}
#carousel2 .previous_button:hover{
    left:0;
    background-position:-285px -192px}
    
#carousel2 .next_button{
    right:0;
    background-position:-282px -150px}
#carousel2 .next_button:hover{
    right:0;
    background-position:-282px -237px}
    
#carousel2 .next_button_disabled,
#carousel2 .previous_button_disabled{
    display:none}

#carousel2 .container{
    width: 580px;
    margin:0 auto;
    height: 150px;
    position: relative;
    overflow: hidden}

#carousel2 ul {
    width: 100000px;
    height: 236px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; 
    margin:0}

#carousel2 ul li {
    float:left;
    width:580px;
    height:241px;
    overflow:hidden}



#carousel2 ul li .content {
    width:580px;
    height: 236px;
    margin: 4px 0;
    padding: 0;
    text-align: center;
    overflow: hidden; 
}

.celulaNavegacao{
    float:left;
    width:48%;
    text-align:left;
    font-size:12px;
    padding:25px 0}

#carousel2 ul li .content img {
    display: block;
    margin-right: 15px;
    overflow: hidden; 
    max-width:90px;
    float:left;
}

.celulaNavegacao .nomeProd a {
    color: #E5C200;
    font-size: 13px;
    font-family: 'Archivo Narrow', sans-serif;
}

/* BREADCRUMB */
.breadCrumb{
    padding:10px 8px;
    float:left;
    clear:both;
    width: 100%;
}
    
.breadCrumb a
{
    color:#FFF;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    font-weight: normal;
    float:left;
    
}
.breadCrumb span a{
    margin-left:4px;
   /* margin-right: 4px;*/
}
.breadCrumb .titBreadCrumb a:hover
{
    color:#f6be00;
}
#conteudoFull h1{
    margin: 0px 0;
    float:left;
}
#conteudoFull h1 span{
    color:#525252;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    color:#fff;
    font-weight: normal;
    float:left;
}
#conteudoFull h1 span a{
    font-weight: bold;
    float:left;
    margin: 0px 5px;
}
#conteudoFull .breadCrumb .titBreadCrumd {
    
}
/* AVALIACAO ESTRELAS */

#star div{height:13px;}
#star .level5{ background:url(images/iconStar.png) no-repeat 0 0; width:73px;  }
#star .level4{ background:url(images/iconStar.png) no-repeat -14px 0; width:73px; }
#star .level3{ background:url(images/iconStar.png) no-repeat -28px 0; width:73px;}
#star .level2{ background:url(images/iconStar.png) no-repeat -42px 0; width:73px; }
#star .level1{ background:url(images/iconStar.png) no-repeat -57px 0; width:73px;}
#star .level0{ background:url(images/iconStar.png) no-repeat -72px 0; width:73px;}

#star{margin:auto;
    height:13px;
    width:200px;
    text-align:left;
    margin:5px  auto;}
#star2 div{height:15px;}
#star2 .level5{ background:url(images/iconStarG.png) no-repeat 0 0; width:87px;  }
#star2 .level4{ background:url(images/iconStarG.png) no-repeat -18px 0; width:87px; }
#star2 .level3{ background:url(images/iconStarG.png) no-repeat -36px 0; width:87px;}
#star2 .level2{ background:url(images/iconStarG.png) no-repeat -54px 0; width:87px; }
#star2 .level1{ background:url(images/iconStarG.png) no-repeat -71px 0; width:87px;}
#star2{    margin:auto;
    height:13px;
    width:85px;
    text-align:center;
    margin:5px auto;}

/* FLOATER ENCONTRE SEU CEP */
.floaterCep{
    width:400px;
    margin:-200px 0 0 -200px}
        
/* PAGINAS DE TEXTO */
.paginadeTexto{
    font-size:13px;
    color:#000;
    line-height:16px  ;
    
    background: #fff;
    border-radius: 8px;
    float: left;
    padding: 10px;
    width: 685px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    }
    
.tituloPagTexto{
    border: none;
    color: #000 !important;
    float: left;
    margin: 0px 0px 10px !important;
    padding: 0px !important;
    width: 100%;
    text-transform: uppercase;

}
    
.divPagTexto {

    background: #d1d3d6;
    border-radius: 15px;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    width: 705px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* NOT FOUND */
.naoEncontrado
{
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 30px;
    padding: 0;
    width: 100%;
    background: white; 
}

.naoEncontrado p{
   color: #343434;
}

.naoEncontrado a{
   color: #343434 !important;
}
    
/* RESULTADO BUSCA */
.resultadoBusca,
.sugestaoProduto
{
    margin-left: 0px !important;
    border: none !important;
    float:left;
    width:95%;
    padding: 0px;
    margin-bottom: 40px;
}
.resultadoBusca input,
.sugestaoProduto input
{
    float: left;
}
.resultadoBusca .btButtonCentral,
.sugestaoProduto .btButtonCentral
{
    float: left;
    left: 10px;
    position: relative !important;
    right: 0 !important;
    top: -1px;
}
.box .btButtonCentral {
    position: absolute;
    bottom:10px;
    right: 10px;
}
    
.resultadoBusca input[type=text]{
    width:290px}
    
.retornar{
    text-align:center;
    padding:7px 0;
    margin-top:7px;
    clear:left}
    
/* FALE CONOSCO */
#faleConosco
{
    width:564px;
    margin:15px auto;
}
.faleConoscoCont
{
    float: left;
    width: 100%;
}
.faleConoscoCont .contato
{
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px;
}
.faleConoscoCont .formularios label
{
    font-size: 14px;
    padding-top: 4px;

    display: none;
    text-align: left;
    float: left;
    width: 100%;
}
.faleConoscoCont .formularios input
{
    float: left;
    margin: 0px 10px 10px 0px;
    width: 400px !important;
}
.faleConoscoCont .formularios select
{
    width: 412px !important;
    height: 26px;
    color: #000 !important;
}
.faleConoscoCont .formularios #estado
{
    margin: 0px 10px 10px 0px;
}
.faleConoscoCont .formularios select.assuntoFaleC
{
    margin-top: 10px;
}
.faleConoscoCont .formularios .linha
{
    padding: 0px !important;
    float: left;
    width: 100%;
}
.perguntaseRespostas {
    background: url("images/quadradinho.jpg") no-repeat scroll 4px 3px transparent;
    clear: both;
    float: left;
    line-height: 1.2em !important;
    margin-bottom: 12px;
    padding-left: 4px;
    text-indent: 10px;
    width: 100%;
}

.perguntaseRespostas .listaDetalhesMil p {
    margin-top: -2px;    
}
#produto .perguntaseRespostas .listaDetalhesMil p
{
    margin-top: 0px !important;
}
.destaqueProd {
    color:#f6be00;
    font-family: 'Archivo Narrow', sans-serif;
    background: url(images/riscoMenu.jpg) no-repeat 0px 32px;
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    padding: 0 0 10px;
}


/*SLIDER HOME*/
#sliderHome                            {    display:block; width:725px; height:212px;  padding:20px 0; margin-top: 20px; float: left; position:relative; overflow:hidden; background: url(images/slider-bg.png) no-repeat; z-index:0;}
#sliderHome .btnPrev                {    display:block; width:30px; height:30px; overflow:hidden; position:absolute; top:110px; left:0px; background:url(images/slider-controls.png) no-repeat 0px 0px; cursor:pointer;}
#sliderHome .btnPrev:Hover            {    background-position: 0px -30px;}
#sliderHome .btnNext                {    display:block; width:30px; height:30px; overflow:hidden; position:absolute; top:110px; right:0px; background:url(images/slider-controls.png) no-repeat -30px 0px; cursor:pointer;}
#sliderHome .btnNext:Hover            {    background-position: -30px -30px;}
#sliderHome .boxContainer            {    display:block; width:650px; height:220px; overflow:hidden; position:relative; top:0px; left:45px; z-index:0; padding:0;}
#sliderHome ul                        {    list-style:none; margin:0px; padding:0px; }
#sliderHome li                        {    display:block; position:relative; float:left; width:200px; height:230px; margin: 5px 15px 0px 15px; padding: 0px; overflow:hidden; /*background:url(images/slider-item-bg.png) no-repeat;*/ -moz-border-radius: 19px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFF;}
#sliderHome    li a                    {    text-decoration:none; height:30px;}
#sliderHome li a img                {    float:left; margin:0px; padding:0px; border:none;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; position:relative;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
#sliderHome li a span                {    color: #000000;display: table-cell;*float:left;font-weight: bold;height: 45px;line-height: 12px;padding: 0 5px;text-align: center;vertical-align: middle;}
#sliderHome li a:hover span            {    color:#a17d00;}
#sliderHome p                        {    display:block; height:30px; margin:20px 0 0 0 ; padding:0px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
#sliderHome p b                        {    color:#f6be00; font-weight:bold;}
#sliderHome .imgSlider                {    background: #FFFFFF;height: 163px;vertical-align: middle; width:100%;}
#sliderHome .textSlider                {    /*display: table-cell; */ height: 60px;vertical-align: middle; background-color: #ffba1c;}




#titleSliderHome                            {    display:block; width:725px; margin-top: 30px; float: left; position:relative; overflow:hidden; background: url(images/slider-bg.png) no-repeat; z-index:0;}
#titleSliderHome p                        {    display:block; height:30px; margin:5px 0 0 0 ; padding:0px; font-size:14px; color:#fff; text-align:center; line-height:30px;}  

#esquerda .tituloLateral
{
    background: url(images/bgTituloEsq.png);
    background-repeat: no-repeat;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 9px 0;
    float: left;
    text-align: center;
    width: 100%;

}
#esquerda .menuLateral
{
    background: #FFF;
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;

    border-radius: 20px 20px 8px 8px;
    -moz-border-radius: 20px 20px 8px 8px;
    -webkit-border-radius: 20px 20px 8px 8px;
}
#esquerda .menuLateral ul
{
    float: left;
    width: 100%;
    margin-top: 10px;
}
#esquerda .menuLateral ul li
{
    float: left;
    width: 100%;
    display: inline;
}
#esquerda .menuLateral ul li a
{
    border-bottom: 1px dotted #B2B2B2;
    color: #333333;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    width: 95%;
}
#esquerda .menuLateral ul li a:hover
{
    color: #f6be00;
}
#esquerda .menuLateral ul li a span
{
    color: #f6be00;
}




.newsLetter
{
    float: left;
    width: 100%;
    background: #FFF;
    
    border-radius: 20px 20px 8px 8px;
    -moz-border-radius: 20px 20px 8px 8px;
    -webkit-border-radius: 20px 20px 8px 8px;
}
.newsLetter .btnNews a
{
    background: url(images/btnOk.png);
    background-repeat: no-repeat;
    width: 30px;
    height:20px;
    float: left;
    margin: 17px 0px 0px 5px;
}
.newsLetter .btnNews a:hover
{
    background-position: 0px -20px;
}    
.newsLetter .options{
    padding:12px 0;
    font-weight:bold;
    text-transform:uppercase}
    
.newsLetter .options input[type=radio]{
    margin-right:5px}
    
.newsLetter input[type=text]
{
    display:inline;
    font-size: 11px;
    font-family: Arial;
    color:#000;
    float: left;
    width:115px;
    border:1px solid #EBEBEB;
    background:#fff;
    margin:15px 5px 15px 25px;
    border-radius: 0px;
    padding: 5px 0px 2px 7px;

    box-shadow: 0px 1px 1px 0px #ACACAC inset;
}
    
.newsLetter .button{
    display:block;
    float:left;
    margin:15px 5px}
    
.newsLetter .txtNewsletter {
    color:#525252;
    font-size: 13px;
    font-family: 'Archivo Narrow', sans-serif;
    float: left;
    margin: 10px 15px 10px 5px;
}
.newsLetter .txtNewsletter span{
    color:#E5C200;
    font-weight: bold;
}

/* MAPA DO SITE */
.sitemap .listMap
{
    background: #333333;
    float: left;
    width: 100%;
}
.sitemap .listMap .nivel1
{
    float: left;
    width: 241px;
}
.sitemap .listMap .nivel1 a
{
    background: url(images/bgMenu2.png);
    color: #FFF;
    float: left;
    padding: 10px 0 10px 10px;
    width: 231px;
    font-weight: bold;
}
.sitemap .listMap .nivel1 a:hover
{
    color: #FFBE1E;
}
.sitemap .listMap .nivel1 ol
{
    float: left;
    width: 100%;
}
.sitemap .listMap .nivel1 ol .nivel2
{
    float: left;
    width: 100%;
    margin-left: 0px !important;
    border-bottom: 1px solid #555555;
}
.sitemap .listMap .nivel1 ol .nivel2 a
{
    background: transparent !important;
    color: #FFBE1E !important;
    float: left;
    padding: 6px 0px 5px 10px !important;
    width: 231px;
    font-weight: bold;
}
.sitemap .listMap .nivel1 ol .nivel2 a:hover
{
    color: #000 !important;
    background: #FFBE1E !important;
}
.sitemap .listMap .nivel1 ol .nivel2 ol
{
    float: left;
    width: 100%;
}
.sitemap .listMap .nivel1 ol .nivel2 ol .nivel3
{
    float: left;
    width: 100%;
    margin-left: 0px !important;
}
.sitemap .listMap .nivel1 ol .nivel2 ol .nivel3 a
{
    background: transparent !important;
    color: #CCC !important;
    float: left;
    padding: 5px 0px 5px 20px !important;
    width: 221px !important;
    margin-bottom: 5px;
    overflow: hidden;
    height: 9px;
    font-weight: normal !important;
}
.sitemap .listMap .nivel1 ol .nivel2 ol .nivel3 a:hover
{
    background: url(images/bgMenu2.png) !important;
}

#divMapa .nivel1.jstree-closed,
#divMapa .nivel1.jstree-open
{
    background: url(images/bgMenu2.png) !important;
    background-repeat: repeat-x !important;
    background-position: top !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #000;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color: #000;
} 

:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000;
}

#itensDep                            {display:block;width: 668px;height: 370px;margin-top: 20px;overflow:hidden;float: left;z-index:0;position: relative;}
#itensDep .btnPrev                {display:block;width:44px;height:44px;overflow:hidden;position:absolute;left:0px;background:url(images/tick_esq.png) no-repeat;cursor:pointer;margin-top: 140px;z-index: 10;}
#itensDep .btnPrev:Hover            {    background:url(images/tick_esq_hover.png) no-repeat;}
#itensDep .btnNext                {display:block;width:44px;height:44px;overflow:hidden;position:absolute;right:0px;background:url(images/tick_dir.png) no-repeat;cursor:pointer;margin-top: 140px;z-index: 10;}
#itensDep .btnNext:Hover            {    background:url(images/tick_dir_hover.png) no-repeat;}
#itensDep .boxContainer            {display:block;top:0px;left: 150px;position: relative;height: 335px;z-index:0;padding:0;}
#itensDep ul                        {    list-style:none; margin:0px; padding:0px; height: 335px !important; }
#itensDep li                        {display:block;position:relative;float:left;width:335px;height:335px;margin: 5px 10px 0px 10px;padding: 0px;overflow:hidden;-moz-border-radius: 19px;-webkit-border-radius: 10px;border-radius: 10px;}
#itensDep    li a                    {    text-decoration:none; height:30px;}
#itensDep li a img                {    float:left; margin:0px; padding:0px; border:none;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#itensDep li a span                {    color: #000000;display: table-cell;*float:left;font-weight: bold;height: 45px;line-height: 12px;padding: 0 5px;text-align: center;vertical-align: middle;}
#itensDep li a:hover span            {    color:#a17d00;}
#itensDep p                        {    display:block; height:30px; margin:20px 0 0 0 ; padding:0px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
#itensDep p b                        {    color:#f6be00; font-weight:bold;}
#itensDep .imgSlider                {    background: #FFFFFF;height: 324px;vertical-align: middle; width:100%; border :2px solid #d1d3d6; width: 324px; border-radius: 5px;  margin-left: 5px;}
#itensDep .textSlider                {    /*display: table-cell; */ height: 47px;vertical-align: middle;}
#itensDep .sliderHContents                {       overflow: visible !important;}

#itensDep:before {content: "";display: block;width: 170px;height: 100%;position: absolute;z-index: 9;left: 0px;top: 0px;
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,0) 100%);  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

#itensDep:after {content: "";display: block; width: 170px;height: 100%;position: absolute; z-index: 9;right: 0px;top: 0px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


/************************************** Styles for errors ******************************************/

.container-errors{
    width: 100%;
    position: relative;
    font-size: 12px;
}

.nav-header-errors .link-right{
    float: right;
}

.error-400{
    background-color: #ffffff;
    color: #000;
    border-radius: 4px;
    padding:15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.error-403{
    background-color: #ffffff;
    color: #000;
    border-radius: 4px;
    padding:15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.error-404{
    background-color: #ffffff;
    color: #000;
    border-radius: 4px;
    padding:15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.title-error{
    font-size: 5em;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    letter-spacing: 0.02em;
}

.form-error-search{
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-error-search input[type=text]{
    width: 30%;
    border-radius: 50px;
    border: 1px solid #d8d8d8;
}

.form-error-search input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: gray;
    padding-left: 10px;
}
.form-error-search input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: gray;
    padding-left: 10px;
}
.form-error-search input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: gray;
    padding-left: 10px;
}
.form-error-search input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: gray;
    padding-left: 10px;
}

.feature-links ul li{
    list-style: outside;
    margin-left: 15px;
}

.util-links ol li{
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 2px;
}

.util-links ol li a{
    color: #2196F3;
    font-weight: bold;
}

.img-error-search{
    width: 20px;
    padding-left: 5px;
    position: relative;
    top: 6px;
}

.btn-search-error{
    display: inline-block;
    width: 30px;
    height: 30px;
}

.symbol-error{
    display: initial;
    position: absolute;
    bottom: 0;
    right: 0;
}

.btn-consumidor {
    position: fixed;
    right: 80px;
    bottom: 15px;
    cursor: pointer;
    z-index: 9999;
}

.sub-menu-consumidor {
    display: none;
}

.sub-menu-consumidor .background-consumidor {
    background: #070707;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 50%;
    z-index: 9999;
}

.sub-menu-consumidor .banner-consumidor {
    background: white;
    width: 25%;
    float: right;
    position: fixed;
    top: 0px;
    right: 0px;
    color: black;
    height: 100vh;
    z-index: 99999;
}

@media only screen and (max-width : 1200px) {
    .sub-menu-consumidor .banner-consumidor {
        width: 33%;
    }
}


.sub-menu-consumidor .banner-consumidor .close-menu-consumidor {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    cursor: pointer;
}

.sub-menu-consumidor .banner-consumidor .header-consumidor {
    float: right;
    margin-right: 20px;
    width: 100%;
}

.sub-menu-consumidor .banner-consumidor .body-consumidor {
    float: left;
    height: 80%;
    padding: 5% 15%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    justify-content: space-between;
}

.sub-menu-consumidor .banner-consumidor .header-consumidor .close-menu-consumidor img{
    max-width: 30px;
}

.sub-menu-consumidor .banner-consumidor h1 {
    font-style: italic;
    font-size: 22px;
}

@media only screen and (max-width : 1550px) {
    .sub-menu-consumidor .banner-consumidor h1 {
        font-size: 18px;
    }
}

.sub-menu-consumidor .banner-consumidor .qrcode-consumidor {
    max-width: 80%;
    margin: 5% 0px;
}

.sub-menu-consumidor .banner-consumidor span {
    font-size: 16px;
    margin: 5% 0px;
    color: #3f3f3f;
}

@media only screen and (max-width : 1650px) {
    .sub-menu-consumidor .banner-consumidor span {
        font-size: 14px;
    }
}

.sub-menu-consumidor .banner-consumidor .clique-aqui-consumidor {
    padding-bottom: 20px;
    border-bottom: 1px solid grey;
}

.sub-menu-consumidor .banner-consumidor a {
    font-weight: bold;
    color: #3939ea;
    text-decoration: underline;
}

.sub-menu-consumidor .banner-consumidor .rodape-consumidor {
    float: right;
    height: 10%;
    width: 100%;
}