/* ------------------------------------- */
/* --------------- GERAL --------------- */
/* ------------------------------------- */

.tabela table tbody tr,
.tabela-fretes table tbody tr{
    -webkit-transition: background-color .25s ease-in-out;
       -moz-transition: background-color .25s ease-in-out;
         -o-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out; }

.titulo-loja .link-carrinho{
    -webkit-transition: border .15s ease-in-out;
       -moz-transition: border .15s ease-in-out;
         -o-transition: border .15s ease-in-out;
            transition: border .15s ease-in-out; }

.produtos ul li a,
.pagina#loja-inicial #banner-loja ul li a .imagem{
    -webkit-transition: box-shadow .25s ease-in-out;
       -moz-transition: box-shadow .25s ease-in-out;
         -o-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out; }

.link-sublinhado,
.tabela table tbody tr .excluir a{
    -webkit-transition: color .15s ease-in-out;
       -moz-transition: color .15s ease-in-out;
         -o-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out; }

.pagina#loja-inicial #banner-loja .link-seta-direita,
.pagina#loja-inicial #banner-loja .link-seta-esquerda{
    -webkit-transition: padding .15s ease-in-out;
       -moz-transition: padding .15s ease-in-out;
         -o-transition: padding .15s ease-in-out;
            transition: padding .15s ease-in-out; }

.produtos ul li a .imagem img{
    -webkit-transition: transform .25s ease-in-out;
       -moz-transition: transform .25s ease-in-out;
         -o-transition: transform .25s ease-in-out;
            transition: transform .25s ease-in-out; }

body{ 
    background: #ffffff url(../img/fundo-loja.jpg) 50% 0 no-repeat;
    background-size: cover; }

form{ text-align: left; }
form input{ background-color: #fafafa; }
form label{
    color: #333333;
    margin: 20px 0 5px 0;
    text-transform: none; }
form select{ background-color: #fafafa; }
.navegador-chrome form select,
.navegador-firefox form select,
.navegador-safari form select{ background-color: #fafafa; }
form textarea{ background-color: #fafafa; }
form .status{
    color: #ff0000;
    display: none;
    font-weight: bold;
    font-size: 90%;
    margin-top: 10px;
    text-align: center; }
h3{
    font-family: 'avant-garde', arial, helvetica, sans-serif;
    font-size: 160%; }
h3 span{ color: #eb4c00; }
h3 strong{ color: #333333; }
h3 + p{ margin-top: 0; }
h4{
    font-size: 140%;
    line-height: 1.2em; }
h4 + p{ margin-top: 0; }

.link-sublinhado{
    display: inline-block;
    font-size: 80%;
    font-weight: bold;
    margin-top: 20px; }
.link-sublinhado:hover{ text-decoration: underline; }

/* -------------------------------------- */
/* --------------- HEADER --------------- */
/* -------------------------------------- */

header{ -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.25); box-shadow: 0 0 2px 0 rgba(0,0,0,.25); }

/* --------------------------------------- */
/* --------------- SECTION --------------- */
/* --------------------------------------- */

section hr{
    background-color: #e3e3e3;
    border: none;
    display: inline-block;
    height: 1px;
    margin: 20px 0;
    padding: 0;
    width: 100%; }

.caixa{
    background-color: #fafafa;
    border: #e3e3e3 1px solid;
    color: #333333;
    font-weight: bold;
    margin-top: 20px; }

.codigo-pedido p{
    display: inline-block;
    margin-left: 10px;
    text-align: left;
    vertical-align: middle; }
.codigo-pedido p span{
    color: #eb4c00;
    display: block;
    font-size: 160%;
    font-weight: bold;
    margin-top: 5px; }

.icone{
    background: url(../img/sprite-loja.png) no-repeat;
    margin: 10px auto;
    vertical-align: middle; }
.icone.icone-caminhao{
    background-position: -260px 0;
    height: 45px;
    display: inline-block;
    margin: 0;
    width: 70px; }
.icone.icone-carrinho{
    background-position: -149px 0;
    display: block;
    height: 91px;
    margin-top: 40px;
    width: 102px; }
.icone.icone-comprar{
    background-position: 0 -41px;
    height: 27px;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 29px; }
.icone.icone-faturamento{
    background-position: -340px 0;
    height: 57px;
    display: inline-block;
    margin: 0;
    width: 56px; }
.icone.icone-lupa{
    background-position: -76px 0;
    display: block;
    height: 63px;
    margin-top: 40px;
    width: 63px; }
.icone.icone-pedido{
    background-position: -490px 0;
    display: inline-block;
    height: 49px;
    margin: 0;
    width: 53px; }
.icone.icone-sucesso{
    background-position: -406px 0;
    display: block;
    height: 74px;
    width: 74px; }

.info-importante{ margin-top: 20px; }
.info-importante .caixa{
    min-height: 110px;
    padding: 20px;
    text-align: left; }
.info-importante .caixa i{ position: absolute; }
.info-importante .caixa p{ display: inline-block; }
.info-importante .caixa .adicionais p{ margin: 0 0 0 90px; }
.info-importante .caixa .faturamento p{ margin: 0 0 0 76px; }

#menu-bolinhas{ display: none; }

.produtos{ margin-top: 40px; }
.produtos h3{
    font-family: 'bebas-neue', arial, helvetica, sans-serif;
    font-size: 250%; }
.produtos ul li{
    float: left;
    margin: 20px 20px 0 0; }
.produtos ul li:nth-child(4n+4){
    float: right;
    margin-right: 0; }
.produtos ul li a{
    background-color: #ffffff;
    border: #e7e7e7 1px solid;
    display: inline-block;
    float: left;
    height: 350px;
    padding: 20px 10px;
    width: 230px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.produtos ul li a:hover{ -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); box-shadow: 0 0 25px 0 rgba(0,0,0,.15); }
.produtos ul li a h4{
    font-size: 100%;
    font-weight: bold;
    height: 38px; 
    display: inline-block; }
.produtos ul li a .codigo{
    color: #888888;
    font-size: 80%;
    height: 20px; }
.produtos ul li a .imagem{
    display: inline-block;
    height: 138px;
    margin-top: 5px;
    width: 208px; }
.produtos ul li a .imagem img{
    height: auto;
    width: 100%;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.produtos ul li a .link-bt{ margin-top: 10px; }
.produtos ul li a .preco-de{
    color: #666666;
    font-size: 80%;
    height: 22px; }
.produtos ul li a .preco-de span{
    border-top: #666666 1px solid;
    display: inline-block;
    line-height: 0; }
.produtos ul li a .preco-por{
    color: #eb4c00;
    height: 25px; }
.produtos ul li a .preco-por span{
    font-size: 170%;
    font-weight: bold; }
.produtos + .link-bt{ margin-top: 40px; }

.seta{
    background: url(../img/sprite-loja.png) no-repeat;
    display: block;
    height: 50px;
    width: 26px; }
.seta.seta-direita{ background-position: -590px 0; }
.seta.seta-esquerda{ background-position: -554px 0; }

.tabela{ margin-top: 40px; }
.tabela table{
    color: #333333;
    font-weight: bold;
    text-align: left;
    width: 100%; }
.tabela table tbody tr{
    background-color: #fafafa;
    border: #e3e3e3 1px solid; }
.tabela table tbody tr:nth-child(odd){ background-color: #f4f4f4; }
.tabela table tbody tr:hover{ background-color: #eeeeee; }
.tabela table tbody tr td{ padding: 10px; }
.tabela table tbody tr .excluir{ text-align: center; }
.tabela table tbody tr .excluir a{
    color: #888888;
    font-size: 120%; }
.tabela table tbody tr .excluir a:hover{ color: #eb4c00; }
.tabela table tbody tr .imagem{
    display: inline-block;
    height: 73px;
    width: 100px; }
.tabela table tbody tr .imagem img{
    height: auto;
    width: 100%;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tabela table tbody tr .codigo{
    color: #888888;
    font-size: 80%; }
.tabela table thead tr td{
    color: #eb4c00;
    padding: 10px; }

.tabela-fretes h3{
    font-size: 110%;
    margin-top: 20px;
    text-transform: uppercase; }
.tabela-fretes table{
    color: #333333;
    font-size: 90%;
    font-weight: bold;
    margin-top: 10px;
    width: 100%; }
.tabela-fretes table tbody tr{
    background-color: #fafafa;
    border: #e3e3e3 1px solid; }
.tabela-fretes table tbody tr:nth-child(odd){ background-color: #f4f4f4; }
.tabela-fretes table tbody tr:hover{ background-color: #eeeeee; }
.tabela-fretes table tbody tr td{ padding: 10px; }
.tabela-fretes table thead tr{ background-color: #eb4c00; }
.tabela-fretes table thead tr th{
    color: #ffffff;
    padding: 10px; }
.tabela-fretes .unit{ padding: 0 10px 0 0; }
.tabela-fretes .unit:nth-child(2n+2){ padding: 0 0 0 10px; }

.titulo-loja{ margin-top: 40px; }
.titulo-loja p{ margin-top: 0; }
.titulo-loja .link-carrinho{
    background-color: #fafafa;
    border: #eeeeee 1px solid;
    color: #888888;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: -20px;
    padding: 10px 66px 10px 10px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.titulo-loja .link-carrinho:before{
    background: url(../img/sprite-loja.png)  no-repeat;
    content: '';
    display: inline-block;
    height: 31px;
    margin: 10px 20px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px; }
.titulo-loja .link-carrinho:hover{ border-color: #333333; }
.titulo-loja .link-carrinho span{
    color: #333333;
    display: block; }
.titulo-loja .link-carrinho strong{
    background-color: #eb4c00;
    color: #ffffff;
    height: 20px;
    line-height: 24px;
    padding: 0 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.titulo-loja #formBusca{
    bottom: 0;
    position: absolute;
    right: 0;
    width: 280px; }
.titulo-loja #formBusca button{
    bottom: 0;
    padding: 12px 10px 10px 10px;
    position: absolute;
    right: 0;
    width: auto; }
.titulo-loja #formBusca input{
    background: #fafafa url(../img/icone-busca.png) 10px 10px no-repeat;
    height: 44px;
    padding: 10px 85px 10px 40px; }

/*--------------- BUSCA ---------------*/

.pagina#loja-busca h3 + p{ margin-bottom: 0; }
.pagina#loja-busca .produtos{ margin-top: 0; }


/*--------------- CADASTRO ---------------*/

.pagina#loja-cadastro #formCadastro label{ text-transform: uppercase; }

.pagina#loja-cadastro .size3of5{ margin: 0 auto; }

/*--------------- CARRINHO ---------------*/

.pagina#loja-carrinho .caixa .adicionais{
    height: 75px;
    padding: 15px;
    width: 75%; }
.pagina#loja-carrinho .caixa .adicionais p{
    display: inline-block;
    margin: 0 0 0 20px; }
.pagina#loja-carrinho .caixa .total{
    border-left: #e3e3e3 1px solid;
    font-size: 140%;
    height: 75px;
    line-height: 45px;
    padding: 15px 0;
    text-align: center;
    width: 25%; }
.pagina#loja-carrinho .caixa .total span{ color: #eb4c00; }

.pagina#loja-carrinho .tabela{ margin-top: 20px; }

.pagina#loja-carrinho .confirmacao{
    display: none;
    margin-top: 20px; }
.pagina#loja-carrinho .confirmacao .texto{
    background-color: #333333;
    color: #ffffff;
    padding: 20px; }
.pagina#loja-carrinho .confirmacao .texto h3{ color: #eb4c00; }
.pagina#loja-carrinho .confirmacao .texto p{
    font-size: 90%;
    margin: 10px 0 0 0; }
.pagina#loja-carrinho .confirmacao .texto p + p{ margin: 5px 0 0 0; }


/*--------------- INICIAL ---------------*/

.pagina#loja-inicial #banner-loja{
    background: url(../img/fundo-loja-banner.jpg) 0 100% repeat-x;
    height: 485px;
    margin-top: 20px;
    padding: 40px 0;
    position: relative; }
.pagina#loja-inicial #banner-loja h3{
    font-family: 'bebas-neue', arial, helvetica, sans-serif;
    font-size: 250%; }
.pagina#loja-inicial #banner-loja ul{
    margin: 20px auto 0 auto;
    width: 1005px; }
.pagina#loja-inicial #banner-loja ul li{
    padding-left: 12px;
    float: left; }
.pagina#loja-inicial #banner-loja ul li a{
    display: inline-block;
    float: left;
    height: 340px;
    width: 310px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pagina#loja-inicial #banner-loja ul li a:hover .imagem{ -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); box-shadow: 0 0 25px 0 rgba(0,0,0,.15); }
.pagina#loja-inicial #banner-loja ul li a h4{
    font-size: 100%;
    font-weight: bold;
    height: 38px; }
.pagina#loja-inicial #banner-loja ul li a .codigo{
    color: #888888;
    font-size: 80%;
    height: 20px; }
.pagina#loja-inicial #banner-loja ul li a .imagem{
    display: inline-block;
    height: auto;
    margin-top: 5px;
    width: 100%; }
.pagina#loja-inicial #banner-loja ul li a .imagem img{
    height: auto;
    display: block;
    width: 100%;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagina#loja-inicial #banner-loja ul li a .link-bt{ margin-top: 5px; }
.pagina#loja-inicial #banner-loja ul li a .preco-de{
    color: #666666;
    font-size: 80%;
    height: 22px;
    margin: 1px 0 0 10px; }
.pagina#loja-inicial #banner-loja ul li a .preco-de span{
    border-top: #666666 1px solid;
    display: inline-block;
    line-height: 0; }
.pagina#loja-inicial #banner-loja ul li a .preco-por{
    color: #eb4c00;
    height: 25px; }
.pagina#loja-inicial #banner-loja ul li a .preco-por span{
    font-size: 170%;
    font-weight: bold; }

.pagina#loja-inicial #banner-loja .link-seta-direita,
.pagina#loja-inicial #banner-loja .link-seta-esquerda{
    display: inline-block;
    padding: 0 5px;
    position: absolute;
    left: 50%;
    top: 50%; }
.pagina#loja-inicial #banner-loja .link-seta-direita{ margin: -16px 0 0 520px; }
.pagina#loja-inicial #banner-loja .link-seta-direita:hover{ padding: 0 0 0 10px; }
.pagina#loja-inicial #banner-loja .link-seta-esquerda{ margin: -16px 0 0 -554px; }
.pagina#loja-inicial #banner-loja .link-seta-esquerda:hover{ padding: 0 10px 0 0; }

.pagina#loja-inicial .link-bt{ padding: 10px 30px 5px 30px; }

/*--------------- LOGIN ---------------*/

.pagina#loja-login #formLogin{ text-align: center; }

.pagina#loja-login .mask-cnpj{ text-align: center; }

.pagina#loja-login .size2of5{ margin: 0 auto; }

/*--------------- PRODUTO ---------------*/

.pagina#loja-produto .detalhes{
    padding-bottom: 40px;
    text-align: left; }
.pagina#loja-produto .detalhes h3{ margin-top: 10px; }
.pagina#loja-produto .detalhes #formProduto button{
    font-size: 125%;
    padding: 11px 25px;
    width: auto; }
.pagina#loja-produto .detalhes #formProduto select{
    margin-top: 5px;
    vertical-align: middle; }
.pagina#loja-produto .detalhes #formProduto .status{ text-align: left; }
.pagina#loja-produto .detalhes .descricao{ margin-top: 10px; }
.pagina#loja-produto .detalhes .item{ margin-top: 20px; }
.pagina#loja-produto .detalhes .item label{
    color: #888888;
    display: block;
    margin: 0;
    vertical-align: middle; }
.pagina#loja-produto .detalhes .preco-de{
    color: #666666;
    margin-top: 20px; }
.pagina#loja-produto .detalhes .preco-de span{
    border-top: #666666 1px solid;
    display: inline-block;
    line-height: 0; }
.pagina#loja-produto .detalhes .preco-por{
    color: #eb4c00;
    margin-top: 10px; }
.pagina#loja-produto .detalhes .preco-por span{
    font-size: 200%;
    font-weight: bold; }
.pagina#loja-produto .detalhes .quantidade{ margin-top: 20px; }
.pagina#loja-produto .detalhes .quantidade label{
    color: #888888;
    display: block;
    margin: 0;
    vertical-align: middle; }

.pagina#loja-produto #galeria-loja ul li img{ display: block; }
.pagina#loja-produto #galeria-loja .owl-controls{ margin-top: 290px; }
.pagina#loja-produto #galeria-loja .owl-controls .owl-page span{
    background-color: #d2d2d2;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.pagina#loja-produto #galeria-loja .owl-controls .owl-page.active span,
.pagina#loja-produto #galeria-loja .owl-controls.clickable .owl-page:hover span{ background: #e54b17; }

.pagina#loja-produto .tabela-fretes h3{
    font-size: 160%;
    margin-top: 40px;
    text-transform: none; }
.pagina#loja-produto .tabela-fretes table{
    font-size: 100%;
    margin-top: 20px; }
.pagina#loja-produto .tabela-fretes .size1of2{ width: 100%; }
.pagina#loja-produto .tabela-fretes .unit{ padding: 0; }
.pagina#loja-produto .tabela-fretes .unit:nth-child(2n+2){ padding: 0; }

/* ------------------------------------------ */
/* --------------- RESPONSIVO --------------- */
/* ------------------------------------------ */

@media screen and (max-width: 1200px) {

}