.navbar {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	border-bottom: 0px;
}

.barra.colorida
{
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #e02000 0% 7.76%,
    #e02020 7.76% 13.53%,
    #408000 13.53% 18.10%,
    #c0a000 18.10% 21.89%,
    #00a0a0 21.89% 25.74%,
    #606080 25.74% 33.14%,
    #e02000 33.14% 34.94%,
    #e02020 34.94% 36.63%,
    #408000 36.63% 38.13%,
    #c0a000 38.13% 39.97%,
    #00a0a0 39.97% 41.05%,
    #606080 41.05% 42.61%,
    #e02020 42.61% 42.97%,
    #e02000 42.97% 50.49%,
    #e02020 50.49% 56.20%,
    #408000 56.20% 61.25%,
    #c0a000 61.25% 64.74%,
    #00a0a0 64.74% 68.47%,
    #606080 68.47% 75.93%,
    #e02000 75.93% 77.98%,
    #e02020 77.98% 79.72%,
    #408000 79.72% 80.80%,
    #c0a000 80.80% 82.00%,
    #00a0a0 82.00% 83.02%,
    #606080 83.02% 85.12%,
    #e02000 85.12% 92.88%,
    #e02020 92.88% 100%
  );
}

.barra.oceano {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #0b3c5d 0% 7.76%,
    #1d5f73 7.76% 13.53%,
    #328cc1 13.53% 18.10%,
    #d9b310 18.10% 21.89%,
    #1d2731 21.89% 25.74%,
    #6c7a89 25.74% 33.14%,
    #0b3c5d 33.14% 34.94%,
    #1d5f73 34.94% 36.63%,
    #328cc1 36.63% 38.13%,
    #d9b310 38.13% 39.97%,
    #1d2731 39.97% 41.05%,
    #6c7a89 41.05% 42.61%,
    #1d5f73 42.61% 42.97%,
    #0b3c5d 42.97% 50.49%,
    #1d5f73 50.49% 56.20%,
    #328cc1 56.20% 61.25%,
    #d9b310 61.25% 64.74%,
    #1d2731 64.74% 68.47%,
    #6c7a89 68.47% 75.93%,
    #0b3c5d 75.93% 77.98%,
    #1d5f73 77.98% 79.72%,
    #328cc1 79.72% 80.80%,
    #d9b310 80.80% 82.00%,
    #1d2731 82.00% 83.02%,
    #6c7a89 83.02% 85.12%,
    #0b3c5d 85.12% 92.88%,
    #1d5f73 92.88% 100%
  );
}

.barra.atardecer {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #ff6f61 0% 7.76%,
    #ff9a8d 7.76% 13.53%,
    #ffc371 13.53% 18.10%,
    #ffd166 18.10% 21.89%,
    #f6bd60 21.89% 25.74%,
    #cdb4db 25.74% 33.14%,
    #ff6f61 33.14% 34.94%,
    #ff9a8d 34.94% 36.63%,
    #ffc371 36.63% 38.13%,
    #ffd166 38.13% 39.97%,
    #f6bd60 39.97% 41.05%,
    #cdb4db 41.05% 42.61%,
    #ff9a8d 42.61% 42.97%,
    #ff6f61 42.97% 50.49%,
    #ff9a8d 50.49% 56.20%,
    #ffc371 56.20% 61.25%,
    #ffd166 61.25% 64.74%,
    #f6bd60 64.74% 68.47%,
    #cdb4db 68.47% 75.93%,
    #ff6f61 75.93% 77.98%,
    #ff9a8d 77.98% 79.72%,
    #ffc371 79.72% 80.80%,
    #ffd166 80.80% 82.00%,
    #f6bd60 82.00% 83.02%,
    #cdb4db 83.02% 85.12%,
    #ff6f61 85.12% 92.88%,
    #ff9a8d 92.88% 100%
  );
}

.barra.neon {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #ff0054 0% 7.76%,
    #ff4d6d 7.76% 13.53%,
    #00f5d4 13.53% 18.10%,
    #f15bb5 18.10% 21.89%,
    #fee440 21.89% 25.74%,
    #9b5de5 25.74% 33.14%,
    #ff0054 33.14% 34.94%,
    #ff4d6d 34.94% 36.63%,
    #00f5d4 36.63% 38.13%,
    #f15bb5 38.13% 39.97%,
    #fee440 39.97% 41.05%,
    #9b5de5 41.05% 42.61%,
    #ff4d6d 42.61% 42.97%,
    #ff0054 42.97% 50.49%,
    #ff4d6d 50.49% 56.20%,
    #00f5d4 56.20% 61.25%,
    #f15bb5 61.25% 64.74%,
    #fee440 64.74% 68.47%,
    #9b5de5 68.47% 75.93%,
    #ff0054 75.93% 77.98%,
    #ff4d6d 77.98% 79.72%,
    #00f5d4 79.72% 80.80%,
    #f15bb5 80.80% 82.00%,
    #fee440 82.00% 83.02%,
    #9b5de5 83.02% 85.12%,
    #ff0054 85.12% 92.88%,
    #ff4d6d 92.88% 100%
  );
}

.barra.naturaleza {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #2d6a4f 0% 7.76%,
    #40916c 7.76% 13.53%,
    #95d5b2 13.53% 18.10%,
    #d8f3dc 18.10% 21.89%,
    #b7e4c7 21.89% 25.74%,
    #a5a58d 25.74% 33.14%,
    #2d6a4f 33.14% 34.94%,
    #40916c 34.94% 36.63%,
    #95d5b2 36.63% 38.13%,
    #d8f3dc 38.13% 39.97%,
    #b7e4c7 39.97% 41.05%,
    #a5a58d 41.05% 42.61%,
    #40916c 42.61% 42.97%,
    #2d6a4f 42.97% 50.49%,
    #40916c 50.49% 56.20%,
    #95d5b2 56.20% 61.25%,
    #d8f3dc 61.25% 64.74%,
    #b7e4c7 64.74% 68.47%,
    #a5a58d 68.47% 75.93%,
    #2d6a4f 75.93% 77.98%,
    #40916c 77.98% 79.72%,
    #95d5b2 79.72% 80.80%,
    #d8f3dc 80.80% 82.00%,
    #b7e4c7 82.00% 83.02%,
    #a5a58d 83.02% 85.12%,
    #2d6a4f 85.12% 92.88%,
    #40916c 92.88% 100%
  );
}

.barra.mono {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #111111 0% 7.76%,
    #333333 7.76% 13.53%,
    #555555 13.53% 18.10%,
    #777777 18.10% 21.89%,
    #999999 21.89% 25.74%,
    #bbbbbb 25.74% 33.14%,
    #111111 33.14% 34.94%,
    #333333 34.94% 36.63%,
    #555555 36.63% 38.13%,
    #777777 38.13% 39.97%,
    #999999 39.97% 41.05%,
    #bbbbbb 41.05% 42.61%,
    #333333 42.61% 42.97%,
    #111111 42.97% 50.49%,
    #333333 50.49% 56.20%,
    #555555 56.20% 61.25%,
    #777777 61.25% 64.74%,
    #999999 64.74% 68.47%,
    #bbbbbb 68.47% 75.93%,
    #111111 75.93% 77.98%,
    #333333 77.98% 79.72%,
    #555555 79.72% 80.80%,
    #777777 80.80% 82.00%,
    #999999 82.00% 83.02%,
    #bbbbbb 83.02% 85.12%,
    #111111 85.12% 92.88%,
    #333333 92.88% 100%
  );
}

/* Paletas adicionales */

.barra.azul {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #0d47a1 0% 7.76%,
    #1565c0 7.76% 13.53%,
    #1976d2 13.53% 18.10%,
    #42a5f5 18.10% 21.89%,
    #90caf9 21.89% 25.74%,
    #e3f2fd 25.74% 33.14%,
    #0d47a1 33.14% 34.94%,
    #1565c0 34.94% 36.63%,
    #1976d2 36.63% 38.13%,
    #42a5f5 38.13% 39.97%,
    #90caf9 39.97% 41.05%,
    #e3f2fd 41.05% 42.61%,
    #1565c0 42.61% 42.97%,
    #0d47a1 42.97% 50.49%,
    #1565c0 50.49% 56.20%,
    #1976d2 56.20% 61.25%,
    #42a5f5 61.25% 64.74%,
    #90caf9 64.74% 68.47%,
    #e3f2fd 68.47% 75.93%,
    #0d47a1 75.93% 77.98%,
    #1565c0 77.98% 79.72%,
    #1976d2 79.72% 80.80%,
    #42a5f5 80.80% 82.00%,
    #90caf9 82.00% 83.02%,
    #e3f2fd 83.02% 85.12%,
    #0d47a1 85.12% 92.88%,
    #1565c0 92.88% 100%
  );
}

.barra.roja {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #b71c1c 0% 7.76%,
    #c62828 7.76% 13.53%,
    #d32f2f 13.53% 18.10%,
    #e53935 18.10% 21.89%,
    #ef5350 21.89% 25.74%,
    #ffcdd2 25.74% 33.14%,
    #b71c1c 33.14% 34.94%,
    #c62828 34.94% 36.63%,
    #d32f2f 36.63% 38.13%,
    #e53935 38.13% 39.97%,
    #ef5350 39.97% 41.05%,
    #ffcdd2 41.05% 42.61%,
    #c62828 42.61% 42.97%,
    #b71c1c 42.97% 50.49%,
    #c62828 50.49% 56.20%,
    #d32f2f 56.20% 61.25%,
    #e53935 61.25% 64.74%,
    #ef5350 64.74% 68.47%,
    #ffcdd2 68.47% 75.93%,
    #b71c1c 75.93% 77.98%,
    #c62828 77.98% 79.72%,
    #d32f2f 79.72% 80.80%,
    #e53935 80.80% 82.00%,
    #ef5350 82.00% 83.02%,
    #ffcdd2 83.02% 85.12%,
    #b71c1c 85.12% 92.88%,
    #c62828 92.88% 100%
  );
}

.barra.verde {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #1b5e20 0% 7.76%,
    #2e7d32 7.76% 13.53%,
    #388e3c 13.53% 18.10%,
    #4caf50 18.10% 21.89%,
    #81c784 21.89% 25.74%,
    #c8e6c9 25.74% 33.14%,
    #1b5e20 33.14% 34.94%,
    #2e7d32 34.94% 36.63%,
    #388e3c 36.63% 38.13%,
    #4caf50 38.13% 39.97%,
    #81c784 39.97% 41.05%,
    #c8e6c9 41.05% 42.61%,
    #2e7d32 42.61% 42.97%,
    #1b5e20 42.97% 50.49%,
    #2e7d32 50.49% 56.20%,
    #388e3c 56.20% 61.25%,
    #4caf50 61.25% 64.74%,
    #81c784 64.74% 68.47%,
    #c8e6c9 68.47% 75.93%,
    #1b5e20 75.93% 77.98%,
    #2e7d32 77.98% 79.72%,
    #388e3c 79.72% 80.80%,
    #4caf50 80.80% 82.00%,
    #81c784 82.00% 83.02%,
    #c8e6c9 83.02% 85.12%,
    #1b5e20 85.12% 92.88%,
    #2e7d32 92.88% 100%
  );
}

.barra.naranja {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #e65100 0% 7.76%,
    #ef6c00 7.76% 13.53%,
    #f57c00 13.53% 18.10%,
    #fb8c00 18.10% 21.89%,
    #ffb74d 21.89% 25.74%,
    #fff3e0 25.74% 33.14%,
    #e65100 33.14% 34.94%,
    #ef6c00 34.94% 36.63%,
    #f57c00 36.63% 38.13%,
    #fb8c00 38.13% 39.97%,
    #ffb74d 39.97% 41.05%,
    #fff3e0 41.05% 42.61%,
    #ef6c00 42.61% 42.97%,
    #e65100 42.97% 50.49%,
    #ef6c00 50.49% 56.20%,
    #f57c00 56.20% 61.25%,
    #fb8c00 61.25% 64.74%,
    #ffb74d 64.74% 68.47%,
    #fff3e0 68.47% 75.93%,
    #e65100 75.93% 77.98%,
    #ef6c00 77.98% 79.72%,
    #f57c00 79.72% 80.80%,
    #fb8c00 80.80% 82.00%,
    #ffb74d 82.00% 83.02%,
    #fff3e0 83.02% 85.12%,
    #e65100 85.12% 92.88%,
    #ef6c00 92.88% 100%
  );
}

.barra.violeta {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right,
    #4a148c 0% 7.76%,
    #6a1b9a 7.76% 13.53%,
    #7b1fa2 13.53% 18.10%,
    #8e24aa 18.10% 21.89%,
    #ba68c8 21.89% 25.74%,
    #e1bee7 25.74% 33.14%,
    #4a148c 33.14% 34.94%,
    #6a1b9a 34.94% 36.63%,
    #7b1fa2 36.63% 38.13%,
    #8e24aa 38.13% 39.97%,
    #ba68c8 39.97% 41.05%,
    #e1bee7 41.05% 42.61%,
    #6a1b9a 42.61% 42.97%,
    #4a148c 42.97% 50.49%,
    #6a1b9a 50.49% 56.20%,
    #7b1fa2 56.20% 61.25%,
    #8e24aa 61.25% 64.74%,
    #ba68c8 64.74% 68.47%,
    #e1bee7 68.47% 75.93%,
    #4a148c 75.93% 77.98%,
    #6a1b9a 77.98% 79.72%,
    #7b1fa2 79.72% 80.80%,
    #8e24aa 80.80% 82.00%,
    #ba68c8 82.00% 83.02%,
    #e1bee7 83.02% 85.12%,
    #4a148c 85.12% 92.88%,
    #6a1b9a 92.88% 100%
  );
}