Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="fadeIn fadeIn-delay" id="lista" style=" background-image: url('https://4.bp.blogspot.com/-AReWpEuootE/VQXU498UQnI/AAAAAAAAzt4/e9EQryU1rzY/s1600/fundo1.png');  padding:5px; width:468px; height:1011px; margin-left:auto; margin-right:auto; text-align:left;">
	<div id="lista_titulo" onclick="clearAll()" style=" overflow:hidden; cursor: pointer;" title="Clique aqui para limpar todos os Wireds">
		<span style="float:left; font-size:24px; padding:5px; padding-left:8px; font-weight:bold">
                    <b>
                        Wireds
                    </b>
                </span>
		<span id="total0" style="float:right; font-size:20px; padding-top:7px; padding-right:33px; font-weight: bold;">
                    0
                </span>
	</div>
	<div id="categorias" style="padding:6px; padding-top:7px;">
		<div id="ativadores" style="padding:3px; margin-bottom:6px; overflow:hidden; height:167px;">
			<div id="ativadores_titulo" onclick="clearAtivadores()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Ativadores">
				<span style="float:left;">
                            Ativadores
                        </span>
				<span id="total_ativadores" style="float:right;">
                            0
                        </span>
			</div>
			<div id="ativadores_corpo" style="padding:2px; height:138px;">
				<div class="unidade" title="Ativador: Bot alcança usuário » 7 câmbios">
					<div class="abau" id="IMG_ativadores_0" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_0" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Bot alcança Mobi » 7 câmbios">
					<div class="abam" id="IMG_ativadores_1" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_1" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Habbo anda no Mobi » 4 câmbios">
					<div class="ahanm" id="IMG_ativadores_2" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_2" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Habbo sai do Mobi » 4 câmbios">
					<div class="ahsdm" id="IMG_ativadores_3" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_3" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Habbo diz algo » 4 câmbios">
					<div class="ahda" id="IMG_ativadores_4" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_4" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Estado do Mobi é alterado » 4 câmbios">
					<div class="aedmea" id="IMG_ativadores_5" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_5" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Habbo entra no Quarto » 5 câmbios">
					<div class="ahenq" id="IMG_ativadores_6" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_6" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Repetir Efeito » 6 câmbios">
					<div class="are" id="IMG_ativadores_7" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_7" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: No tempo escolhido » 6 câmbios">
					<div class="ante" id="IMG_ativadores_8" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_8" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="DISPARADOR WIRED: Pontuação obtida » 5 câmbios">
					<div class="dwpo" id="IMG_ativadores_9" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_9" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Final de Jogo » 5 câmbios">
					<div class="afdj" id="IMG_ativadores_10" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_10" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Ativador: Começo de Jogo » 5 câmbios">
					<div class="acdj" id="IMG_ativadores_11" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_11" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="DISPARADOR WIRED: Batida » 7 câmbios">
					<div class="dwb" id="IMG_ativadores_12" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_12" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="DISPARADOR WIRED: Duração periódica » 7 câmbios">
					<div class="dwdp" id="IMG_ativadores_13" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_ativadores_13" max="100" min="0" onchange="calcularTotal_ativadores(),atualizaTotal()" onkeydown="calcularTotal_ativadores(),atualizaTotal()" onkeyup="calcularTotal_ativadores(),atualizaTotal()" style="width:36px;" type="number" value="0">
					</input>
				</div>
			</div>
		</div>
		<div id="efeitos" style="padding:3px; margin-bottom:6px; overflow:hidden; height:237px;">
			<div id="efeitos_titulo" onclick="clearEfeitos()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Efeitos">
				<span style="float:left;">
                            Efeitos
                        </span>
				<span id="total_efeitos" style="float:right;">
                            0
                        </span>
			</div>
			<div id="efeitos_corpo" style="padding:2px; height:207px;">
				<div class="unidade" title="EFEITO WIRED: Teletransportar Bot ao Mobi » 10 câmbios">
					<div class="ewtbam" id="IMG_efeitos_0" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_0" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot muda de roupa » 10 câmbios">
					<div class="ewbmdr" id="IMG_efeitos_1" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_1" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot vá ao Mobi » 10 câmbios">
					<div class="ewbvam" id="IMG_efeitos_2" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_2" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot fala ou sussurra a todos os usuários » 10 câmbios">
					<div class="ewbfosatou" id="IMG_efeitos_3" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_3" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot fala ou sussurra » 10 câmbios">
					<div class="ewbfos" id="IMG_efeitos_4" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_4" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot segue usuário » 10 câmbios">
					<div class="ewbsu" id="IMG_efeitos_5" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_5" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Bot dá item de mão » 10 câmbios">
					<div class="ewbdidm" id="IMG_efeitos_6" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_6" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Kickar Usuário » 10 câmbios">
					<div class="ewku" id="IMG_efeitos_7" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_7" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Mostrar mensagem » 4 câmbios">
					<div class="emm" id="IMG_efeitos_8" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_8" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Mudar estado do Mobi » 4 câmbios">
					<div class="emedm" id="IMG_efeitos_9" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_9" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Mover e Rotacionar Mobi » 4 câmbios">
					<div class="emerm" id="IMG_efeitos_10" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_10" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Teleportar para Mobi » 6 câmbios">
					<div class="etpm" id="IMG_efeitos_11" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_11" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Mobis que voltam à programação original » 8 câmbios">
					<div class="emqvapo" id="IMG_efeitos_12" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_12" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Faz pilhas de wireds » 10 câmbios">
					<div class="ewfpdw" id="IMG_efeitos_13" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_13" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito: Reiniciar tempo » 6 câmbios">
					<div class="ert" id="IMG_efeitos_14" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_14" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Efeito : Dar Pontos » 10 câmbios">
					<div class="edp" id="IMG_efeitos_15" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_15" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Perseguir » 7 câmbios">
					<div class="ewp" id="IMG_efeitos_16" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_16" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Fugir » 7 câmbios">
					<div class="ewf" id="IMG_efeitos_17" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_17" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Pontuação recebida » 10 câmbios">
					<div class="ewpr" id="IMG_efeitos_18" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_18" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Entrar na Equipe » 7 câmbios">
					<div class="ewene" id="IMG_efeitos_19" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_19" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="EFEITO WIRED: Sair da Equipe » 7 câmbios">
					<div class="ewsde" id="IMG_efeitos_20" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_20" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Effect: Change Furni Direction » 7 câmbios">
					<div class="wecfd" id="IMG_efeitos_21" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_efeitos_21" max="100" min="0" onchange="calcularTotal_efeitos(),atualizaTotal()" onkeydown="calcularTotal_efeitos(),atualizaTotal()" onkeyup="calcularTotal_efeitos(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
			</div>
		</div>
		<div id="condicoes" style="padding:3px; margin-bottom:6px; overflow:hidden; height:237px;">
			<div id="condicoes_titulo" onclick="clearCondicoes()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos as Condições">
				<span style="float:left;">
                            Condições
                        </span>
				<span id="total_condicoes" style="float:right;">
                            0
                        </span>
			</div>
			<div id="condicoes_corpo" style="padding:2px; height:145px;">
				<div class="unidade" title="Condição: Usuário tem item de mão » 5 câmbios">
					<div class="cutidm" id="IMG_condicoes_0" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_0" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: NÃO há Mobis em cima » 5 câmbios">
					<div class="wcnnhmec" id="IMG_condicoes_1" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_1" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: Mobis NÃO têm usuários em cima » 5 câmbios">
					<div class="wcnmntuec" id="IMG_condicoes_2" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_2" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: NÃO é membro de grupo » 5 câmbios">
					<div class="wcnnemdg" id="IMG_condicoes_3" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_3" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: NÃO é membro do time » 5 câmbios">
					<div class="wcnnemdt" id="IMG_condicoes_4" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_4" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: O estado do Mobi NÃO coincide » 5 câmbios">
					<div class="wcnoedmnc" id="IMG_condicoes_5" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_5" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição: Tipo de Mobi NÃO coincide » 5 câmbios">
					<div class="wctdmnc" id="IMG_condicoes_6" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_6" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição negativa: Ativador NÃO está no Mobi » 5 câmbios">
					<div class="wcnanenm" id="IMG_condicoes_7" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_7" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="WIRED Condição: NÃO há usuários suficientes no quarto » 5 câmbios">
					<div class="wcnhusnq" id="IMG_condicoes_8" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_8" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="CONDIÇÃO WIRED: Membro do Grupo » 5 câmbios">
					<div class="cwmdg" id="IMG_condicoes_9" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_9" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="CONDIÇÃO WIRED: Membro da Equipe » 5 câmbios">
					<div class="cwmde" id="IMG_condicoes_10" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_10" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="CONDIÇÃO WIRED: Mobis com Habbos » 5 câmbios">
					<div class="cwmch" id="IMG_condicoes_11" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_11" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Condição: Ter Mobi em cima » 5 câmbios">
					<div class="ctmec" id="IMG_condicoes_12" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_12" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Condição: Estado e Posição do Mobi combinam » 5 câmbios">
					<div class="ceepdmc" id="IMG_condicoes_13" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_13" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="CONDIÇÃO WIRED: Tipo de Mobi coincide » 5 câmbios">
					<div class="cwtdmc" id="IMG_condicoes_14" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_14" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Condição: Menos de X segundos passados » 5 câmbios">
					<div class="cmdxsp0" id="IMG_condicoes_15" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_15" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Condição: Mais de X segundos passados » 5 câmbios">
					<div class="cmdxsp1" id="IMG_condicoes_16" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_16" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Condição: Habbo Ativador está no Mobi » 5 câmbios">
					<div class="chaenm" id="IMG_condicoes_17" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_17" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="CONDIÇÃO WIRED: Número de usuários no quarto » 5 câmbios">
					<div class="cwndunq" id="IMG_condicoes_18" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_condicoes_18" max="100" min="0" onchange="calcularTotal_condicoes(),atualizaTotal()" onkeydown="calcularTotal_condicoes(),atualizaTotal()" onkeyup="calcularTotal_condicoes(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
			</div>
		</div>
		<div id="extras" style="padding:3px; margin-bottom:6px; overflow:hidden; height:97px;">
			<div id="extras_titulo" onclick="clearExtras()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos os Extras">
				<span style="float:left;">
                            Extras
                        </span>
				<span id="total_extras" style="float:right;">
                            0
                        </span>
			</div>
			<div id="extras_corpo" style="padding:2px; height:72px;">
				<div class="unidade" title="Extra: Efeito Aleatório » 5 câmbios">
					<div class="eea" id="IMG_extras_0" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_extras_0" max="100" min="0" onchange="calcularTotal_extras(),atualizaTotal()" onkeydown="calcularTotal_extras(),atualizaTotal()" onkeyup="calcularTotal_extras(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Extra: Efeito Inédito » 5 câmbios">
					<div class="eei" id="IMG_extras_1" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_extras_1" max="100" min="0" onchange="calcularTotal_extras(),atualizaTotal()" onkeydown="calcularTotal_extras(),atualizaTotal()" onkeyup="calcularTotal_extras(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
			</div>
		</div>
		<div id="tabclassi" style="padding:3px; margin-bottom:1px; overflow:hidden; height:167px;">
			<div id="tabclassi_titulo" onclick="clearTabClassi()" style="height:16px; overflow:hidden; padding:5px; padding-right:23px;; color:rgb(255,255,255); cursor: pointer;" title="Clique aqui para limpar todos as Tabelas de Classificação">
				<span style="float:left;">
                            Tabela de classificação
                        </span>
				<span id="total_tabclassi" style="float:right;">
                            0
                        </span>
			</div>
			<div id="tabclassi_corpo" style="padding:2px; height:145px;">
				<div class="unidade" title="Pontuação Clássica - Geral » 7 câmbios">
					<div class="pcg" id="IMG_tabclassi_0" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_0" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Clássica - Diária » 7 câmbios">
					<div class="pcd" id="IMG_tabclassi_1" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_1" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Clássica - Mensal » 7 câmbios">
					<div class="pcm" id="IMG_tabclassi_2" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_2" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Clássica - Semanal » 7 câmbios">
					<div class="pcs" id="IMG_tabclassi_3" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_3" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação por equipe - Geral » 7 câmbios">
					<div class="ppeg" id="IMG_tabclassi_4" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_4" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação por equipe - Diária » 7 câmbios">
					<div class="pped" id="IMG_tabclassi_5" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_5" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação por equipe - Mensal » 7 câmbios">
					<div class="ppem" id="IMG_tabclassi_6" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_6" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação por equipe - Semanal » 7 câmbios">
					<div class="ppes" id="IMG_tabclassi_7" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_7" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Mais Vitórias - Geral » 7 câmbios">
					<div class="pmvg" id="IMG_tabclassi_8" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_8" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Mais Vitórias - Diária » 7 câmbios">
					<div class="pmvd" id="IMG_tabclassi_9" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_9" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Mais Vitórias - Mensal » 7 câmbios">
					<div class="pmvm" id="IMG_tabclassi_10" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_10" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
				<div class="unidade" title="Pontuação Mais Vitórias - Semanal » 7 câmbios">
					<div class="pmvs" id="IMG_tabclassi_11" style="height:40px; opacity:0.5;">
					</div>
					<input id="IPT_tabclassi_11" max="100" min="0" onchange="calcularTotal_tabclassi(),atualizaTotal()" onkeydown="calcularTotal_tabclassi(),atualizaTotal()" onkeyup="calcularTotal_tabclassi(),atualizaTotal()" style="width:36px" type="number" value="0">
					</input>
				</div>
			</div>
		</div>
	</div>
	<div id="total_bottom" onclick="clearAll()" style=" bottom:0px; position:relative; top:-39px; left:369px; height:28px; width:61px; padding:3px; padding-top:8px; padding-right:35px; text-align:right; cursor: pointer;" title="Clique aqui para limpar todos os Wireds">
		<span id="total1" style="font-size:24px; font-weight:bold ">
                    0
                </span>
	</div>
</div>
              
            
!

CSS

              
                .pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 20010;
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 163px;
	width: 119px;
	background: url('https://goo.gl/e2nVvb') #FFF center no-repeat;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 1s ease-in-out 1s linear;
	-moz-transition: width 1s ease-in-out 1s linear;
	-ms-transition: width 1s ease-in-out 1s linear;
	-o-transition: width 1s ease-in-out 1s linear;
	transition: width 1s ease-in-out 1s linear;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	max-width: 100vw;
	position: fixed;
	z-index: 2000;
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 2px;
	background: rgba(34, 153, 221, 1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.pace.pace-inactive {
	display: none;
}

.unidade {
	/* definimos o quão arredondado irá ficar nosso box */
	border-radius: 3px;
	/* Declaração para aparecer no Firefox */
	-moz-border-radius: 3px;
	/* Para exibir nos outros navegadores como Chrome, safari, opera*/
	-webkit-border-radius: 3px;
	display: inline-table;
	width: 30px;
	background-color: #FFF;
	padding: 1px;
	border: solid;
	border-width: 2px;
	border-color: rgb(98, 196, 232);
	margin-bottom: 3px;
}

.cse {
	background-image: http: //goo.gl/fhBWti;
}

span {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: 100;
}

div {
	color: rgb(0, 0, 0);
}

body {
	text-align: center;
}

.abau {
	background-image: url('https://2.bp.blogspot.com/-QpcUsK5GMBo/VQRL5BYqwNI/AAAAAAAAzns/vOLZ7fe06vE/s1600/ativador_bot_alcanca_usuario_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.abam {
	background-image: url('https://1.bp.blogspot.com/-i-Acqe2eV3c/VQRL5OSzSvI/AAAAAAAAzno/h4knbW1BduU/s1600/ativador_bot_alcanca_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ahanm {
	background-image: url('https://1.bp.blogspot.com/-JCV60XX9fTU/VKTTKNBg88I/AAAAAAAAtNk/qsLG3_LWpeE/s1600/ativador_habbo_anda_no_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ahsdm {
	background-image: url('https://3.bp.blogspot.com/-YmrRMHNPlfQ/VKStEzrmJhI/AAAAAAAAtLo/oVaiM_MlMbM/s1600/ativador_habbo_sai_do_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ahda {
	background-image: url('https://4.bp.blogspot.com/-xlBYmOpEUmg/VKSALMHD4SI/AAAAAAAAtFs/FIyrR8lTOeE/s1600/ativador_habbo_diz_algo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.aedmea {
	background-image: url('https://2.bp.blogspot.com/-xSZUQfHGfQ0/VKTTpAtrDbI/AAAAAAAAtN0/7xVUwuvCYqs/s1600/ativador_estado_do_mobi_e_alterado_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ahenq {
	background-image: url('https://3.bp.blogspot.com/-MpRIWC1K-Ys/VKTTzl2v73I/AAAAAAAAtN8/cdIEemw_1Xc/s1600/ativador_habbo_entra_no_quarto_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.are {
	background-image: url('https://4.bp.blogspot.com/-7SnAg3xsq7w/VKTUXD-tloI/AAAAAAAAtOE/G9kwAGSmgyI/s1600/ativador_repetir_efeito_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ante {
	background-image: url('https://3.bp.blogspot.com/-vEdh26bPiwA/VKStFMWUlhI/AAAAAAAAtLw/hS-I9GwUfjk/s1600/ativador_no_tempo_escolhido_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.dwpo {
	background-image: url('https://2.bp.blogspot.com/-mQikZokelm0/VKStGOwQEdI/AAAAAAAAtL0/SdTUa5oKh2M/s1600/disparador_wired_pontuacao_obtida_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.afdj {
	background-image: url('https://1.bp.blogspot.com/-bN42q6LBDOM/VKStCdkX56I/AAAAAAAAtLI/QQakhm72OAc/s1600/ativador_final_de_jogo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.acdj {
	background-image: url('https://1.bp.blogspot.com/-f4gz9QIP56g/VKStB5XX3YI/AAAAAAAAtLA/vapIJP3zHJQ/s1600/ativador_comeco_de_jogo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.dwb {
	background-image: url('https://4.bp.blogspot.com/-eGwZXaiNRvI/VKTXJoDU1DI/AAAAAAAAtOw/LLM6Odlguu0/s1600/disparador_wired_batida_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.dwdp {
	background-image: url('https://4.bp.blogspot.com/-FXg85odb4hk/VKTXRQ0lfNI/AAAAAAAAtO4/7px1Hed2DEI/s1600/disparador_wired_duracao_periodica_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewtbam {
	background-image: url('https://3.bp.blogspot.com/-z_8Pk8-c_P0/VQRL7YaP4RI/AAAAAAAAzog/2EE51ednauE/s1600/efeito_wired_teletransportar_bot_ao_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbmdr {
	background-image: url('https://3.bp.blogspot.com/-LVu3_8pqncA/VQRL6QMyCLI/AAAAAAAAzoo/eY4Nq6tghtM/s1600/efeito_wired_bot_muda_de_roupa_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbvam {
	background-image: url('https://2.bp.blogspot.com/-gecuQ1mRL8o/VQRL69Hw0-I/AAAAAAAAzoY/FTXmOZxPDGs/s1600/efeito_wired_bot_va_ao_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbfosatou {
	background-image: url('https://3.bp.blogspot.com/-FPz89HUvg18/VQRL5iAgVHI/AAAAAAAAzn4/GY7mbI7nhYk/s1600/efeito_wired_bot_fala_ou_sussurra_a_todos_os_usuarios_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbfos {
	background-image: url('https://2.bp.blogspot.com/-mfDmjMgHtBg/VQRL6NDtKnI/AAAAAAAAzoA/iMcKIWj6q7E/s1600/efeito_wired_bot_fala_ou_sussurra_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbsu {
	background-image: url('https://4.bp.blogspot.com/-fXmEZlDSaLs/VQRL6lncXjI/AAAAAAAAzoQ/JrReKTM6rnY/s1600/efeito_wired_bot_segue_usuario_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewbdidm {
	background-image: url('https://3.bp.blogspot.com/-yuwt9PMOeq8/VQRL5jGpsgI/AAAAAAAAzoI/vyywjMn3VYM/s1600/efeito_wired_bot_da_item_de_mao_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewku {
	background-image: url('https://3.bp.blogspot.com/-B_LZWmmNGlA/VKTZ4AkFjcI/AAAAAAAAtPA/kjQJDpVGhVk/s1600/efeito_wired_kickar_usuario_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.emm {
	background-image: url('https://2.bp.blogspot.com/-W1bMNe2EYf4/VKTZ_J1ESCI/AAAAAAAAtPI/y4RACa0gSIw/s1600/efeito_mostrar_mensagem_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.emedm {
	background-image: url('https://4.bp.blogspot.com/-8mOl5wt-4CU/VKTaF5XmB1I/AAAAAAAAtPQ/OOAYqiicvbE/s1600/efeito_mudar_estado_do_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.emerm {
	background-image: url('https://2.bp.blogspot.com/-hFveR8KVcDY/VKTaMytsWpI/AAAAAAAAtPY/kYhQp-xSiRU/s1600/efeito_mover_e_rotacionar_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.etpm {
	background-image: url('https://1.bp.blogspot.com/-KQo-OxLo8PU/VKTaVqKoD8I/AAAAAAAAtPg/LfY7i8zLhbc/s1600/efeito_teleportar_para_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.emqvapo {
	background-image: url('https://1.bp.blogspot.com/-b_ch9OewRiw/VKTaeDEO6zI/AAAAAAAAtPo/Kyu2dbO-WLA/s1600/efeito_mobis_que_voltam_a_programacao_original_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewfpdw {
	background-image: url('https://2.bp.blogspot.com/-TiAUHV2m0og/VKTak4vcrWI/AAAAAAAAtPw/6WBY7_N2rGM/s1600/efeito_wired_faz_pilhas_de_wireds_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ert {
	background-image: url('https://1.bp.blogspot.com/-cwUkdkivmAo/VKTaswasqcI/AAAAAAAAtP4/L-z56y7yMAY/s1600/efeito_reiniciar_tempo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.edp {
	background-image: url('https://2.bp.blogspot.com/-PRb34ymBmcY/VKTay4aJbLI/AAAAAAAAtQA/dEBzvcDgAOA/s1600/efeito_dar_pontos_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewp {
	background-image: url('https://3.bp.blogspot.com/-2mMEQMPjuRE/VKTa5H-oXyI/AAAAAAAAtQI/X6hw1GjSKv0/s1600/efeito_wired_perseguir_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewf {
	background-image: url('https://1.bp.blogspot.com/-cR_gG_wA04Q/VKTbUXVgVmI/AAAAAAAAtQQ/nWE0bgfHWiA/s1600/efeito_wired_fugir_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewpr {
	background-image: url('https://3.bp.blogspot.com/-DjfTyIEq75o/VKTcJQbQDSI/AAAAAAAAtQY/APxoP_BfHn0/s1600/efeito_wired_pontuacao_recebida_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewene {
	background-image: url('https://1.bp.blogspot.com/-f0zrRt-hDhw/VKTcUXc11FI/AAAAAAAAtQg/fT_UoKTHm2k/s1600/efeito_wired_entrar_na_equipe_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ewsde {
	background-image: url('https://4.bp.blogspot.com/-t7vhuSRqjFw/VKTdDS-b5TI/AAAAAAAAtQs/4Kevxed_syU/s1600/efeito_wired_sair_da_equipe_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wecfd {
	background-image: url('https://4.bp.blogspot.com/-2D4OdNTYIDc/VKTd0_YPTXI/AAAAAAAAtQ0/kNVvxOPsFEI/s1600/wired_effect_change_furni_direction_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cutidm {
	background-image: url('https://1.bp.blogspot.com/-DpSTKn6XpNQ/VQRL5HH5U7I/AAAAAAAAznw/7X4ZN0Gpkao/s1600/condicao_usuario_tem_item_de_mao_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnnhmec {
	background-image: url('https://3.bp.blogspot.com/-FLQvtZcUtPo/VKThyZCYAPI/AAAAAAAAtRA/DziK_ACpQ3U/s1600/wired_condicao_negativa_nao_ha_mobis_em_cima_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnmntuec {
	background-image: url('https://4.bp.blogspot.com/-6sHF0K7rDkc/VKTh9ZIzGRI/AAAAAAAAtRI/9fY7kkRstVY/s1600/wired_condicao_negativa_mobis_nao_tem_usuarios_em_cima_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnnemdg {
	background-image: url('https://2.bp.blogspot.com/-8jrUMKjyJRc/VKTiNHfCBuI/AAAAAAAAtRQ/akR9Et3Wz3s/s1600/wired_condicao_negativa_nao_e_membro_de_grupo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnnemdt {
	background-image: url('https://2.bp.blogspot.com/-Twh8UbInTjk/VKTkaqKd74I/AAAAAAAAtRY/2hXPOYPu0i8/s1600/wired_condicao_negativa_nao_e_membro_do_time_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnoedmnc {
	background-image: url('https://1.bp.blogspot.com/-DgQTF1gkg8Y/VKTki9GBPtI/AAAAAAAAtRg/C08i4pbwM4g/s1600/wired_condi%C3%A7%C3%A3o_negativa_o_estado_do_mobi_nao_coincide_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wctdmnc {
	background-image: url('https://1.bp.blogspot.com/-C5qzwSoeWkg/VKTkoQV_A7I/AAAAAAAAtRo/fM_U1ZWU_rQ/s1600/wired_condicao_tipo_de_mobi_nao_coincide_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnanenm {
	background-image: url('https://1.bp.blogspot.com/-5LIL0xY1ocg/VKTku2ZUwAI/AAAAAAAAtRw/zXI8P-V5cuY/s1600/wired_condicao_negativa_ativador_nao_esta_no_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.wcnhusnq {
	background-image: url('https://1.bp.blogspot.com/-uwLUVwCEMgs/VKTk6imKInI/AAAAAAAAtR4/no90Ql1PM5k/s1600/wired_condicao_nao_ha_usuarios_suficientes_no_quarto_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cwmdg {
	background-image: url('https://2.bp.blogspot.com/-_CNXABe2zLU/VKTlDpy1G3I/AAAAAAAAtSE/c54bkYMUlGc/s1600/condicao_wired_membro_do_grupo_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cwmde {
	background-image: url('https://1.bp.blogspot.com/-7m9zPrhZ12I/VKTlmCTcWOI/AAAAAAAAtSM/oFaL7JIhUUU/s1600/condicao_wired_membro_da_equipe_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cwmch {
	background-image: url('https://3.bp.blogspot.com/-ZUAzakmSyLU/VKTmKmxwRUI/AAAAAAAAtSU/rX_wK1bNdKY/s1600/condicao_wired_mobis_com_habbos_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ctmec {
	background-image: url('https://2.bp.blogspot.com/-L33OY0mG6RY/VKTmUNJdImI/AAAAAAAAtSc/3KV3PfS0skE/s1600/condicao_ter_mobi_em_cima_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ceepdmc {
	background-image: url('https://2.bp.blogspot.com/-9pt-OO_qoXg/VKTmYFSIIeI/AAAAAAAAtSk/yBrNZAz0LWI/s1600/condicao_estado_e_posicao_do_mobi_combinam_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cwtdmc {
	background-image: url('https://1.bp.blogspot.com/-JL_Q8C5Le3g/VKToB3xZT3I/AAAAAAAAtSw/wZGSR1KyTGc/s1600/condicao_wired_tipo_de_mobi_coincide_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cmdxsp0 {
	background-image: url('https://3.bp.blogspot.com/-IrsmuygvdZ0/VKToXnWDN0I/AAAAAAAAtS4/yudjZbPH0Go/s1600/condicao_menos_de_x_segundos_passados_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cmdxsp1 {
	background-image: url('https://4.bp.blogspot.com/-k1OUH9ijmbA/VKTobqo4mYI/AAAAAAAAtTA/uGAB4pTWjHk/s1600/condicao_mais_de_x_segundos_passados_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.chaenm {
	background-image: url('https://2.bp.blogspot.com/-4N4wYenbISI/VKTof-__wdI/AAAAAAAAtTI/Zlq8G1o2CUg/s1600/condicao_habbo_ativador_esta_no_mobi_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cwndunq {
	background-image: url('https://1.bp.blogspot.com/-RWEyM1WLhmw/VKTpKwl6f1I/AAAAAAAAtTQ/7sIbbmOG6Jo/s1600/condicao_wired_numero_de_usuarios_no_quarto_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.eea {
	background-image: url('https://3.bp.blogspot.com/-fG43BY1pQrc/VKTpP2Z4w4I/AAAAAAAAtTY/WOuUHYPq5uI/s1600/extra_efeito_aleatorio_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.eei {
	background-image: url('https://1.bp.blogspot.com/-OhmPF4wVs3U/VKTpT6R-cOI/AAAAAAAAtTg/GO9SL_HMX8U/s1600/extra_efeito_inedito_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pcg {
	background-image: url('https://4.bp.blogspot.com/-PS9DGdRT8XQ/VK2M6fMWAFI/AAAAAAAAt7g/7-ggVDcGtVc/s1600/pontuacao_classica_geral_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pcd {
	background-image: url('https://3.bp.blogspot.com/-ySQL-sGpiyI/VK2M5zZuDBI/AAAAAAAAt7c/MSC8x1rw5Dg/s1600/pontuacao_classica_diaria.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pcm {
	background-image: url('https://1.bp.blogspot.com/-JDjHwXa4k1M/VK2M6NZYiwI/AAAAAAAAt7o/j2ZS0Jmgk4Y/s1600/pontuacao_classica_mensal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pcs {
	background-image: url('https://3.bp.blogspot.com/-lcOHD_h0mHc/VK2M7IvkJeI/AAAAAAAAt7s/md_S3ZD2CMg/s1600/pontuacao_classica_semanal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ppeg {
	background-image: url('https://1.bp.blogspot.com/-uHwmdrp0UcQ/VK2M9DtzMgI/AAAAAAAAt8g/wv49qPF9pw0/s1600/pontuacao_por_equipe_geral_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pped {
	background-image: url('https://2.bp.blogspot.com/-AU4MP_MxGas/VK2M89i0XvI/AAAAAAAAt8U/f0mQkZkAmn8/s1600/pontuacao_por_equipe_diaria_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ppem {
	background-image: url('https://2.bp.blogspot.com/-5EQ7S7woC3Y/VK2M9UqrCqI/AAAAAAAAt8Y/asu0V3-uPk4/s1600/pontuacao_por_equipe_mensal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.ppes {
	background-image: url('https://1.bp.blogspot.com/-jQZ4sks1AE8/VK2M-lvzgQI/AAAAAAAAt8s/zEUtf0xoMwM/s1600/pontua%C3%A7%C3%A3o_por_equipe_semanal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pmvg {
	background-image: url('https://1.bp.blogspot.com/-7pDMXLSTBTg/VK2M_NAnJNI/AAAAAAAAt80/2SxWQuNiQYc/s1600/pontua%C3%A7%C3%A3o_mais_vitorias_geral_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pmvd {
	background-image: url('https://1.bp.blogspot.com/-GC-xyuH8MkQ/VK2M7yASJtI/AAAAAAAAt78/nNgt4wAWQXs/s1600/pontuacao_mais_vitorias_diaria_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pmvm {
	background-image: url('https://4.bp.blogspot.com/-ihu73emxcOU/VK2M787VyMI/AAAAAAAAt8A/VZx5viDkKq4/s1600/pontuacao_mais_vitorias_mensal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.pmvs {
	background-image: url('https://1.bp.blogspot.com/-cP1zIjCQNl4/VK2M8X0W-WI/AAAAAAAAt8E/idcTiTGtN30/s1600/pontuacao_mais_vitorias_semanal_small.png');
	background-repeat: no-repeat;
	background-position: center;
}
              
            
!

JS

              
                function clearAll() {
	clearAtivadores();
	clearEfeitos();
	clearCondicoes();
	clearExtras();
	clearTabClassi();
}

function atualizaTotal() {
	document.getElementById("total0").innerHTML = document.getElementById("total1").innerHTML = document.getElementById("total_ativadores").innerHTML * 1 + 1 * document.getElementById("total_efeitos").innerHTML * 1 + 1 * document.getElementById("total_condicoes").innerHTML * 1 + 1 * document.getElementById("total_extras").innerHTML * 1 + 1 * document.getElementById("total_tabclassi").innerHTML;
}

function validaNumero(quantidade) {
	for (var i = 0; i < quantidade.length; i++) {
		if (!(quantidade.substr(i, 1) >= 48 || quantidade.substr(i, 1) <= 57)) {
			return false;
		}
	}
	return true;
}

function darDesconto(quantidade, valor) {
	var desconto = 0;
	if (quantidade > 5 && quantidade < 11) {
		desconto = 1;
	}
	if (quantidade == 11) {
		desconto = 2;
	}
	if (quantidade > 11 && quantidade < 17) {
		desconto = 3;
	}
	if (quantidade == 17) {
		desconto = 4;
	}
	if (quantidade > 17 && quantidade < 23) {
		desconto = 5;
	}
	if (quantidade == 23) {
		desconto = 6;
	}
	if (quantidade > 23 && quantidade < 29) {
		desconto = 7;
	}
	if (quantidade == 29) {
		desconto = 8;
	}
	if (quantidade > 29 && quantidade < 35) {
		desconto = 9;
	}
	if (quantidade == 35) {
		desconto = 10;
	}
	if (quantidade > 35 && quantidade < 40) {
		desconto = 11;
	}
	if (quantidade == 40) {
		desconto = 12;
	}
	if (quantidade == 41) {
		desconto = 13;
	}
	if (quantidade > 41 && quantidade < 47) {
		desconto = 14;
	}
	if (quantidade == 47) {
		desconto = 15;
	}
	if (quantidade > 47 && quantidade < 53) {
		desconto = 16;
	}
	if (quantidade == 53) {
		desconto = 17;
	}
	if (quantidade > 53 && quantidade < 59) {
		desconto = 18;
	}
	if (quantidade == 59) {
		desconto = 19;
	}
	if (quantidade > 59 && quantidade < 65) {
		desconto = 20;
	}
	if (quantidade == 65) {
		desconto = 21;
	}
	if (quantidade > 65 && quantidade < 71) {
		desconto = 22;
	}
	if (quantidade == 71) {
		desconto = 23;
	}
	if (quantidade > 71 && quantidade < 77) {
		desconto = 24;
	}
	if (quantidade == 77) {
		desconto = 25;
	}
	if (quantidade > 77 && quantidade < 83) {
		desconto = 26;
	}
	if (quantidade == 83) {
		desconto = 27;
	}
	if (quantidade > 83 && quantidade < 89) {
		desconto = 28;
	}
	if (quantidade == 89) {
		desconto = 29;
	}
	if (quantidade > 89 && quantidade < 95) {
		desconto = 30;
	}
	if (quantidade == 95) {
		desconto = 31;
	}
	if (quantidade > 95 && quantidade < 99) {
		desconto = 32;
	}
	if (quantidade > 98) {
		desconto = 33;
	}
	return ((quantidade - desconto) * valor);

}

function clearAtivadores() {
	document.getElementById("IPT_ativadores_0").value = document.getElementById("IPT_ativadores_1").value = document.getElementById("IPT_ativadores_2").value = document.getElementById("IPT_ativadores_3").value = document.getElementById("IPT_ativadores_4").value = document.getElementById("IPT_ativadores_5").value = document.getElementById("IPT_ativadores_6").value = document.getElementById("IPT_ativadores_7").value = document.getElementById("IPT_ativadores_8").value = document.getElementById("IPT_ativadores_9").value = document.getElementById("IPT_ativadores_10").value = document.getElementById("IPT_ativadores_11").value = document.getElementById("IPT_ativadores_12").value = document.getElementById("IPT_ativadores_13").value = 0;
	document.getElementById("total_ativadores").innerHTML = 0;
	document.getElementById("IMG_ativadores_0").style.opacity = document.getElementById("IMG_ativadores_1").style.opacity = document.getElementById("IMG_ativadores_2").style.opacity = document.getElementById("IMG_ativadores_3").style.opacity = document.getElementById("IMG_ativadores_4").style.opacity = document.getElementById("IMG_ativadores_5").style.opacity = document.getElementById("IMG_ativadores_6").style.opacity = document.getElementById("IMG_ativadores_7").style.opacity = document.getElementById("IMG_ativadores_8").style.opacity = document.getElementById("IMG_ativadores_9").style.opacity = document.getElementById("IMG_ativadores_10").style.opacity = document.getElementById("IMG_ativadores_11").style.opacity = document.getElementById("IMG_ativadores_12").style.opacity = document.getElementById("IMG_ativadores_13").style.opacity = "0.5";
	atualizaTotal()
}

function calcularTotal_ativadores() {
	var valores = [
		"7",
		"7",
		"4",
		"4",
		"4",
		"4",
		"5",
		"6",
		"6",
		"5",
		"5",
		"5",
		"7",
		"7",
	]
	var quantidade = 0;
	var valorTotal = 0;
	for (var i = 0; i < valores.length; i++) {
		if (document.getElementById("IPT_ativadores_" + i).value > 100) {
			document.getElementById("IPT_ativadores_" + i).value = 100
		}
		quantidade = document.getElementById("IPT_ativadores_" + i).value;
		if (validaNumero(quantidade) && quantidade > 0) {
			document.getElementById("IMG_ativadores_" + i).style.opacity = "1";
			valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
		} else {
			document.getElementById("IMG_ativadores_" + i).style.opacity = "0.5";
			document.getElementById("IPT_ativadores_" + i).value = "0";
		}
	}
	document.getElementById("total_ativadores").innerHTML = valorTotal;

}

function clearEfeitos() {
	document.getElementById("IPT_efeitos_0").value = document.getElementById("IPT_efeitos_1").value = document.getElementById("IPT_efeitos_2").value = document.getElementById("IPT_efeitos_3").value = document.getElementById("IPT_efeitos_4").value = document.getElementById("IPT_efeitos_5").value = document.getElementById("IPT_efeitos_6").value = document.getElementById("IPT_efeitos_7").value = document.getElementById("IPT_efeitos_8").value = document.getElementById("IPT_efeitos_9").value = document.getElementById("IPT_efeitos_10").value = document.getElementById("IPT_efeitos_11").value = document.getElementById("IPT_efeitos_12").value = document.getElementById("IPT_efeitos_13").value = document.getElementById("IPT_efeitos_14").value = document.getElementById("IPT_efeitos_15").value = document.getElementById("IPT_efeitos_16").value = document.getElementById("IPT_efeitos_17").value = document.getElementById("IPT_efeitos_18").value = document.getElementById("IPT_efeitos_19").value = document.getElementById("IPT_efeitos_20").value = document.getElementById("IPT_efeitos_21").value = 0;
	document.getElementById("total_efeitos").innerHTML = 0;
	document.getElementById("IMG_efeitos_0").style.opacity = document.getElementById("IMG_efeitos_1").style.opacity = document.getElementById("IMG_efeitos_2").style.opacity = document.getElementById("IMG_efeitos_3").style.opacity = document.getElementById("IMG_efeitos_4").style.opacity = document.getElementById("IMG_efeitos_5").style.opacity = document.getElementById("IMG_efeitos_6").style.opacity = document.getElementById("IMG_efeitos_7").style.opacity = document.getElementById("IMG_efeitos_8").style.opacity = document.getElementById("IMG_efeitos_9").style.opacity = document.getElementById("IMG_efeitos_10").style.opacity = document.getElementById("IMG_efeitos_11").style.opacity = document.getElementById("IMG_efeitos_12").style.opacity = document.getElementById("IMG_efeitos_13").style.opacity = document.getElementById("IMG_efeitos_14").style.opacity = document.getElementById("IMG_efeitos_15").style.opacity = document.getElementById("IMG_efeitos_16").style.opacity = document.getElementById("IMG_efeitos_17").style.opacity = document.getElementById("IMG_efeitos_18").style.opacity = document.getElementById("IMG_efeitos_19").style.opacity = document.getElementById("IMG_efeitos_20").style.opacity = document.getElementById("IMG_efeitos_21").style.opacity = "0.5";
	atualizaTotal()
}

function calcularTotal_efeitos() {
	var valores = [
		"10",
		"10",
		"10",
		"10",
		"10",
		"10",
		"10",
		"10",
		"4",
		"4",
		"4",
		"6",
		"8",
		"10",
		"6",
		"10",
		"7",
		"7",
		"10",
		"7",
		"7",
		"7",
	]
	var quantidade = 0;
	var valorTotal = 0;
	for (var i = 0; i < valores.length; i++) {
		if (document.getElementById("IPT_efeitos_" + i).value > 100) {
			document.getElementById("IPT_efeitos_" + i).value = 100
		}
		quantidade = document.getElementById("IPT_efeitos_" + i).value;
		if (validaNumero(quantidade) && quantidade > 0) {
			document.getElementById("IMG_efeitos_" + i).style.opacity = "1";
			valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
		} else {
			document.getElementById("IMG_efeitos_" + i).style.opacity = "0.5";
			document.getElementById("IPT_efeitos_" + i).value = "0";
		}
	}
	document.getElementById("total_efeitos").innerHTML = valorTotal;

}

function clearCondicoes() {
	document.getElementById("IPT_condicoes_0").value = document.getElementById("IPT_condicoes_1").value = document.getElementById("IPT_condicoes_2").value = document.getElementById("IPT_condicoes_3").value = document.getElementById("IPT_condicoes_4").value = document.getElementById("IPT_condicoes_5").value = document.getElementById("IPT_condicoes_6").value = document.getElementById("IPT_condicoes_7").value = document.getElementById("IPT_condicoes_8").value = document.getElementById("IPT_condicoes_9").value = document.getElementById("IPT_condicoes_10").value = document.getElementById("IPT_condicoes_11").value = document.getElementById("IPT_condicoes_12").value = document.getElementById("IPT_condicoes_13").value = document.getElementById("IPT_condicoes_14").value = document.getElementById("IPT_condicoes_15").value = document.getElementById("IPT_condicoes_16").value = document.getElementById("IPT_condicoes_17").value = document.getElementById("IPT_condicoes_18").value = 0;
	document.getElementById("total_condicoes").innerHTML = 0;
	document.getElementById("IMG_condicoes_0").style.opacity = document.getElementById("IMG_condicoes_1").style.opacity = document.getElementById("IMG_condicoes_2").style.opacity = document.getElementById("IMG_condicoes_3").style.opacity = document.getElementById("IMG_condicoes_4").style.opacity = document.getElementById("IMG_condicoes_5").style.opacity = document.getElementById("IMG_condicoes_6").style.opacity = document.getElementById("IMG_condicoes_7").style.opacity = document.getElementById("IMG_condicoes_8").style.opacity = document.getElementById("IMG_condicoes_9").style.opacity = document.getElementById("IMG_condicoes_10").style.opacity = document.getElementById("IMG_condicoes_11").style.opacity = document.getElementById("IMG_condicoes_12").style.opacity = document.getElementById("IMG_condicoes_13").style.opacity = document.getElementById("IMG_condicoes_14").style.opacity = document.getElementById("IMG_condicoes_15").style.opacity = document.getElementById("IMG_condicoes_16").style.opacity = document.getElementById("IMG_condicoes_17").style.opacity = document.getElementById("IMG_condicoes_18").style.opacity = "0.5";
	atualizaTotal()
}

function calcularTotal_condicoes() {
	var valores = [
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
		"5",
	]
	var quantidade = 0;
	var valorTotal = 0;
	for (var i = 0; i < valores.length; i++) {
		if (document.getElementById("IPT_condicoes_" + i).value > 100) {
			document.getElementById("IPT_condicoes_" + i).value = 100
		}
		quantidade = document.getElementById("IPT_condicoes_" + i).value;
		if (validaNumero(quantidade) && quantidade > 0) {
			document.getElementById("IMG_condicoes_" + i).style.opacity = "1";
			valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
		} else {
			document.getElementById("IMG_condicoes_" + i).style.opacity = "0.5";
			document.getElementById("IPT_condicoes_" + i).value = "0";
		}
	}
	document.getElementById("total_condicoes").innerHTML = valorTotal;

}

function clearExtras() {
	document.getElementById("IPT_extras_0").value = document.getElementById("IPT_extras_1").value = 0;
	document.getElementById("total_extras").innerHTML = 0;
	document.getElementById("IMG_extras_0").style.opacity = document.getElementById("IMG_extras_1").style.opacity = "0.5";
	atualizaTotal()
}

function calcularTotal_extras() {
	var valores = [
		"5",
		"5",
	]
	var quantidade = 0;
	var valorTotal = 0;
	for (var i = 0; i < valores.length; i++) {
		if (document.getElementById("IPT_extras_" + i).value > 100) {
			document.getElementById("IPT_extras_" + i).value = 100
		}
		quantidade = document.getElementById("IPT_extras_" + i).value;
		if (validaNumero(quantidade) && quantidade > 0) {
			document.getElementById("IMG_extras_" + i).style.opacity = "1";
			valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
		} else {
			document.getElementById("IMG_extras_" + i).style.opacity = "0.5";
			document.getElementById("IPT_extras_" + i).value = "0";
		}
	}
	document.getElementById("total_extras").innerHTML = valorTotal;

}

function clearTabClassi() {
	document.getElementById("IPT_tabclassi_0").value = document.getElementById("IPT_tabclassi_1").value = document.getElementById("IPT_tabclassi_2").value = document.getElementById("IPT_tabclassi_3").value = document.getElementById("IPT_tabclassi_4").value = document.getElementById("IPT_tabclassi_5").value = document.getElementById("IPT_tabclassi_6").value = document.getElementById("IPT_tabclassi_7").value = document.getElementById("IPT_tabclassi_8").value = document.getElementById("IPT_tabclassi_9").value = document.getElementById("IPT_tabclassi_10").value = document.getElementById("IPT_tabclassi_11").value = 0;
	document.getElementById("total_tabclassi").innerHTML = 0;
	document.getElementById("IMG_tabclassi_0").style.opacity = document.getElementById("IMG_tabclassi_1").style.opacity = document.getElementById("IMG_tabclassi_2").style.opacity = document.getElementById("IMG_tabclassi_3").style.opacity = document.getElementById("IMG_tabclassi_4").style.opacity = document.getElementById("IMG_tabclassi_5").style.opacity = document.getElementById("IMG_tabclassi_6").style.opacity = document.getElementById("IMG_tabclassi_7").style.opacity = document.getElementById("IMG_tabclassi_8").style.opacity = document.getElementById("IMG_tabclassi_9").style.opacity = document.getElementById("IMG_tabclassi_10").style.opacity = document.getElementById("IMG_tabclassi_11").style.opacity = "0.5";
	atualizaTotal()
}

function calcularTotal_tabclassi() {
	var valores = [
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
		"7",
	]
	var quantidade = 0;
	var valorTotal = 0;
	for (var i = 0; i < valores.length; i++) {
		if (document.getElementById("IPT_tabclassi_" + i).value > 100) {
			document.getElementById("IPT_tabclassi_" + i).value = 100
		}
		quantidade = document.getElementById("IPT_tabclassi_" + i).value;
		if (validaNumero(quantidade) && quantidade > 0) {
			document.getElementById("IMG_tabclassi_" + i).style.opacity = "1";
			valorTotal = valorTotal * 1 + 1 * darDesconto(quantidade, valores[i]);
		} else {
			document.getElementById("IMG_tabclassi_" + i).style.opacity = "0.5";
			document.getElementById("IPT_tabclassi_" + i).value = "0";
		}
	}
	document.getElementById("total_tabclassi").innerHTML = valorTotal;

}

WebFontConfig = {
	google: {
		families: ['Ubuntu+Condensed::latin']
	}
};
(function() {
	var wf = document.createElement('script');
	wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
		'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	wf.type = 'text/javascript';
	wf.async = 'true';
	var s = document.getElementsByTagName('script')[0];
	s.parentNode.insertBefore(wf, s);
})();
              
            
!
999px

Console