/****************************************************** BODY *******************************************************/ body { margin-left:3px; margin-top:3px; margin-right:3px; margin-bottom:3px; scrollbar-base-color: #DDDDDD; scrollbar-arrow-color: #8C0000; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #DDDDDD; scrollbar-face-color: #ffeeee; scrollbar-highlight-color: #DDDDDD; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #D1BEBE; } /* a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#636363; text-decoration:none; } a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#636363; text-decoration:none; } a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:underline; } */ /****************************************************** COMPONENTES DA PÁGINA *******************************************************/ #table { padding:0; margin:0; width:100% } #table #tdLeft { width:auto; vertical-align:top; } #table #tdRight { width:200px; vertical-align:top; } /************************************************ ROUND BOX *************************************************/ #topoRedondo, #baseRedondo { display:block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */ background: transparent; /* deixando o background tranparente para que sempre que mudarmos a cor de fundo do por exemplo, não seja necessário a mudança aqui. */ } #topoRedondo span, #baseRedondo span { display: block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */ height: 1px; /* declarando a altura dos spans poara 1px */ overflow: hidden; /* ocultando todo o conteúdo que poderia ser visualizado no span. Todo espaço é reduzido. Sem isso, no i.e. não é visualizado corretamente. */ background: #eeeeee; /* definindo a cor de fundo dos span. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. */ } span.rum { margin:0 5px; /* Definindo a margem para 5px para as laterais e 0 para base e topo para o primeiro span */ } span.rdois { margin:0 3px; /* Definindo a margem para 3px para as laterais e 0 para base e topo para o segundo span */ } span.rtres { margin:0 2px; /* Definindo a margem para 2px para as laterais e 0 para base e topo para o terceiro span */ } span.rquatro { margin: 0 1px; /* Definindo a margem para 1px para as laterais e 0 para base e topo para o quarto span e definido a altura para ele de 2px, a única altura diferente dos demais.*/ height: 2px; } /*************************************************** COMPONENTES ADICIONAIS ***************************************************/ #notDestaque { float:right; } #notContato { float:right; width:200px; } #tituloBox { overflow:hidden; height:25px; } #meioDestaque { background: #eeeeee; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. (Sempre deixar a mesma cor dos spans acima) */ background-image:url(../img/tmpBgNotDestaque.gif); background-repeat:repeat-x; color: #000; /* definido a cor preta para o texto */ margin: 0; /* zerando a margem */ padding-left: 5px; padding-right: 3px; padding-top:0px; padding-bottom:5px; height: 125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #noticia { background: #eeeeee; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. (Sempre deixar a mesma cor dos spans acima) */ background-image:url(../img/tmpBgNotDestaque.gif); background-repeat:repeat-x; color: #000; /* definido a cor preta para o texto */ margin: 0; /* zerando a margem */ padding-left: 5px; padding-right: 3px; padding-top:0px; padding-bottom:5px; height: 125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #faq { background: #FFFFFF; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. (Sempre deixar a mesma cor dos spans acima) */ background-image:url(../img/tmpBgNotDestaque.gif); background-repeat:repeat-x; color: #000; /* definido a cor preta para o texto */ margin: 0; /* zerando a margem */ padding-left: 5px; padding-right: 3px; padding-top:0px; padding-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } .txtNoticia { color: #000; /* definido a cor preta para o texto */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #meioForm { background: #eeeeee; /* definindo a cor de fundo dos spans para verde. Sempre que quiser mudar a cor, essa é a parte que deverá ser alterada. (Sempre deixar a mesma cor dos spans acima) */ color: #000; /* definido a cor preta para o texto */ padding-left:5px; padding-right:5px; } #meioForm #frmLine { width:100% } #meioForm #frmLine #frmLabel { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; float:left; color:#666666; height:20px; } #meioForm #frmLine #formItem { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:auto; float:right; text-align:right; } #meioTour { } #meioTour #tourLine { width:100%; padding:0px; margin:0px; height:102px; overflow:hidden; background:#eeeeee; background-image:url(../img/imgConhFabrica.jpg); background-repeat:no-repeat; } #meioTour #tourLine #tourItem { padding:0px; margin:0px; float:right; text-align:right; width:100px; } #formTag { overflow:hidden; height:0px; } .frmContato { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; border:1px solid #999999; background-color:#fefefe; } #linhaSeparadora { border-top:1px solid #FF9999; padding-bottom:3px; background:#eeeeee; } #notBreve { width:100%; background:#eeeeee; } #notBreve .notBreveImg { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; padding:3px; padding-left:7px; } #notBreve .notBreveText { float:left; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; } #notBreve .notVerAnteriores { float: right; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; } .txtTituloNotDestaque{ font-weight:bold; font-size:14px; color:#CC0000; } .txtTituloNotBreve{ font-weight:bold; font-size:9px; color:#666666; } .txtTituloConheca{ font-weight:bold; font-size:11px; color:#D84B4B; } #dashedLine { border-top:1px #999999 dotted; background:#eeeeee; height:3px; width:100%; overflow:hidden; } #painelSaibaMais { margin:0px auto; padding:0px; background: #eeeeee; } #painelSaibaMaisIF { margin:0px auto; padding:0px; background: #eeeeee; width:150px; height:250px; overflow:visible; } #roundBox { width:100%; } #rodape { border-top:2px #eeeeee outset; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#777777; padding-top:2px; margin-top:10px; }