/* Classes comuns  - São as classes que poderão ser utilizadas em todo site, independendo da área em questão.*/
* { margin:0; padding:0; }
body {font-family:"Trebuchet MS", sans-serif; font-size:0.8em; margin: 0; }
img{ border: 0;	}
hr{visibility: hidden;}
ul{list-style-type: none;}
label{display: block; margin-bottom:0; }
button {border: none; display:block; margin:5px; cursor: pointer;}
button span{ display: none;}
h1{display: none;}
h2 span{display: none;}
h5{font-size: 1.2em;}
h3{color: #000; margin: 15px 0 10px 0; }
fieldset { padding:10px; }
input, select, textarea{ border:#386628 solid 1px; padding:4px; margin-bottom:20px;}
option{ padding-right:10px; }
input.botao{ cursor: pointer; border:1px solid #7B0000; border-top:1px solid #FFDFDF; border-bottom:1px solid #B20000; text-decoration:none; height: 25px; line-height: 25px; background: url("../i/botao-fundo.gif") repeat-x top; padding: 0 5px; color: #fff; float: right; clear: both; font-size: 1em; }
input.botao:hover { background-position:bottom; }
input.radio { border:none; }
span.geo { display:none; }

.clear{ clear: both; }
.left{ float:left;}
.right{float: right;}
.marcador{list-style-type: disc; list-style-position: inside; }
.descricao-area{ font-style: italic; color: #000; margin: 10px 0;}
.requerido{ color: red; }
.center { margin: auto; text-align: center; }
.outros { margin-left: 15px; list-style-type: disc; }

/* Instrucoes de posicionamento do layout - Neste bloco, colocar apenas as instrucoes de tamanho e posicionamento do layout. Isso facilita na hora de corrigir algum problema com posicionamento do layout em outros browsers.  */
#topo{ border-bottom:solid 10px #83080d; background: #c00b14 url('../i/mouse2.jpg') no-repeat top right; height: 150px; min-width:750px; }
#topo-centro { height: 150px;width: 242px; /*float: right; background: #c00b14 url('../i/cabecalho-bg-dir.jpg') no-repeat top right; min-width: 750px; max-width: 65em; margin-right:20px;*/ margin-left: auto; margin-right: auto;}
a#logo{ display: block; position: relative; width: 242px; height: 80px; top: 20px; }
#abaixo-topo { background-color:#c00b14; height:40px; }
#lista-topo { display:inline; float:right; margin-right:30px; }
#topo-canto-esq{ background: #83080d url('../i/topo-curva.jpg') no-repeat top left; padding-left:39px; min-width: 640px; max-width: 62em; margin:0 auto; }
#topo-canto-dir{ height:27px; background: url('../i/topo-curva-dir.jpg') no-repeat top right; padding-right:39px; }
h2#lista-de-interesses{ display:block; float:left; margin-right:15px; width:136px; height:16px; background: url('../i/lista-topo.jpg') no-repeat; }
#lista-de-interesses-status a { color:#fff; }

/*
#topo-centro{ height: 145px; background: transparent url("../i/fundo-topo-centro.jpg") repeat-x bottom center; min-width: 750px; max-width: 65em; margin-left: auto; margin-right: auto; position: relative;}
#topo-canto-esq{ position: absolute; left: 0; top: 0;width: 55px; height: 145px; background: transparent url("../i/topo-lat-esq.jpg") no-repeat 0 66px;}
#topo-canto-dir{ position: absolute; right: 0; top: 0; width: 55px; height: 145px; background: transparent url("../i/topo-lat-dir.jpg") no-repeat 0 66px;}
a#logo{ display: block; position: relative; width: 222px; height: 121px; margin-left: auto; margin-right: auto; top: 10px;}
h2#slogan{ position: absolute; width: 214px; height: 31px; background: transparent url("../i/slogan.gif") no-repeat;left: 0; top:0; margin-top: 74px; margin-left: 40px;}
h2#lista-de-interesses{ position: absolute; width: 141px; height: 22px; background: transparent url("../i/tit-lista-interesse.gif") no-repeat; right: 0; top:0; margin-top: 74px; margin-right: 140px;}
span#lista-de-interesses-status{ position: absolute; right: 0; top:0; margin-top: 95px; margin-right: 6em;}
*/

#corpo{background: #F1F1E7 url("../i/filete-menu.jpg") repeat-x;  clear: both; padding: 0 15px;} 
ul#menu { margin: 0 auto; width: 750px; padding: 10px 0;}
ul#menu li { display: block; float: left; line-height: 25px; }
ul#menu li span{ visibility: hidden;}
ul#menu li a {text-decoration: none; display: block; line-height: 25px; padding: 2px 10px;}
ul#menu li a:hover { background-color: #484443;}
li.a-empresa a{ background: transparent url("../i/tit-a-empresa.gif") no-repeat center;}
li.produtos a{ background: transparent url("../i/tit-produtos.gif") no-repeat center;}
li.promocoes a{ background: transparent url("../i/tit-promocoes.gif") no-repeat center;}
li.servicos a{ background: transparent url("../i/tit-servicos.gif") no-repeat center;}
li.parceiros a{ background: transparent url("../i/tit-parceiros.gif") no-repeat center;}
li.suporte a{ background: transparent url("../i/tit-suporte.gif") no-repeat center;}
li.noticias a{ background: transparent url("../i/tit-noticias.gif") no-repeat center;}
li.informativo a{ background: transparent url("../i/tit-informativo.gif") no-repeat center;}
li.contato a{ background: transparent url("../i/tit-contato.gif") no-repeat center;}
li.downloads a{ background: transparent url("../i/tit-downloads.gif") no-repeat center;}


#capa div#conteudo{ width: 69%; float: left;}
#capa div#lateral {width: 28%; float:right;}

div#rodape{ background: #e0ddca url("../i/fundo-rodape.jpg") repeat-x left bottom; margin-top: 25px; height: 115px; color: #4f4c2d; position: relative; margin-left: -15px; margin-right: -15px;}
div#rodape ul.vcard{padding: 10px 0 0 30px; float: left;}
div#rodape p { clear:both; text-align:center; padding-top:13px; margin-bottom:10px; }
a#tecmedia {  position: absolute; top: 50%; right: 10px; margin-top: -10px; background: url('../../f/i/creditos.gif') no-repeat left; width:65px; height:22px; display:block; }
a#tecmedia:hover { background-position:right; }
a#tecmedia span { display:none; }

div#faixa{height: 17px; background-color: #F1F1E7;}

/* Instrucoes das areas da capa  - Aqui será colocado todas as instruções dos blocos da capa, bem como as imagens do layout e dos referidos blocos.*/

.capa{  margin: 10px 0;}
#capa{ background-color: #fff; min-width: 640px; max-width: 52em; margin-left: auto; margin-right: auto; padding: 10px 15px; clear: both; color: #000; margin-top: 25px;} 
#capa h2{ height: 22px;}
#capa h2 span{ display: none;}
div#produtos { background: url("../i/div-produtos.jpg") repeat-x top left; position: relative;}
div#produtos h2{ background: #fff url("../i/tit-produtos.jpg") no-repeat left;}
div#produtos div.conteudo{ padding: 10px 15px;  position: relative;}
div#produtos div.conteudo ul{ margin-left: 10px; height: 100%; }
div#produtos div.conteudo ul li { display: block; float: left;  background: url("../i/fundo-produtos.jpg") no-repeat center; margin: 5px;}
div#produtos div.conteudo ul li span { display:none; }
div#produtos div.conteudo ul li a{ display: block; width: 10.5em; height: 103px; overflow: hidden;} 
div#produtos div.conteudo ul li#monitores a{ background: url("../i/monitores.jpg") no-repeat left;}
div#produtos div.conteudo ul li#monitores a:hover{ background: url("../i/monitores-hover.jpg") no-repeat left;}
div#produtos div.conteudo ul li#perifericos a{ background: url("../i/perifericos.jpg") no-repeat center;}
div#produtos div.conteudo ul li#perifericos a:hover{ background: url("../i/perifericos-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#impressoras a{ background: url("../i/impressoras.jpg") no-repeat center;}
div#produtos div.conteudo ul li#impressoras a:hover{ background: url("../i/impressoras-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#acessorios a{ background: url("../i/acessorios.jpg") no-repeat center;}
div#produtos div.conteudo ul li#acessorios a:hover{ background: url("../i/acessorios-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#impressoras a{ background: url("../i/impressoras.jpg") no-repeat center;}
div#produtos div.conteudo ul li#networking a{ background: url("../i/networking.jpg") no-repeat center;}
div#produtos div.conteudo ul li#networking a:hover{ background: url("../i/networking-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#suprimentos a{ background: url("../i/suprimentos-cinza.jpg") no-repeat center;}
div#produtos div.conteudo ul li#suprimentos a:hover{ background: url("../i/suprimentos2.jpg") no-repeat center;}
div#produtos div.conteudo ul li#computadores a{ background: url("../i/computadores.jpg") no-repeat center;}
div#produtos div.conteudo ul li#computadores a:hover{ background: url("../i/computadores-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#softwares a{ background: url("../i/softwares.jpg") no-repeat center;}
div#produtos div.conteudo ul li#softwares a:hover{ background: url("../i/softwares-hover.jpg") no-repeat center;}
div#produtos div.conteudo ul li#notebook a{ background: url("../i/notebooks-cinza.jpg") no-repeat center;}
div#produtos div.conteudo ul li#notebook a:hover{ background: url("../i/notebooks2.jpg") no-repeat center;}
div#produtos div.conteudo ul li#cameras-digitais a{ background: url("../i/cameras-digitais-cinza.jpg") no-repeat center;}
div#produtos div.conteudo ul li#cameras-digitais a:hover{ background: url("../i/cameras-digitais.jpg") no-repeat center;}
div#produtos div.conteudo ul li#mp3-pen-drive a{ background: url("../i/mp3-pendrive2-cinza.jpg") no-repeat center;}
div#produtos div.conteudo ul li#mp3-pen-drive a:hover{ background: url("../i/mp3-pendrive2.jpg") no-repeat center;}

div#produtos img#saeta{ position: absolute; top:23px; right:0;}

div#promocoes h2{ background: #fff url("../i/tit-promocoes.jpg") no-repeat left;}
div#promocoes div.conteudo{ height: 125px; }

div#noticias h2{ background: #fff url("../i/tit-noticias.jpg") no-repeat left;}
div#noticias h3{ font-size: 1em; margin: 7px 0;}
div#noticias p { margin: 5px 0 5px 0;}
div#noticias div.conteudo{ background: url("../i/fundo-div-noticias.jpg") repeat-x top left; height:100%;}
div#noticias span.data{ font-size: 0.95em;}
div#noticias div#texto { width:63%; float: left; padding: 10px 0; }
div#noticias div#texto h3, div#noticias div#texto p, div#noticias div#texto span{ margin-left: 13px; margin-right: 13px;}
div#noticias div#foto{ width:32%; float: right; border-left: 1px solid #e1d7d5; text-align: center; padding: 10px; margin: 15px 0;}
div#noticias div#foto img{ display: block; padding: 9px; border-left: 1px solid #d9dad5; border-bottom: 1px solid #d9dad5; background-color: #fff; margin: 0 auto;}
div#noticias a#outra{display: block; clear: both; font-size: 0.95em; margin-left: 13px; width:90px;}
div#noticias a#mais{ float: right; margin: 0 25px; background: url("../i/icone-leia-mais.gif") no-repeat left; padding-left: 18px;}

a.info-sup{display: block; width: 50%; height: 105px; float: left; margin: 10px 0;}
a.info-sup span { display: none;}
a#informativo{ background: url("../i/imagem-informativo.jpg") no-repeat center;}
a#suporte{ background: url("../i/imagem-suporte.jpg") no-repeat center;}

div#enquete-capa h2{ background: #fff url("../i/tit-enquete.jpg") no-repeat left;}
div#enquete-capa form, div#enquete .conteudo { border: 2px solid #c40807; background-color: #faf8f9; padding: 15px; color: #000;}
div#enquete-capa form p {margin-bottom: 5px;}
div#enquete-capa input.radio{ margin: 5px 7px; vertical-align: middle;}
div#enquete-capa button{ border:1px solid #7B0000; border-top:1px solid #FFDFDF; border-bottom:1px solid #B20000; text-decoration:none; height: 25px; line-height: 25px; background: url("../i/botao-fundo.gif") repeat-x top; padding: 0 5px; color: #fff; float: right; clear: both; font-size: 1em;} 
div#enquete-capa button:hover{background-position: bottom; ; border:1px solid #D20000; border-top:1px solid #FBD2CC; border-bottom:1px solid #CB0101;}

div#parceiros h2{ background: #fff url("../i/tit-parceiros.jpg") no-repeat left;}
div#parceiros ul.conteudo{ background: #8c0605 url("../i/fundo-parceiros.jpg") repeat-x left; padding: 5px 15px;}
div#parceiros ul.conteudo li{display: block; margin: 10px 0; height: 73px; background-color: #fff; position: relative; padding: 7px; padding-bottom: 0;}
div#parceiros ul.conteudo li a{ text-align:center; display: block; height: 65px; background-position: center; overflow: hidden; border: 1px solid #e5d7d7;}

/* Instrucoes das áreas internas - Neste bloco colocar apenas as instruções referentes as áreas internas do site.  */ 
div#conteudo-interna{ background-color: #f2f1ec; padding: 10px;}
div#conteudo-interna p{ margin-bottom: 7px; color: #000; }
#a-empresa-int h2{ background: #fff url("../i/tit-a-empresa.jpg") no-repeat left;}

#produtos-int h2{ background: #fff url("../i/tit-produtos.jpg") no-repeat left;}
#promocoes-int h2{ background: #fff url("../i/tit-promocoes.jpg") no-repeat left;}
#parceiros-int h2{ background: #fff url("../i/tit-parceiros.jpg") no-repeat left;}

#servicos-int h2{ background: #fff url("../i/tit-servicos.jpg") no-repeat left;}
#lista-de-interesses-int h2{ background: #fff url("../i/tit-lista-de-interesses.jpg") no-repeat left;}

#servicos-int ul{ color: #000; }
#servicos-int #lista-serv li{ height:46px; padding:8px 0 0 50px;}
#servicos-int .servico1 { background: url('../i/icones/service1.gif') no-repeat; }
#servicos-int .servico2 { background: url('../i/icones/service2.gif') no-repeat; }
#servicos-int .servico3 { background: url('../i/icones/service3.gif') no-repeat; }
#servicos-int .servico4 { background: url('../i/icones/service4.gif') no-repeat; }
#servicos-int .servico5 { background: url('../i/icones/service5.gif') no-repeat; }

#parceiros-int li{ display:block; margin-top: 15px; width:219px; float:left; }
#parceiros-int img{ margin: 0 10px 5px 0; }
#promocoes-int img { width: 368px; height: 100px; margin: 5px 0; }

#produtos-int ul.imagens li{display: block; float: left; width: 115px; height: 190px; margin: 10px;background-image: none; padding: 0;}
#produtos-int ul.imagens span{display: block; text-align: center;}
#produtos-int .ultimo{background: url('../i/fundo-li.gif') no-repeat top left; }
#produtos-int .ultimoli{background: url('../i/fundo-li.gif') no-repeat top left; margin-bottom: 20px; }
#produtos-int .primeiro{background: url('../i/icones/ico_padrao.gif') no-repeat top left; padding:8px 0 5px 50px; }
#produtos-int .ico-padrao{background: url('../i/icones/ico_padrao.gif') no-repeat top left; height:46px; padding:8px 0 0 50px; }
#produtos-int img{border: #644316 1px solid; padding: 2px;}
#produtos-int .de{font-size: 0.9em; color: black; text-decoration:line-through; }
#produtos-int .por{color: red; font-size: 1.1em; }
#produtos-int .preco{color: black; }
#produtos-int ul li { padding: 2px 0 0 22px;  background: url('../i/fundo-li-meio.gif') no-repeat top left; }
#produtos-int .raiz{margin: 0; background: url('../i/fundo-p-raiz.gif') no-repeat top left;  }
#produtos-int .ico-categoria { height:46px; padding:8px 0 0 50px; }
#produtos-int .ico-detalhes { padding:8px 0 5px 50px; }

/* 	============== ATENCAO ===============
	todos os icones das categorias de produtos DEVEM ter o nome ico_ + url da categoria + extensao .gif */
#produtos-int #cat-networking { background: url('../i/icones/ico_networking.gif') no-repeat top left; }
#produtos-int #cat-impressoras { background: url('../i/icones/ico_impressoras.gif') no-repeat top left; }
#produtos-int #cat-monitores { background: url('../i/icones/ico_monitores.gif') no-repeat top left; }
#produtos-int #cat-softwares { background: url('../i/icones/ico_softwares.gif') no-repeat top left; }
#produtos-int #cat-perifericos { background: url('../i/icones/ico_perifericos.gif') no-repeat top left; }
#produtos-int #cat-suprimentos { background: url('../i/icones/ico_suprimentos.gif') no-repeat top left; }
#produtos-int #cat-acessorios { background: url('../i/icones/ico_acessorios.gif') no-repeat top left; }
#produtos-int #cat-computadores { background: url('../i/icones/ico_computadores.gif') no-repeat top left; }
#produtos-int #cat-scanners { background: url('../i/icones/ico_scanners.gif') no-repeat top left; }
#produtos-int #cat-cameras-digitais-1 { background: url('../i/icones/ico_cameras-digitais-1.gif') no-repeat top left; }
#produtos-int #cat-cameras-digitais { background: url('../i/icones/ico_cameras-digitais.gif') no-repeat top left; }
#produtos-int #cat-mp3-pen-drive { background: url('../i/icones/ico_mp3-pen-drive.gif') no-repeat top left; }
#produtos-int #cat-notebook { background: url('../i/icones/ico_notebook.gif') no-repeat top left; }

#arvore{ clear: both;}

#lista-de-interesses-int table{ border: solid 1px; width:100%; }
#lista-de-interesses-int th{ background: #B4B281; color: #000; padding: 7px;}
#lista-de-interesses-int td{ border: #FFF solid 1px; padding: 5px 0; text-align:center;}
#lista-de-interesses-int .oculto { display:none; }
#lista-de-interesses-int .excluir { background:url('../i/excluir.gif') no-repeat top left; margin:0 auto; display:block; outline:none; width:22px; height:22px; text-align:center;}
#lista-de-interesses-int #bt-atualiza-lista { display:block; margin:10px; }
#lista-de-interesses-int form fieldset { clear:both; }
#lista-de-interesses-int table #tfoot td { background:#EDEDDA; }
#lista-de-interesses-int table #tfoot td#total { text-align:left; padding-left:10px; }
#lista-de-interesses-int fieldset { padding:10px; border:none; border-left:3px solid #ccc; }
#lista-de-interesses-int legend { font-weight:bold; font-size:1.3em; color:#000; }

#noticias-int h3 a { text-decoration:none; }
#noticias-int h3 { margin-bottom:0; clear:both;}
#noticias-int h4 { font-size:1.2em; margin-top:25px; clear:both;}
#noticias-int .img { float:left; height:140px; margin:20px; width:100px; text-align:center; overflow:hidden;}
#noticias-int img.left { margin:10px; }
#noticias-int a.sem-underline { margin-top:7px; text-decoration:none;}
#noticias-int .resumo { border-bottom:solid 1px #B69D3F; padding-bottom:10px; }
#noticias-int .resumo a { margin-top:5px; background: url("../i/icone-leia-mais.gif") no-repeat left; padding-left:18px;}

#contato-int fieldset { padding:10px; border:none; border-left:3px solid #ccc; }
#contato-int legend { font-weight:bold; font-size:1.3em; color:#000; }

#suporte-int fieldset { padding:10px; border:none; border-left:3px solid #ccc; }
#suporte-int legend { font-weight:bold; font-size:1.3em; color:#000; }

#informativo-int fieldset { padding:10px; border:none; border-left:3px solid #ccc; }
#informativo-int legend { font-weight:bold; font-size:1.3em; color:#000; }

#suporte-int h2{ background: #fff url("../i/tit-suporte.jpg") no-repeat left;}
#noticias-int h2{ background: #fff url("../i/tit-noticias.jpg") no-repeat left;}
#informativo-int h2{ background: #fff url("../i/tit-informativo.jpg") no-repeat left;}
#contato-int h2{ background: #fff url("../i/tit-contato.jpg") no-repeat left;}
#downloads-int h2{ background: #fff url("../i/tit-downloads.jpg") no-repeat left;}
#downloads-int h3{ border:none; }
#downloads-int .informacoes{ font-size:0.9em; color:#666; border-bottom:1px solid #666; padding-bottom:10px; }

#erroform .erro { background: #EEE; border: 1px solid #666; margin-bottom: 10px; }
#erroform .erro h6 { background: #a03724; font-size: 1em; color: #FFF; font-weight: normal; padding: 2px 3px; }
#erroform .erro ul { margin: 10px; }
#erroform .erro ul span { font-weight: bold; }
#erroform .erro { background: #EEE; border: 1px solid #666; margin-bottom: 10px; }
#erroform .erro h6 { background: #a03724; font-size: 1em; color: #FFF; font-weight: normal; padding: 2px 3px; }
#erroform .erro ul { margin: 10px; }