@charset "utf-8";
/* CSS Document */


/* GERAL */
body { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #3b3b3b; background: url(../imagens/images/bgBody.jpg)  repeat-x center top; }
div#externo { width: 1024px; background: url(../imagens/images/bg_rodape.jpg) no-repeat center bottom; padding: 0 0 10px 0; margin: 0 auto; }
div#topo { height: 15px; }
div#meio { width: 1024px; margin: 0 auto; padding: 0; position: relative; }

/* Home */
div.bCom { /*margin: 5px 0 0 9px;*/ margin: 60px 0 60px 9px; }
div.bSem { /*margin: 5px 0 0 0;*/ margin: 60px 0 60px 0; }
div.bComHome { margin: 5px 0 0 9px; }
div.bSemHome { margin: 5px 0 0 0; }
#meio div.conteudo div.itens { width: 249px; height: 167px; background: url(../imagens/images/bgItens.jpg) no-repeat center top; float: left; font: bold 11px Tahoma, Geneva, sans-serif; color: #666; position: relative; }
#meio div.conteudo div.itens div.item01 { float: left; margin: 0 0 0 10px; width: 120px; }
#meio div.conteudo div.itens div.item02 { float: left; margin: 0 0 0 12px; width: 90px; }
#meio div.conteudo div.itens div.item01 div.imagem,
#meio div.conteudo div.itens div.item02 div.imagem { height: 80px; }
#meio div.conteudo div.itens div.descricao { font-size: 14px; }
#meio div.conteudo div.itens div.descricao a { text-decoration: none; color: #666; }
#meio div.conteudo div.itens div.descricao a:visited { text-decoration: none; }
#meio div.conteudo div.itens div.descricao a:hover { text-decoration: none; }
#meio div.conteudo div.itens div.descricao a:active { }
#meio div.conteudo div.itens div.noticia { margin: 30px 0 0 0; }
#meio div.conteudo div.itens div.noticia div.imagem { width: 90px; float: left; margin: 0 0 0 10px;  }
#meio div.conteudo div.itens div.noticia div.conteudoImprensa { float: left; padding: 0 5px 0 0; width: 130px; }
#meio div.conteudo div.itens div.verMais { position: absolute; bottom: 10px; left: 15px; }
#meio div.conteudo div.itens div.verMais a { text-decoration: none; color: #0066CC; }
#meio div.conteudo div.itens div.verMais a:visited { text-decoration: none; color: #0066CC; }
#meio div.conteudo div.itens div.verMais a:hover { text-decoration: none; color: #FF9900; }
#meio div.conteudo div.itens div.verMais a:active { }
#meio div.conteudo div.itens div.faleConosco { background: url(../imagens/images/exemploFaleConosco.gif) no-repeat 180px center; height: 70px; padding: 20px 55px 0 10px; }

#meio div.conteudo div.itens img { border: none; }
#meio div.conteudo div.itens div.titulo { margin: 5px 0 10px 5px; }
#meio div.conteudo div.itens div.comunidade { margin: 30px 0 0 0; padding: 0 0 0 35px; }
#meio div.conteudo div.itens div.sociais { margin: 22px 0 0 0; }
#meio div.conteudo div.itens div.sociais span { display: block; float: left; margin: 0 9px; }


/* MENU */
div.menu { margin: 0 0 12px 0; padding: 0 65px 0 70px; }
div.menu img { border: none; float: left; }

div.menu ul { list-style-type: none; margin: 20px 10px 0 0; padding: 0; text-transform: uppercase; font-size: 10px; float: right; }
div.menu ul li { width: 100px; float: left; text-align: center; display: block; }
div.menu ul li.nos { border-bottom: 3px #000 solid; }
div.menu ul li.produtos { border-bottom: 3px #35a9b8 solid; margin-left: 10px; }
div.menu ul li.onde_encontrar { border-bottom: 3px #b61570 solid; margin-left: 10px; }
div.menu ul li.duvidas { border-bottom: 3px #e56f15 solid; margin-left: 10px; }
div.menu ul li.downloads { border-bottom: 3px #934816 solid; margin-left: 10px; }
div.menu ul li.comunidade { border-bottom: 3px #728f1e solid; margin-left: 10px; }
div.menu ul li:hover { border-bottom-width: 7px; }
div.menu ul li a { text-decoration: none; color: #000; display: block; }
div.menu ul li a:hover { color: #000; }

/* MENU PRODUTOS */
div.menu ul li.produtos ul { position:absolute; width:190px; list-style-type: none; margin: 10px 0 0 -96px; padding-right: 0; text-transform: uppercase; font-size: 10px; float:none; text-align: right; display: block; display: none; }
div.menu ul li.produtos ul li a { text-decoration: none; width:190px; color: #000; padding-bottom: 2px; display: block; background-color: #FFF; border-bottom: 1px solid #35a9b8; }
div.menu ul li.produtos ul li a:hover { color: #000; background-color: #35a9b8 }


/* CONTEUDO GERAL */
div.conteudo p.banner_destaque { margin: 0; padding: 0; text-align: center; }

/* SUPORTE ONLINE */

div.conteudo div.tituloSuporteOnline { background: url(../imagens/images/bgTitulosInternos.jpg) no-repeat center top; width: 373px; height: 30px; font-size: 15px; font-weight: bold; color: #3b3b3b; padding: 14px 0 0 14px; }
div.conteudo div.textoSuporteOnline { font-size: 13px; color: #3b3b3b; margin: 20px 0; }
div.conteudo div.chatOnline { margin: 40px 0 0 0; padding: 0 0 0 40px; }
div.conteudo div.garantiaOnline { margin: 30px 0 0 0; padding: 0 0 0 80px; }
div.conteudo div.downloadsOnline { margin: 45px 0 0 0; padding: 0 0 0 90px; }
div.conteudo div.duvidasOnline { margin: 30px 0 0 0; padding: 0 0 0 80px; }

/* RODAPÉ */
div#rodape { width: 1024px; margin: 25px auto 0 auto; padding: 0; }
div#rodape div.itemBusca { width: 250px; float: left; margin: 0 0 0 10px; }
div#rodape div.itemBusca label { font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0; display: block; }
div#rodape div.itemBusca div.busca { width: 250px; height: 24px; background: url(../imagens/images/bgBusca.jpg) no-repeat center top; }
div#rodape div.itemBusca div.busca input { background: none; border: none; width: 205px; height: 20px; padding: 2px 8px; margin: 0; float: left;}
div#rodape div.itemBusca div.busca input.btPesquisar { border: none; width: 25px; height: 24px; float: right; margin: 0; padding: 0; display: block; cursor: pointer; }
div#rodape div.empresas { float: left; margin: 35px 0 0 80px; }
div#rodape div.empresas img { border: none; float: left; margin: 0 20px 0 0; }
div#rodape div.informacoes { float: right; width: 410px; margin: 50px 0 0 0; }
div#rodape div.informacoes div { background: url(../imagens/images/bullet.gif) no-repeat left center; float: left; color: #FFF; padding: 0 0 0 10px; margin: 0 15px 0 0;  }
div#rodape div.informacoes div.ultima { margin: 0; }
div#rodape div.informacoes div a { text-decoration: none; color: #FFF; }
div#rodape div.informacoes div a:hover { text-decoration: underline; color: #FFF; }


/* ATUALIZADO 09/03/2009 */
div#rodape div.marcas { float: left; height: 40px; }
div#rodape div.marcas div { float: left; margin:0 10px 0 0; }
div#rodape div.marcas div.sanDisk { margin-top: 9px ; }
div#rodape div.marcas div.stilla { margin-top: 6px; }
div#rodape div.marcas div img { border: none; }
/* ATUALIZADO 09/03/2009 */