.icone {display: inline-block; float: left; background-position: center center; background-repeat: no-repeat; }

.icone.margin {margin-right: 3px; }
.icone.no-float {float: none; }

/******************************************************************/
.icone.back{ width: 22px; height: 22px; background-image: url(layout/ico/back.png); }
.icone.submit{ width: 22px; height: 22px; background-image: url(layout/ico/submit.png); }
.icone.mostrar{ width: 16px; height: 16px; background-image: url(layout/ico/mostrar.png); }
.icone.idioma{ width: 19px; height: 19px; background-image: url(layout/ico/idioma.png); }
.icone.localidade{ width: 18px; height: 28px; background-image: url(layout/ico/localidade.png); }
.icone.menu{ width: 16px; height: 16px; background-image: url(layout/ico/menu.png); }
.icone.seta-abaixo{ width: 22px; height: 22px; background-image: url(layout/ico/seta-abaixo.png); }
.icone.usuarios{ width: 25px; height: 22px; background-image: url(layout/ico/usuarios.png); }


.icone.charger{ width: 57px; height: 26px; background-image: url(layout/ico/charger.png); }
.icone.lupa{ width: 50px; height: 36px; background-image: url(layout/ico/lupa.png); }
.icone.relogio{ width: 20px; height: 18px; background-image: url(layout/ico/relogio.png); }

.icone.charger-base{ width: 42px; height: 20px; background-image: url(layout/ico/charger-base.png); margin-right: 10px; }
.charger-base.blue{ background-color: #0e4c99; }
.charger-base.green{background-color: #00a04e; }
.charger-base.light-green{background-color: #b2be1a; }
.charger-base.yellow{background-color: #ffca04; }
.charger-base.gray{background-color: #7b7b7b; }
.charger-base.red{background-color: #da0e0e; }