* { border:none; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-decoration-skip-ink:none; }
body { font-family:'Gotham',sans-serif; font-size:14px; color:#000; overflow-x:hidden; }

/* --- gerais */
div,
section,
h1 { position:relative; }
a { outline:0 }
img { vertical-align:middle; }
hr { display:block; width:100%; height:2px; background:#ccc; border:none; margin:15px 0; }

#principal { width:auto; max-width:1920px; height:auto; margin:0 auto; overflow:hidden; }

.central { width:96%; height:auto; margin:0 auto; }
.cursor { cursor:pointer; }
.hidden { opacity:0; }
.visible { opacity:1; }

label { display:inline-block; font-family:'Gotham',sans-serif; font-weight:400; font-size:15px; color:#000; }
textarea { overflow:auto }
fieldset { border:none }
input,
textarea,
select,
button { font-family:'Gotham',sans-serif; font-weight:400; font-size:15px; box-sizing:border-box; color:#000; outline:none; }
textarea { resize:none }
::-webkit-input-placeholder { opacity:1 !important }
:-moz-placeholder { opacity:1 !important }
::-moz-placeholder { opacity:1 !important }
:-ms-input-placeholder { opacity:1 !important }

.fundo-erro { color:#d00 !important; }
.fundo-sucesso { color:#060 !important; }

main { display:block; padding-top:100px; }

/* titulo interna */
.tit-interna { width:100%; height:auto; background:url(../img/fundo-tit-interna.png) top center; background-size:cover; padding:25px 0; }
.tit-interna h1 { font-size:30px; color:#2b4573; line-height:1.1; font-weight:bold; }

/* titulo categoria */
.tit-categoria { width:100%; height:auto; min-height:88px; }
.tit-categoria h2 { display:flex; min-height:88px; font-size:28px; color:#fff; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; align-items:center; }
.tit-categoria h2 span { display:block; width:100%; height:auto; }
.tit-categoria h2 span a { color:#fff; text-decoration:none; }
.tit-categoria h2 span a:hover { text-decoration:underline; }

/* titulo area restrita */
.tit-area-restrita { width:100%; height:auto; min-height:88px; background:#6d8fc0; padding:20px 0; }
.tit-area-restrita h2 { display:flex; font-size:28px; color:#fff; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; align-items:center; justify-content:space-between; }
.tit-area-restrita h2 span.whatsapp { width:95px; font-size:12px; font-style:normal; }
.tit-area-restrita h2 span.whatsapp a { display:inline-block; color:#fff; text-decoration:none; text-transform:lowercase; padding-left:32px; background:url(../img/ico-whatsapp-ar.png); background-size:contain; background-repeat:no-repeat; }
.tit-area-restrita h2 span.whatsapp a:hover {  }

.tit-area-restrita .links { width:auto; height:auto; margin-top:8px; }
.tit-area-restrita .links a { font-size:15px; color:#fff; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.tit-area-restrita .links a:hover,
.tit-area-restrita .links a.ativo { text-decoration:underline; }
.tit-area-restrita .links span { font-size:15px; color:#fff; line-height:1; font-weight:bold; margin:0 3px; }

/* --- */

/* topo */
header { position:fixed; width:100%; max-width:1597px; height:auto; top:0; left:0; background:#fff; box-shadow:0 3px 5px 0 rgba(0,0,0,0.4); z-index:999; }
header .central { display:flex; flex-wrap:wrap; justify-content:space-between; }

header figure { width:50%; height:auto; margin-bottom:10px; order:2; }
header figure img { max-width:80%; }

header .mobile { display:flex; width:50%; height:auto; justify-content:flex-end; align-items:center; order:3; }
header .mobile a.menu-mobile { display:flex; width:30px; height:22px; margin-right:10px; justify-content:space-between; flex-flow:column; }
header .mobile a.menu-mobile span { height:4px; background:#005caa; border-radius:2px; }
header .mobile a.busca { display:inline-block; width:26px; height:26px; background:url(../img/ico-busca-azul.png); }

header .superior { display:flex; width:100%; height:auto; margin-bottom:10px; padding-top:10px; align-items:center; justify-content:center; order:1; }

header .superior > a.catalogo-cores { /*font-size:16px;*/ font-size:14px; line-height:1; color:#656565; text-decoration:none; }
header .superior > a.catalogo-cores:hover { text-decoration:underline; text-decoration-color:#dedede; }

header .superior > a.login { /*font-size:16px;*/ font-size:14px; line-height:1; color:#656565; text-decoration:none; }
header .superior > a.login:hover { text-decoration:underline; text-decoration-color:#dedede; }
header .superior > a.logout { display:none; font-size:11px; color:#d00; line-height:1; text-decoration:none; margin-left:4px; }
header .superior > a.logout:hover { text-decoration:underline; }

header .superior > span { font-size:16px; line-height:1; color:#656565; margin:0 8px; }

header .superior > .idiomas { width:auto; height:auto; line-height:1; }
header .superior > .idiomas a { /*font-size:16px;*/ font-size:14px; line-height:1; color:#656565; text-decoration:none; margin:0 1px; }
header .superior > .idiomas a:hover,
header .superior > .idiomas a.ativo { text-decoration:underline; text-decoration-color:#dedede; }

header .superior .midias-sociais { width:auto; height:auto; }
header .superior .midias-sociais a { display:inline-block; width:22px; height:22px; }

header .inferior { display:none; width:100%; height:auto; order:4; }

/* --- */

/* menu mobile */
#menu-mobile { position:fixed; width:100%; min-height:100%; background:#fff; top:0; left:0; z-index:9999; transform:scaleX(0); transform-origin:center; transition:all 0.5s; will-change:transform; }
#menu-mobile a.fechar { position:absolute; font-size:45px; line-height:0.5; color:#d00; font-weight:900; text-decoration:none; top:15px; right:15px; z-index:1; cursor:pointer; }

#menu-mobile .miolo { display:flex; width:100%; height:100%; padding:40px; flex-flow:column; justify-content:space-between; }
#menu-mobile .miolo a { font-size:20px; color:#005caa; line-height:1; text-decoration:none; margin-bottom:15px; }
#menu-mobile .miolo a:hover,
#menu-mobile .miolo a.ativo { text-decoration:underline; text-decoration-color:#829fcd; }

#menu-mobile.aberto { transform:scaleY(1); transform-origin:center; transition:all 0.5s; }

/* busca */
#busca { position:fixed; width:100%; min-height:100%; background:rgba(0,81,159,0.9); top:0; left:0; z-index:9999; transform:scaleX(0); transform-origin:center; transition:all 0.5s; will-change:transform; }
#busca a.fechar { position:absolute; font-size:65px; line-height:0.5; color:#fff; font-weight:900; text-decoration:none; top:15px; right:15px; z-index:1; cursor:pointer; }
#busca .miolo { position:absolute; display:flex; width:100%; height:100%; top:0; left:0; padding:40px; justify-content:center; align-items:center; }
#busca .miolo form { display:flex; width:100%; height:auto; justify-content:space-between; }
#busca .miolo form input[type=text] { width:88%; padding:15px 20px; background:#fff; border:#fff 2px solid; font-size:20px; color:#00519f; line-height:1; font-weight:bold; text-align:left; }
#busca .miolo form input[type=submit] { width:12%; background:url(../img/ico-busca-azul.png) center no-repeat #fff; text-indent:-5000em; cursor:pointer; }

#busca.aberto { transform:scaleY(1); transform-origin:center; transition:all 0.5s; }

/* home */
#home { width:100%; height:auto; }
#home .banner { width:100%; height:auto; }
#home .banner .item { width:100%; height:auto; }
#home .banner .item picture { display:flex; position:relative; width:100%; height:300px; flex-wrap:wrap; }
#home .banner .item picture img { position:absolute; width:768px; max-width:768px; height:300px; top:0; left:50%; margin-left:-384px; z-index:0; }
#home .banner .item picture a { display:block; width:100%; height:100%; cursor:pointer; z-index:1; }
#home .banner .cycle-pager { display:flex; position:absolute; width:100%; bottom:10px; left:0; justify-content:center; z-index:998; }
#home .banner .cycle-pager span { display:inline-block; width:60px; height:5px; background:#fff; margin:0 8px; box-shadow:2px 2px 0 0 rgba(35,84,157,1); text-indent:-5000em; opacity:0.5; cursor:pointer; }
#home .banner .cycle-pager span.cycle-pager-active { opacity:1; }

#home .apresentacao { width:100%; height:auto; margin:30px 0; }
#home .apresentacao .descricao { width:auto; max-width:640px; height:auto; text-align:center; margin:0 auto; }
#home .apresentacao .descricao p { font-size:20px; color:#656565; }
#home .apresentacao .descricao a {  }
#home .apresentacao .descricao strong { display:block; font-size:22px; color:#2b4573; line-height:1; }
#home .apresentacao .descricao em,
#home .apresentacao .descricao em strong { display:block; font-size:24px; color:#2b4573; line-height:1; font-weight:900; font-style:italic; margin-top:15px; }

#home .chamadas { width:100%; height:auto; padding:30px 0; background:url(../img/fundo-chamadas-home.jpg) top center no-repeat; background-size:cover; }
#home .chamadas .lista { width:100%; height:auto; }
#home .chamadas .lista .item { width:auto; height:auto; padding-top:100px; margin-bottom:25px; }
#home .chamadas .lista .item:last-child { margin-bottom:0; }
#home .chamadas .lista .item h1 { font-size:18.81px; line-height:1; color:#fff; text-transform:uppercase; font-weight:bold; font-style:italic; }
#home .chamadas .lista .item h2 { font-size:25.72px; line-height:1; color:#fff; text-transform:uppercase; font-weight:900; font-style:italic; }
#home .chamadas .lista .item .breve { width:auto; height:auto; margin-top:10px; }
#home .chamadas .lista .item .breve p { font-size:16.48px; line-height:1; color:#fff; }
#home .chamadas .lista .item .breve a { color:#fff; text-decoration:none; }
#home .chamadas .lista .item .breve img { max-width:100%; margin:0 auto; }

#home .categorias { width:100%; height:auto; padding:30px 0; background:#fff; }
#home .categorias h1 { font-size:35px; line-height:1; color:#2b4573; text-transform:uppercase; font-weight:900; font-style:italic; text-align:center; }
#home .categorias .lista { width:100%; height:auto; margin-top:25px; }
#home .categorias .lista .item { width:94%; max-width:415px; height:auto; margin:0 auto 20px auto; transform:skew(-8deg); }
#home .categorias .lista .item:last-child { margin-bottom:0; }
#home .categorias .lista .item figure { position:relative; width:auto; height:auto; }
#home .categorias .lista .item figure a { display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:flex-end; }
#home .categorias .lista .item figure a img { max-width:100%; height:auto; }
#home .categorias .lista .item figure a .legenda { position:absolute; width:100%; padding:15px 15px 15px 100px; background:rgba(66,100,168,0.8); font-size:20px; line-height:1.1; color:#fff; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:right; z-index:1; transition:all 0.3s; }

#home .categorias .lista .item figure a:hover { transition:all 0.3s; }
#home .categorias .lista .item figure a:hover .legenda { color:#2c4670; background-color:rgba(219,195,103,0.8); transition:all 0.3s; }

/* empresa */
#empresa .conteudo { width:auto; height:auto; padding:30px 0; background:url(../img/fundo-empresa.jpg) top center no-repeat; }
#empresa .conteudo .descricao { width:auto; height:auto; padding:20px 20px 40px 20px; background:rgba(242,246,250,0.8); }
#empresa .conteudo .descricao h1 { font-size:20px; color:#000; font-weight:bold; line-height:1; }
#empresa .conteudo .descricao h2 { font-size:28px; color:#2b4573; font-weight:900; font-style:italic; line-height:1; letter-spacing:-1px; }

#empresa .conteudo .descricao .historia { width:auto; height:auto; margin-top:20px; }
#empresa .conteudo .descricao .historia p { font-size:16px; color:#000; line-height:1.3; margin-bottom:10px; }
#empresa .conteudo .descricao .historia p:last-child { margin-bottom:0; }
#empresa .conteudo .descricao .historia a { color:#000; }

#empresa .conteudo .video { width:auto; height:auto; padding:0 10px; margin-top:-20px; }
#empresa .conteudo .video > div { position:relative; height:0; padding-bottom:56.25%; padding-top:25px; }
#empresa .conteudo .video > div iframe { position:absolute; width:100%; height:100%; top:0; left:0; }

#empresa .conteudo .diretrizes { width:auto; height:auto; margin-top:25px; }
#empresa .conteudo .diretrizes .esquerda { width:auto; height:auto; }
#empresa .conteudo .diretrizes .esquerda .missao { width:auto; height:auto; padding:15px; background:#0763a9; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .missao h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; font-style:italic; text-transform:uppercase; margin-bottom:10px; }
#empresa .conteudo .diretrizes .esquerda .missao div { width:auto; height:auto; }
#empresa .conteudo .diretrizes .esquerda .missao div p { font-size:17px; color:#fff; line-height:1.2; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .missao div p:last-child { margin-bottom:0; }
#empresa .conteudo .diretrizes .esquerda .missao div a { color:#fff; text-decoration:underline; }

#empresa .conteudo .diretrizes .esquerda .visao { width:auto; height:auto; padding:15px; background:#0763a9; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .visao h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; font-style:italic; text-transform:uppercase; margin-bottom:10px; }
#empresa .conteudo .diretrizes .esquerda .visao div { width:auto; height:auto; }
#empresa .conteudo .diretrizes .esquerda .visao div p { font-size:17px; color:#fff; line-height:1.2; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .visao div p:last-child { margin-bottom:0; }
#empresa .conteudo .diretrizes .esquerda .visao div a { color:#fff; text-decoration:underline; }

#empresa .conteudo .diretrizes .esquerda .proposito { width:auto; height:auto; padding:15px; background:#0763a9; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .proposito h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; font-style:italic; text-transform:uppercase; margin-bottom:10px; }
#empresa .conteudo .diretrizes .esquerda .proposito div { width:auto; height:auto; }
#empresa .conteudo .diretrizes .esquerda .proposito div p { font-size:17px; color:#fff; line-height:1.2; margin-bottom:15px; }
#empresa .conteudo .diretrizes .esquerda .proposito div p:last-child { margin-bottom:0; }
#empresa .conteudo .diretrizes .esquerda .proposito div a { color:#fff; text-decoration:underline; }

#empresa .conteudo .diretrizes .valores { width:auto; height:auto; padding:15px; background:#0763a9; margin-bottom:15px; }
#empresa .conteudo .diretrizes .valores h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; font-style:italic; text-transform:uppercase; margin-bottom:10px; }
#empresa .conteudo .diretrizes .valores div { width:auto; height:auto; }
#empresa .conteudo .diretrizes .valores div p { font-size:17px; color:#fff; line-height:1.2; margin-bottom:15px; }
#empresa .conteudo .diretrizes .valores div p:last-child { margin-bottom:0; }
#empresa .conteudo .diretrizes .valores div a { color:#fff; text-decoration:underline; }

#empresa .conteudo .diretrizes .sustentabilidade { width:auto; height:auto; padding:15px; background:url(../img/fundo-sustentabilidade.png) top center; background-size:cover; border:#8aadba 1px solid; }
#empresa .conteudo .diretrizes .sustentabilidade h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; font-style:italic; text-transform:uppercase; margin-bottom:10px; }
#empresa .conteudo .diretrizes .sustentabilidade div { width:auto; height:auto; }
#empresa .conteudo .diretrizes .sustentabilidade div p { font-size:17px; color:#fff; line-height:1.2; margin-bottom:15px; }
#empresa .conteudo .diretrizes .sustentabilidade div p:last-child { margin-bottom:0; }
#empresa .conteudo .diretrizes .sustentabilidade div a { color:#fff; }
#empresa .conteudo .diretrizes .sustentabilidade figure { width:auto; height:auto; margin-top:15px; }
#empresa .conteudo .diretrizes .sustentabilidade figure img { max-width:100%; }

#empresa .conteudo .linha-tempo { width:auto; height:auto; margin-top:25px; }
#empresa .conteudo .linha-tempo h1 { font-size:20px; color:#000; font-weight:bold; line-height:1; }
#empresa .conteudo .linha-tempo h2 { font-size:28px; color:#114375; font-weight:900; font-style:italic; line-height:1; letter-spacing:-1px; }

#empresa .conteudo .linha-tempo .navegacao { display:flex; width:auto; height:auto; border-bottom:#00519f 1px solid; padding-bottom:10px; flex-wrap:wrap; justify-content:space-between; }
#empresa .conteudo .linha-tempo .navegacao .total-anos { width:76%; height:auto; order:2; white-space:nowrap; overflow:hidden; }
#empresa .conteudo .linha-tempo .navegacao .total-anos span.ano { font-size:28px; color:#a1b5d2; line-height:1; font-weight:900; font-style:italic; text-align:center; cursor:pointer; display:inline-block; width:50%; transition:margin 0.5s ease; }
#empresa .conteudo .linha-tempo .navegacao .total-anos span.ano.cycle-slide-active,
#empresa .conteudo .linha-tempo .navegacao .total-anos span.ano.ativo { color:#00519f; }
#empresa .conteudo .linha-tempo .navegacao .anterior { width:27px; height:27px; background:url(../img/seta-anterior-LT.png); order:1; cursor:pointer; }
#empresa .conteudo .linha-tempo .navegacao .proximo { width:27px; height:27px; background:url(../img/seta-proximo-LT.png); order:3; cursor:pointer; }

#empresa .conteudo .linha-tempo .itens { width:100%; height:auto; text-align:center; margin:0 auto; }
#empresa .conteudo .linha-tempo .itens .historia { width:100%; height:auto; }
#empresa .conteudo .linha-tempo .itens .historia figure { width:auto; height:auto; }
#empresa .conteudo .linha-tempo .itens .historia figure img { max-width:100%; }
#empresa .conteudo .linha-tempo .itens .historia .dados { width:auto; height:auto; margin-top:15px; }
#empresa .conteudo .linha-tempo .itens .historia .dados h2 { font-size:25px; color:#00519f; line-height:1; font-weight:900; font-style:italic; margin-bottom:8px; text-align:left; }
#empresa .conteudo .linha-tempo .itens .historia .dados .breve { width:auto; height:auto; font-size:15px; color:#000; line-height:1.3; text-align:left; }

/* produtos */
#produtos { width:auto; height:auto; }
#produtos .miolo { padding:30px 0; }

#produtos .categorias { width:100%; height:auto; }
#produtos .categorias .item { width:94%; max-width:415px; height:auto; margin:0 auto 20px auto; transform:skew(-8deg); }
#produtos .categorias .item:last-child { margin-bottom:0; }
#produtos .categorias .item figure { position:relative; width:auto; height:auto; }
#produtos .categorias .item figure a { display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:flex-end; }
#produtos .categorias .item figure a img { max-width:100%; height:auto; }
#produtos .categorias .item figure a .legenda { position:absolute; width:100%; padding:15px 15px 15px 100px; background:rgba(66,100,168,0.8); font-size:20px; line-height:1.1; color:#fff; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:right; z-index:1; transition:all 0.3s; }
#produtos .categorias .item figure a:hover { transition:all 0.3s; }
#produtos .categorias .item figure a:hover .legenda { color:#2c4670; background-color:rgba(219,195,103,0.8); transition:all 0.3s; }

#produtos .sub-produtos { width:auto; height:auto; padding:30px 0; }
#produtos .sub-produtos .sub { width:auto; height:auto; margin-bottom:20px; }
#produtos .sub-produtos .sub:last-child { margin-bottom:0; }
#produtos .sub-produtos .sub h3 { font-size:25px; color:#114375; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; margin-bottom:15px; }
#produtos .sub-produtos .sub .produtos { width:auto; height:auto; }
#produtos .sub-produtos .sub .produtos a { display:block; width:100%; height:auto; padding:15px; font-size:17px; color:#000; line-height:1.1; text-decoration:none; font-weight:bold; font-style:italic; text-transform:uppercase; transition:all 0.3s; }
#produtos .sub-produtos .sub .produtos a .titulo { display:block; width:100%; }
#produtos .sub-produtos .sub .produtos a .infos { display:none; }
#produtos .sub-produtos .sub .produtos a:nth-child(odd) { background:#eaeaea; }
#produtos .sub-produtos .sub .produtos a:nth-child(even) { background:#fff; }
#produtos .sub-produtos .sub .produtos a:hover { background:#f1f1b2; transition:all 0.3s; }

/* produto detalhe */
#produto { width:auto; height:auto; }
#produto .miolo { padding:30px 0; }
#produto .miolo h1 { font-size:24px; color:#114375; line-height:1; font-weight:bold; text-transform:uppercase; margin-bottom:15px; }

#produto .miolo .esquerda { width:auto; height:auto; }
#produto .miolo .esquerda .descricao { width:auto; height:auto; }
#produto .miolo .esquerda .descricao p { font-size:17px; color:#000; line-height:1.3; margin-bottom:15px; }
#produto .miolo .esquerda .descricao p:last-child { margin-bottom:15px; }
#produto .miolo .esquerda .descricao a { color:#000; }
#produto .miolo .esquerda .descricao ul { list-style:square; margin:0; padding-left:16px; }
#produto .miolo .esquerda .descricao ul li { font-size:17px; color:#000; line-height:1.3; margin-bottom:5px; }
#produto .miolo .esquerda .descricao ul li:last-child { margin-bottom:0; }
#produto .miolo .esquerda .propriedades { width:auto; height:auto; margin-top:20px; padding-top:20px; border-top:#dbdbdb 1px solid; }
#produto .miolo .esquerda .propriedades h4 { font-size:17px; color:#000; line-height:1; text-transform:uppercase; margin-bottom:8px; }
#produto .miolo .esquerda .propriedades > div { width:auto; height:auto; }
#produto .miolo .esquerda .propriedades > div p { font-size:17px; color:#000; line-height:1.3; }
#produto .miolo .esquerda .propriedades > div a { color:#000; }
#produto .miolo .esquerda .propriedades > div ul { list-style:square; margin:0; padding-left:16px; }
#produto .miolo .esquerda .propriedades > div ul li { font-size:17px; color:#000; line-height:1.3; margin-bottom:5px; }
#produto .miolo .esquerda .propriedades > div ul li:last-child { margin-bottom:0; }

#produto .miolo .direita { width:auto; height:auto; margin-top:20px; }
#produto .miolo .direita .video { width:auto; height:auto; margin-bottom:20px; }
#produto .miolo .direita .video > div { position:relative; height:0; padding-bottom:56.25%; padding-top:25px; }
#produto .miolo .direita .video > div iframe { position:absolute; width:100%; height:100%; top:0; left:0; }

#produto .miolo .direita .galeria { width:auto; height:auto; margin-bottom:20px; }
#produto .miolo .direita .galeria h4 { font-size:17px; color:#000; line-height:1; text-transform:uppercase; margin-bottom:10px; }

#produto .miolo .direita .galeria .ampliacao { width:auto; height:auto; margin-bottom:10px; }
#produto .miolo .direita .galeria .ampliacao img { max-width:100%; }

#produto .miolo .direita .galeria .lista { display:flex; width:auto; height:auto; flex-wrap:wrap; justify-content:space-between; }
#produto .miolo .direita .galeria .lista figure { width:48.4%; margin:0 0 10px 0; }
#produto .miolo .direita .galeria .lista figure img { max-width:100%; }

#produto .miolo .direita .downloads { width:auto; height:auto; margin-bottom:20px; }
#produto .miolo .direita .downloads h4 { font-size:17px; color:#000; line-height:1; text-transform:uppercase; margin-bottom:10px; }
#produto .miolo .direita .downloads .lista { width:auto; height:auto; }
#produto .miolo .direita .downloads .lista a { display:flex; width:100%; height:auto; font-size:15px; color:#000; line-height:1; text-decoration:none; border-bottom:#dbdbdb 1px solid; padding-bottom:10px; margin-bottom:10px; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#produto .miolo .direita .downloads .lista a .tit { width:86%; font-size:17px; color:#000; }
#produto .miolo .direita .downloads .lista a .icone { display:block; width:29px; height:24px; background:url(../img/ico-download.png) no-repeat; }

#produto .miolo .direita .downloads .lista a:hover { text-decoration:underline; }
#produto .miolo .direita .downloads .lista a:hover span.tit {  }

#produto .miolo .direita .contato { width:auto; height:auto; }
#produto .miolo .direita .contato a { display:inline-block; width:auto; height:auto; font-size:18px; color:#fff; line-height:1.2; font-weight:bold; text-decoration:none; padding:20px 20px 20px 110px; background-image:url(../img/ico-contato-produto.png); background-repeat:no-repeat; background-position:20px center; background-color:#00519f; }
#produto .miolo .direita .contato a:hover { text-decoration:underline; }

/* certificacoes sustentabilidade */
#certificacoes-sustentabilidade .conteudo { width:auto; height:auto; padding:30px 0; background:url(../img/fundo-certificacoes.jpg) top center no-repeat; background-size:cover; }
#certificacoes-sustentabilidade .conteudo .miolo { width:auto; height:auto; padding:20px; background:rgba(242,246,250,0.9); margin-top:60px; }

#certificacoes-sustentabilidade .conteudo .certificacoes { width:100%; height:auto; /*margin-top:-80px;*/ margin-bottom:30px; padding:20px; background:rgba(4,98,168,0.9); }
#certificacoes-sustentabilidade .conteudo .certificacoes h2 { font-size:20px; color:#fff; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista { display:flex; width:auto; height:auto; margin-top:40px; flex-wrap:wrap; justify-content:space-between; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div { width:100%; height:auto; margin-bottom:30px; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div figure { width:auto; height:auto; margin-bottom:20px; text-align:center; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div figure img { max-width:100%; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div .descricao { width:auto; height:auto; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div .descricao p { font-size:16px; color:#fff; line-height:1.3; margin-bottom:10px; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div .descricao p:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .certificacoes .lista > div .descricao a { color:#fff; }


#certificacoes-sustentabilidade .conteudo .politica-qualidade { width:100%; height:auto; margin-top:-80px; margin-bottom:30px; padding:20px; background:rgba(4,98,168,0.9); }
#certificacoes-sustentabilidade .conteudo .politica-qualidade h2 { font-size:20px; color:#fff; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista { display:flex; width:auto; height:auto; margin-top:40px; flex-wrap:wrap; justify-content:space-between; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div { width:100%; height:auto; margin-bottom:30px; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div figure { width:auto; height:auto; margin-bottom:20px; text-align:center; }
/*#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div figure img { max-width:100%; }*/
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div figure img { max-width:390px; width:100%; margin:0 auto; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div .descricao { width:auto; height:auto; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div .descricao p { font-size:16px; color:#fff; line-height:1.3; margin-bottom:10px; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div .descricao p:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .politica-qualidade .lista > div .descricao a { color:#fff; }


#certificacoes-sustentabilidade .conteudo .sustentabilidade { width:auto; height:auto; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .descricao { width:auto; height:auto; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .descricao p { font-size:16px; color:#000; line-height:1.3; margin-bottom:10px; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .descricao p:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .descricao a { color:#000; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista { display:flex; width:auto; height:auto; margin-top:40px; flex-wrap:wrap; justify-content:center; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div { position:relative; width:100%; height:auto; margin-bottom:20px; padding:20px; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div:last-child { margin-bottom:0; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div .fundo { position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/fundo-icone-sustentabilidade.png); background-size:cover; opacity:0.1; z-index:0; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div .dados { width:auto; height:auto; z-index:1; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div .dados figure { width:auto; height:auto; margin-bottom:20px; text-align:center; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div .dados figure img { max-width:100%; }
#certificacoes-sustentabilidade .conteudo .sustentabilidade .lista > div .dados .breve { width:auto; height:auto; font-size:16px; color:#2b4573; line-height:1.3; text-align:center; }

/* noticias */
#noticias { width:auto; height:auto; }
#noticias .miolo { padding:30px 0 0 0; }

#noticias aside { width:auto; height:auto; padding:20px; background:#f1f6fa; margin-bottom:20px; }
#noticias aside .busca { width:auto; height:auto; margin-bottom:20px; }
#noticias aside .busca h2 { font-size:17px; color:#000; line-height:1; margin-bottom:10px; }
#noticias aside .busca form { display:flex; position:relative; width:auto; height:auto; flex-wrap:wrap; justify-content:space-between; }
#noticias aside .busca form input[type=text] { width:86%; font-size:15px; color:#666; line-height:1; padding:12px; }
#noticias aside .busca form input[type=submit] { width:14%; background-image:url(../img/ico-busca.png); background-position:center; background-repeat:no-repeat; background-color:#fff; text-indent:-5000em; cursor:pointer; }
#noticias aside .categorias { width:auto; height:auto; margin-bottom:0; }
#noticias aside .categorias h2 { font-size:17px; color:#000; line-height:1; margin-bottom:10px; }
#noticias aside .categorias .lista { width:auto; height:auto; }
#noticias aside .categorias .lista span { display:block; width:auto; margin-bottom:12px; }
#noticias aside .categorias .lista span a { font-size:16px; color:#000; line-height:1; text-decoration:none; }
#noticias aside .categorias .lista span a.ativo,
#noticias aside .categorias .lista span a:hover { text-decoration:underline; }

#noticias .listagem { width:auto; height:auto; margin-bottom:20px; }
#noticias .listagem .lista { width:auto; max-width:390px; height:auto; margin:0 auto 20px auto; }
#noticias .listagem .lista .item { width:auto; height:auto; margin-bottom:20px; }
#noticias .listagem .lista .item:last-child { margin-bottom:20px; }
#noticias .listagem .lista .item figure { width:auto; height:auto; overflow:hidden }
#noticias .listagem .lista .item figure a { position:relative; display:block; width:auto; height:auto; text-decoration:none; transition:all 0.3s; }
#noticias .listagem .lista .item figure a img { max-width:100%; height:auto; }
#noticias .listagem .lista .item figure a .dados { position:absolute; display:flex; width:100%; left:0; bottom:0; flex-wrap:wrap; justify-content:space-between; padding:2px; }
#noticias .listagem .lista .item figure a .dados .titulo { display:flex; width:80%; padding:10px; background:rgba(43,69,115,0.8); align-items:center; }
#noticias .listagem .lista .item figure a .dados .titulo > span { font-size:17px; color:#fff; line-height:1; font-weight:bold; }
#noticias .listagem .lista .item figure a .dados .data { display:flex; width:19.2%; padding:10px; background:rgba(43,69,115,0.8); margin-left:2px; text-align:center; flex-flow:column; }
#noticias .listagem .lista .item figure a .dados .data .dia { font-size:19px; color:#fff; line-height:1; font-weight:bold; }
#noticias .listagem .lista .item figure a .dados .data .separador { display:block; width:100%; height:1px; background:#fff; margin:3px 0; }
#noticias .listagem .lista .item figure a .dados .data .mes { font-size:15px; color:#fff; line-height:1; }
#noticias .listagem .lista .item figure a:hover { transform:scale(1.02); transition:all 0.3s; }

/* noticias detalhe */
#noticias article { width:auto; height:auto; margin-bottom:20px; }
#noticias article figure { width:auto; height:auto; overflow:hidden; }
#noticias article figure div { position:relative; display:block; width:100%; height:auto; text-decoration:none; transition:all 0.3s; overflow:hidden; }
#noticias article figure div:hover { transform:scale(1.02); transition:all 0.3s; }
#noticias article figure div img { max-width:100%; height:auto; }
#noticias article figure div .dados { position:absolute; display:flex; width:100%; left:0; bottom:0; flex-wrap:wrap; justify-content:space-between; padding:2px; }
#noticias article figure div .dados .titulo { display:flex; width:80%; padding:10px; background:rgba(43,69,115,0.8); align-items:center; }
#noticias article figure div .dados .titulo > span { font-size:17px; color:#fff; line-height:1; font-weight:bold; }
#noticias article figure div .dados .data { display:flex; width:19.2%; padding:10px; background:rgba(43,69,115,0.8); margin-left:2px; text-align:center; flex-flow:column; }
#noticias article figure div .dados .data .dia { font-size:19px; color:#fff; line-height:1; font-weight:bold; }
#noticias article figure div .dados .data .separador { display:block; width:100%; height:1px; background:#fff; margin:3px 0; }
#noticias article figure div .dados .data .mes { font-size:15px; color:#fff; line-height:1; }
#noticias article figure figcaption { width:auto; height:auto; font-size:14px; line-height:1; margin-top:5px; }

#noticias article .descricao { width:auto; height:auto; margin-top:20px; }
#noticias article .descricao p { font-size:17px; color:#000; line-height:1.3; margin-bottom:15px; }
#noticias article .descricao p:last-child { margin-bottom:0; }
#noticias article .descricao a { color:#000; }
#noticias article .descricao ul { list-style:square; margin:20px 0; padding-left:16px; }
#noticias article .descricao ul li { font-size:17px; color:#000; line-height:1.3; margin-bottom:5px; }
#noticias article .descricao ul li:last-child { margin-bottom:0; }

#noticias article .galeria { display:flex; width:auto; height:auto; margin-top:20px; flex-wrap:wrap; justify-content:center; }
#noticias article .galeria figure { width:46.5%; height:auto; margin:0 5px 10px 5px; }
#noticias article .galeria figure:last-child { margin-bottom:0; }
#noticias article .galeria figure img { max-width:100%; }

#noticias article .fonte-texto { width:auto; height:auto; margin-top:20px; }
#noticias article .fonte-texto p { font-size:14px; line-height:1; }

#noticias article .compartilhe-voltar { display:flex; width:auto; height:auto; margin-top:20px; justify-content:space-between; flex-wrap:wrap; align-items:center; }
#noticias article .compartilhe-voltar > div { width:76%; }
#noticias article .compartilhe-voltar > div > span { display:block; font-size:16px; color:#000; line-height:1; margin-bottom:2px; }
#noticias article .compartilhe-voltar > a { width:22%; font-size:17px; color:#000; line-height:1.1; text-align:right; letter-spacing:-0.5px; text-decoration:none; }
#noticias article .compartilhe-voltar > a:hover { text-decoration:underline; }

/* contato */
#contato { width:auto; height:auto; }
#contato .miolo { padding:30px 0 0 0; }

#contato aside { width:auto; height:auto; margin-bottom:25px; }
#contato aside h2 { font-size:24px; color:#275ca6; line-height:1; font-weight:bold; margin-bottom:10px; }
#contato aside address { width:auto; height:auto; font-size:16px; color:#000; font-style:normal; line-height:1.3; margin-bottom:15px; padding-left:55px; background:url(../img/ico-contato-localizacao.png) left 5px no-repeat; word-break:break-all; }
#contato aside address span { display:block; width:auto; height:auto; }
#contato aside address span a { font-size:16px; color:#000; text-decoration:none; }
#contato aside address span a:hover { text-decoration:underline; }
#contato aside .telefone { display:flex; width:auto; height:auto; min-height:45px; margin-bottom:15px; padding-left:58px; background:url(../img/ico-contato-telefone.png) left 5px no-repeat; align-items:center; word-break:break-all; }
#contato aside .telefone a { font-size:16px; color:#000; line-height:1; text-decoration:none; }
#contato aside .telefone a:hover { text-decoration:underline; }
#contato aside .email { display:flex; width:auto; height:auto; min-height:40px; margin-bottom:15px; padding-left:58px; background:url(../img/ico-contato-email.png) left 5px no-repeat; align-items:center; word-break:break-all; }
#contato aside .email a { font-size:16px; color:#000; line-height:1; text-decoration:none; }
#contato aside .email a:hover { text-decoration:underline; }
#contato aside .curriculo { width:auto; height:auto; max-width:265px; margin-bottom:0; background-image:url(../img/ico-contato-curriculo.png); background-position:20px center; background-repeat:no-repeat; background-color:#d8e2ef; }
#contato aside .curriculo a { display:block; width:auto; padding:20px; font-size:16px; color:#000; text-decoration:none; }
#contato aside .curriculo a:hover { text-decoration:underline; }
#contato aside .curriculo a span { display:block; width:auto; height:auto; margin-left:50px; line-height:1.1; }

#form-contato { width:auto; height:auto; }
#form-contato .produto { width:auto; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; }
#form-contato .produto p { font-size:17px; color:#000; line-height:1; }

#form-contato .duas-colunas { display:flex; width:auto; height:auto; flex-wrap:wrap; justify-content:space-between; }
#form-contato .duas-colunas input[type=text] { width:100%; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; border:#f2f6fa 2px solid; }
#form-contato .duas-colunas input[type=text].erro { border:#e74c4c 2px solid; }
#form-contato .mensagem { width:auto; height:auto; }
#form-contato .mensagem textarea { width:100%; height:150px; padding:12px; background:#f2f6fa; margin-bottom:0; border:#f2f6fa 2px solid; }
#form-contato .mensagem textarea.erro { border:#e74c4c 2px solid; }
#form-contato .concordo { width:auto; height:auto; margin-top:15px; }
#form-contato .concordo label { display:flex; width:100%; justify-content:left; align-items:flex-start; }
#form-contato .concordo label input { margin:1px 5px 0 0; }
#form-contato .concordo label span { color:#000; line-height:1.1; }
#form-contato .concordo label span a { color:#000; }
#form-contato .concordo label span a:hover { text-decoration:none; }
#form-contato .retorno { width:auto; height:auto; font-size:16px; color:#000; line-height:1.1; text-align:center; margin:15px 0; }
#form-contato .retorno.erro { color:#d00; }
#form-contato .retorno.sucesso { color:#060; }
#form-contato .botao { width:auto; height:auto; text-align:right; }
#form-contato .botao input[type=submit] { width:146px; height:56px; padding-left:18px; background:url(../img/fundo-botao-enviar.png); font-size:25px; color:#fff; line-height:1; text-align:left; font-weight:bold; cursor:pointer; }

#contato .mapa { width:100%; height:auto; margin-top:20px; }
#contato .mapa iframe { width:100%; height:300px; vertical-align:middle; }

/* trabalhe conosco */
#trabalhe-conosco { width:auto; height:auto; }
#trabalhe-conosco .miolo { padding:30px 0; }

#trabalhe-conosco aside { width:auto; height:auto; margin-bottom:25px; }
#trabalhe-conosco aside .informacoes { width:auto; height:auto; min-height:75px; font-size:16px; color:#000; font-style:normal; line-height:1.3; margin-bottom:15px; padding-left:76px; background:url(../img/ico-curriculo.png) left 5px no-repeat; }
#trabalhe-conosco aside .email { display:flex; width:auto; height:auto; min-height:40px; margin-bottom:15px; padding-left:58px; background:url(../img/ico-contato-email.png) left 5px no-repeat; align-items:center; word-break:break-all; }
#trabalhe-conosco aside .email a { font-size:16px; color:#000; line-height:1; text-decoration:none; }
#trabalhe-conosco aside .email a:hover { text-decoration:underline; }

#form-curriculo { width:auto; height:auto; }
#form-curriculo .duas-colunas { display:flex; width:auto; height:auto; flex-wrap:wrap; justify-content:space-between; }
#form-curriculo .duas-colunas input[type=text] { width:100%; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; border:#f2f6fa 2px solid; }
#form-curriculo .duas-colunas input[type=text].erro { border:#e74c4c 2px solid; }
#form-curriculo .duas-colunas .seletor { width:100%; height:auto; padding:12px; margin-bottom:15px; background-image:url(../img/ico-seletor.png); background-position:95% center; background-repeat:no-repeat; background-color:#f2f6fa; border:#f2f6fa 2px solid; overflow:hidden; }
#form-curriculo .duas-colunas .seletor.erro { border:#e74c4c 2px solid; }
#form-curriculo .duas-colunas .seletor select { width:115%; background:none; }
#form-curriculo .duas-colunas input[type=file] { width:100%; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; border:#f2f6fa 2px solid; }
#form-curriculo .duas-colunas input[type=file].erro { border:#e74c4c 2px solid; }

#form-curriculo .mensagem { width:auto; height:auto; }
#form-curriculo .mensagem textarea { width:100%; height:150px; padding:12px; background:#f2f6fa; margin-bottom:0; border:#f2f6fa 2px solid; }
#form-curriculo .mensagem textarea.erro { border:#e74c4c 2px solid; }
#form-curriculo .concordo { width:auto; height:auto; margin-top:15px; }
#form-curriculo .concordo label { display:flex; width:100%; justify-content:left; align-items:flex-start; }
#form-curriculo .concordo label input { margin:1px 5px 0 0; }
#form-curriculo .concordo label span { color:#000; line-height:1.1; }
#form-curriculo .concordo label span a { color:#000; }
#form-curriculo .concordo label span a:hover { text-decoration:none; }
#form-curriculo .retorno { width:auto; height:auto; font-size:16px; color:#000; line-height:1.1; text-align:center; margin:15px 0; }
#form-curriculo .retorno.erro { color:#d00; }
#form-curriculo .retorno.sucesso { color:#060; }
#form-curriculo .botao { width:auto; height:auto; text-align:right; }
#form-curriculo .botao input[type=submit] { width:146px; height:56px; padding-left:18px; background:url(../img/fundo-botao-enviar.png); font-size:25px; color:#fff; line-height:1; text-align:left; font-weight:bold; cursor:pointer; }

/* denuncias */
#denuncias { width:auto; height:auto; }
#denuncias .miolo { padding:30px 0; }

#denuncias aside { width:auto; height:auto; margin-bottom:25px; }
#denuncias aside p { font-size:16px; color:#000; font-style:normal; line-height:1.4; margin-bottom:10px; }
#denuncias aside p:last-child { margin-bottom:0; }
#denuncias aside ul { width:auto; height:auto; list-style:square; padding-left:15px; }
#denuncias aside ul li { font-size:16px; color:#000; font-style:normal; line-height:1.4; }
#denuncias aside a { font-size:16px; color:#000; line-height:1; text-decoration:none; }
#denuncias aside a:hover { text-decoration:underline; }

#form-denuncias { width:auto; height:auto; padding:20px; background:#f2f6fa; }
#form-denuncias .etapa { width:auto; height:auto; }
#form-denuncias .etapa h3 { font-size:20px; color:#275ca6; font-weight:bold; margin-bottom:15px; }
#form-denuncias .etapa p { font-size:16px; color:#000; font-style:normal; line-height:1.4; margin-bottom:10px; }

#form-denuncias .campo { width:auto; height:auto; margin-bottom:10px; }
#form-denuncias .campo:last-child { margin-bottom:0; }
#form-denuncias .campo label { display:block; font-size:16px; line-height:1; margin-bottom:8px; }
#form-denuncias .campo label.lado-lado { /*display:inline-block; margin-right:10px;*/ }
#form-denuncias .campo input[type=text] { width:100%; height:auto; padding:12px; background:#fff; margin-bottom:0; border:#fff 2px solid; }
#form-denuncias .campo input[type=text].erro { border:#e74c4c 2px solid; }
#form-denuncias .campo select { width:100%; height:auto; padding:12px; background:#fff; margin-bottom:0; border:#fff 2px solid; }
#form-denuncias .campo select.erro { border:#e74c4c 2px solid; }
#form-denuncias .campo textarea { width:100%; height:150px; padding:12px; background:#fff; margin-bottom:0; border:#fff 2px solid; }
#form-denuncias .campo textarea.erro { border:#e74c4c 2px solid; }

#form-denuncias .proxima { display:flex; width:auto; height:auto; margin-top:20px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
#form-denuncias .proxima a.voltar,
#form-denuncias .proxima a.avancar { font-size:15px; color:#fff; line-height:1; text-decoration:none; font-weight:bold; padding:7px 15px 8px 15px; background:#275ca6; border-radius:4px; }
#form-denuncias .proxima a.voltar { margin-right:8px; }
/*#form-denuncias .proxima input[type=submit] { width:146px; height:56px; padding-left:18px; background:url(../img/fundo-botao-enviar.png); font-size:25px; color:#fff; line-height:1; text-align:left; font-weight:bold; cursor:pointer; }*/
#form-denuncias .proxima input[type=submit] { width:auto; height:auto; font-size:20px; color:#fff; line-height:1; text-align:left; font-weight:bold; padding:6px 15px; background:#00519f; border-radius:4px; cursor:pointer; }

#form-denuncias .concordo { width:auto; height:auto; margin-top:15px; }
#form-denuncias .concordo label { display:flex; width:100%; justify-content:left; align-items:flex-start; }
#form-denuncias .concordo label input { margin:1px 5px 0 0; }
#form-denuncias .concordo label span { color:#000; line-height:1.1; }
#form-denuncias .concordo label span a { color:#000; }
#form-denuncias .concordo label span a:hover { text-decoration:none; }

#form-denuncias .retorno { width:auto; height:auto; font-size:16px; color:#000; line-height:1.1; text-align:center; margin:15px 0; }
#form-denuncias .retorno.erro { color:#d00; }
#form-denuncias .retorno.sucesso { color:#060; }
#form-denuncias .retorno.fundo-sucesso { font-size:20px; }
#form-denuncias .botao { width:auto; height:auto; text-align:right; }
#form-denuncias .botao input[type=submit] { width:146px; height:56px; padding-left:18px; background:url(../img/fundo-botao-enviar.png); font-size:25px; color:#fff; line-height:1; text-align:left; font-weight:bold; cursor:pointer; }

/* resultados busca */
#resultado-busca { width:auto; height:auto; }
#resultado-busca .miolo { padding:30px 0; }
#resultado-busca .lista { width:auto; height:auto; }
#resultado-busca .lista > div { width:auto; height:auto; margin-bottom:10px; }
#resultado-busca .lista > div:last-child { margin-bottom:0; }
#resultado-busca .lista > div a { display:flex; width:100%; font-size:17px; color:#00519f; text-decoration:none; justify-content:flex-start; }
#resultado-busca .lista > div a span.categoria { width:30%; padding:5px; background:#00519f; color:#fff; line-height:1; text-align:center; text-transform:lowercase; margin-right:8px; text-decoration:none; transition:all 0.3s; }
#resultado-busca .lista > div a span.tit { width:68%; color:#000; align-self:center; }

#resultado-busca .lista > div a:hover { text-decoration:underline; }
#resultado-busca .lista > div a:hover span.categoria { opacity:0.8; transition:all 0.3s; }

/* area restrita */
#area-restrita { width:auto; height:auto; }
#area-restrita .miolo { padding:30px 0; }

#area-restrita .miolo .apresentacao { width:auto; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; }
#area-restrita .miolo .apresentacao p { font-size:16px; color:#000; line-height:1.3; margin-bottom:10px; }
#area-restrita .miolo .apresentacao p:last-child { margin-bottom:0; }
#area-restrita .miolo .apresentacao a { color:#000; }

#area-restrita .miolo .login-lembrete { display:flex; width:100%; height:auto; flex-wrap:wrap; justify-content:center; }
#area-restrita .miolo .login-lembrete > div { width:90%; height:auto; padding:25px; background:#005caa; margin-bottom:25px; transform:skew(-6deg); }
/*#area-restrita .miolo .login-lembrete > div > * { transform:skew(6deg); }*/
#area-restrita .miolo .login-lembrete > div:last-child { margin-bottom:0; }
#area-restrita .miolo .login-lembrete > div h2 { font-size:20px; color:#fff; line-height:1; font-weight:bold; margin-bottom:15px; }
#area-restrita .miolo .login-lembrete > div form { width:auto; height:auto; }
#area-restrita .miolo .login-lembrete > div form .uma-coluna { width:auto; height:auto; margin-bottom:10px; }
#area-restrita .miolo .login-lembrete > div form .uma-coluna input[type=text] { width:100%; font-size:16px; line-height:1; padding:12px 15px; border-bottom:#fff 2px solid; }
#area-restrita .miolo .login-lembrete > div form .uma-coluna input[type=text].erro { border-bottom:#d00 2px solid; }
#area-restrita .miolo .login-lembrete > div form .uma-coluna input[type=password] { width:100%; font-size:16px; line-height:1; /*padding:12px 15px;*/ padding:14px 15px; border-bottom:#fff 2px solid; }
#area-restrita .miolo .login-lembrete > div form .uma-coluna input[type=password].erro { border-bottom:#d00 2px solid; }
#area-restrita .miolo .login-lembrete > div form .retorno { width:auto; height:auto; font-size:16px; color:#fff; line-height:1; text-align:center; margin-bottom:10px; }
#area-restrita .miolo .login-lembrete > div form .botao { width:auto; height:auto; text-align:right; margin-top:15px; transform:skew(6deg); }
#area-restrita .miolo .login-lembrete > div form .botao input[type=submit] { width:auto; height:auto; padding:10px 25px; font-size:22px; color:#fff; line-height:1; font-weight:bold; background:none; border:#fff 2px solid; border-radius:22px; cursor:pointer; transition:all 0.3s; }
#area-restrita .miolo .login-lembrete > div form .botao input[type=submit]:hover { background-color:#00519f; transition:all 0.3s; }

/* area restrita - home */
#area-restrita-home .home { display:flex; width:auto; height:auto; padding:30px 0; flex-wrap:wrap; justify-content:center; }
/*
#area-restrita-home .home > a { font-size:16px; color:#fff; line-height:1; text-decoration:none; text-transform:uppercase; font-weight:900; margin:0 8px; padding:15px 25px; background:#00519f; transition:all 0.3s; }
#area-restrita-home .home > a:hover { background:#005caa; transform:scale(1.05); transition:all 0.3s; }
*/
#area-restrita-home .home > a { width:200px; font-size:20px; color:#fff; line-height:1; text-decoration:none; text-transform:uppercase; font-weight:900; text-align:center; margin:0 0 20px 0; padding:25px; background:#005caa; transform:skew(-6deg); }
#area-restrita-home .home > a:hover { background:#005caa; }

/* area restrita - pantone */
#area-restrita-arquivos .pantone { width:auto; height:auto; padding:30px 0; }
#area-restrita-arquivos .pantone iframe { width:100%; height:240px; }

/* area restrita - arquivos */
#area-restrita-arquivos { width:auto; height:auto; }
#area-restrita-arquivos .miolo { padding:30px 0; }

#area-restrita-arquivos .filtro { width:auto; height:auto; /*border:#005caa 2px solid; padding:12px; border-radius:3px;*/ }
#area-restrita-arquivos .filtro form { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; }
#area-restrita-arquivos .filtro form input[type=text] { width:100%; padding:12px 40px 12px 15px; background:#005caa; color:#fff; }
#area-restrita-arquivos .filtro form input[type=submit] { position:absolute; width:26px; height:26px; top:8px; right:8px; background:url(../img/ico-busca-topo.png); text-indent:-5000em; cursor:pointer; z-index:1; }

#area-restrita-arquivos .arquivos { width:auto; height:auto; padding:30px 0; }
#area-restrita-arquivos .arquivos > p { font-size:17px; text-align:center; }
#area-restrita-arquivos .arquivos .categoria { width:auto; height:auto; margin-bottom:20px; }
#area-restrita-arquivos .arquivos .categoria:last-child { margin-bottom:0; }
#area-restrita-arquivos .arquivos .categoria h3 { font-size:25px; color:#114375; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; margin-bottom:15px; }
#area-restrita-arquivos .arquivos .categoria .subcategorias { width:auto; height:auto; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub { display:block; width:100%; height:auto; font-size:17px; color:#000; line-height:1.1; text-decoration:none; font-weight:bold; font-style:italic; text-transform:uppercase; cursor:pointer; transition:all 0.3s; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .dados { width:auto; height:auto; padding:15px; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .dados .titulo { display:block; width:100%; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .dados .infos { display:none; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .dados:hover,
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .dados.ativo { background:#f1f1b2; transition:all 0.3s; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub:nth-child(odd) { background:#fff; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub:nth-child(even) { background:#eaeaea; }

#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos { display:none; width:auto; height:auto; padding:0; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a { display:flex; width:100%; height:auto; font-size:17px; color:#000; line-height:1; /*font-weight:500; font-style:italic;*/ text-transform:initial; text-decoration:none; padding:15px; flex-wrap:wrap; justify-content:space-between; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a:nth-child(even) { background:#eaeaea; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a:nth-child(odd) { background:#fff; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a:hover { text-decoration:underline; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a .superior { display:flex; width:100%; height:auto; flex-wrap:wrap; justify-content:space-between; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a .superior .titulo { width:70%; font-weight:500; font-style:italic; order:1; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a .superior .tamanho { width:100%; font-size:14px; font-weight:500; font-style:normal; margin-top:5px; order:3; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a .superior .download { width:30%; font-size:14px; font-weight:bold; font-style:normal; text-align:right; align-self:center; order:2; }
#area-restrita-arquivos .arquivos .categoria .subcategorias .sub .arquivos a .breve { width:100%; height:auto; font-size:14px; line-height:1.2; font-weight:500; font-style:normal; margin-top:5px; }

#area-restrita-arquivos .miolo .retorno { width:auto; height:auto; }
#area-restrita-arquivos .miolo .retorno p { font-size:17px; color:#000; line-height:1.4; margin-bottom:10px; }
#area-restrita-arquivos .miolo .retorno p:last-child { margin-bottom:0; }
#area-restrita-arquivos .miolo .retorno p a { color:#000; text-decoration:underline; }

/* area restrita - conta */
#area-restrita-conta { width:auto; height:auto; }
#area-restrita-conta .miolo { padding:30px 0; }

#area-restrita-conta .dados { width:auto; height:auto; margin-bottom:25px; }
#area-restrita-conta .dados h3 { font-size:22px; color:#005caa; line-height:1; margin-bottom:15px; padding-bottom:15px; }
#area-restrita-conta .dados h3::after { position:absolute; content:''; width:50px; height:2px; top:35px; left:0; background:#005caa; }
#area-restrita-conta .dados p { font-size:17px; color:#000; line-height:1.4; }
#area-restrita-conta .dados p strong { line-height:1; font-style:italic; font-weight:500; }

#area-restrita-conta .senha { width:auto; height:auto; }
#area-restrita-conta .senha h3 { font-size:22px; color:#005caa; line-height:1; margin-bottom:15px; padding-bottom:15px; }
#area-restrita-conta .senha h3::after { position:absolute; content:''; width:50px; height:2px; top:35px; left:0; background:#005caa; }
#area-restrita-conta .senha form { width:auto; height:auto; }
#area-restrita-conta .senha form span { display:block; width:auto; height:auto; margin-bottom:15px; }
#area-restrita-conta .senha form span:last-child { margin-bottom:0; }
#area-restrita-conta .senha form span label { display:block; font-size:15px; line-height:1; font-style:italic; font-weight:500; margin-bottom:2px; }
#area-restrita-conta .senha form span input[type=password] { width:100%; border:#005caa 2px solid; padding:10px; }
#area-restrita-conta .senha form span input[type=password].erro { border:#d00 2px solid; }
#area-restrita-conta .senha form .retorno { width:auto; height:auto; font-size:16px; text-align:center; margin-bottom:15px; }
#area-restrita-conta .senha form .botao { width:auto; height:auto; text-align:right; }
#area-restrita-conta .senha form .botao input[type=submit] { font-size:18px; color:#005caa; line-height:1; font-weight:bold; padding:10px 30px; background:none; border-radius:20px; border:#005caa 2px solid; transition:all 0.3s; cursor:pointer; }
#area-restrita-conta .senha form .botao input[type=submit]:hover { color:#fff; background:#005caa; transition:all 0.3s; }

/* catalogo virtual de cores */
#catalogo-cores { width:auto; height:auto; }
#catalogo-cores .miolo { padding:30px 0; }

#catalogo-cores .miolo .apresentacao { width:auto; height:auto; padding:12px; background:#f2f6fa; margin-bottom:15px; }
#catalogo-cores .miolo .apresentacao .descricao { width:auto; height:auto; }
#catalogo-cores .miolo .apresentacao .descricao h1 { font-size:20px; line-height:1; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }
#catalogo-cores .miolo .apresentacao .descricao p { font-size:16px; color:#000; line-height:1.3; margin-bottom:10px; }
#catalogo-cores .miolo .apresentacao .descricao p:last-child { margin-bottom:0; }
#catalogo-cores .miolo .apresentacao .descricao a { color:#000; }
#catalogo-cores .miolo .apresentacao .contatos { width:auto; height:auto; margin-top:20px; }
#catalogo-cores .miolo .apresentacao .contatos p { font-size:16px; color:#000; line-height:1.3; margin-bottom:5px; }
#catalogo-cores .miolo .apresentacao .contatos p:last-child { margin-bottom:0; }
#catalogo-cores .miolo .apresentacao .contatos p a { color:#000; }

#catalogo-cores .linhas { width:100%; height:auto; margin-top:25px; }
#catalogo-cores .linhas .item { width:94%; max-width:415px; height:auto; margin:0 auto 20px auto; transform:skew(-8deg); }
#catalogo-cores .linhas .item:last-child { margin-bottom:0; }
#catalogo-cores .linhas .item figure { position:relative; width:auto; height:auto; }
#catalogo-cores .linhas .item figure a { display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:flex-end; }
#catalogo-cores .linhas .item figure a img { max-width:100%; height:auto; }
#catalogo-cores .linhas .item figure a .legenda { position:absolute; width:100%; padding:15px 15px 15px 100px; background:rgba(66,100,168,0.8); font-size:20px; line-height:1.1; color:#fff; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:right; z-index:1; transition:all 0.3s; }
#catalogo-cores .linhas .item figure a:hover { transition:all 0.3s; }
#catalogo-cores .linhas .item figure a:hover .legenda { color:#2c4670; background-color:rgba(219,195,103,0.8); transition:all 0.3s; }

#catalogo-cores .linhas-destaques { width:100%; height:auto; margin-top:25px; }
#catalogo-cores .linhas-destaques .destaque { width:auto; height:auto; margin-bottom:70px; padding-bottom:30px; border-bottom:#eee 2px solid; }
#catalogo-cores .linhas-destaques .destaque:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }

#catalogo-cores .cores { width:100%; height:auto; margin-top:25px; }
#catalogo-cores .cores .item { width:100%; height:auto; margin-bottom:20px; }
#catalogo-cores .cores .item h1 { font-size:24px; color:#2b4573; line-height:1; text-transform:uppercase }
#catalogo-cores .cores .item .preview { width:auto; height:auto; margin:10px 0; overflow:hidden; }
#catalogo-cores .cores .item .preview figure { width:auto; height:auto; }
#catalogo-cores .cores .item .preview figure img { max-width:100%; height:auto; vertical-align:middle; transform:scale(1.0); transition:all 0.3s; }
#catalogo-cores .cores .item .preview span.hexadecimal { display:block; width:100%; height:100px; }
#catalogo-cores .cores .item .preview:hover figure img,
#catalogo-cores .cores .item .preview:hover span.hexadecimal { transform:scale(1.05); transition:all 0.3s; }

#catalogo-cores .cores .item .codigos { display:flex; width:100%; height:auto; margin-bottom:10px; flex-wrap:wrap; justify-content:flex-start; }
#catalogo-cores .cores .item .codigos p { font-size:15px; color:#2b4573; line-height:1.1; text-transform:uppercase; margin-right:10px; }
#catalogo-cores .cores .item .codigos p:last-child { margin-right:0; }

#catalogo-cores .cores .item .composicao { width:100%; height:auto; }
#catalogo-cores .cores .item .composicao p { font-size:16px; color:#2b4573; line-height:1.1; margin-bottom:3px; }
#catalogo-cores .cores .item .composicao p:last-child { margin-bottom:0; }
#catalogo-cores .cores .item .composicao p strong { text-transform:uppercase; }


/* erro 404 */
#erro-404 { width:auto; height:auto; padding:40px 0 0 0; background:#f0f0f0; }
#erro-404 .titulo {	width:auto; height:auto; margin:0; }
#erro-404 .titulo h1 { font-size:62px; color:#005caa; line-height:1.2; font-weight:600; text-align:center; margin-bottom:15px; }
#erro-404 .titulo h2 { font-size:32px; color:#005caa; line-height:1.1; font-weight:600; text-align:center; padding-bottom:5px; }

#erro-404 .erro-404 { width:auto; height:auto; margin-top:30px; border-bottom:#006987 1px solid; padding-bottom:30px; }
#erro-404 .erro-404 p { font-size:17px; line-height:1.3; font-weight:500; text-align:center; margin-bottom:10px; }
#erro-404 .erro-404 p.ultimo { margin-bottom:0; }

#erro-404 .erro-404 .links { display:flex; width:auto; height:auto;	margin-top:30px; flex-wrap:wrap; justify-content:center; }
#erro-404 .erro-404 .links > span { display:block; width:100%; margin:0 0 12px 0; }
#erro-404 .erro-404 .links > span:last-child { margin:0; }
#erro-404 .erro-404 .links > span > a { position:relative; font-size:17px; color:#000; font-weight:normal; text-decoration:none; padding-left:15px; }
#erro-404 .erro-404 .links > span > a:hover { text-decoration:underline; }
#erro-404 .erro-404 .links > span > a::after { position:absolute; content:'›'; color:#005caa; top:0; left:0; line-height:1; }

/* rodape */
footer { width:100%; height:auto; background:url(../img/fundo-rodape.jpg) top center no-repeat; background-size:cover; }
footer .newsletter { width:100%; height:auto; padding:20px 0; background:url(../img/fundo-newsletter.png); }
footer .newsletter h1 { font-size:16px; line-height:1; color:#fff; letter-spacing:1px; font-weight:normal; text-align:center; }
footer .newsletter form { width:auto; height:auto; margin-top:10px; }
footer .newsletter form .campos { display:flex; flex-wrap:wrap; justify-content:center; }
footer .newsletter form .campos input[type=text] { width:85%; font-size:14px; line-height:1; color:#fff; letter-spacing:1px; margin-right:2px; padding:12px 10px 10px 10px; background:rgba(255,255,255,0.2); border-bottom:transparent 2px solid; mix-blend-mode:luminosity; }
footer .newsletter form .campos input[type=text].erro { border-bottom:#fff 2px solid; }
footer .newsletter form .campos input[type=submit] { width:14%; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; background:rgba(255,255,255,0.2); mix-blend-mode:luminosity; cursor:pointer; }
footer .newsletter form .concordo { width:auto; height:auto; margin-top:8px; }
footer .newsletter form .concordo label { display:flex; width:100%; justify-content:left; align-items:flex-start; }
footer .newsletter form .concordo label input { margin:1px 5px 0 0; }
footer .newsletter form .concordo label span { color:#fff; line-height:1.1; }
footer .newsletter form .concordo label span a { color:#fff; }
footer .newsletter form .concordo label span a:hover { text-decoration:none; }
footer .newsletter form .retorno { width:100%; font-size:16px; line-height:1; color:#fff !important; text-align:center; margin:10px 0; }

footer .miolo { width:100%; height:auto; margin:20px 0; }
footer .miolo figure { display:none; }
footer .miolo figure img {  }
footer .miolo .direita { width:auto; height:auto; }
footer .miolo .direita .midias-sociais { display:flex; width:auto; height:auto; flex-wrap:wrap; justify-content:flex-end; margin-bottom:25px; }
footer .miolo .direita .midias-sociais a { margin-left:6px; }
footer .miolo .direita .telefone { display:flex; width:auto; height:auto; justify-content:flex-end; margin-bottom:10px; }
footer .miolo .direita .telefone a { display:inline-block; min-height:24px; font-size:18px; line-height:24px; color:#fff; font-weight:bold; text-decoration:none; padding-left:32px; background:url(../img/ico-telefone-rodape.png) left center no-repeat; }
footer .miolo .direita .telefone a:hover { text-decoration:underline; }
footer .miolo .direita .email { display:flex; width:auto; height:auto; justify-content:flex-end; margin-bottom:0; }
footer .miolo .direita .email a { display:inline-block; min-height:24px; font-size:15.5px; line-height:24px; color:#fff; text-decoration:none; padding-left:32px; background:url(../img/ico-email-rodape.png) left center no-repeat; }
footer .miolo .direita .email a:hover { text-decoration:underline; }

footer .copyright { width:100%; height:auto; padding:20px 0; background:url(../img/fundo-copyright.png); text-align:center; }
footer .copyright p { font-size:15px; line-height:1; color:#fff; }
footer .copyright a { color:#fff; text-decoration:none; }
footer .copyright a:hover { text-decoration:underline; }
footer .copyright .assinaturas { display:flex; width:auto; height:auto; justify-content:center; align-items:center; margin-top:10px; }
footer .copyright .assinaturas a { display:inline-block; opacity:0.5; }
footer .copyright .assinaturas span { display:inline-block; margin:0 6px; opacity:0.5; }

/* paginacao */
#paginacao { display:flex; width:100%; height:auto; text-align:center; margin:30px 0 0 0; flex-wrap:wrap; justify-content:center; }
#paginacao a { display:inline-block; width:50px; height:50px; font-size:20px; color:#fff; font-weight:bold; line-height:50px; text-decoration:none; background:#88aad0; margin:0 1px; vertical-align:middle; transition:all 0.2s; will-change:transform; }
#paginacao a:hover,
#paginacao a.atual { background:#00519f; color:#fff; text-decoration:none; transition:all 0.2s; }

/* politicas */
#politicas { width:100%; height:auto; }
#politicas .politica { width:100%; height:auto; padding:30px 0; }
#politicas .politica .descricao { width:auto; height:auto; }
#politicas .politica .descricao h2 { font-size:18px; line-height:1.1; margin-bottom:5px; }
#politicas .politica .descricao p { font-size:17px; color:#000; line-height:1.4; margin-bottom:10px; }
#politicas .politica .descricao a { color:#000; text-decoration:underline; }
#politicas .politica .descricao ul { list-style:square; margin:10px 0; padding-left:15px; }
#politicas .politica .descricao ul li { font-size:17px; color:#000; line-height:1.4; }

/* politicas rodape */
/*
.politicas-fixo { display:none; position:fixed; width:100%; left:0; bottom:0; text-align:center; padding:10px; background:rgba(0,0,0,0.8); z-index:9999; }
.politicas-fixo .miolo { width:auto; height:auto; }
.politicas-fixo .miolo p { font-size:14px; color:#fff; line-height:1.2; font-weight:400; }
.politicas-fixo .miolo p a { color:#fff; text-decoration:underline; } 
.politicas-fixo .miolo a.aceite-politicas { display:inline-block; font-size:15px; color:#fff; line-height:1; font-weight:600; text-decoration:none;	margin-top:12px; padding:8px 15px; background:#005caa; border:#005caa 2px solid; border-radius:4px; transition:all 0.3s; }
.politicas-fixo .miolo a.aceite-politicas:hover { background:#fff; color:#005caa; transition:all 0.3s; }
*/

/* --- jquery file upload */
/*
#fileupload { width:70% }
.fileupload-buttonbar, .fileupload-buttonbar .col-lg-7 {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle { display:inline-block; width:auto; margin-bottom:5px; margin-right:5px; float:left; cursor:pointer }

.fileupload-buttonbar button,
.fileupload-buttonbar input,
.fileupload-buttonbar select[multiple],
.fileupload-buttonbar textarea { background-image:none }

.btn-success,
.btn-primary,
.btn-warning,
.btn-danger { font-family:'Open Sans',verdana,arial,sans-serif; font-size:14px; color:#fff; padding:5px 10px; cursor:pointer }
.btn-success { background:#5cb85c; border:#4cAe4c 1px solid; padding:5px 10px !important }
.btn-primary { background:#428bca; border:#357ebd 1px solid }
.btn-warning { background:#f0ad4e; border:#eea236 1px solid }
.btn-danger { background:#d9534f; border:#d43f3a 1px solid }

.btn-success.exibe { display:inline-block }
.btn-success.esconde { display:none }

.fade { opacity:0; transition:opacity 0.15s linear 0s; margin-top:10px }
.fade.in { opacity:1 }
.progress { height:20px; overflow:hidden; background-color:#f5f5f5; border-radius:4px 4px 4px 4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; margin-bottom:20px }
.progress.active .progress-bar { animation:2s linear 0s normal none infinite progress-bar-stripes }
.progress-striped .progress-bar { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px }
.progress-bar { width:0; height:100%; background-color:#428bca; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset; color:#fff; font-size:12px; text-align:center; transition:width 0.6s ease 0s; float:left }
.progress-bar-success { background-color:#5cb85c }
.progress-striped .progress-bar-success { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-extended { display:none }

.table-striped { width:100%; max-width:100%; margin-bottom:20px; border-collapse:collapse; border-spacing:0 }
.table-striped > tbody > tr:nth-child(2n+1) { width:100%; height:auto; overflow:hidden; background-color:#f9f9f9 }

.table-striped .botoes { text-align:center }
.table-striped .botoes button { display:inline-block }
.table-striped .botoes .btn-primary { display:none }
*/

/* jquery file upload */
#fileupload { width:70% }
.fileupload-buttonbar,
.fileupload-buttonbar .col-lg-7 { width:100%; height:auto; overflow:hidden }

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle { display:inline-block; width:auto; margin-bottom:5px; margin-right:5px; float:left; cursor:pointer }
.fileupload-buttonbar .btn { margin:0 !important }

.fileupload-buttonbar button,
.fileupload-buttonbar input,
.fileupload-buttonbar select[multiple],
.fileupload-buttonbar textarea { background-image:none }

.btn-success,
.btn-primary,
.btn-warning,
.btn-danger { font-family:'Open Sans',verdana,arial,sans-serif; font-size:14px; color:#fff; padding:5px 10px; cursor:pointer; }
.btn-success { background:#276ca9; border:#276ca9 1px solid; padding:6px 10px !important; }
.btn-primary { background:#428bca; border:#357ebd 1px solid; }
.btn-warning { background:#f0ad4e; border:#eea236 1px solid; }
.btn-danger { background:#d9534f; border:#d43f3a 1px solid; }

.btn-success.exibe { display:inline-block }
.btn-success.esconde { display:none }

.fade { opacity:0; transition:opacity 0.15s linear 0s; margin:9px 0 }
.fade.in { opacity:1 }

.fileupload-progress { display:inline-block; width:100%; vertical-align:top; float:right }

.progress { height:15px; background-color:#f5f5f5; border-radius:4px 4px 4px 4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; overflow:hidden }
.progress.active .progress-bar { animation:2s linear 0s normal none infinite progress-bar-stripes }
.progress-striped .progress-bar { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px }
.progress-bar { width:0; height:100%; background-color:#428bca; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset; color:#fff; font-size:12px; text-align:center; transition:width 0.6s ease 0s; float:left }
.progress-bar-success { background-color:#5cb85c }
.progress-striped .progress-bar-success { background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-extended { display:none }

.files { display:flex; width:100%; height:auto; justify-content:space-between; flex-wrap:wrap; margin-top:12px; overflow:hidden; }
.files * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.files .template-upload,
.files .template-download { width:48%; margin:0 0 10px 0; border:#ccc 1px solid; padding:10px; background:#fff; }
.files .template-upload .visualizacao,
.files .template-download .visualizacao { width:auto; height:auto; min-height:60px; text-align:center; margin-bottom:5px; }
.files .template-upload .visualizacao span.preview,
.files .template-download .visualizacao span.preview { display:block; }
.files .template-upload .visualizacao span.preview canvas,
.files .template-download .visualizacao span.preview canvas { vertical-align:middle; }

.files .template-upload .visualizacao span.preview video,
.files .template-download .visualizacao span.preview video { width:100%; vertical-align:middle; }

.files .template-upload .nome,
.files .template-download .nome { width:auto; height:auto; text-align:center; margin-bottom:5px; }
.files .template-upload .nome p.name,
.files .template-download .nome p.name { width:auto; font-size:16px; line-height:1; color:#333; margin:0; word-wrap:break-word; }
.files .template-upload .tamanho,
.files .template-download .tamanho { width:auto; height:auto; text-align:center; margin-bottom:5px; font-size:14px; line-height:1; color:#000; font-weight:bold; margin:0; }
.files .template-upload .tamanho p.size,
.files .template-download .tamanho p.size {  }
.files .template-upload .tamanho .progress,
.files .template-download .tamanho .progress { height:10px; margin-top:5px; }