@font-face {
    font-family: 'futura_book';
    src: url('../font/futura_bk_bt_book-webfont.eot');
    src: url('../font/futura_bk_bt_book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/futura_bk_bt_book-webfont.woff2') format('woff2'),
        url('../font/futura_bk_bt_book-webfont.woff') format('woff'),
        url('../font/futura_bk_bt_book-webfont.ttf') format('truetype'),
        url('../font/futura_bk_bt_book-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_medium';
    src: url('../font/futura_medium-webfont.eot');
    src: url('../font/futura_medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/futura_medium-webfont.woff2') format('woff2'),
        url('../font/futura_medium-webfont.woff') format('woff'),
        url('../font/futura_medium-webfont.ttf') format('truetype'),
        url('../font/futura_medium-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


*, *:after, *:before{
    margin: 0; padding: 0; border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
}
html, body{
    height: 100%;
}
body{
    background: #FFF;
}

.grid{
    width: 100%;
    min-width: 280px;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    padding: 0 20px;
}
.grid:after{
    content: "";
    clear: both;
    display: table;
}

h1, h2, h3, h4, h5, p, a, li, em, i, b, span, strong, address, td, th, input, button, textarea, select, label{
    font-family: 'futura_book';
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 110%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #373435;
}
img{
    max-width: 100%;
}
a, button, input[type="submit"]{
    cursor: pointer;
}

.campo_off{
    display: none !important;
}

input[type="submit"]{
    -webkit-transition: text-indent 300ms ease-in-out;
    -moz-transition: text-indent 300ms ease-in-out;
    -ms-transition: text-indent 300ms ease-in-out;
    -o-transition: text-indent 300ms ease-in-out;
    transition: text-indent 300ms ease-in-out;
}
input[type="submit"]:hover{
    text-indent: 35px;
}

.msg{
    clear: both;
    display: block;
    margin-top: 10px;
}

.placeholder{
    color: #373435;
}
::-webkit-input-placeholder {
    color: #373435;
}
:-moz-placeholder { /* Firefox 18- */
    color: #373435;  
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #373435;  
}
:-ms-input-placeholder {  
    color: #373435;  
}



.btn{
    background: #ffcc29;
    width: 30%;
    max-width: 260px;
    padding: 40px 30px;
    display: inline-block;
}
.btn span{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-size: 2rem;
    font-family: "futura_medium";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: solid 1px #fff;
    width: 300px;
    height: 45px;

    -webkit-transition: border-width 200ms ease-in-out;
    -moz-transition: border-width 200ms ease-in-out;
    -ms-transition: border-width 200ms ease-in-out;
    -o-transition: border-width 200ms ease-in-out;
    transition: border-width 200ms ease-in-out;
}

.btn:hover span{
    border: solid 3px #FFF;
}




/* HEADER
__________________________________*/

#header{
    border-top: solid 7px #373435;
    margin-top: 110px;
}
#logo{
    background: #fff url('../img/logo.png') no-repeat center center;
    background-size: contain;
    width: 295px;
    height: 160px;
    display: block;
    margin: -80px auto 0;
    text-indent: -9999px;
    overflow: hidden;
}
#menu{
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
#menu li{
    display: inline-block;
    list-style: none;
    margin: 0 3px;
}
#menu li a{
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 10px 15px;
    font-family: "futura_medium";
    display: block;

    -webkit-transition: background 200ms ease-out;
    -moz-transition: background 200ms ease-out;
    -ms-transition: background 200ms ease-out;
    -o-transition: background 200ms ease-out;
    transition: background 200ms ease-out;
}
#menu a:hover,
#home #menu a[href="index.php"],
#institucional #menu a[href="institucional.php"],
#produtos #menu a[href="produtos.php"],
#representantes #menu a[href="representantes.php"],
#contato #menu a[href="contato.php"],
#blog #menu a[href="blog.php"]{
    background: #ffcc29;
}

#menu .link_menu{
    display: none;
}




/* FOOTER
__________________________________*/
#footer{
    border-top: solid 15px #373435;
    margin-top: 60px;
    padding: 25px 0 10px;
    text-align: center;
}
#footer address{
    display: inline-block;
    width: 65%;
    max-width: 700px;
}
#footer address > div{
    float: left;
    display: inline-block;
    width: 50%;
    padding-right: 80px;
    text-align: left;
}
#footer address strong{
    background: #ffcc29;
    padding: 7px 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "futura_medium";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 1.3rem;
}
#footer address p, #footer address a,
#footer address span{
    font-family: "futura_medium";
    line-height: 130%;
}
#footer address p.br{
    margin-top: 15px;
}



#copy{
    width: 100%;
    clear: both;
    border-top: solid 1px #ccc;
    padding-top: 10px;
    margin-top: 30px;
}
#copy p{
    text-transform: uppercase;
    color: #aaa;
    float: left;
    display: inline-block;
    padding-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
}
#copy a{
    float: right;
    display: inline-block;
}





/* HOME
__________________________________*/
#home h1{
    background: #ffcc29;
    font-family: "futura_medium";
    font-size: 18px;
    font-size: 1.8rem;
    float: right;
    padding: 10px 15px;
    margin-top: 60px;
}
#home h1:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px transparent;
    border-top: solid 10px #ffcc29;
    position: absolute;
    margin-top: 10px;
    z-index: 99;
}


#home #banner{
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 60px;
}
#home #banner:after{
    content: "";
    clear: both;
    display: table;
}
#home #banner img{
    position: relative;
}
#home #banner p{
    width: 340px;
    background: #000;
    padding: 20px;
    color: #fff;
    text-align: justify;
    line-height: 170%;
    position: absolute;
    right: 6%;
    top: 190px;
}


#chamadas-home{
    clear: both;
    position: relative;
    width: 100%;
    margin-top: 60px;
}
#chamadas-home:after{
    content: "";
    clear: both;
    display: table;
}
#chamadas-home .first,
#chamadas-home .chamada_blog,
#chamadas-home .last{
    display: inline-block;
    float: left;
}
#chamadas-home a{
    width: 370px;
    height: 225px;
    margin-bottom: 20px;
    padding: 20px;
    display: block;
}
#chamadas-home a .border{
    width: 370px;
    height: 185px;
    border: solid 1px #fff;
    margin-top: 0;
    padding-top: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "futura_medium";
    color: #fff;
    text-transform: uppercase;
    text-align: center;

    -webkit-transition: border-width 200ms ease-in-out;
    -moz-transition: border-width 200ms ease-in-out;
    -ms-transition: border-width 200ms ease-in-out;
    -o-transition: border-width 200ms ease-in-out;
    transition: border-width 200ms ease-in-out;
}
#chamadas-home a .border span{
    font-family: "futura_medium";
    color: #fff;
    display: block;
    padding-top: 10px;
    text-transform: none;
}
#chamadas-home a .border span:before{
    content: "";
    border-top: solid 3px #fff;
    width: 80%;
    height: 0;
    display: block;
    margin: 0 auto 10px;
}
#chamadas-home .light{
    background: #ffcc29;
}
#chamadas-home .chamada_produtos{
    background: url('../img/banners-produtos4.png') no-repeat 0 0;
}
#chamadas-home .chamada_catalogo{
    background: url('../img/chamada_catalogo.jpg') no-repeat 0 0;
}
#chamadas-home .chamada_blog{
    background: url('../img/chamada_blog.jpg') no-repeat 0 0;
    margin: 0 2%;
    /*height: 470px;*/
}
#chamadas-home .chamada_blog .border{
   /* height: 430px;*/
    text-transform: none;
}

#chamadas-home a:hover .border{
    border: solid 3px #FFF;
}



#newsletter{
    border-top: solid 7px #373435;
    margin-top: 60px;
    width: 100%;
    clear: both;
}
#newsletter h2{
    background: #fff;
    text-align: center;
    display: table;
    margin: -36px auto 20px;
    padding: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "futura_medium";
    text-transform: uppercase;
}
#newsletter p{
    font-family: "futura_medium";
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    text-align: center;
}
#newsletter p.msg{
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
}
#newsletter form{
    text-align: center;
    margin-top: 20px;
}
#newsletter form input{
    border: solid 1px #ffcc29;
    padding: 10px;
    width: 25%;
    font-family: "futura_medium";
    font-style: italic;
    margin: 0 5px;
}
#newsletter form input[type="submit"]{
    background: #ffcc29;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    width: 150px;
    font-size: 15px;
    font-size: 1.5rem;
}





/* INTERNA
__________________________________*/
.interna h1{
    background: #ffcc29;
    padding-top: 120px;
}
.interna h1 span{
    color: #fff;
    font-size: 60px;
    font-size: 6rem;
    line-height: 44px;
    line-height: 4.4rem;
    text-align: right;
    text-transform: uppercase;
    font-style: italic;
}
.interna #banner{
    width: 100%;
    margin-bottom: 40px;
}


.galeria{
    margin-top: 40px;
    text-align: center;
}
.galeria a{
    display: inline-block;
    float: left;
    margin: 0;
    border: solid 3px #fff;
    width: 33.3333%;
    position: relative;
}
.galeria a:hover{
    border: solid 3px #ffcc29;
}
.galeria a img{
    display: block;
    width: 100%;
}



/* INSTITUCIONAL
__________________________________*/
#institucional article p{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 140%;
    font-family: "futura_medium";
    text-align: justify;
    max-width: 1020px;
    margin: 0 auto 20px;
}



/* REPRESENTANTES
__________________________________*/
#representantes .lista{
    max-width: 1000px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
#representantes .lista *{
    font-size: 14px;
    font-size: 1.4rem;
}
#representantes .lista > li{
    width: 32%;
    display: inline-table;
    padding: 20px;
}
#representantes .lista li{
    list-style: none;
}
#representantes .lista h3{
    background: #ffcc29;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    font-family: "futura_medium";
    cursor: pointer;
}
#representantes .lista h3:before{
    content: "+";
    font-size: 20px;
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-weight: normal;
    transition: transform 200ms ease-out;
}
#representantes .lista .ativo h3:before,
#representantes .lista h3:hover:before{
    transform: rotate(45deg);
}
#representantes .lista ul{
    display: none;
}
#representantes .lista h4{
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #ccc;
}
#representantes .lista ul li:first-child h4{
    border:0;
}
#representantes .lista a{
    color: #8C8B79;
    display: block;
}



/* FORM PADRÃO
__________________________________*/

.form_padrao{
    width: 100%;
    max-width: 400px;
}
.form_padrao input, 
.form_padrao select,
.form_padrao textarea{
    border: solid 1px #000;
    padding: 7px 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-family: "futura_medium";
}
.form_padrao textarea{
    height: 140px;
    resize: none;
}
.form_padrao input[type="submit"]{
    background: #000;
    color: #ffcc29;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 9px 10px;
}




/* CONTATO
__________________________________*/

#contato section  > .grid{
    max-width: 1000px;
    text-align: center;
}


#contato .form_padrao, #contato #info{
    display: inline-table;
    width: 50%;
}
#contato #info{
    padding-left: 100px;
    text-align: left;
}
#contato #info h2{
    color: #ffcc29;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    font-family: "futura_medium";
    margin-bottom: 20px;
}
#contato #info p{
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
#contato #info .email img{
    width: 233px;
}

#contato #buttons{
    clear: both;
    width: 100%;
    margin-top: 40px;
}
#contato #buttons .btn{
    width: 50%;
    max-width: 400px;
    padding: 25px;
}
#contato #buttons .btn span{
    width: 400px;
    height: 60px;
}
#contato #buttons .btn:last-child{
    margin-left: 100px;    
}




/* TRABALHE CONOSCO, SEJA NOSSO FORNECEDOR E CADASTRO
__________________________________*/

#trabalhe_conosco #form form,
#fornecedor #form form,
#cadastro #form form{
    margin: 30px auto 0;
}
#trabalhe_conosco #form p,
#fornecedor #form p,
#cadastro #form p{
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
    text-align: center;
}

#cadastro label, #cadastro input, #cadastro select{
    display: inline-block;
    float: left;
}
#cadastro label{
    width: 27%;
    padding-right: 10px;
    text-align: right;
    padding-top: 10px;
}
#cadastro input, #cadastro select{
    width: 73%;
}
#cadastro input[type="submit"]{
    display: block;
    float: right;
}


#trabalhe_conosco .msg,
#fornecedor .msg,
#cadastro .msg,
#contato .msg{
    text-align: center;
}



/* BLOG
__________________________________*/

#blog #banner{
    margin-top: 60px;
}
#blog #banner,
#blog #banner img{
    position: relative;
}
#blog #banner h1,
#blog #banner strong{
    padding: 0;
    background: transparent;
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 50%;
    width: 100%;
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 0;
}
#blog #banner h1:after,
#blog #banner strong:after{
    content: "";
    width: 200px;
    height: 0;
    border-bottom: solid 4px #fff;
    display: block;
    margin: 10px auto 0;
}

#blog .post{
    display: block;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 1000px;
    clear: both;
    text-align: center;
}
#blog .post:after{
    content: "";
    display: table;
    clear: both;
}
#blog .post .foto,
#blog .post .info{
    display: inline-block;
    width: 50%;
    max-width: 400px;
}
#blog .post .foto{
    padding-right: 40px;
}
#blog .post .info{
    text-align: left;
}
#blog .post h2,
#blog .noticia h1{
    font-size: 24px;
    font-size: 2.4rem;
    font-style: italic;
    font-family: "futura_medium";
    text-transform: uppercase;
}
#blog .data{
    color: #ffcc29;
    display: block;
    border-bottom: solid 7px #ffcc29;
    padding-bottom: 5px;
    margin: 5px 0 20px;   
}
#blog .descricao p{
    line-height: 150%;
    margin-bottom: 10px;
}
#blog .post .mais{
    border-top: solid 3px #ddd;
    margin-top: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    text-align: right;
    display: block;
    font-weight: bold;
    font-style: italic;
}

#blog .load_posts{
    padding: 15px;
    display: block;
    margin: 40px auto 0;
}
#blog .load_posts span{
    font-size: 16px;
    font-size: 1.6rem;
}



/* BLOG - NOTÍCIA
__________________________________*/

#blog .noticia{
    max-width: 1000px;
    margin: 0 auto;
}
#blog .noticia .foto{
    float: none;
    display: block;
    margin: 0 auto 40px;
}
#blog .noticia h1{
    background: transparent;
    padding-top: 0;
    text-align: center;
}
#blog .noticia .data{
    text-align: right;
}

#blog #relacionados{
    border-top: solid 7px #373435;
    margin-top: 60px;
    width: 100%;
    clear: both;
}
#blog #relacionados strong{
    background: #fff;
    text-align: center;
    display: table;
    margin: -36px auto 20px;
    padding: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "futura_medium";
    text-transform: uppercase;
}
#blog #relacionados li{
    display: inline-block;
    float: left;
    width: 33.3333%;
    position: relative;
    padding: 0 10px;
}
#blog #relacionados li h2{
    display: table-cell;
    border-bottom: solid 3px #ddd;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    height: 46px;
    width: 600px;
    vertical-align: middle;
    line-height: 140%;

    -webkit-transition: border 200ms ease-out;
    -moz-transition: border 200ms ease-out;
    -ms-transition: border 200ms ease-out;
    -o-transition: border 200ms ease-out;
    transition: border 200ms ease-out;
}
#blog #relacionados li a img{
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
#blog #relacionados li a:hover h2{
    border-bottom: solid 3px #ffcc29;
}




/* PRODUTOS
__________________________________*/

#produtos section > .grid{
    position: relative;
}

#produtos #categorias{
    display: inline-block;
    float: left;
    width: 25%;
    z-index: 99;
    padding-right: 20px;
    padding-top: 7px;
    border-right: solid 1px #ccc;
}
#produtos #lista{
    display: inline-block;
    float: left;
    padding-left: 20px;
    width: 75%;
    border-left: solid 1px #ccc;
    margin-left: -1px;
}


#produtos section > .grid form:after{
    content: "";
    display: table;
    clear: both;
}
#produtos section > .grid form > *{
    display: inline-block;
    float: left;
    clear: none;
}

#produtos section > .grid input[type="text"],
#produtos section > .grid input[type="email"],
#produtos section > .grid input[type="password"],
#produtos section > .grid input[type="search"],
#carrinho table input{
    border: solid 1px #FFCC29;
    width: 100%;
    padding: 5px 10px;
    line-height: 17px;
    line-height: 1.7rem;
}
#produtos section > .grid form input[type="submit"]{
    background: #FFCC29;
}



/* PRODUTOS - LOGIN
__________________________________*/

#produtos #login{
    margin-bottom: 40px;
}
#produtos #login:after{
    content: "";
    display: table;
    clear: both;
}
#produtos #login form input{
    margin-bottom: 10px;
    display: block;
}
#produtos #login form input[type="submit"]{
    padding: 7px 10px;
    float: right;
}
#produtos #login form input[type="submit"]:hover{
    text-indent: 0;
}
#produtos #login a{
    padding: 7px 10px;
    float: left;
    border: solid 1px #FFF;
}
#produtos #login a:hover{
    border: solid 1px #FFCC29;
}

#produtos #login .logoff{
    float: right;
}
#produtos #login .link-bt_prod_car{
    background: #FFCC29 url('../img/ico-cart2.png') no-repeat 10px center;
    padding: 7px 10px 7px 40px;
    float: left;
    border: solid 1px #fff;

    -webkit-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
}
#produtos #login .link-cart:hover{
    border: solid 1px #333;   
}



/* PRODUTOS - CATEGORIAS
__________________________________*/

#produtos #categorias em{
    font-size: 18px;
    font-weight: bold;
    font-family: "futura_medium";
    text-transform: uppercase;
    text-align: center;
    border-bottom: solid 1px #ccc;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    width: 100%;
}
#produtos #categorias .cat{
    padding: 1px 0 0 1px;
}
#produtos #categorias ul a{
    text-transform: uppercase;
    display: inline-block;
}
#produtos #categorias ul li{
    display: block;
    clear: both;
}
#produtos #categorias .cat li > a{
    line-height: 20px;
    line-height: 2rem;
    font-family: "futura_medium";
}
#produtos #categorias .cat li > a:before{
    content: "";
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    border: solid 2px #fff;
    outline: solid 1px #ffcc29;
    clear: both;
    margin-right: 10px;
}
#produtos #categorias .cat li > a:hover:before,
#produtos #categorias .cat li > a.ativo:before{
    background: #ffcc29;
}

#produtos #categorias .cat > li{
    margin-bottom: 20px;
}
#produtos #categorias .cat > li > a{
    line-height: 28px;
    line-height: 2.8rem;
}
#produtos #categorias .cat > li > a:before{
    width: 24px;
    height: 24px;
    border: solid 3px #fff;
}
#produtos #categorias .subcat{
    margin-top: 10px;
    display: none;
}
#produtos #categorias .cat > li > a.ativo + .subcat{
    display: block;
}
#produtos #categorias .subcat li{
    padding-left: 35px;
    margin-bottom: 10px;
}
#produtos #categorias .subcat li a{
    font-size: 12px;
    font-size: 1.2rem;
}

#produtos #categorias .has-child{
    background: url('../img/arrow-down.png') no-repeat right 8px;
}


#produtos #categorias #frmPesquisar{
    margin-bottom: 50px;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
}
#produtos #categorias #frmPesquisar input[type="search"]{
    padding: 10px;    
}
#produtos #categorias #frmPesquisar input[type="submit"]{
    position: absolute;
    z-index: 99;
    right: 10px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    background: #fff url('../img/ico-zoom.png') no-repeat center center;
}



/* PRODUTOS - LISTA
__________________________________*/

#produtos #lista #breadcrumb,
#produtos #lista .toolbar,
#produtos #lista #lista_produtos{
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 10px;
}
#produtos #lista #breadcrumb:after,
#produtos #lista .toolbar:after,
#produtos #lista #lista_produtos:after{
    content: "";
    clear: both;
    display: table;
}

#produtos #lista #breadcrumb{
    min-height: 35px;
    display: none;
}
#produtos #lista #breadcrumb a{
    color: #ffcc29;
    background: #000;
    padding: 10px 10px 10px 0;
    display: inline-block;
    margin: 0 10px 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
}
#produtos #lista #breadcrumb a span{
    color: #000;
    background: #ffcc29;
    padding: 9px;   
    margin-right: 5px;
}

#produtos #lista .toolbar{
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
#produtos #lista .toolbar.bottom{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#produtos #lista .toolbar > strong{
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}
#produtos #lista .toolbar .paginacao{
    display: inline-block;
    float: right;
}
#produtos #lista .toolbar .paginacao > *{
    display: inline-block;
    float: left;
}
#produtos #lista .toolbar .paginacao .prev,
#produtos #lista .toolbar .paginacao .next{
    background: #ffcc29;
    padding: 8px 10px;
}
#produtos #lista .toolbar .paginacao p{
    margin: 0 12px;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 3px;
    padding-top: 4px;
}
#produtos #lista .toolbar .paginacao p span{
    font-weight: bold;
    font-size: 22px;
    font-size: 2.2rem;
}


#produtos #lista #lista_produtos li{
    display: inline-table;
    float: left;
	/*min-height:577px;*/
    width: 33.3333%;
    padding: 0 10px 5px;
    margin-bottom: 20px;
    border-bottom: dotted 1px #ddd;
    position: relative;
    overflow: hidden;
}
#produtos #lista #lista_produtos li > *{
    margin-bottom: 5px;
    display: block;
}
#produtos #lista #lista_produtos li img{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
#produtos #lista #lista_produtos li h2{
    text-transform: uppercase;
}
#produtos #lista #lista_produtos li p{
    margin-bottom: 5px;
    color: #929292;
    font-size: 12px;
    font-size: 1.2rem;
}
#produtos #lista #lista_produtos li .composicao{
    color: #929292;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
}

#produtos #lista #lista_produtos li .form{
    /*height: 35px;*/
    display: block;
    margin-bottom: 0;
}

.frmAddCarrinho{
    
}
#produtos #lista #lista_produtos li .mais{
    text-align: center;
    display: table;
    padding: 5px 10px;
    margin: 10px auto;
    border: solid 1px #FFF;
    text-transform: uppercase;
}
#produtos #lista #lista_produtos li .mais:hover{
    border: solid 1px #FFCC29;
}
#produtos #lista #lista_produtos li .form form{
    display: none;
    margin-top: 10px;
    text-align:center;
}
#produtos #lista #lista_produtos li form label{
    margin: 8px 0 0 3px ;
}
#produtos #lista #lista_produtos li form input[type="text"]{
    width: 60px;
}
#produtos #lista #lista_produtos li form input[type="submit"]{
    background: #FFCC29 url('../img/ico-cart.png') no-repeat center center;
    width: 40px;
    height: 30px;
    margin: 0 10px;
}


.frmAddCarrinho > .bottom-cart input[type="submit"], .frmAddCarrinho > .bottom-cart input[type="text"] {
    vertical-align: middle;
}

#produtos section > .grid form > *{
    display: inline-block;
    text-align:center;
    float: none;
    clear: none;
}

#produtos #lista .aviso{
    font-size: 14px !important;
    font-size: 1.4rem !important;
    color: #373435 !important;
}
#produtos #lista .aviso a{
    text-decoration: underline;
}



/* PRODUTOS - MOBILE
__________________________________*/

#produtos.mobile #categorias,
#produtos.mobile #lista{
    width: 100%;
    display: block;
    clear: both;
    border: 0;
    padding: 0;
}
#produtos.mobile #categorias{
    margin-bottom: 40px;
    padding-bottom: 20px;
}
#produtos.mobile #categorias #login form,
#produtos.mobile #categorias .cat{
    display: none;
    margin-bottom: 30px;
}
#produtos.mobile #categorias #login form{
    max-width: 260px;
}
#produtos.mobile #categorias em{
    cursor: pointer;
    text-align: left;
}
#produtos.mobile #categorias em:before{
    content: url('../img/arrow-down.png');
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
}
#produtos.mobile #categorias #frmPesquisar{
    margin-bottom: 0;
}
#produtos.mobile #categorias #frmPesquisar input{
    display: none;
    margin-bottom: 40px;
}
#produtos.mobile #login{
    margin-bottom: 0;
}
#produtos.mobile #login.ativo{
    margin-bottom: 30px;
}
#produtos.mobile #login.ativo em:before{
    content: none;
}



/* CARRINHO
__________________________________*/

#carrinho .carrinho_vazio{
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}
#carrinho .carrinho_vazio a{
    text-decoration: underline;
    font-size: 18px;
    font-size: 1.8rem;
}
#carrinho .bt-voltar{
    text-transform: uppercase;
    padding: 10px;
    border: solid 1px #FFCC29;

    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
#carrinho .bt-voltar:hover{
    background: #FFCC29;
}
#carrinho .table{
    width: 100%;
    overflow-x: auto;
    margin: 15px 0;
    padding-bottom: 20px;
}
#carrinho table{
    width: 100%;
    display: table;
    clear: both;
    min-width: 500px;
}
#carrinho table th{
    background: #FFCC29;
    text-transform: uppercase;
}
#carrinho table th,
#carrinho table td{
    padding: 8px;
    text-align: center;
}
#carrinho table td{
    border-bottom: solid 1px #ccc;
}
#carrinho table td span{
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 3px;
}
#carrinho table input{
    width: 70px;
    text-align: center;
    display: inline-block;
}
#carrinho table label{
    display: inline-block;
    margin-left: 5px;
}
#carrinho table .bt-remover{
    background: url('../img/ico-delete.png') no-repeat center center;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    opacity: 0.5;
}
#carrinho table .bt-remover span{
    display: none;
}
#carrinho .aviso p{
    text-align: center;
    margin-bottom: 5px;
}
#carrinho .bt-solicitar{
    display: table;
    margin: 20px auto 0;
    padding: 15px;
    width: 220px;
}
#carrinho .bt-solicitar span{
    font-size: 18px;
    font-size: 1.8rem;
}
#carrinho .bt-solicitar.disabled{
    pointer-events: none;
    background-color: #BDB7A3;
}
#carrinho .bt-solicitar.success{
    background-color: #71CA82;
    pointer-events: none;
}







@media screen and (max-width: 1220px){
    #home #banner p{
        width: 420px;
        right: 3%;
    }

    #chamadas-home{
        width: 760px;
        margin: 60px auto 0;
    }
    #chamadas-home .last {
        display: block;
        clear: both;
    }
    #chamadas-home .chamada_catalogo,
    #chamadas-home .chamada_contato{
        display: inline-block;
        float: left;
    }
    #chamadas-home .chamada_blog,
    #chamadas-home .chamada_contato{
        margin: 0 0 0 20px;
    }


    #footer address > div{
        padding-right: 60px;
    }
}

@media screen and (max-width: 1000px){
    #home #banner p{
        width: 60%;
        right: 20px;
        top: 160px;
    }

    #contato #buttons .btn{
        max-width: 340px;
    }
    #contato #info {
        padding-left: 6%;
    }
}

@media screen and (max-width: 940px){
    #footer address > div {
        padding-right: 30px;
    }

    #representantes .lista > li{
        width: 49%;
    }

    #produtos #categorias{
        width: 30%;
    }
    #produtos #lista{
        width: 70%;
    }
    #produtos #lista #lista_produtos li{
        width: 50%;
    }

}

@media screen and (max-width: 880px){
    #footer .btn{
        width: 20%;
        padding: 40px 15px;
    }
    #footer address{
        width: 75%;
    }


    #header{
        margin-top: 90px;
    }
    #logo{
        width: 200px;
        height: 120px;
    }

    #menu li{
        margin: 0;
    }

    #home #banner p {
        width: 90%;
        right: 10px;
        top: 140px;
    }

    .interna h1{
        padding-top: 80px;
    }

    #institucional article p{
        font-family: "futura_book";
        font-size: 16px;
        font-size: 1.6rem;
    }

    .galeria a{
        width: 50%;
    }

    #contato #info{
        display: none;
    }
    #contato .form_padrao,
    #contato #buttons{
        float: left;
        display: inline-block;
        clear: none;
        width: 50%;
    }
    #contato #buttons{
        margin-top: 20px;
        padding-left: 40px;
    }
    #contato #buttons .btn{
        width: 300px;
        float: none;
        clear: both;
        display: block;
    }
    #contato #buttons .btn span{
        height: 70px;
        padding: 10px;
    }
    #contato #buttons .btn, #contato #buttons .btn:last-child{
        margin: 10px auto 0;
    }

    #blog .post{
        max-width: 500px;
    }
    #blog .post .foto, #blog .post .info {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    #blog .post .foto{
        margin-bottom: 10px;
        padding-right: 0;
    }

}

@media screen and (max-width: 840px){
    html{
        font-size: 58%;
    }

    #home #banner p{
        line-height: 150%;
        padding: 15px;
    }
}

@media screen and (max-width: 800px){
    #newsletter form input{
        width: 33%;
    }

    #chamadas-home{
        width: 100%;
    }
    #chamadas-home a .border{
        padding: 5px;
    }
    #chamadas-home .first a{
        background-size: cover !important;
        width: 100%;
    }
    #chamadas-home .first{
        width: 50%;
        padding: 0 20px 0 0;
    }
    #chamadas-home .chamada_blog{
        width: 50%;
        margin: 0;
        background-size: cover !important;
    }
    #chamadas-home .last{
        width: 100%;
    }
    #chamadas-home .chamada_catalogo, #chamadas-home .chamada_contato{
        width: 50%;
        margin: 0;
    }
    #chamadas-home .chamada_catalogo{
        width: 47.5%;
        margin-right: 2.5%;
    }
}

@media screen and (max-width: 780px){
    #menu{
        margin-top: -20px;
        float: right;
        clear: none;
        display: inline-block;
        width: 50%;
    }
    #menu .link_menu{
        display: block;
        width: 120px;
        float: right;
        font-size: 20px;
        font-size: 2rem;
        text-transform: uppercase;
        padding: 10px 15px;
        font-family: "futura_medium";
        background: #fff;
    }
    #menu .link_menu:hover{
        background: #fff;
    }
    #menu ul{
        display: none;
        background: #fff;
        border: solid 1px #000;
        border-bottom: 0;
        position: absolute;
        z-index: 100;
        right: 20px;
        margin-top: 40px;
    }
    #menu li{
        display: block;
        width: 100%;
        border-bottom: solid 1px #000;
    }
    #menu li a{
        padding: 10px 30px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    #menu a:hover, #home #menu a[href="index.php"], #institucional #menu a[href="institucional.php"], #produtos #menu a[href="produtos.php"], #representantes #menu a[href="representantes.php"], #contato #menu a[href="contato.php"], #blog #menu a[href="blog.php"]{
        font-weight: bold;
        background: #fff;
    }
    #logo{
        float: left;
    }

    #home h1, .interna h1{
        margin-top: 20px;
    }


    #produtos #categorias{
        width: 40%;
    }
    #produtos #lista{
        width: 60%;
    }
    #produtos #lista #lista_produtos li{
        width: 100%;
        max-width: 300px;
    }
}

@media screen and (max-width: 740px){
    #contato #buttons .btn{
        padding: 15px;
        width: 230px;
    }
}

@media screen and (max-width: 720px){
    #footer .btn{
        display: none;
    }
    #footer address{
        width: 100%;
    }
    #footer address > div{
        padding-right: 15px;
    }
    #footer address > div:last-child{
        padding-right: 0;
        padding-left: 15px;
    }

    #chamadas-home .chamada_orcamento,
    #chamadas-home .chamada_catalogo{
        display: none;
    }
    #chamadas-home .last {
        width: 50%;
        clear: none;
        display: inline-block;
    }
    #chamadas-home .last a{
        width: 100%;
    }
    #chamadas-home .first, #chamadas-home .last{
        float: none;
        padding: 0 0 0 20px;
    }
    #chamadas-home .chamada_blog{
        float: left;
    }
}

@media screen and (max-width: 690px){
    #home #banner p{
        width: 100%;
        right: 0;
        top: 100px;
    }
    #chamadas-home, #footer{
        margin-top: 30px;
    }
    #newsletter{
        margin-top: 40px;
    }
    #copy{
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px){
    #newsletter form input{
        width: 47%;
        margin: 0 1.5%;
        float: left;
        display: inline-block;
        margin-bottom: 5px;
    }
    #newsletter form input[type="submit"]{
        display: block;
        margin: 0 auto;
        float: none;
    }
    #newsletter p{
        font-family: "futura_book";
        letter-spacing: 0;
    }
}


@media screen and (max-width: 600px){
    #header {
        margin-top: 50px;
    }
    #logo {
        width: 120px;
        height: 80px;
        margin: -50px auto 0;
    }

    #home #banner p{
        position: relative;
        top: -10px;
    }

    #representantes .lista > li{
        width: 100%;
    }

    #contato .form_padrao, #contato #buttons {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        margin: 0 auto;
    }
    #contato #buttons .btn{
        width: 100%;
    }
    #contato #buttons{
        padding-left: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 540px){
    .interna h1 {
        padding-top: 10px;
    }
    .interna h1 span{
        font-size: 50px;
        font-size: 4rem;
        line-height: 100%;
    }
}

@media screen and (max-width: 520px){
    #footer address > div, #footer address > div:last-child{
        padding: 0;
        margin: 0 auto 10px;
        width: 100%;
        max-width: 260px;
        float: none;
    }
}

@media screen and (max-width: 480px){
    .grid{
        padding: 0 10px;
    }

    #chamadas-home .chamada_blog{
        display: none;
    }
    #chamadas-home{
        margin-top: 20px;
    }
    #chamadas-home .first, #chamadas-home .last{
        width: 100%;
        padding: 0;
    }
    #chamadas-home a{
        height: 150px;
    }
    #chamadas-home a .border{
        height: 110px;
    }
    #chamadas-home .chamada_catalogo{
        display: block;
        background-size: cover;
    }
    #chamadas-home .chamada_contato{
        display: none;
    }

    #newsletter h2{
        margin-bottom: 0;
    }

    .galeria a{
        width: 100%;
    }
}

@media screen and (max-width: 440px){
    #newsletter form input {
        width: 100%;
        margin: 0 0 5px;
        text-align: center;
    }
}

@media screen and (max-width: 380px){
    .interna h1 span{
        font-size: 40px;
        font-size: 3rem;
    }
}

.styled-check-input,
.styled-check-input * {
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.styled-check-input {
    margin: 0 5px;
    border: 1px solid #ccc;
}
.styled-check-input:hover { border-color: #fff }
.styled-check-input > input { display: none }
.styled-check-input > input + label {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0!important;
}
.styled-check-input > input:checked + label {
    -webkit-box-shadow: inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff, inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff;
    -moz-box-shadow: inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff, inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff;
    -ms-box-shadow: inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff, inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff;
    box-shadow: inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff, inset 0px 0px 10px #2B5FBD, inset 0px 0px 10px #fff;
}
.styled-check-input > label:hover {
    cursor: pointer;
    opacity: 0.75;
}

.styled-check-input > div.label { width:30px; height:30px; display:block; }
.styled-check-input > .label, .styled-check-input > label { background-size:cover; margin:0;}