/* ----------------------------------------
 Programação: Axis Focus Informática Ltda.
 Gráficos:    Casa das Idéias
-------------------------------------------

-----------------------
        Geral
----------------------- */

* { margin:0px; padding:0px; border:none; font:normal 11px/16px Arial, Helvetica, sans-serif; text-decoration:none; list-style:none; }
img { border:none; }

body { background-color:#fff; color:#000; }

/* --------------------
       Layout
-------------------- */

/* ----- Geral ----- */

#moldura { width:1000px; margin:0px auto; }
#cabecalho { width:1000px; height:180px; float:left; }
#coluna_esquerda { width:160px; float:left; }
#coluna_central { width:840px; float:left; }
#rodape { border-top:10px solid #fff; background:rgb(63,59,56) url(../imagens/estrutura/rodape_bg.jpg) repeat-x; clear:both; }

/* ----- Cabeçalho superior ----- */

#cabecalho .superior { width:100%; min-width:1020px; height:120px; float:left;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f7f7f7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#f7f7f7)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #cccccc, #f7f7f7); /* for firefox 3.6+ */
}

#cabecalho .inferior { width:100%; min-width:1020px; height:130px; margin-top:120px; }

#cabecalho .superior h1 { width:365px; height:97px; margin:8px 0px 15px 13px; float:left; }
#cabecalho .superior h1 img { width:365px; height:97px; }

#cabecalho .superior .area_vip_busca { width:185px; margin:0px 68px 0px 67px; float:left; }

#cabecalho .superior .area_vip { width:176px; height:44px; margin:15px 20px 0px 5px; background:url(../imagens/estrutura/cabecalho_h2_img.png) no-repeat left center; float:left; }
#cabecalho .superior .area_vip a { padding:6px 0px 0px 54px; display:block; text-decoration:none; font-size:12px; color:#000; }
#cabecalho .superior .area_vip a span { color:rgb(227,156,10); font-weight:bold; font-size:12px; }

#cabecalho .superior .busca_produtos { width:185px; height:29px; margin:16px 0px 0px 0px; float:left; background-image:url(../imagens/estrutura/cabecalho_busca_bg.png); }
#cabecalho .superior .busca_produtos #termo { width:145px; height:11px; margin:3px 0px 3px 3px; padding:6px 3px 6px 3px; float:left; font-size:11px; color:rgb(179,179,179); background-color:#fff; }
#cabecalho .superior .busca_produtos #ok { width:31px; height:29px; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_busca_bt.png); cursor:pointer; }

#cabecalho .superior .principal { height:37px; margin:20px 0px 14px 0px; }
#cabecalho .superior .principal li { height:37px; padding:0px 10px; float:left; }
#cabecalho .superior .principal li a { height:37px; display:block; }
#cabecalho .superior .principal li.home { width:30px; padding-left:47px; }
#cabecalho .superior .principal li.home a { width:30px; background:url(../imagens/estrutura/cabecalho_li_home.png) no-repeat center; overflow:hidden; text-indent:-32767px; }
#cabecalho .superior .principal li.contato { width:38px; }
#cabecalho .superior .principal li.contato a { width:38px; background:url(../imagens/estrutura/cabecalho_li_contato.png) no-repeat center; overflow:hidden; text-indent:-32767px; }
#cabecalho .superior .principal li.parceiros { width:49px; }
#cabecalho .superior .principal li.parceiros a { width:49px; background:url(../imagens/estrutura/cabecalho_li_parceiros.png) no-repeat center; overflow:hidden; text-indent:-32767px; }
#cabecalho .superior .principal li.clientes { width:39px; }
#cabecalho .superior .principal li.clientes a { width:39px; background:url(../imagens/estrutura/cabecalho_li_clientes.png) no-repeat center; overflow:hidden; text-indent:-32767px; }
#cabecalho .superior .principal li.login { width:26px; }
#cabecalho .superior .principal li.login a { width:26px; background:url(../imagens/estrutura/cabecalho_li_login.png) no-repeat center; overflow:hidden; text-indent:-32767px; }

#cabecalho .superior .secundario { height:29px; margin-top:4px; float:left; }
#cabecalho .superior .secundario li { width:97px; height:29px; background-image:url(../imagens/estrutura/cabecalho_menu_secundario_bg.png); float:left; list-style-type:none; }
#cabecalho .superior .secundario li:hover { background:url(../imagens/estrutura/cabecalho_menu_secundario_bg.png) right center; }
#cabecalho .superior .secundario li + li { margin-left:5px; }
#cabecalho .superior .secundario li a { width:90px; height:13px; padding:3px 0px 0px 0px; display:block; text-align:center; font-size:11px; line-height:12px; font-weight:bold; color:rgb(180,59,64); text-decoration:none; }

#cabecalho .superior .atendemos { width:169px; height:42px; margin:18px 0px 19px 14px; float:left; background-image:url(../imagens/estrutura/cabecalho_atendemos_e-mail.png); }
#cabecalho .superior .e-mail a { width:169px; height:42px; display:block; overflow:hidden; text-indent:-32767px; }

/* ----- Cabeçalho inferior ----- */

#cabecalho .inferior .telefones_atendemos { width:100%; min-width:1020px; height:50px;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43b40', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b43b40), to(#000000)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #b43b40, #000000); /* for firefox 3.6+ */
}

#cabecalho .inferior .telefones_atendemos .telefones { width:360px; height:22px; margin:14px 0px 14px 242px; float:left; background-image:url(../imagens/estrutura/cabecalho_telefones.png); overflow:hidden; text-indent:-32767px; }
#cabecalho .inferior .telefones_atendemos .e-mail_horario { width:136px; margin:14px 65px 13px 64px; float:left; }
#cabecalho .inferior .telefones_atendemos a { width:123px; height:10px; margin:0px 6px 4px 7px; display:block; background-image:url(../imagens/estrutura/cabecalho_email.png); overflow:hidden; text-indent:-32767px; }
#cabecalho .inferior .telefones_atendemos span { width:136px; height:9px; display:block; background-image:url(../imagens/estrutura/cabecalho_horario.png); overflow:hidden; text-indent:-32767px; }
#cabecalho .inferior .telefones_atendemos .atendemos { width:131px; height:39px; margin:6px 0px 5px 0px; float:left; background:url(../imagens/estrutura/cabecalho_atendemos.png) no-repeat; overflow:hidden; text-indent:-32767px; }

#cabecalho .inferior .espaco { width:234px; height:75px; margin:5px 0px 0px 0px; float:left; background-color:rgb(230,230,230); }

#cabecalho .inferior ul { width:786px; float:left; }
#cabecalho .inferior li { width:90px; height:35px; margin:5px 3px 0px 3px; float:left; }
#cabecalho .inferior li a { width:90px; height:35px; position:relative; padding:0px; font:normal 11px/11px Arial; background-image:url(../imagens/estrutura/menu_li_bg_off.jpg); text-align:center; display:block; text-decoration:none; }
#cabecalho .inferior li a:hover { background-image:url(../imagens/estrutura/menu_li_bg_on.jpg); }

#cabecalho .inferior li a .esquerda, #cabecalho .inferior li a .direita { width:4px; height:35px; vertical-align:middle; display:inline-block; }
#cabecalho .inferior li a .texto { width:82px; vertical-align:middle; display:inline-block; font:normal 11px/11px Arial; color:rgb(77,77,77); }
#cabecalho .inferior li a:hover { color:rgb(71,54,60); }

#cabecalho .inferior li.selecionado a { background-image:url(../imagens/estrutura/menu_li_bg_on.jpg); }
#cabecalho .inferior li.selecionado a .texto{ color:rgb(124,22,33); font-weight:bold; }
#cabecalho .inferior li.destaque a .texto { color:rgb(204,119,0); }

#cabecalho .inferior li.destaque .menu_imagem { width:150px; height:36px; margin:-11px 0px 0px -15px; display:block; overflow:hidden; text-indent:-32767px; }

#cabecalho .inferior li.separador { height:5px; background-color:#fff; }

/* ----- Coluna Esquerda ----- */

#coluna_esquerda .todos_produtos { width:160px; padding:2px; float:left; background:#ccc url(../imagens/geral/coluna_esquerda_todos_produtos_bg.jpg) repeat-x; border:1px solid #b3b3b3; }
#coluna_esquerda .todos_produtos dt { padding:4px; border-bottom:1px dotted rgb(204,204,204); color:rgb(180,59,64); font-weight:bold; text-transform:uppercase; }
#coluna_esquerda .todos_produtos dd { padding:1px 0px; list-style-type:none; }
#coluna_esquerda .todos_produtos dd a { padding:1px 4px; text-decoration:none; color:rgb(51,51,51); text-transform:uppercase; display:block; }
#coluna_esquerda .todos_produtos dd a:hover { color:rgb(186,0,31); background-color:rgb(249,246,213); }

/* ----- Corpo ----- */

#coluna_central .titulo { height:30px; margin:0px 0px 10px 15px; background-image:url(../imagens/entrada/coluna_central_h3_bg.jpg); }
#coluna_central .titulo:hover { background-image:url(../imagens/entrada/coluna_central_h3_destaque_bg.jpg); }
#coluna_central .titulo a { height:14px; padding:8px 0px 8px 20px; display:block; color:rgb(180,59,64); font-size:14px; line-height:14px; font-weight:bold; background:url(../imagens/entrada/coluna_central_h3_bullet.jpg) no-repeat center left; text-decoration:none; }

#coluna_central .titulo .brindes_personalizados { width:665px; float:left; }

#coluna_central .titulo .compartilhar { width:123px; margin:8px 10px 0px 0px; float:right; }
#coluna_central .titulo .compartilhar h4 { width:97px; height:11px; margin:8px 0px 0px 12px; float:left; background-image:url(../imagens/estrutura/rodape_siga_tl.png); overflow:hidden; text-indent:-32767px; }
#coluna_central .titulo .compartilhar a { margin-right:3px; padding:0px; float:left; display:block; overflow:hidden; text-indent:-32767px; }
#coluna_central .titulo .compartilhar .facebook { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_ico.jpg); }
#coluna_central .titulo .compartilhar .twitter { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_twitter_ico.jpg); }
#coluna_central .titulo .compartilhar .blog { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_blog_ico.jpg); }
#coluna_central .titulo .compartilhar .google { width:24x; height:15px; margin-right:3px; float:left; display:block; }
#coluna_central .titulo .compartilhar .facebook_recomendar { width:42px; height:15px; margin-right:0px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_curtir_ico.jpg); }

#coluna_central .descricao { margin:0px 0px 0px 20px; font-size:11px; line-height:13px; }
#coluna_central .descricao a { text-decoration:none; color:rgb(77,77,77); }

#coluna_central .underline { text-decoration:underline; }

#coluna_central .categorias { margin-bottom:5px; }
#coluna_central .categorias ul { margin:10px 0px 0px 0px; }
#coluna_central .categorias ul li { width:378px; height:128px; margin:0px 0px 10px 20px; padding:10px; position:relative; float:left; list-style-type:none; background-image:url(../imagens/entrada/coluna_central_categoria_bg.jpg); }
#coluna_central .categorias ul li:hover { background:url(../imagens/entrada/coluna_central_categoria_bg.jpg) right center; }
#coluna_central .categorias ul li img { width:136px; height:120px; float:left; }
#coluna_central .categorias ul li p.nome { margin:0px 0px 10px 146px; }
#coluna_central .categorias ul li p.nome a { text-decoration:none; color:rgb(154,0,25); font-weight:bold; text-align:left; font:bold 13px/13px Arial; }
#coluna_central .categorias ul li p.descricao { margin-left:146px; text-decoration:none; color:rgb(77,77,77); text-align:left; font:normal 13px/15px Arial; }
#coluna_central .categorias ul li a .clique { position:absolute; bottom:16px; right:16px; color:red; }

#coluna_central .logos { width:790px; height:113px; background:url(../imagens/entrada/coluna_central_logos_pre_loader.jpg) no-repeat; }

#coluna_central .produtos_relacionados { margin-top:10px; }
#coluna_central .produtos_relacionados ul { margin:10px 0px 20px 15px; float:left; }
#coluna_central .produtos_relacionados li { width:106px; height:87px; margin:0px 15px 0px 16px; float:left; background-image:url(../imagens/entrada/coluna_central_produtos_relacionados_img_bg.jpg); list-style-type:none; }
#coluna_central .produtos_relacionados li img { width:96px; height:85px; margin:1px 0px 0px 5px; position:relative; z-index:0; }
#coluna_central .produtos_relacionados li span { width:96px; height:15px; margin:66px 0px 0px 5px; padding-top:0px; position:absolute; z-index:1; display:block; background:url(../imagens/entrada/coluna_central_produtos_relacionados_img_bg.jpg) -6px -66px; text-align:center; color:yellow; }

/*
#coluna_central .infos_gerais { clear:both; }
#coluna_central .infos_gerais .info { width:400px; margin:0px 0px 10px 20px; float:left; }
#coluna_central .infos_gerais .info h3 { padding-right:6px; font-weight:bold; color:#000; float:left; }
#coluna_central .infos_gerais .info p { text-align:justify; color:rgb(77,77,77); }
#coluna_central .infos_gerais .info a { color:rgb(180,59,64); font-weight:bold; }
*/

#coluna_central .infos_gerais { clear:both; }
#coluna_central .infos_gerais dl { margin:0px 0px 0px 20px; }
#coluna_central .infos_gerais dt { width:100%; padding-right:6px; font-weight:bold; color:rgb(77,77,77); }
#coluna_central .infos_gerais dd { width:100%; margin-bottom:6px; text-align:justify; color:rgb(77,77,77); }
#coluna_central .infos_gerais .saiba_mais { margin-left:20px; color:rgb(180,59,64); font-weight:bold; }

#coluna_central .destaque { color:#000; }

/* ----- Rodapé ----- */

#rodape h3 { width:178px; height:50px; margin:18px 0px 18px 3px; float:left; background-image:url(../imagens/estrutura/rodape_logo.png); overflow:hidden; text-indent:-32767px; }

#rodape .separador { width:5px; height:54px; margin:16px 6px; float:left; background-image:url(../imagens/estrutura/rodape_separador.png); display:block; }

#rodape .busca_produtos { width:182px; height:30px; margin:28px 0px 0px 0px; float:left; background-image:url(../imagens/estrutura/rodape_busca_bg.png); }
#rodape .busca_produtos #termo { width:139px; height:13px; margin:3px 0px 3px 3px; padding:5px 3px 6px 3px; float:left; font-size:11px; color:rgb(179,179,179); background-color:#fff; }
#rodape .busca_produtos #ok { width:30px; height:26px; margin:1px 2px; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/rodape_busca_bt.png); cursor:pointer; }

#rodape .telefones { width:184px; height:52px; margin:17px 0px; float:left; background-image:url(../imagens/estrutura/rodape_telefones.png); overflow:hidden; text-indent:-32767px; }

#rodape .atendemos_e-mail { width:156px; float:left; }
#rodape .atendemos_e-mail h4.atendemos { width:140px; height:8px; margin:24px 6px 0px 6px; background-image:url(../imagens/estrutura/rodape_atendemos.png); overflow:hidden; text-indent:-32767px; }
#rodape .atendemos_e-mail h4.e-mail { width:140px; height:11px; margin:5px 6px 0px 7px; background-image:url(../imagens/estrutura/rodape_e-mail.png); overflow:hidden; text-indent:-32767px; }
#rodape .atendemos_e-mail h4.e-mail a { width:140px; height:11px; display:block; }
#rodape .atendemos_e-mail .atendimento { width:156px; height:12px; margin-top:4px; background-image:url(../imagens/estrutura/rodape_atendimento.png); overflow:hidden; text-indent:-32767px; }

#rodape .compartilhar { width:123px; margin:26px 0px 0px 0px; float:left; }
#rodape .compartilhar h4 { width:97px; height:11px; margin:8px 0px 0px 12px; float:left; background-image:url(../imagens/estrutura/rodape_siga_tl.png); overflow:hidden; text-indent:-32767px; }
#rodape .compartilhar a { margin-right:3px; float:left; display:block; overflow:hidden; text-indent:-32767px; }
#rodape .compartilhar .facebook { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_ico.jpg); }
#rodape .compartilhar .twitter { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_twitter_ico.jpg); }
#rodape .compartilhar .blog { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_blog_ico.jpg); }
#rodape .compartilhar .google { width:24x; height:15px; margin-right:3px; float:left; display:block; }
#rodape .compartilhar .facebook_recomendar { width:42px; height:15px; margin-right:0px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_curtir_ico.jpg); }

#rodape ul { width:78px; margin:25px 0px 26px 0px; float:left; }
#rodape ul li { height:35px; float:left; overflow:hidden; text-indent:-32767px; }
#rodape ul li + li { margin-left:10px; }
#rodape ul li a { height:35px; display:block; }
#rodape ul li.home { width:23px; background-image:url(../imagens/estrutura/rodape_li_home.png); }
#rodape ul li.mapa { width:45px; background-image:url(../imagens/estrutura/rodape_li_mapa.png); }

#rodape .copyright { height:20px; clear:both; background-image:url(../imagens/estrutura/rodape_copyright_bg.jpg); }
#rodape .copyright p { width:990px; }
#rodape .copyright .desenvolvimento { padding:2px 0px 0px 10px; float:left; color:#fff; font-size:10px; font-weight:bold; text-align:right; display:block; }
#rodape .copyright .desenvolvimento a { color:#fff; text-decoration:none; }
#rodape .copyright .direitos { padding-top:2px; float:right; color:#fff; font-size:10px; font-weight:bold; text-align:right; display:block; }

/* --------------------
        Texto
-------------------- */

strong, .bold { font-weight:bold; color:rgb(77,77,77); }
.italic { font-style:italic; }
.center { text-align:center; }

#coluna_central a { color:#000; }

/* --------------------
      Funções
-------------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height:1%; }