﻿/***************************************************************
'* ESTILO UTILIZADO EM TODOS OS NAVEGADORES
'*
'*	Criado em: 03/11/2010			Por: LILIAN PERILLO
****************************************************************/
html, body, form{height:100%;}
body			{background:#f1f0f0 url(../imagens/layout/bgBody.gif) left top repeat-x; color:#000; font-family:Arial, Verdana, Sans-Serif; font-size:12px; margin:0; padding:0;}
dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, img, input, label, li, p, span, ul	{border:0; margin:0; padding:0;}
a				{text-decoration:none; outline:none;}
a:hover			{text-decoration:underline;}

.container		{background:transparent; margin:0 auto; position:relative; padding:188px 0 210px; width:1001px; z-index:0;}
.menuFixo       {background:#000; height:20px; position:fixed; top:0; width:100%; z-index:1;}
.menuFixo > div {height:20px; margin:0 auto; width:1001px;}

/*TOPO DO SITE*/
.saudacao		{color:#FFF; font-size:11px; float:left; padding:3px 0 0 24px;}
.saudacao span	{font-weight:bold;}
.navUser		{list-style:none; float:right; padding:3px 0 2px 0;}
.navUser li		{float:left; padding-left:20px;}
.navUser li a	{background:url(../imagens/layout/boxVermelho.gif) left center no-repeat; color:#FFF; font-size: 11px; display:block; font-weight:bold; padding:1px 13px; text-decoration:none;}
.navUser li a:hover{background:url(../imagens/layout/boxAmarelo.gif) left center no-repeat; color:#fcff00;}
.header         {background:url(../imagens/layout/bgTopoSite.jpg) left top no-repeat; display:block; height:169px; left:0px; position:absolute; top:20px; width:1001px;}
.logo           {background:url(../imagens/layout/logoClaro.png) center center no-repeat; display:block; height:100px; float:left; margin:0 18px; width:190px;}
.infoCart		{background:url(../imagens/layout/miniDisco.png) left 8px no-repeat; color:#000; float:right; margin-top:42px; padding:0 13px 10px 98px; text-align:left; text-decoration:none; width:94px;}
.infoCart .titulo{font-weight:bold; margin-top:4px;}
.infoCart span  {display:block;}

.search			{background:url(../imagens/layout/boxPesquisar.png) left top no-repeat; clear:both; height:32px; list-style:none; margin:0 22px; padding:4px; position:relative; z-index:1;}
.txtPesquisar   {color:#fcff00; float:left; font-size:20px; margin:0 0 0 7px;}
.search	.termo	{background:url(../imagens/layout/bgTermo.png) left top no-repeat; color:#000; float:left; font-size:16px; height:22px; line-height:22px; margin:0 0 0 8px; padding:0 0 0 6px; width:518px;}
.listaGeneros   {border:0; color:#000; height:24px; float:left; font-size:16px; margin:0 10px 0 7px; padding:0 0 0 4px; width:275px;}
.search .btBusca{float:left;}

.menuTopo		{background:url(../imagens/layout/bgMenu.png) left top repeat-x; clear:both; height:42px; list-style:none; margin:0 auto; padding:5px 0 0 0; position:relative; top:-10px; width:1001px;}
.menuTopo li	{float:left; font-size:18px; font-style:normal; margin:3px 18px;}
.menuTopo li a	{color:#000; cursor:pointer; display:block; font-weight:bold; height:24px; line-height:24px; padding:0 0 0 13px; text-transform:uppercase;}
.menuTopo li a:hover,
.menuTopo li a.active{text-decoration:underline;}
.menuTopo li.separator{text-align:center; width:28px;}
.dvMenuTopo		{height:20px;}

.content   {background:url(../imagens/layout/bgGaleriaHome.png) left top repeat; margin-bottom:0; padding-top:8px;}
.content > div{background:url(../imagens/layout/bgContentBottom.png) left bottom no-repeat; padding-bottom:6px;}
.disclaimer    {height:218px; margin:5px 15px 0 10px; width:977px;}

/* LATERAL ESQUERDA HOME-PRODUTOS-INSTITUCIONAL*/
.lateralEsquerda{float:left; margin:0 0 0 10px;  width:164px;}
.lateralEsquerda .menu{padding:0px 3px 4px 0; width:170px;}
.tipoMenu       {background:url(../imagens/layout/btAbasMenu.png) 0 top no-repeat; color:#eeefb2; display:block; float:left; font-size:16px; font-weight:bold; height:28px; line-height:32px; margin-top:4px; text-align:center; width:80px;}
.tipoMenuAtivo  {background:url(../imagens/layout/btAbasMenu.png) -81px top no-repeat; color:#eff204; display:block; float:left; font-size:16px; font-weight:bold; height:32px; line-height:32px; text-align:center; width:80px;}
.menu ul        {border:1px solid #141414; clear:both; list-style:none; padding:0 10px; width:138px;}
.menu ul li     {border-top:1px dotted #141414; padding:6px 0 6px 5px;}
.menu ul li:first-child{border:none;}
.menu ul li a    {color:#000; font-size:16px; overflow:hidden; width:130px; display:block;}
.menu ul li.first{border-top:none; padding:8px 0 1px 5px;}

/* LATERAL ESQUERDA ATENDIMENTO*/
.menu			{ float:left; margin:12px 14px 9px 1px; width:194px;}
.menu dt		{background:url(../imagens/layout/bgMenuDepartamentoT.png) left top no-repeat; min-height:11px; padding:8px; margin:0px 0px -2px; text-align:center;}
.menu dt:first-child{background:url(../imagens/layout/bgMenuDepartamento.png) left top no-repeat;}
.menu dt a		{color:#eff204; font-size:16px; font-weight:bold; height:28px; line-height:18px; text-align:center;}
.menu dd		{padding:0;}
.menu dd h3		{font-size:12px; font-weight:bold; padding:0 0 5px 0;}	
.menu dd h3 a	{color:#000;}	
/*.menu dd ul		{list-style:none;}*/
.menu dd ul		{border:1px solid #141414; clear:both; height:295px; list-style:none; padding:0 9px 10px; width:150px;}
.menu dd ul li	{padding:8px 0px 4px 3px;}
.menu dd ul li a{color:#000; font-size:16px; padding-left:5px;}

/* CONTENT */
.mainContent	{float:right; padding-top:18px; width:810px;}
.breadcrumb		{border:none; margin-bottom:0; padding:3px 0 0 0; height:16px;}
.breadcrumb h1, .breadcrumb a, .breadcrumb img	{float:left; margin-right:10px;}
.breadcrumb img {margin-top:4px;}
.headerProduct{clear:both; height:10px; padding:0 0 15px; margin-top:0; width:800px;}
.headerProduct p{margin-top:5px;}
.headerProduct h3{color:#000; float:left; font-size:20px;}
.seta         {background:url(../imagens/layout/setaCinzaEscuro.png) left 5px no-repeat; margin:0 11px;}
.sortingForm	{color:#000; float:right; font-size:16px; margin:35px 0 0 8px; position:relative;}
.sortingForm select{height:24px; opacity:0; position:absolute; right:5px; top:0; width:162px;}
.sortingForm .lblSelect{background:url(../imagens/layout/bgSelect.gif) left top no-repeat; display:block; float:left; height:24px; line-height:24px; margin:0 5px 0 7px; overflow:hidden; padding:0 0 0 6px; width:156px;}
.sortingForm .lblSelectOrdenacao{background:url(../imagens/layout/bgSelect.gif) left top no-repeat; display:block; float:left; height:24px; line-height:24px; margin:0 5px 0 7px; overflow:hidden; padding:0 0 0 6px; width:156px; float:left;}

.products		{padding:0 0 1px; margin-top:35px !important;}
.productList	{list-style:none; overflow:hidden; padding:26px 0; width:806px;}
.productList li {float:left; margin-right:16px;  position:relative; width:252px;}
.productList li  a{text-decoration:none}
.productList li.separator{clear:left; display:block; float:none; margin:0 auto; height:30px; text-align:left; width:100%;}
.productImage	{border:1px solid #FFF; display:table-cell; height:106px; margin:0 0 3px; text-align:center; width:106px; vertical-align:middle;}
.productImage img{display:block; margin:0 auto;}
.productImage li{display:block; float:left;}
.freeshipping	{display:block; margin:0 0 10px 0;}
.descrProduct   {float:right; min-height:107px; margin:0 0 5px 0; width:140px;}
.descrProduct .nameTitle{height:106px; overflow:hidden;}
.productName    {display:block; margin:2px 0; overflow:hidden; text-align:left; width:140px;}
.productName a	{color:#000; font-size:16px; font-weight:bold;}
.productLine    {display:block; font-size:12px; font-weight:normal; margin-bottom:20px;}
.price          {float:left; font-family:Verdana;}
.price > span     {display:block;}
.priceDe        {float:left;}
.price .from    {text-align:left; text-decoration:line-through;}
.price .for_a   {text-align:left; text-decoration:none;}
.price .for_b   {margin-bottom:3px;text-align:left; text-decoration:none;}
.boxAmarelo     {background:url(../imagens/layout/bgAmarelo.png) left top repeat; color:#000; font-size:12px; float:left; height:15px; margin-bottom:1px; padding-bottom:2px; text-align:center; width:247px;}
.boxCinza       {background:url(../imagens/layout/bgCinza.png) left bottom repeat; color:#fcff00; font-size:12px; float:left; height:15px; margin-bottom:1px; padding-bottom:2px; text-align:center; width:247px;}
.boxVermelho    {background:url(../imagens/layout/bgVermelho.png) left bottom repeat; color:#fff; font-size:12px; float:left; height:15px; margin-bottom:10px; padding-bottom:2px; text-align:center; width:247px;}
.containerNoticias{background:#000 url(../imagens/layout/bgNoticiaBottom.png) left bottom no-repeat; display:block; padding-bottom:6px; width:803px;}
.titNoticia     {color:#FFF; display:block; font-size:16px; padding:2px 0 0 10px; width:200px;}
.imgNoticia     {float:left; padding:3px 0 0 10px;}
.txtNoticia     {display:block; float:right; font-size:12px; width:600px;}
.txtNoticia ul  {list-style:none;}
.txtNoticia li  {padding: 4px 5px 3px 2px;}
.txtNoticia ul li a{background:url(../imagens/layout/setaBranca.png) left 5px no-repeat; color:#FFF; padding-left:15px; text-decoration:none;}
.txtNoticia ul li a:hover{background:url(../imagens/layout/setaCinza.png) left 5px no-repeat; color:#B2B2B2;}
.halfBanner		{list-style:none; padding:0 0 0 2px;}
.halfBanner li	{float:left; margin:10px 2px 6px 7px;}
.halfBanner li img{display:block;}

/* NUVEM DE TAGS */
.nuvemTags        {background-color:#d5d5d5; clear:left; margin:10px; padding-bottom:15px;}
.nuvemTags h3     {margin:0 14px 8px 0; padding-top:9px;}
.nuvemTags h3 span{color:#000; font-size:16px; font-weight:bold; height:28px; line-height:28px; padding:0 25px; width:145px;}
.nuvemTags p      {color:#000; font-weight:bold; padding:0 0 0 25px; line-height: 30px;}
.nuvemTags p a    {color:#000; margin:0 10px;}
.tx_tag_00        {font-size:12px;}
.tx_tag_01        {font-size:14px;}
.tx_tag_02        {font-size:16px;}
.tx_tag_03        {font-size:18px;}
.tx_tag_04        {font-size:20px;}
.tx_tag_05        {font-size:22px;}
.tx_tag_06        {font-size:24px;}
.tx_tag_07        {font-size:28px;}
.tx_tag_08        {font-size:30px;}


/* NEWSLETTER */
.newsletter         {background-color:#fff100; height:37px; margin-top:15px;}
.newsletter > div    {background:url(../imagens/layout/bgMenuRight.png) right no-repeat; padding:2px 5px 35px 3px;} 
.newsletter .ofertas{float:left; padding:7px 0 0 16px;}
.newsletter .assine {float:left; padding:2px 0 0 22px; width:210px;}
.newsletter .lblNome{float:left; padding:12px 7px 0 15px;}
.newsletter .txNome {float:left; height:28px; line-height:24px; margin:3px; width:216px;}
.newsletter .txEmail{float:left; height:28px; line-height:24px; margin:3px; width:216px;}
.newsletter .ok     {float:left; margin:5px 0 0 2px;}

/* PAGINAÇÃO */
.paginacao		{text-align:center; padding:20px 0 10px;}
.paginacao .prev, .paginacao .next, .paginacao .num, .paginacao .current, .paginacao .more{color:#FF0000;  font-size:16px; font-weight:bold; text-align:center;}
.paginacao .prev, .paginacao .next, .paginacao .num, .paginacao .current, .paginacao .more a:hover{color:#FF0000;}
.paginacao .prev{ margin:2px 17px 0 0;}
.paginacao .next{margin:2px 0 0 17px;}
.paginacao .num, .paginacao .current{display:inline-block; line-height:22px; height:22px; width:22px;}
.paginacao .current{color:#719a02;}
.paginacao .more{padding:0 0 0 2px;}

/* RODAPÉ */
.footer			{background-color:#282828; height:149px; padding:38px 15px 0 10px; position:absolute; width:976px;}
.footer ul		{float:left; list-style:none; text-align:center;}
.footer ul.center{ margin:0 52px; width:180px;}
.footer ul.inteligencia{float:right;}
.footer ul h4	{line-height:100%; padding:0 0 12px 0; text-align:center;}
.footer p		{clear:both; padding:35px 0 0 0; text-align:center;}
.footer .pagamentos area{cursor:default;}
.footer .logoW	{display:block; margin:10px 0 0 0;}
.linksRodape    {display:block; float:left;}
.linksRodape h4 {padding-bottom:2px;}
.lkInstitucional, .lkFaleConosco{padding-bottom:4px;}
.lkBusca        {padding-bottom:20px;}
.lkAcompanhe    {padding:6px 0 0 0;}
.btChat         {float:right; margin-right:17px; padding-top:3px;}
.inteligencia	{display:block; margin-right:15px;}
.inteligencia h4{padding-bottom:8px;}


/* RODAPÉ 
.footer			{background-color:#282828; height:187px; position:absolute; width:1001px;}
.footer ul		{float:left; list-style:none; text-align:center;}
.footer ul h4	{line-height:100%; padding:0 0 12px 0; text-align:center;}
.footer p		{clear:both; padding:30px 0 0; text-align:center;}

.containerFooter{padding-top:29px;}
.pagamentos     {display:block; float:left; margin:0 100px 0 70px;}
.cartoes        {padding-top:10px;}
.certificados   {display:block; float:left; margin-top:27px;}
.inteligencia   {display:block; float:left; text-align:center;}
.linksRodape    {display:block; float:left; margin-right:103px; width:327px;}
.linksRodape h4 {padding-bottom:2px;}
.lkInstitucional, .lkFaleConosco{padding-bottom:4px;}
.lkBusca        {padding-bottom:20px;}
.lkAcompanhe    {padding:6px 0 0 0;}
.btChat         {float:right; margin-right:17px; padding-top:3px;}
.inteligencia	{display:block; margin-right:15px;}
.inteligencia h4{padding-bottom:8px;}*/

/* ENQUETE */
.enquete		{background:#D5D5D5; clear:both; padding:8px 8px 25px; width:148px;}
.enquete h4		{color:#000; font-size:16px; line-height:100%; padding:0 0 8px 0;}
.enquete p		{color:#000; font-weight:bold; line-height:100%; padding:0 0 11px 0;}
.enquete .opcoes{margin:0 0 0 1px;}
.enquete .opcoes td{padding:0 0 11px 0;}
.enquete .opcoes input{margin:0 4px 0 0; vertical-align:middle;}
.enquete .opcoes label{color:#000; vertical-align:middle;}
.enquete .linksEnquete{color:#000; margin:0 3px 0 0; vertical-align:middle; padding-bottom:8px;}


/* ClASSES GENÉRICAS */
.ancoralinks{clear:both; display:block; height:30px;}
.ancoralinksTel{height:30px;}
.ancoraProdutos{clear:both; display:block; height:30px;}
.bgi_00 {background:url(../imagens/layout/bgRodape.gif) left bottom repeat-x; padding-bottom:9px;}
.cr_00	{color:#FFF;}
.cr_01	{color:#ff0000;}
.cr_02	{color:#000;}
.cr_03  {color:#d1101a;}
.cr_04  {color:#000;}
.cr_05  {color:#B2B2B2;}
.cr_06  {color:#000;}
.cr_07  {color:#000;} 
.cr_08  {color:#000;}
.cr_09  {color:#000;}
.tx_00	{font-weight:bold;}
.tx_01  {font-size:18px;}
.tx_02	{font-size:14px;}
.tx_03	{font-size:11px;}
.tx_04	{font-size:20px;}
.tx_05  {font-weight:normal;}
.tx_06  {font-size:12px;}
.tx_07  {font-size:16px;}
.tx_08  {font-size:28px;}
.tx_09  {font-size:30px;}
.tx_10  {font-size:10px;}
.tx_11  {font-style:italic;}
.tx_12  {font-size:22px;}
.tx_13  {font-size:13px;}
.tx_15  {font-size:15px;}
.tx_center{text-align:center;}

/* LOADING DE UPDATEPANEL */
.loading			{background:#FFF; height:100%; left:0; opacity:0.75; filter:alpha(opacity=70); position:fixed; top:0; width:100%; z-index:1000000;}
.imgLoading			{background:url(../imagens/layout/loading_Billbox1.gif) center center no-repeat; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000001;}

.paginacaoBuscaTop {text-align:left; margin:45px 0 30px 268px;}
.paginacaoBuscaTop .prev, .paginacaoBuscaTop .next, .paginacaoBuscaTop .num, .paginacaoBuscaTop .current, .paginacaoBuscaTop .more{color:#FF0000;  font-size:16px; font-weight:bold; text-align:center;}
.paginacaoBuscaTop .prev, .paginacaoBusca .next, .paginacaoBusca .num, .paginacaoBusca .current, .paginacaoBuscaTop .more a:hover{color:#FF0000;}
.paginacaoBuscaTop .prev{ margin:2px 17px 0 0;}
.paginacaoBuscaTop .next{margin:2px 0 0 17px;}
.paginacaoBuscaTop .num, .paginacaoBuscaTop .current{display:inline-block; line-height:22px; height:22px; width:22px;}
.paginacaoBuscaTop .current{color:#719a02;}
.paginacaoBuscaTop .more{padding:0 0 0 2px;}

.paginacaoBuscaBottom		{text-align:center; padding:20px 0 10px;}
.paginacaoBuscaBottom .prev, .paginacaoBuscaBottom .next, .paginacaoBuscaBottom .num, .paginacaoBuscaBottom .current, .paginacaoBuscaBottom .more{color:#FF0000;  font-size:16px; font-weight:bold; text-align:center;}
.paginacaoBuscaBottom .prev, .paginacaoBuscaBottom .next, .paginacaoBuscaBottom .num, .paginacaoBuscaBottom .current, .paginacaoBuscaBottom .more a:hover{color:#FF0000;}
.paginacaoBuscaBottom .prev{ margin:2px 17px 0 0;}
.paginacaoBuscaBottom .next{margin:2px 0 0 17px;}
.paginacaoBuscaBottom .num, .paginacaoBuscaBottom .current{display:inline-block; line-height:22px; height:22px; width:22px;}
.paginacaoBuscaBottom .current{color:#719a02;}
.paginacaoBuscaBottom .more{padding:0 0 0 2px;}

.faixa				{list-style-type:none; padding:0; margin:0;}
.faixa li			{background:url(../imagens/layout/bgSoundMini.png) left 1px no-repeat; padding: 0 0 0 25px;}
.faixa li a			{text-decoration:none; color:#000;}
.faixa li a:hover	{text-decoration:none; color:#000;}
.faixa .play		{background:url(../imagens/layout/setaCinzaEscuro.png) left 4px no-repeat;}
.faixa .play a		{color:#00AA00;}
.faixa .buffering	{background:url(../imagens/layout/loading_Billbox1.gif) left 4px no-repeat;}

