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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'swiss-721-condensed-bt';
    src: url('../fonts/swiss-721-condensed-bt.eot');
    src: url('../fonts/swiss-721-condensed-bt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swiss-721-condensed-bt.woff') format('woff'),
         url('../fonts/swiss-721-condensed-bt.ttf') format('truetype'),
         url('../fonts/swiss-721-condensed-bt.svg#swiss-721-condensed-bt') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { margin: 0; font-family: 'tahoma'; color: #222; font-size: 12px; min-width: 1150px;}
a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'tahoma'; color: #333; font-size: 12px; }

.errorlist{ float:left;  color:#ff0000; font-size: 12px; float:left; width:100%;}
.errorlist2{ display:none;}
.error input[type=text], .error input[type=password]{border: 1px solid #ff0000 !important}
.bloquear_tela{ position: fixed; width:100%; height: 100%; z-index:1002; background: url(../../imagens/ajax-loader.gif) no-repeat center #000; opacity: 0.5; margin:0px; padding: 0px;}

.fonte_12 { font-size:12px; } 
.fonte_vermelha { color:#ff0000; }

.wrapper { width: 96%; padding: 0 2%; float: left; }

.popup{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 500px; height: 150px; border: solid 5px #3c3c3c; background: #ececec; display: block; font-size:14px; z-index: 10000; }
.popup div.aviso{ width: 100%; background: #313131; height: 30px; color:#fff;}
.popup div.aviso b{padding:5px;}
.popup div.texto{ margin:10px;}
.popup input[type=button].bt_close { background: #313131; font-family: 'tahoma'; font-size: 14px; cursor: pointer; color:#fff; text-transform: uppercase; padding: 3px; border: none; float: right; margin-right:5px; margin-top:2px; }
.popup input[type=button].bt_ok { background: #003178; font-family: 'tahoma'; font-size: 14px; cursor: pointer; color:#fff; text-transform: uppercase; padding: 5px; border: none; float: right; margin-right:5px; margin-top:25px;}

#topo { background: url(../../imagens/bg_topo.png); width: 100%; height: 128px; float: left; position: fixed; z-index:1000;}
#topo #logo { float: left; margin: 10px 0 0; width: 20%; }
#topo #logo a { background: url(../../imagens/logo.png) no-repeat; width: 166px; height: 108px; display: block; float: left; }
#topo .selo { float: left; width: auto; margin-left: 4%; margin-top:-3px; height: auto; }

#topo #busca { width: 47%; height: 44px; float: left; }
#topo #busca input[type=text] { background: url(../../imagens/input_busca.png) left no-repeat; max-width: 330px; width: 65%; height: 40px; padding: 0 20px; font-family: 'apex_newbook'; text-transform: uppercase; font-size: 14px; border: none; float: left; border: none; }
#topo #busca input[type=submit] { background: url(../../imagens/submit_busca.png) left no-repeat; width: 43px; height: 40px; float: left; display: block; border: none; }

#bt_call { background: url(../../imagens/call.png); width: 46px; height: 49px; position: fixed; right: 0; top: 120px; z-index: 1001; }
#bt_topo { background: url(../../imagens/topo.png); width: 50px; height: 56px; display: none; position: fixed; bottom: 0; left: 20px; z-index: 1001; }

#links_topo { float: right; width: 55%; margin-bottom: 18px; }
#links_topo .links { background: #ededed; padding: 7px 10px; float: left; font-family: 'swiss-721-condensed-bt'; font-size: 12px; text-transform: uppercase; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
#links_topo .links a { font-weight: bold; color: #003178; }
#links_topo .atendimento { display:none; background: url(../../imagens/bg_atendimento.png); padding: 7px 10px; float: right; font-family: 'swiss-721-condensed-bt'; font-size: 12px; text-transform: uppercase; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
#links_topo .atendimento span { background: url(../../imagens/chat.png) left no-repeat; padding-left: 20px; display: block; color: #fff; }

.right_topo { float: right; width: 80%; margin-top: 0px; }

.fone_topo { background: url(../../imagens/fone_topo.png) left 2px no-repeat; padding-left: 12px; display: block; float: left; margin: 0 0 0 0px; /*font-family: 'apex_newmedium';*/ font-size: 18px; line-height: 18px; color: #111; }
.fone_topo span { font-family: 'apex_newbook'; font-size: 12px; color: #555; text-transform: uppercase; display: block; }

.endereco_topo { display: block; float: left; margin-top:10px; font-size: 16px; line-height: 18px; color: #111; }

.whats { background: url(../../imagens/whats.png) left 2px no-repeat; padding-left: 25px; display: block; float: left; margin: 0 0 0 80px; /*font-family: 'apex_newmedium';*/ font-size: 18px; line-height: 18px; color: #111; }
.whats span { font-family: 'apex_newbook'; font-size: 12px; color: #555; text-transform: uppercase; display: block; }

#carrinho { background: url(../../imagens/carrinho.png); width: 121px; height: 46px; display: block; float: right; margin: 0 10px 0 0; }
#carrinho  span { display: block; color: #fff; font-size: 12px; float: left; width: 20px; text-align: center; margin: 2px 0 0 28px; font-family: 'apex_newmedium'; }

#menu { background: url(../../imagens/bg_menu.png); width: 100%; z-index: 100; float: left; margin-top:128px;}
#menu ul { list-style: none; padding: 0; margin: 0; float: left; width: 100%; text-align: center; }
#menu ul li { display: inline-block; }
#menu ul li a { padding: 10px 16px; display: block; color: #fff; font-family: 'apex_newbook'; font-size: 15px; text-decoration: none; }
#menu ul li a:hover { background: #00225D; }
#menu ul li a span { display: block; }
#menu ul li a.home span { background: url(../../imagens/home.png); width: 19px; height: 17px; display: block; }

#banner { width: 100%; float: left; height: 400px; overflow: hidden; }
#banner .prev, #banner .next { background: url(../../imagens/nav_banner.png) left; width: 36px; height: 46px; display: block; position: absolute; z-index: 1000; left: 0; margin-top: 185px; }
#banner .next { background-position: right; right: 0; left: inherit; }
#banner .slide { float: left; width: 100%; height: 400px; }
#banner ul { list-style: none; padding: 0; margin: 0; height: 400px; float: left; width: 100%; }
#banner ul li { float: left; width: 100%; height: 400px; float: left; }
#banner ul li a { width: 100%; height: 400px; float: left; display: block; }
#banner ul li a img { display: none; }

#banner .nav { z-index: 1001; position: absolute; margin: 350px 0 0 0;right: 10%; }
#banner .nav a { color:#fff; background: #003178; padding:8px; font-size:16px; font-weight: bold; text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

#banner .nav a:hover { color:#fff; background: #0368bd !important;}

#banner .nav a.active { color:#fff; background: #0368bd !important;}

.opcoes { background: url(../../imagens/bg_icons.png); width: 100%; height: 42px; float: left; padding-top: 10px; }
.opcoes .wrapper { margin: 0 auto; float: none; width: 1000px; padding: 0; }
.opcoes.rodape { background: url(../../imagens/bg_icons2.png) top; }
.opcoes .desconto { background: url(../../imagens/icon_desconto.png) left no-repeat; padding-left: 37px; float: left; }
.opcoes .desconto strong { font-size: 23px; color: #111; float: left; font-family: 'apex_newheavy'; text-transform: uppercase; font-weight: normal; }
.opcoes .desconto span { font-size: 11px; text-transform: uppercase; color: #777; line-height: 12px; display: inline-block; margin: 2px 0 0 5px; }
.opcoes .frete { background: url(../../imagens/icon_frete.png) left no-repeat; padding-left: 58px; float: left; margin-left: 62px; }
.opcoes .frete strong { font-size: 23px; color: #111; float: left; font-family: 'apex_newheavy'; text-transform: uppercase; font-weight: normal; }
.opcoes .frete span { font-size: 11px; text-transform: uppercase; color: #777; line-height: 12px; display: inline-block; margin: 2px 0 0 5px; }
.opcoes .juros { background: url(../../imagens/icon_juros.png) left no-repeat; padding-left: 47px; float: right; }
.opcoes .juros strong { font-size: 23px; color: #111; float: left; font-family: 'apex_newheavy'; text-transform: uppercase; font-weight: normal; }
.opcoes .juros span { font-size: 11px; text-transform: uppercase; color: #777; line-height: 12px; display: inline-block; margin: 2px 0 0 5px; }

#content { padding: 50px 0 60px; float: left; width: 100%; }
.interna #content { padding: 30px 0 60px; }
#content h2.title { background: url(../../imagens/bg_h2.png); width: 99%; border: 1px solid #cfcfcf; border-left: 6px solid #003178; height: 44px; margin: 0 0 35px; float: left; }
#content h2.title span { font-family: 'apex_newmedium'; color: #111; font-size: 17px; font-weight: normal; text-transform: uppercase; display: block; margin: 11px 0 0 15px; }

#content h1.title { background: url(../../imagens/bg_h2.png); width: 99%; border: 1px solid #cfcfcf; border-left: 6px solid #003178; height: 44px; margin: 0 0 35px; float: left; }
#content h1.title span { font-family: 'apex_newmedium'; color: #111; font-size: 17px; font-weight: normal; text-transform: uppercase; display: block; margin: 11px 0 0 15px; }

#area_txt { float: left; width: 100%; line-height: 19px; text-align: justify; }
#area_txt p { margin: 0 0 30px; }

.caminho { float: left; font-size: 14px; padding: 5px 0 8px; width: 100%; }
.caminho span, .caminho a { background:url("../../imagens/set.png") no-repeat left; display: inline-block; font-family: myriadpro-regular; margin-right: 10px; padding-left: 8px; }
.desc_produtos { padding: 0 15px 0; width: 750px; float: left; line-height: 17px; margin: -15px 0 30px; font-size: 12px; line-height: 19px; }

.navegacao { float: left; width: 99%; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; padding: 10px 0; margin-bottom: 15px; }
.navegacao .desc { font-style: italic; float: left; color: #777; display: block; }
.navegacao ul { list-style: none; padding: 0; margin: 0; float: right; }
.navegacao ul li { float: left; }
.navegacao ul li a { color: #111; font-size: 14px; padding: 3px 5px; text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.navegacao ul li a:hover { background: #00347E; color: #fff; }

.navegacao ul li a.active { background: #00347E; color: #fff; }

#marcas { float: left; width: 100%; margin-bottom: 25px; display: none; }
#marcas .prev, #marcas .next { background: url(../../imagens/nav_marcas.png) left no-repeat; width: 15px; height: 60px; display: block; float: left; }
#marcas .next { background-position: right; float: right; }
#marcas .slide { width: 800px; float: left; margin: 0 10px; }
#marcas .slide li { margin: 0 25px; height: 60px; width: 110px; display: table; text-align: center; }
#marcas .slide li a { display: table-cell; vertical-align: middle; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
#marcas .slide li a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

#table_site { float: left; width: 100%; }
#table_site .left { width: 270px; }
#table_site td { vertical-align: top; }
#content .area { width: 102%; float: left; }

.quebra_linha { float:left; width:100%; clear:both;}

.produto { width: 19%; border: 1px solid #d5d5d5; padding: 10px 2% 20px; margin: 0 0.5% 15px; min-height: 375px; text-decoration: none; float: left; display: block; text-align: center; line-height: 18px; font-size: 12px; color: #555; }
.produto:hover { border: 1px solid #999; text-decoration: none; }

/*
.produto .frete { background: url(../../imagens/frete.png) right no-repeat #003985; padding: 0 10px 0 5px; margin: -3px 0 0 -2%; font-size: 10px; color: #fff; position: absolute; display: block; text-transform: uppercase; }
.produto .lancamento { background: url(../../imagens/frete.png) right no-repeat #00b440; padding: 0 10px 0 5px; margin: -3px 0 0 -2%; font-size: 10px; color: #fff; position: absolute; display: block; text-transform: uppercase; }
.produto .campeao { background: url(../../imagens/campeao.png) right no-repeat #e10404; padding: 0 10px 0 5px; margin: -3px 0 0 -2%; font-size: 10px; color: #fff; position: absolute; display: block; text-transform: uppercase; }
.produto .ultimas_pecas { background: url(../../imagens/ultimas_pecas.png) right no-repeat #eef100; padding: 0 10px 0 5px; margin: -3px 0 0 -2%; font-size: 10px; color: #fff; position: absolute; display: block; text-transform: uppercase; }
.produto .desconto_quantidade { background: url(../../imagens/desconto_quantidade.png) right no-repeat #cfcfcf; padding: 0 10px 0 5px; margin: -3px 0 0 -2%; font-size: 10px; color: #fff; position: absolute; display: block; text-transform: uppercase; }
*/

.produto .flag { padding: 0 10px 0 5px; margin: -3px 0 0 -2%; position: absolute; display: block; width: 150px; }

.produto .flag b{ margin-bottom: 5px; }

.produto b.frete { background: url(../../imagens/frete.png) right no-repeat #003985; padding: 0 10px 0 5px; display: block; color: #fff; font-size: 10px; float: left; text-transform: uppercase;}
.produto b.lancamento { background: url(../../imagens/lancamento.png) right no-repeat #00b440;  padding: 0 10px 0 5px; display: block; color: #fff; font-size: 10px; float: left; text-transform: uppercase;}
.produto b.campeao { background: url(../../imagens/campeao.png) right no-repeat #e10404;  padding: 0 10px 0 5px; display: block; color: #fff; font-size: 10px; float: left; text-transform: uppercase;}
.produto b.ultimas_pecas { background: url(../../imagens/ultimas_pecas.png) right no-repeat #ece400;  padding: 0 10px 0 5px; display: block; color: #fff; font-size: 10px; float: left; text-transform: uppercase;}
.produto b.desconto_quantidade { background: url(../../imagens/desconto_quantidade.png) right no-repeat #00e3d0;  padding: 0 10px 0 5px; display: block; color: #fff; font-size: 10px; float: left; text-transform: uppercase;}



.produto .thumb { float: left; display: table; width: 100%; height: 225px; }
.produto .thumb span { display: table-cell; vertical-align: middle; }
.produto h3 { font-family: 'myriadpro-semiboldcond'; font-size: 18px; color: #111; margin: 5px 0 5px; text-transform: uppercase; }
.produto .antigo { font-size: 12px; color: #777; display: block; margin-top: 12px; }
.produto .atual { font-family: 'myriadpro-boldcond'; font-size: 28px; color: #111; font-weight: bold; text-transform: uppercase; display: block; }
.produto .parcelado { float: left; width: 100%; margin-top: 10px; }
.produto .parcelado .a { background: #003178; padding: 3px 5px; display: inline-block; color: #fff; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.produto .parcelado .b { background: #ddd; padding: 3px 7px; display: inline-block; color: #111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.tamanho_m { float: left; width: 300px; }
.tamanho_m h3 { font-family: 'myriadpro-boldcond'; font-size: 20px; margin: 10px 0 2px; }
.tamanho_m select { background: #f5f5f5; border: 1px solid #ddd; width: 98%; padding: 0 2%; height: 40px; }


.cep_pagar #AreaFrete, #AreaFrete { width: 98%; padding: 1%; float: left; border: 1px solid #F0F0F0; line-height: 16px; font-size: 12px; margin-top: 5px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.cep_pagar #AreaFrete h3, #AreaFrete h3 { background: url(../../imagens/cartao.png) 5px no-repeat #e3e3e3; font-size: 12px;padding: 8px 8px 8px 30px; margin: 0 0 3px; }

.cep_pagar #AreaFrete label, #AreaFrete label { display: block;  font-size: 13px; text-transform: uppercase; display: block; /*color: #741049;*/ margin-bottom: 10px; }
.cep_pagar #AreaFrete p, #AreaFrete p { border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; padding-bottom: 5px; margin: 0 0 5px; font-size: 11px; line-height: 13px; }
.cep_pagar #AreaFrete p:last-child, #AreaFrete p:last-child{ border-bottom: none; }
.cep_pagar #AreaFrete p span.radio, #AreaFrete p span.radio{ display: block; float: left; padding: 9px; width: auto; }
.cep_pagar #AreaFrete p span.texto, #AreaFrete p span.texto{ float: left; display: block; width: 340px; font-family: tahoma; font-size: 11px; text-align: left; text-transform: none; padding: 0; }
.cep_pagar #AreaFrete p span.preco, #AreaFrete p span.preco{ width: auto; float: right; padding: 0; margin: 10px 5px 0 0; font-weight:bold; }
#AreaFrete .iconeTrans {margin: 3px 12px 0 0; float: left;}
.cep_pagar #AreaFrete p strong, #AreaFrete p strong{ display: block; margin-top: 5px; }
.cep_pagar #AreaFrete p input[type=radio], #AreaFrete p input[type=radio]{ float: left; }


.area_banners { float: left; width: 100%; margin-top: 25px; }
.area_banners .b { float: left; display: block; margin-bottom: 30px; width: 49%; }
.area_banners .b img { width: 100%; }
.area_banners .b.right { float: right; }

.banner_rodape { float: left; width: 100%; height: 120px; overflow: hidden; margin-top: 20px; text-align: center; }

#categorias { float: left; width: 224px; border: 1px solid #ddd; padding: 12px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#categorias h3 { float: left; width: 100%; margin: -12px 0 0 -12px; }
#categorias ul { list-style: none; padding: 0; margin: 0; float: left; }
#categorias ul li { float: left; width: 100%; border-bottom: 1px solid #ddd; }
#categorias ul li a { width:100%; background: url(../../imagens/set.png) left no-repeat; display: block; margin: 6px 0; float: left; padding-left: 14px; font-weight: bold; color: #003987; }
#categorias ul li .sub_menu { margin-bottom: 4px; }
#categorias ul li .sub_menu li { border-bottom: none; }
#categorias ul li .sub_menu li a { background: none; font-size: 12px; font-weight: bold; color: #222; padding-left: 28px; margin: 3px 0; }

#area_produtos { float: left; width: 100%; }
#area_produtos .title { background: url(../../imagens/bg_title.png); height: 46px; margin: 0 0 28px; font-family: 'apex_newmedium'; font-weight: normal; font-size: 20px; float: left; border: 1px solid #cfcfcf; border-left: 6px solid #003178; width: 99%; }
#area_produtos .title h2 { display: block; margin: 12px; font-weight: normal; font-size: 20px; float: left; text-transform: uppercase;}
#area_produtos .title form { float: right; margin: 9px; }
#area_produtos .title select { width: 155px; height: 28px; float: right; border: 1px solid #ddd; font-size: 11px; }

.caracteristicas { display: block; list-style: none; padding: 0; width: 80%; float: left; }
.caracteristicas li { font-size: 12px; }
.caracteristicas li strong { font-size: 16px; }
.caracteristicas .marca { margin: 0; padding: 0; }
.caracteristicas .marca img { margin: 5px 0 0; width: 100px; height: auto; }
.caracteristicas .download { font-size: 11px; font-weight: bold; border: solid 1px #e2e5e8; width: 250px;  padding: 5px;  }
.caracteristicas .download img { width: 40px; height: auto; margin: -11px 0; }
#download { margin-left: 200px;  } 
.col-1 { width: 8.33%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative;}
.col-2 { width: 16%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-3 { width: 24.99%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-4 { width: 33.33%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-5 { width: 41.66%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-6 { width: 49.99%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-7 { width: 58.31%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-8 { width: 66.65%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-9 { width: 74.99%; display: inline-block; float: left; height: auto; min-height: 1px; }
.col-10 { width: 83.30%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-11 { width: 91.93%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.col-12 { width: 100%; display: inline-block; float: left; height: auto; min-height: 1px; position: relative; }
.row { width: 100%; float: left; min-height: 1px; }
.galeria { width: 96%; margin: 2%; max-height: 250px; overflow: hidden; }
.img-responsive { width: 100%; height: auto; }

#area_produtos.full { width: 100%; float: left; }
#area_produtos .area { width: 100%; }

#content .produto_esq { float: left; width: 49%; margin-bottom: 30px; }
#content .produto_dir { float: right; width: 49%; }
#galeria_produto { background: #fff; float: left; width: 90%; border: 1px solid #ddd; text-align: center; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px 3%; }
#galeria_produto .slide { width: 490px; float: left; text-align: center; }
.zoomWrapper { display: inline-block; }
#galeria_produto #gallery_01 { float: left; width: 490px; text-align: center; margin-top: 10px; }
#galeria_produto #gallery_01 a { text-decoration: none; }
#galeria_produto #gallery_01 a img { border: 3px solid #ccc; }
#galeria_produto #gallery_01 a.active img { border-color: #666; }

.disponibilidade { background: #f8f8f8; border: 1px solid #ddd; padding: 2px 5px 0; float: left; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.disponibilidade.entrega_imediata strong { background: url(../../imagens/entrega_imediata_ico.png) left no-repeat; float: left; padding: 6px 0px 6px 36px; font-family: 'myriadpro-regular'; font-size: 12px; text-transform: uppercase; font-weight: normal; }
.disponibilidade.sob_consulta strong { background: url(../../imagens/sob_consulta_ico.png) left no-repeat; float: left; padding: 3px 4px 3px 30px; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.disponibilidade.indisponivel_para_envio strong { background: url(../../imagens/indisponivel_ico.png) left no-repeat; float: left; padding: 4px 0px 4px 28px; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.disponibilidade.pre_venda strong { background: url(../../imagens/pre_venda_ico.png) left no-repeat; float: left; padding: 2px 0px 2px 34px; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.disponibilidade.encomenda strong { background: url(../../imagens/encomenda_ico.png) left no-repeat; float: left; padding: 10px 10px 10px 55px; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.area_preco { background: ; width: 100%; line-height: 26px; margin-top: 0px; float: left; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; }
.area_preco .preco_left { float: left; margin: 0 30px 0 0; }
.area_preco .preco_left .de { font-size: 18px; }
.area_preco .preco { display: block; font-size: 40px; font-family: 'myriadpro-bold'; color: #182954; letter-spacing: -2px; }
.area_preco .parcelado { float: left; margin: -5px 0 0; }
.area_preco .parcelado span { display: block; font-size: 13px; }
.area_preco .parcelado span { display: block; font-size: 13px; }
.area_preco .parcelado span.a { background: #00347E; font-family: 'tahoma'; font-size: 12px; font-weight: bold; color: #fff; padding: 5px; display: block; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.area_preco .parcelado span.b { background: #ddd; display: block; font-family: 'tahoma'; margin-left: 4px; font-size: 12px; color: #111; padding: 5px; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.area_preco .parcelado span.b strong { font-family: 'tahoma'; }
.area_preco .preco_avista { float:left; width: 100%; display: block; font-size: 14px; color: #111; letter-spacing: -1px; font-family: tahoma; font-size: 12px; letter-spacing: 0; }
#dados_produtos .comprar { float: left; display: block; margin-top: 20px; }
.disponibilidade .avise_bt { background: url(../../imagens/avise_bt.png); width: 190px; height: 26px; display: block; float: right; margin: 5px; }
#dados_produtos h2 { font-family: "myriadpro-regular"; text-transform: uppercase; font-weight: normal; font-size: 24px; letter-spacing: 0; color: #111; margin: 0 0 10px; }
#dados_produtos h1 { font-family: "myriadpro-regular"; text-transform: uppercase; font-weight: normal; font-size: 24px; letter-spacing: 0; color: #111; margin: 0 0 10px; }
#dados_produtos .cep { background: url(../../imagens/bg_cep.png); width: 294px; height: 41px; float: left;}
#dados_produtos .cep form { float: left; margin: 7px 0 0 65px; }
#dados_produtos .cep input[type=text] { width: 149px; height: 26px; float: left; border: 1px solid #F0F0F0; padding: 0 5px; font-size: 11px; }
#dados_produtos .cep input[type=button] { background: url(../../imagens/calcular.png); width: 62px; height: 28px; border: none; float: left; }

.endereco_produto { margin: 1%; padding: 2%; width: 94%; border: 1px solid #ccc; }

.titulo_simula {
    margin: 0;
    font-family: 'myriadpro-regular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    margin-top:30px;
}

.table_cep { float: left; margin-top: 20px; }
.table_cep .valor { font-family: 'myriadpro-regular'; font-weight: normal; }

#content .variacoes { background: #f8f8f8; width: 94%; border: 1px solid #ddd; min-width: 535px; line-height: 24px; padding: 12px 3%; margin-top: 10px; float: left; font-family: 'GothamBook'; font-size: 14px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#content .variacoes ul { list-style: none; padding: 0; margin: 0; float: left; width: 50%; }
#content .variacoes ul li { padding: 2%; float: left; width: 96%; }

#content .formas { background: #fff; border: 1px solid #ddd; float: left; width: 96%; padding: 2%; margin-top: 30px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#content .formas h3 { margin: 0 0 10px; }
#content .formas ul { list-style: none; padding: 0; margin: 0; float: left; width: 50%; }
#content .formas ul li { padding: 2%; float: left; width: 96%; }
#content .formas ul li.par { background: #eee; }

.listar_produtos{ width:90%;}

.dados_produto_inferior { background: #fff; float: left; border: 1px solid #ddd; width: 96%; padding: 10px 2%; margin-top: 60px; line-height: 17px; }
.dados_produto_inferior h3.titulo { background: url(../../imagens/descricao.png) 10px 5px no-repeat #fff; font-family: 'myriadpro-regular'; border: 1px solid #ddd; float: left; margin: -47px 0 0 -10px; font-weight: normal; font-size: 14px; color: #333; text-transform: uppercase; float: left; padding: 10px 10px 8px 40px; border-radius: 5px 5px 0 0; }
.dados_produto_inferior h3.opinioes { background: url(../../imagens/opinioes_icon.png) 10px 10px no-repeat #fff; }

.dados_produto_inferior ul.lista_opiniao { list-style: none; }
.dados_produto_inferior ul.lista_opiniao li{ float: left; border: 1px solid #ddd; width: 90%; padding: 2%; margin-top:5px; margin-bottom: 5px;}
.dados_produto_inferior ul.lista_opiniao li .nota{ float: left; width:140px;}
.dados_produto_inferior ul.lista_opiniao li .comentario{ float: left; width:;}

.avaliacao { background: #fff; border: 1px solid #ddd; float: left; width: 153px; height:48px; padding: 10px; margin: 10px 5px 0 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.avaliacao h3 { margin: 0; font-family: 'myriadpro-regular'; font-weight: normal; text-transform: uppercase; font-size: 13px; }
.avaliacao h3 a{ margin: 0; font-family: 'myriadpro-regular'; font-weight: normal; color:#009900; }

#content .compartilhe { background: #fff; border: 1px solid #ddd; float: left; width: 172px; text-align: center; padding: 10px; margin: 10px 0 0 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#content .compartilhe h3 { margin: 0 0 5px; font-family: 'myriadpro-regular'; font-weight: normal; text-transform: uppercase; font-size: 13px; }
#content .compartilhe a, #content .compartilhe div { display: inline-block; }

#content .bt_dir { float: left; width: 100%; margin-top: 13px; }
#content .bt_dir .bt_indica_produto { float: left; }
#content .bt_dir .bt_favoritos { float: left; margin-left: 5px; }
#content .bt_favoritos { float: left; margin: 3px 0px; }

#relacionados { width: 100%; float: left; margin-top: 50px; }
#relacionados .produto { width: 193px; }
#relacionados .area_slide { float: left; width: 94%; height: 400px; overflow: hidden; }
#relacionados .slide { float: left; width: 815px; }
#relacionados .prev, #relacionados .next { background: url(../../imagens/next_prev.png) left no-repeat; width: 30px; height: 382px; float: left; display: block; }
#relacionados .next { background-position: right; float: right; }
#relacionados .title { background: url(../../imagens/bg_h2.png); width: 99%; border: 1px solid #cfcfcf; border-left: 6px solid #00347E; height: 44px; margin: 0 0 35px; float: left; }
#relacionados .title h2 { font-family: 'apex_newmedium'; color: #111; font-size: 18px; font-weight: normal; text-transform: uppercase; display: block; margin: 11px 0 0 15px; }

#comprou { width: 100%; float: left; margin-top: 50px; }
#comprou .produto { width: 180px; }
#comprou .area_slide { float: left; width: 94%; height: 400px; overflow: hidden; }
#comprou .slide { float: left; width: 815px; }
#comprou .prev, #comprou .next { background: url(../../imagens/next_prev.png) left no-repeat; width: 30px; height: 382px; float: left; display: block; }
#comprou .next { background-position: right; float: right; }
#comprou .title { background: url(../../imagens/bg_h2.png); width: 99%; border: 1px solid #cfcfcf; border-left: 6px solid #00347E; height: 44px; margin: 0 0 35px; float: left; }
#comprou .title h2 { font-family: 'apex_newmedium'; color: #111; font-size: 18px; font-weight: normal; text-transform: uppercase; display: block; margin: 11px 0 0 15px; }


.caminho { float: left; }
a.continuar_comprando { background: url(../../imagens/bg_continuar.png) bottom; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; color: #fff; padding: 6px 8px 4px; margin-top: 0; float: right; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.continuar_comprando2 { background: url(../../imagens/bg_continuar.png) bottom; font-family: 'myriadpro-regular'; font-size: 14px; text-transform: uppercase; color: #fff; padding: 6px 8px 4px; margin-top: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

table.carrinho_compras { width: 100%; border-collapse: collapse; float: left; margin-top: 20px; }
table.carrinho_compras thead th { font-weight: normal; font-family: 'myriadpro-regular'; font-size: 16px; padding: 5px; }
table.carrinho_compras tbody td { background: #f5f5f5; padding: 10px; border-top: 3px solid #ddd; border-bottom: 1px solid #ddd; font-family: 'myriadpro-regular'; font-size: 16px; }
table.carrinho_compras tbody td img { float: left; margin: 0 10px 0 0; max-height: 85px; }
table.carrinho_compras tbody td h4 { margin: 10px 0 0; font-size: 14px; font-family: 'myriadpro-regular'; font-weight: normal; }
table.carrinho_compras tbody td input[type=text] { background: #fff; text-align: center; border: 1px solid #ccc; float: left; width: 50px; padding: 0 7px; height: 30px; float: left; }
table.carrinho_compras tbody td input[type=button] { background: url(../../imagens/close.png); width: 32px; height: 31px; border: none; float: left; margin-left: 15px; }
table.carrinho_compras tbody td .alterar { display: block; width: 100%; float: left; font-size: 14px; text-align: center; color: #074773; margin-top: 5px; }
table.carrinho_compras tfoot td { font-family: 'myriadpro-regular'; font-size: 16px; padding: 10px; border-top: 1px solid #ddd; }
.empresa_carrinho{ width:100%;}
.carrinho_compras .menos, .carrinho_compras .mais { background: #003178; width: 9px; margin: 6px 3px 0; letter-spacing: 2px; text-decoration: none; color: #fff; text-align: center; font-weight: bold; padding: 2px 5px; font-family: arial; display: inline-block; font-size: 14px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; }
.carrinho_compras .botoes, .carrinho_compras .botoes tr, .carrinho_compras .botoes td { border: 0px; padding: 0; }

#area_cupom { float: left; }
#area_cupom span { float:left;font-family: 'myriadpro-regular'; font-size: 14px; display: block; float: left; margin-bottom: 5px; }
#area_cupom span.errorlist2{display:none;}
#area_cupom input[type=text] { background: #fff; border: 1px solid #ccc; float: left; width: 150px; padding: 0 7px; height: 30px; float: left; }
#area_cupom input[type=submit], #area_cupom input[type=button] { background: #f5f5f5; border: 1px solid #ccc; float: left; padding: 0 10px; height: 32px; float: left; font-family: 'myriadpro-regular'; font-size: 14px; margin-left: 1px; }

/*
#bt_cadastro { float: right; margin-top: 30px; }
#bt_cadastro a { background: #fff; padding: 8px; font-family: 'myriadpro-regular'; font-size: 14px; border: 1px solid #ccc; }
#bt_cadastro a.login { background: url(../../imagens/bt_login.png) left no-repeat; border: none; padding: 9px 9px 9px 35px; color: #fff; }
*/

#bt_cadastro { float: left; width:100%; height:60px; text-align:center; margin-top: 30px; margin-bottom: 56px; background: #fff; background: url(../../imagens/linha_cinza.png) no-repeat bottom;}
#bt_cadastro a { background: #fff; padding: 8px; font-family: 'myriadpro-regular'; font-size: 14px; border: 1px solid #ccc; }
#bt_cadastro a.login { background: url(../../imagens/bt_login.png) left no-repeat; border: none; padding: 9px 9px 9px 35px; color: #fff; }
#bt_cadastro p { margin-bottom:20px;font-size:15px; font-family: 'myriadpro-regular'; color:#000;}
#bt_cadastro .fundo_branco { float: left; background: #fff;}


#bt_cadastro a.login2 {  background: url(../../imagens/bt_login2.png) left no-repeat; padding: 12px 13px 12px 46px; color: #fff; font-size:18px; border:none;}
#bt_cadastro a.cadastro { background: url(../../imagens/bt_login_cadastro.png) left no-repeat; padding: 12px 24px 12px 52px; color: #fff; font-size:18px; border:none;}

#bt_cadastro2 { float: right; width:100%; height:60px; text-align:center; background: #fff; margin:-43px 0 0 0;}
#bt_cadastro2 a { background: #fff; padding: 8px; font-family: 'myriadpro-regular'; display: inline-block; font-size: 14px; border: 1px solid #ccc; }


#area_cadastro { width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
#area_cadastro h3 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; }
#area_cadastro p.p { width: 158px; float: left; margin: 6px 12px; }
#area_cadastro p.m { width: 342px; float: left; margin: 6px 12px; }
#area_cadastro p.g { width: 528px; float: left; margin: 6px 12px; }
#area_cadastro p.full { width: 100%; float: left; }
#area_cadastro p label { display: block; margin-bottom: 4px; }
#area_cadastro p input[type=text], #area_cadastro p input[type=password], #area_cadastro p select { background: #fff; border: 1px solid #ccc; padding: 0 5px; height: 30px; width: 97%; }
#area_cadastro p select { height: 32px; }

#area_endereco { width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
#area_endereco h3 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; }
#area_endereco p.p { width: 158px; float: left; margin: 6px 12px; }
#area_endereco p.m { width: 342px; float: left; margin: 6px 12px; }
#area_endereco p.g { width: 528px; float: left; margin: 6px 12px; }
#area_endereco p.full { width: 100%; float: left; }
#area_endereco p label { display: block; margin-bottom: 4px; }
#area_endereco p input[type=text], #area_endereco p input[type=password], #area_endereco p select { background: #fff; border: 1px solid #ccc; padding: 0 5px; height: 30px; width: 97%; }
#area_endereco p select { height: 32px; }
#area_endereco p input[type=text].cep { width: 194px; float: left; }
#area_endereco input[type=submit], #area_endereco input[type=button] { background: #f5f5f5; border: 1px solid #ccc; float: left; padding: 0 10px; height: 32px; float: left; font-family: 'myriadpro-regular'; font-size: 14px; margin-left: 1px; }

#area_entrega { width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
#area_entrega h3 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; }
#area_entrega .col_esq { float: left; border-top: 1px solid #eee; width: 85%; }
#area_entrega .col_esq label { float: left; width: 500px; border-bottom: 1px solid #eee; padding: 10px; }
#area_entrega .col_esq label input[type=radio] { margin: 10px; float: left; }
#area_entrega .col_esq label strong { margin-top: 10px; float: left; }
#area_entrega .col_esq label div { float: left; font-weight: bold; margin-left: 100px; }
#area_entrega .col_esq label div span { padding: 4px; background: #5BC0DE; display: block; font-size: 10px; color: #fff; margin-top: 3px; }
#area_entrega .col_dir { float: right; width: 500px; margin-top: -50px; }
#area_entrega .col_dir h3 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; margin: 0; }
#area_entrega .col_dir textarea { background: #fff; border: 1px solid #ccc; padding: 0 5px; height: 116px; width: 490px; margin-top: 21px; }

#area_pagamento { width: 100%; float: left; margin-top: 20px; margin-bottom: 56px;}
#area_pagamento h3 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; }
#area_pagamento h4.leg { background: #eee; padding: 10px; margin: 0; display: block; position: absolute; font-family: 'myriadpro-regular'; font-weight: normal; font-size: 14px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #eee; }
#area_pagamento h4.total { float: right; display: block; margin: 0 0 4px; font-family: 'myriadpro-regular'; font-weight: normal; font-size: 28px; color: #222; }
#area_pagamento h4.total small { font-size: 16px; }
#area_pagamento .box_car { background: #eee; border: 1px solid #ddd; padding: 20px 20px 35px; float: left; width: 90%; }
#area_pagamento .box_car .pagseguro_formas { float: left; margin: 0 120px 30px; }
#area_pagamento .box_car .forma { float: left; margin-left: 30px; width: 200px; }
#area_pagamento .box_car .forma label { font-family: 'myriadpro-regular'; font-size: 16px; display: block; margin-bottom: 7px; }
/*
#area_pagamento .box_car .form_dir { width: 698px; float: right; margin-right: 20px; }
*/
#area_pagamento .box_car .form_dir { background: #fff; width: 96%; float: left; padding: 2%; margin-right: 20px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#area_pagamento .box_car .form_dir input[type=radio] { float: left; margin: 10px 10px 0 0;}
#area_pagamento .box_car .form_dir .preco { margin: 5px 0 0 30px;}

#area_pagamento .box_car .form_dir .cartao_pagamento { margin: 5px 0 0 30px; width:482px; padding:20px;}

#area_pagamento .box_car .form_dir .cartao_pagamento .cartao{ width:150px;}
#area_pagamento .box_car .form_dir .cartao_pagamento .codigo{ width:50px;}
#area_pagamento .box_car .form_dir .cartao_pagamento .mes{ width:70px;}
#area_pagamento .box_car .form_dir .cartao_pagamento .ano{ width:70px;}

#area_pagamento .box_car .form_dir .esquerda { float:left; width:45%;}
#area_pagamento .box_car .form_dir .direita { float:left; width:45%;}


#area_pagamento .box_car .form_dir .direita #formasPagto { margin-top:30px; }
#area_pagamento .box_car .form_dir .direita #formasPagto li { border:1px solid #e7e7e7;border-radius:3px;float:left;height:30px;line-height:30px;margin:0 30px 30px 0;width:91px; list-style: none; }
#area_pagamento .box_car .form_dir .direita #formasPagto li span { background-image:url(../../imagens/flags_pagseguro.png);background-repeat:no-repeat;float:left;width:61px;text-indent:-9999px; }
#area_pagamento .box_car .form_dir #formasPagto li strong { background:#f4f4f4;border-left:1px solid #e7e7e7;color:#7d7d7d;display:block;float:left;width:29px;font-size:12px;text-align:center; }
#area_pagamento .box_car .form_dir #formasPagto li#personalcard { margin-right:0; }
#area_pagamento .box_car .form_dir #formasPagto li#visa span { background-position:0 0; }
#area_pagamento .box_car .form_dir #formasPagto li#mastercard span { background-position:0 -32px; }
#area_pagamento .box_car .form_dir #formasPagto li#diners span { background-position:0 -64px; }
#area_pagamento .box_car .form_dir #formasPagto li#amex span { background-position:0 -96px; }
#area_pagamento .box_car .form_dir #formasPagto li#hipercard span { background-position:0 -129px; }
#area_pagamento .box_car .form_dir #formasPagto li#aura span { background-position:0 -160px; }
#area_pagamento .box_car .form_dir #formasPagto li#elo span{background-position:0 -192px; }
#area_pagamento .box_car .form_dir #formasPagto li#plenocard span{background-position:0 -224px; }
#area_pagamento .box_car .form_dir #formasPagto li#personalcard span{background-position:0 -256px; }
#area_pagamento .box_car .form_dir #formasPagto li#cardban span{background-position:0 -288px; }
#area_pagamento .box_car .form_dir #formasPagto li#valecard span{background-position:0 -320px; }
#area_pagamento .box_car .form_dir #formasPagto li#brasilcard span{background-position:0 -352px; }
#area_pagamento .box_car .form_dir #formasPagto li#fortbrasil span{background-position:0 -384px; }
#area_pagamento .box_car .form_dir #formasPagto li#cabal span{background-position:0 -416px; }
#area_pagamento .box_car .form_dir #formasPagto li#mais span{background-position:0 -448px; }
#area_pagamento .box_car .form_dir #formasPagto li#avista span{background-position:0 -480px; }
#area_pagamento .box_car .form_dir #formasPagto li#grandcard span{background-position:0 -512px; }

#area_pagamento .box_car #formasPagtoErede { margin-top:30px; width: 100%; float:left;}
#area_pagamento .box_car #formasPagtoErede li { float:left;height:30px;line-height:30px;margin:0 30px 30px 0;width:91px; list-style: none; }
#area_pagamento .box_car #formasPagtoErede li span { float:left;width:61px;text-indent:-9999px; }
#area_pagamento .box_car #formasPagtoErede li img { width: 61px; }

#area_pagamento .box_car p.p { width: 150px; float: left; margin: 6px 24px 0 0; }
#area_pagamento .box_car p.m { width: 325px; float: left; margin: 6px 24px 0 0; }
#area_pagamento p.full { width: 100%; float: left; margin: 6px 24px 0 0; }
#area_pagamento p label { width: 100%; float: left; margin-bottom: 4px; }
#area_pagamento p input[type=text], #area_pagamento p input[type=password], #area_pagamento p select { background: #fff; border: 1px solid #ccc; padding: 0 5px; height: 30px; width: 97%; }
#area_pagamento p select.mes { width: 50px; }
#area_pagamento p select.ano { width: 65px; }
#area_pagamento span.desc { font-family: 'myriadpro-regular'; font-size: 16px; margin-top: 10px; display: block; float: left; }

.area_submit { float: left; width: 100%; text-align: center; margin: 20px 0 30px; }
.area_submit input[type=submit] { background: url(../../imagens/submit_form.png) 10px 13px #428bca no-repeat; padding: 10px 10px 10px 35px; border: 1px solid #357ebd; font-family: 'myriadpro-regular'; font-size: 18px; color: #fff; }
.area_submit input[type=button] { background: url(../../imagens/submit2_form.png) 10px 13px #be0f0f no-repeat; padding: 10px 10px 10px 35px; border: 1px solid #be0f0f; font-family: 'myriadpro-regular'; font-size: 18px; color: #fff; }

.login_cadastro { width: 100%; float: left; text-align: center; vertical-align: top; }

#login { display: inline-block; margin: 10px 10px 0; width: 416px; vertical-align: top; text-align: left; }
#login h3 { background: url(../../imagens/bg_login_h3.png); width: 58px; width: 386px; float: left; margin: 0; font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; padding: 8px 15px; color: #fff; }
#login h3 span { display: block;  font-family: 'tahoma'; font-size: 12px; }
#login form#login { margin: 0; }
#login .area { background: #fff; border: 3px solid #ddd; padding: 15px; width: 380px; float: left; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
#login .area p { float: left; width: 100%; margin: 0 0 10px; }
#login .area h4 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 20px; margin: 0 0 10px; }
#login .area label { display: block; }
#login .area input[type=text], #login .area input[type=password] { width: 340px; border: 1px solid #ccc; border-left: 5px solid #bbb; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#login .area input[type=submit] { background: #222; font-family: 'myriadpro-regular'; color: #fff; text-transform: uppercase; font-size: 14px; border: none; float: left; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#login .area .esqueceu { float: left; width: 100%; text-align: left; font-size: 11px; color: #555; margin-top: 5px; }

#cadastro { display: inline-block; margin: 10px 10px 20px; width: 416px; vertical-align: top; text-align: left; }
#cadastro h3 { background: url(../../imagens/bg_cadastro_h3.png); width: 58px; width: 386px; float: left; margin: 0; font-family: 'myriadpro-regular'; font-weight: normal; font-size: 22px; padding: 8px 15px; color: #fff; }
#cadastro h3 span { display: block;  font-family: 'tahoma'; font-size: 12px; }
#cadastro .area { background: #fff; border: 3px solid #ddd; padding: 15px; width: 380px; float: left; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
#cadastro .area p { float: left; width: 100%; margin: 0 0 10px; }
#cadastro .area p label { width: 100%; float: left; }
#cadastro .area p label.fisica, #cadastro .area p label.juridica { float: left; width: auto; }
#cadastro .area p.meio { width: 40%; float: left; margin-right: 10px; }
#cadastro .area p.meio input[type=text], #cadastro .area p.meio input[type=password] { width: 80%; }
#cadastro .area h4 { font-family: 'myriadpro-regular'; font-weight: normal; font-size: 20px; margin: 0 0 10px; }
#cadastro .area input[type=text], #cadastro .area input[type=password], #cadastro .area select { width: 340px; border: 1px solid #ccc; border-left: 5px solid #bbb; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#cadastro .area input[type=text].cep { width: 60%; }
#cadastro .area input[type=radio] { width: 10px; }
#cadastro .area select { padding: 8px; }
#cadastro .area input[type=submit] { background: #222; font-family: 'myriadpro-regular'; color: #fff; text-transform: uppercase; font-size: 14px; border: none; float: left; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#conta_left { background: #eee; width: 14%; padding: 3%; float: left; }
#conta_left h3 { font-family: 'myriadpro-regular'; font-size: 18px; color: #111; margin: 0; font-weight: normal; }
#conta_left .sair { display: block; color: #444; }
#conta_left .menu_usuario { float: left; list-style: none; padding: 0; margin: 30px 0 0 20px; }
#conta_left .menu_usuario li { float: left; width: 100%; margin-bottom: 5px; }
#conta_left .menu_usuario li img { height: 15px; display: inline-block; margin-right: 10px; }
#conta_left .menu_usuario li a { color: #111; text-decoration: none; }
#conta_left .menu_usuario li a span { display: inline-block; }

#conta_right { width: 78%; float: left; margin-left: 2%; }
#conta_right .title { background: url(../../imagens/bg_h2.png); width: 99%; border: 1px solid #cfcfcf; border-left: 6px solid #00347E; height: 44px; margin: 0 0 35px; float: left; }
#conta_right .title h2 { font-family: "apex_newbook"; color: #111; font-size: 18px; font-weight: normal; text-transform: uppercase; display: block; margin: 11px 0 0 15px; }


.area_contato { width: 100%; float: left; text-align: center; vertical-align: top; }
#fale_conosco { display: inline-block; margin: 20px 10px 0; width: 812px; vertical-align: top; text-align: left; }
#fale_conosco .area { background: #fff; border: 3px solid #F0F0F0; padding: 15px 15px 5px; width: 775px; float: left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#fale_conosco .area .col_esq { float: left; width: 381px; }
#fale_conosco .area .col_dir { float: right; width: 381px; }
#fale_conosco .area p { float: left; width: 100%; margin: 0 0 10px; }
#fale_conosco .area h4 { font-family: 'myriad_proregular'; font-weight: normal; font-size: 16px; margin: 0 0 10px; color: #2D5F7E; }
#fale_conosco .area input[type=text], #fale_conosco .area textarea { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area textarea { padding: 10px; height: 154px; }
#fale_conosco .area input[type=submit] { background: #222; font-family: 'myriadpro-regular'; color: #fff; text-transform: uppercase; font-size: 14px; border: none; float: right; height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area .submit { float: right; width: 100%; margin: 0 0 10px; }


table.pedidos_usuario { width: 100%; border-collapse: collapse; border: 1px solid #ddd; }
table.pedidos_usuario th { background: #003D8F; color: #fff; padding: 6px; text-align: left; font-size: 11px; }
table.pedidos_usuario td { padding: 15px 10px; text-align: center; border-top: 1px solid #ddd; }
table.pedidos_usuario td.hide { border-top: none; padding: 0 30px 20px; display: none; }
table.pedidos_usuario td .detalhes { font-weight: bold;}

table.ordem { width: 100%; border-collapse: collapse; }
table.ordem th { background: #eee; border: 1px solid #ccc; padding: 15px 6px; color: #111; font-size: 12px; font-weight: normal; }
table.ordem th.right { text-align: right; font-weight: bold; }
table.ordem th.center { text-align: center; padding: 20px 0; }
table.ordem th.center.total { color: red; font-weight: bold; font-size: 14px; }
table.ordem td { border: 1px solid #ccc; padding: 10px; vertical-align: middle; }
table.ordem td.left { text-align: left; }
table.ordem td .thumb { float: left; width: 100px; margin-right: 10px; }
table.ordem td h4 { font-size: 14px; margin: 10px 0 0; }
table.ordem td .cod { color: #777; font-size: 11px; display: block; margin-bottom: 10px; }
table.ordem td .esp { color: #777; font-size: 11px; display: block; }
table.ordem td.formas_p { text-align: left; line-height: 16px; padding: 15px; font-size: 12px; color: #555; }
table.ordem td.formas_p h4 { margin: 5px 0; font-size: 13px; color: #111; }

table.meus_dados { width: 96%; border-collapse: collapse; margin: 0 2%; float: left; margin-top: -20px; }
table.meus_dados th { width: 20%; text-align: left; border-bottom: 1px dotted #555; padding: 15px 0; }
table.meus_dados td { width: 80%; text-align: left; border-bottom: 1px dotted #555; padding: 15px 0; }
table.meus_dados td input[type=text], table.meus_dados td input[type=password] { background: #fff; border: 1px solid #ddd; height: 30px; padding: 0 10px; width: 200px; }
input[type=submit].salvar { background: #003D8F; font-family: "apex_newheavy"; color: #fff; cursor: pointer; margin: 8px 8px 0 0; text-transform: uppercase; font-size: 16px; border: none; float: right; height: 40px; }

.duvidas-frequentes .faq, .faq ul { list-style:none; margin:0; padding:0; }
.duvidas-frequentes .faq ul { padding:5px 0 5px 30px;}
.duvidas-frequentes .faq li a { display:block; padding:13px 15px; background:#eee; font: 12px; color:#444!important; margin-bottom:3px;}
.duvidas-frequentes .faq li.listra a { background:#e4e4e4}
.duvidas-frequentes .faq li a:hover, .faq li.ativo a, .faq li li.ativo a, .faq li li li.ativo a, .faq li li li li.ativo a  { text-decoration:none; background:#003178; color:#FFF!important}
.duvidas-frequentes .faq li.ativo li a, .faq li.ativo li li a, .faq li li.ativo a { color:#444; background:#eee}
.duvidas-frequentes .faq ul li a:hover, .faq ul li.ativo a, .faq ul li li.ativo a { background:#528ad0; color:#FFF}
.duvidas-frequentes .faq ul { display:none}
.duvidas-frequentes .faq div { display:none; padding: 12px 20px; margin-bottom:15px; background:#f2f2f2}
.duvidas-frequentes .faq li a big { float:left; width:20px; text-align:right; margin-right:7px; font: italic 12px; }
.duvidas-frequentes .faq li a span { display:table;}
.duvidas-frequentes .faq li li a big {width:30px;}
.duvidas-frequentes .faq li li li a big {width:40px;}
.duvidas-frequentes .titulo { text-transform: uppercase; font-family: 'apex_newmedium'; font-size: 17px; margin-top:30px!important;}

#rodape { background: url(../../imagens/bg_rodape.png) top repeat-x #004b1e; width: 100%; height: 206px; padding-top: 50px; float: left; }
#rodape .institucional { float: left; width: 20%; }
#rodape .institucional h3 { font-size: 18px; text-transform: uppercase; font-family: 'apex_newheavy'; color: #fff; font-weight: normal; margin: 0 0 15px; line-height: 20px; }
#rodape .institucional ul { list-style: none; padding: 0; margin: 0; }
#rodape .institucional ul li { margin-bottom: 6px; }
#rodape .institucional ul li a { font-style: italic; color: #999; }
#rodape .ajuda { float: left; width: 16%; }
#rodape .ajuda h3 { font-size: 18px; text-transform: uppercase; font-family: 'apex_newheavy'; color: #fff; font-weight: normal; margin: 0 0 15px; line-height: 20px; }
#rodape .ajuda ul { list-style: none; padding: 0; margin: 0; }
#rodape .ajuda ul li { margin-bottom: 6px; }
#rodape .ajuda ul li a { font-style: italic; color: #999; }
#rodape .central { float: left; width: 26%; }
#rodape .central h3 { font-size: 18px; text-transform: uppercase; font-family: 'apex_newheavy'; color: #fff; font-weight: normal; margin: 0 0 15px; line-height: 20px; }
#rodape .central p { font-style: italic; color: #999; }
#rodape .central .bt { background: #003E8F; display: block; font-family: 'apex_newheavy'; font-size: 13px; color: #fff; text-transform: uppercase; margin-top: 7px; float: left; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#rodape .ofertas { float: left; width: 20%; }
#rodape .ofertas h3 { font-size: 18px; text-transform: uppercase; font-family: 'apex_newheavy'; color: #fff; font-weight: normal; margin: 0 0 15px; line-height: 20px; }
#rodape .ofertas p { font-style: italic; color: #999; margin-bottom: 20px; }
#rodape .ofertas input[type=text] { background: #fff; width: 136px; height: 29px; padding: 0 6px; float: left; font-size: 11px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#rodape .ofertas input[type=button] { background: #003E8F; width: 29px; height: 29px; font-family: 'apex_newheavy'; color: #fff; font-size: 13px; margin-left: 3px; text-align: center; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#rodape .siga { float: right; width: 16%; }
#rodape .siga h3 { font-size: 18px; text-transform: uppercase; font-family: 'apex_newheavy'; color: #fff; font-weight: normal; margin: 0 0 15px; line-height: 20px; }
#rodape .siga a { background: url(../../imagens/social.png) left; width: 41px; height: 41px; display: inline-block; }
#rodape .siga a.twitter { background-position: -41px top; }
#rodape .siga a.google { background-position: -82px top; }
#rodape .siga a.instagram { background-position: right; }
#rodape .whats { color: #fff; margin: 20px 0 0; font-size: 22px; }
#rodape .whats span { color: #fff; }

#rodape2 { float: left; width: 100%; padding: 15px 0 0; text-align: center; }
#rodape2 .formas { display: inline-block; width: auto; padding: 0; margin: 0; border: none; }
#rodape2 .formas span { font-size: 13px; display: block; float: left; text-align: right; margin: 35px 0 0; }
#rodape2 .formas img { float: left;}
#rodape2 .certificados { display: inline-block; margin-left: 40px; }
#rodape2 .certificados span { font-size: 13px; display: block; float: left; text-align: right; margin: 20px 5px 0 0; }
#rodape2 .certificados a { display: inline-block !important; position: inherit !important; }
#rodape2 .direitos { float: left; width: 100%; font-size: 14px; text-transform: uppercase; padding: 10px 0; border-top: 1px solid #dadada; margin-top: 10px; }


.novo_pagamento { background: #003E8F; font-size: 13px; color: #fff; text-transform: uppercase; margin-top: 7px; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


table.carrinho_compras.b td.a { width: 88%; }
.endereco_box { float: left; width: 246px; padding: 15px; border: 1px solid #ddd; }
.endereco_box p { float: left; display: block; width: 100%; margin: 0 0 20px; }
.endereco_box .editar { background: #111; float: left; display: block; padding: 8px; font-size: 11px; color: #fff; }
.endereco_box .excluir { background: #777; float: right; display: block; padding: 8px; font-size: 11px; color: #fff; }

h2.novo { margin: 30px 0 0; width: 100%; float:left;}

#topo_mobile, #content_mobile, #categorias_mobile { display: none; }

@media only screen and (max-width: 1200px)  {
    #topo .selo  { display: none; }
}
@media only screen and (max-width: 1024px)  {
    body {min-width: 100% !important;}
    #topo, #menu, .opcoes, #table_site { display: none; }

    .wrapper { width: 100%; padding: 0; float: left; }
    .caracteristicas { width: 100%; }
    #topo_mobile { float: left; width: 100%; display: block; position: fixed; background:#fff; z-index: 999999; }
    #topo_mobile #menu_mobile { position: absolute; margin: 20px 0 0; height: 1px; width: 100%; }
    #topo_mobile #menu_mobile .link_menu { float: left; display: block; margin: 3px 0 0 15px; }
    #topo_mobile #menu_mobile ul { list-style: none; padding: 0; margin: 0; }
    #topo_mobile #menu_mobile ul li { float: left; }
    #topo_mobile #menu_mobile ul.sub { position: absolute; top: 55px; width: 100%; margin-left: 0; display: none; z-index: 10; }
    #topo_mobile #menu_mobile ul.sub li { float: left; width: 100%; }
    #topo_mobile #menu_mobile ul.sub li a { background: url(../../imagens/bg_menu.png); padding: 7px 5%; display: block; text-decoration: none; text-align: center; width: 90%; font-size: 13px; border-top: 1px solid #fff; font-family: 'apex_newmedium'; color: #fff; text-transform: uppercase; }
    #topo_mobile #menu_mobile ul.sub li a span { display: block; }
    #topo_mobile #menu_mobile ul.sub li a.b { background: #555; color: #fff; }
    
    #carrinho_mobile { background: url(../../imagens/carrinho_m.png); width: 42px; height: 40px; float: right; margin: 21px 6px 0; }
    #carrinho_mobile b { background: #D61921; width: 19px; height: 17px; display: block; position: absolute; text-align: center; padding-top: 2px; color: #fff; font-size: 11px; margin: 27px 0 0 25px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; }
    
    #topo_mobile #logo2 { position: absolute; width: 100%; text-align: center; margin: 8px 0 0; height: 1px; }
    #topo_mobile #logo2 a { background: url(../../imagens/logo2.png); width: 92px; height: 60px; display: inline-block; }
    
    #busca_mobile { background: #eee; float: left; width: 98%; margin-top: 22px; padding: 8px 1%; }
    #busca_mobile img { float: left; margin: 3px 0 0 5px; }
    #busca_mobile input[type=text] { background: none; border: none; font-size: 14px; text-transform: uppercase; height: 30px; width: 50%; float: left; margin-left: 5px; }
    #busca_mobile input[type=submit] { background: #1e266c; color: #fff; text-transform: uppercase; font-size: 12px; border: none; float: right; height: 30px; }
      
    #banner { width: 100%; float: left; height: auto; overflow: hidden; display: none; }
    #banner .area_bt { display: none; }
    #banner .prev, #banner .next { background: url(../../imagens/nav_banner.png) left; width: 39px; height: 60px; display: none; float: left; }
    #banner .next { background-position: right; float: right; }
    #banner .slide { float: left; width: 100%; height: auto; }
    #banner ul { list-style: none; padding: 0; margin: 0; height: auto; float: left; width: 100%; }
    #banner ul li { float: left; width: 100%; height: auto; float: left; }
    #banner ul li a { background: none !important; width: 100%; height: auto; float: left; display: block; background-repeat: no-repeat; }
    #banner ul li a img { width: 150%; margin-left: -25%; }
    #banner .nav { width: 100%; position: inherit; float: left; margin: 0; display: none; }

    #content_mobile { float: left; width: 100%; display: block; }

    .zopim { /*display: none !important;*/ }

    #content { width: 96%; padding: 15px 2%; float: left; margin-top:131px;}
    .interna #content { padding: 15px 2%; }

    #content .produto_esq { width: 100%; }
    #content .produto_dir { width: 100%; }

    .dados_produto_inferior { width: 92%; }

    .produto { /*background: url(../../imagens/bg_produto.png) top repeat-x;*/ width: 45%; float: left; padding: 1%; height: 310px; text-align: center; margin: 0 2% 5px 0; }
    .produto:nth-child(even) { }
    .produto .frete_gratis { background: url(../../imagens/frete.png); width: 89px; height: 15px; position: absolute; display: block; margin-left: -10px; }
    .produto .thumb { width: 100%; height: 140px; display: table; float: left; overflow: hidden; margin-bottom: 10px; }
    .produto .thumb span { display: table-cell; vertical-align: middle; }
    .produto .thumb span img { max-height: 130px; max-width: 140px; }
    .produto h3 { margin: 10px 0 3px; }
    .produto h3 a { color: #111; text-decoration: none; }
    .produto p { margin: 0; font-size: 11px; line-height: 18px; }
    .produto .preco_antigo { display: block; margin-top: 10px; font-size: 11px; }
    .produto .preco { font-size: 20px; font-family: 'open_sansbold'; letter-spacing: -1px; display: block; }
    .produto .detalhes { background: url(../../imagens/detalhes.png); width: 140px; height: 27px; display: inline-block; margin-top: 10px; }

    #download { margin-left: 0px;  } 


    #bt_topo { display: none !important; }

    #content h2.title { width: 98%; margin-bottom: 10px; }

    .banner_rodape { height: auto; }
    .banner_rodape img { width: 100%; }

    #conta_left { background: #fff; padding: 0; width: 100%; border-top: 3px solid #ccc; }
    #conta_left h3 { font-size: 20px; letter-spacing: -0.5px; color: #111; margin: 0; float: left; margin-top: 10px; }
    #conta_left .sair { background: #1e266c; color: #fff; text-transform: uppercase; font-size: 11px; border: none; display: block; padding: 5px; float: right; margin-top: 8px; }
    #conta_left .menu_usuario { float: left; list-style: none; padding: 0; margin: 15px 0 30px; width: 100%; }
    #conta_left .menu_usuario li { float: left; width: 100%; margin-bottom: 0; border-bottom: 2px solid #fff; }
    #conta_left .menu_usuario li img { height: 35px; float: left; margin-right: 10px; }
    #conta_left .menu_usuario li a { background: #e4e4e4; color: #333; font-size: 18px; text-decoration: none; float: left; width: 92%; padding: 10px 4%; }
    #conta_left .menu_usuario li a span { float: left; margin-top: 7px; }

    #conta_right { width: 100%; margin: 0; }
    
    #title_usuario { width: 100%; float: left; margin: 15px 0; }
    #title_usuario .voltar { float: left; width: 15%; height: 60px; background: url(../../imagens/voltar.png) center no-repeat #333; display: block; }
    #title_usuario h4 { background: #111; color: #fff; font-family: 'humnst777_cn_btbold'; font-weight: normal; font-size: 21px; width: 75%; padding: 13px 5% 0; height: 47px; float: left; margin: 0; }
    #title_usuario h4 img { height: 35px; float: left; margin-right: 10px; }
    #title_usuario h4 span { float: left; margin-top: 5px; }
    
    .navegacao { float: left; width: 100%; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; padding: 10px 0; margin-bottom: 15px; margin-top: 10px; }
    .navegacao .desc { font-style: italic; float: left; color: #777; display: block; width: 100%; text-align: center; }
    .navegacao ul { list-style: none; padding: 0; margin: 10px 0 0; float: right; width: 100%; text-align: center; }
    .navegacao ul li { display: inline-block; float: none; margin-bottom: 4px; }
    .navegacao ul li a { background: #bbb; color: #fff; font-size: 12px; padding: 8px; font-family: 'arial'; display: block; text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
    .navegacao ul li a:hover { background: #bbb; color: #fff; }
    
    .endereco_box { width: 94%; padding: 3%; }
    
    #area_endereco_m { margin: 0; width: 94%; padding: 0 3% 30px; float: left; }
    #area_endereco_m p { margin: 0 0 10px; float: left; width: 100%; display: block; }
    #area_endereco_m label { display: block; width: 100%; margin-bottom: 4px; }
    #area_endereco_m input[type=text], #area_endereco_m input[type=password], #area_endereco_m select { background: #fff; border: 1px solid #ddd; width: 96%; padding: 0 2%; height: 28px; float: left; }
    #area_endereco_m input.cep { width: 45%; }
    #area_endereco_m input[type=button] { background: #B16800; font-family: 'open_sansregular'; color: #fff; text-transform: uppercase; font-size: 13px; border: none; float: left; height: 30px; }
    #area_endereco_m input.salvar[type="submit"] { margin: 0; font-size: 21px; }
    
    .pedido_m { float: left; border: 1px solid #333; width: 100%; margin-bottom: 10px; }
    .pedido_m .top { width: 79.5%; float: left; padding: 10px 3%; border-bottom: 1px solid #333; }
    .pedido_m .abrir { background: url(../../imagens/abrir.png) center no-repeat #ddd; width: 14%; height: 62px; float: right; border-left: 1px solid #333; border-bottom: 1px solid #333; }
    .pedido_m .hide { float: left; width: 96%; padding: 2%; display: none; }
    
    .pedido_m .ordem td { padding: 4px; vertical-align: middle; height: 40px; }
    .pedido_m .ordem td .cod { display: inherit; }
    .pedido_m .ordem { font-size: 11px; }
    .pedido_m .ordem.dois { margin-top: 10px; }
    .pedido_m .ordem.dois th { font-weight: bold; font-size: 11px; }

    #login { margin: 0; float: left; width: 100%; }
    #login h3 { width: 94%; padding: 8px 3%; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }
    #login .area { width: 88%; padding: 15px 5%; }
    #login .area input[type="text"], #login .area input[type="password"] { width: 90%; }

    #cadastro { margin: 10px 0 0; float: left; width: 100%; }
    #cadastro h3 { background: #002664; width: 94%; padding: 8px 3%; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }
    #cadastro .area { width: 88%; padding: 15px 5%; }
    #cadastro .area input[type="text"], #login .area input[type="password"] { width: 90%; }

    #categorias_mobile { float: left; width: 100%; margin-bottom: 15px; display: block; }
    #categorias_mobile h3 { float: left; width: 100%; margin: 0; font-weight: normal; }
    #categorias_mobile h3 a { background: url(../../imagens/bg_menu.png) repeat-x #00235e; text-decoration: none; display: block; padding: 12px; color: #fff; font-family: 'apex_newmedium'; text-transform: uppercase; font-size: 13px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
    #categorias_mobile h3 a span { display: block; float: right; font-size: 20px; font-family: arial; line-height: 14px; }
    #categorias_mobile ul { list-style: none; padding: 0; margin: 5px 0 0; float: left; border: 1px solid #ddd; display: none; width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
    #categorias_mobile ul li { float: left; width: 100%; border-bottom: 1px solid #ddd; }
    #categorias_mobile ul li a { width:96%; background: url(../../imagens/set.png) left no-repeat; display: block; margin: 6px 2%; float: left; padding-left: 14px; font-weight: bold; color: #003987; }
    #categorias_mobile ul li .sub_menu { margin-bottom: 4px; border: none; }
    #categorias_mobile ul li .sub_menu li { border-bottom: none; }
    #categorias_mobile ul li .sub_menu li a { background: none; font-size: 12px; font-weight: normal; color: #222; padding-left: 28px; margin: 3px 0; }

    .area_banners .b { display: block; width: 100%; margin-bottom: 10px; }

    .aviso_zoom { max-width: 330px; width: 100%; }

    table.carrinho_compras.b { width: 100%; }
    table.carrinho_compras.b td.a { width: 20%; }
    #area_entrega .col_esq { width: 98%; }

    #area_cupom { width: 100%; }
    #bt_cadastro { height: auto; margin: 20px 0; }
    #bt_cadastro a.login2 { display: inline-block; }
    #bt_cadastro a.cadastro { display: inline-block; }

    #area_cadastro p.p { width: 100%; margin: 6px 0; }
    #area_cadastro p.m { width: 100%; margin: 6px 0; }
    #area_endereco p.p { width: 100%; margin: 6px 0; }
    #area_endereco p.g { width: 100%; margin: 6px 0; }
    #area_endereco p.m { width: 100%; margin: 6px 0; }
    input.salvar[type="submit"] { margin: 0; }

    #area_pagamento .box_car .form_dir .esquerda { width: 100%; }
    #area_pagamento .box_car .form_dir .direita { width: 100%; }

    table.carrinho_compras tbody td a.thumb { display: block; width: 100%; float: left; }

    table.carrinho_compras tbody td input[type="text"] { width: 16px; text-align: center;  }

    #galeria_produto img { width: 100%; }
    #galeria_produto #gallery_01 { width: 100%; }
    #galeria_produto #gallery_01 a img { width: 50px; }
    .zoomWrapper { width: 100% !important; }
    .zoomWrapper img { max-width: 100% !important; position: inherit !important; float: left; }

    #relacionados,#comprou { display: none; }

    #rodape { padding-top: 20px; padding-bottom: 20px; width: 100%; height: auto; background-color: #282828;}
    #rodape .institucional { width: 100%; text-align: center; }
    #rodape .institucional h3 { font-size: 14px; margin-bottom: 5px; }
    #rodape .institucional ul li { display: inline-block; margin: 0 6px 2px; font-size: 11px; }
    #rodape .ajuda { width: 100%; text-align: center; margin-top: 20px; }
    #rodape .ajuda h3 { font-size: 14px; margin-bottom: 5px; }
    #rodape .ajuda ul li { display: inline-block; margin: 0 6px 2px; font-size: 11px; }
    #rodape .central { width: 100%; text-align: center; margin-top: 20px; }
    #rodape .central h3 { font-size: 14px; margin-bottom: 5px; }
    #rodape .central p { margin: 0 0 10px; }
    #rodape .central .bt { display: inline-block; float: none; margin-top: 0; }
    #rodape .ofertas { width: 100%; text-align: center; margin-top: 20px; }
    #rodape .ofertas h3 { font-size: 14px; margin-bottom: 5px; }
    #rodape .ofertas p { margin: 0 0 10px; }
    #rodape .ofertas input[type="text"] { display: inline-block; float: none; }
    #rodape .ofertas input[type="button"] { display: inline-block; float: none; }
    #rodape .siga { width: 100%; text-align: center; margin-top: 20px; }
    #rodape .siga h3 { font-size: 14px; margin-bottom: 5px; }
    #rodape .telefone { width: 100%; text-align: center; margin-top: 20px; }
    #rodape .whatsapp { display: inline-block; float: none; margin: 0; }
    #rodape .whats { font-size:16px;}

    #rodape2 { width: 96%; padding: 15px 2%; text-align: center;}
    #rodape2 .formas { width: 100% }
    #rodape2 .formas span { display: none; }
    #rodape2 .formas img { width: 100%; }
    #rodape2 .certificados { margin: 10px 0 0; }
    #rodape2 .direitos { font-size: 11px; }
    
}