@charset "UTF-8";

/************************ESTILS ARA COMPONENTS*********************************/
/*****************************************************************************/
/*Fonts google*/
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url(//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMa9awK0IKUjIWABZIchFI8.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url(//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(//fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightIt"), url(//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6GGomRtBD2u8FwSY4jjlmeA.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(//fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url(//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6PULlOK_XQENnt2ryrY843E.woff) format("woff");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldIt"), url(//fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Nog-We9VNve39Jr4Vs_aDc.woff) format("woff");
}

/*Estils generals per tots els dispositius*/
html {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  line-height: 1 !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #666666;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

.grabbable {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
}

.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.iconaLiniaTrans {
  position: relative;
  margin: 2px;
  float: left;
}

.iconaLiniaTrans input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  cursor: pointer;
  font-size: 12px;
  line-height: 0.9;
  color: white;
  border: 1px solid #9a9a9a;
  border-radius: 2px;
  display: inline-block;
  background-color: white;
  outline: none;
}

.iconaLiniaTrans input[type=checkbox]:checked {
  border: 1px solid #00a1ce;
  outline: none;
  background-color: #00a1ce;
}

.iconaLiniaTrans input[type=checkbox]:checked:after {
  content: "\2714";
  visibility: visible;
  position: absolute;
  float: left;
  outline: none;
}

.iconaLiniaTrans input[type=checkbox]:after {
  background-color: #2e99f9;
  display: inline-block;
  border-radius: 2px;
  outline: none;
}

.planol-iconaLiniaTrans {
  position: relative;
  margin: 2px;
  float: left;
}

.planol-iconaLiniaTrans input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  cursor: pointer;
  font-size: 12px;
  line-height: 0.9;
  color: white;
  border: 1px solid #9a9a9a;
  border-radius: 2px;
  display: inline-block;
  background-color: white;
  outline: none;
}

.planol-iconaLiniaTrans input[type=checkbox]:checked {
  border: 1px solid #00a1ce;
  outline: none;
  background-color: #00a1ce;
}

.planol-iconaLiniaTrans input[type=checkbox]:checked:after {
  content: "\2714";
  visibility: visible;
  position: absolute;
  float: left;
  outline: none;
}

.planol-iconaLiniaTrans input[type=checkbox]:after {
  background-color: #2e99f9;
  display: inline-block;
  border-radius: 2px;
  outline: none;
}

.iconaLiniaTrans.planol-icona-check {
  margin: 4px;
}

.planol-iconaLiniaTrans.planol-icona-check {
  margin: 4px;
}

.circle {
  width: 24px;
  height: 24px;
  border-radius: 22px;
}

.quadrat {
  width: 22px;
  height: 22px;
}

.metroSelected {
  box-shadow: 0px 0px 3px 3px #333;
}

.textInterior {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11.5px;
}

.planol-textInterior {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11.5px;
}

div {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

span {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

applet {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

object {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

iframe {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h1 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h2 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h3 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h4 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h5 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

h6 {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

p {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

blockquote {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  quotes: none;
}

blockquote:before {
  content: none;
}

blockquote:after {
  content: none;
}

pre {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

a {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  color: #0069e1;
  text-decoration: none;
}

abbr {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

acronym {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

address {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

big {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

cite {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

code {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

del {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

dfn {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

em {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ins {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

kbd {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

q {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  quotes: none;
}

q:before {
  content: none;
}

q:after {
  content: none;
}

s {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

samp {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

small {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

strike {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

strong {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

sub {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

sup {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

tt {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

var {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

b {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

u {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

i {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

center {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

dl {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

dt {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

dd {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ol {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

form {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

table {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

tbody {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

tfoot {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

thead {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

tr {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

th {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

td {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

article h2 a {
  display: block;
}

aside {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

canvas {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

details {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

embed {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

figure {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

figcaption {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

footer {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background-color: #FFF;
  padding: 0 20px;
  font-size: .7em;
}

footer ul {
  display: table;
}

footer ul li {
  display: table-cell;
  height: 30px;
  vertical-align: middle;
}

footer .left {
  float: left;
}

footer .left a {
  color: #666;
}

footer .right {
  float: right !important;
}

footer .right li {
  padding-left: 20px;
}

footer .right li a {
  letter-spacing: 0;
  color: #1373F8;
  text-decoration: underline;
  font-size: 14px;
}

footer .right li .link-ajuntament {
  color: #000;
  text-decoration: none;
}

header {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
  z-index: 10000;
  height: 60px;
}

hgroup {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

menu {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

nav {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
}

nav h1 {
  color: white;
  font-weight: 300;
  font-size: 1.5em;
  display: table-cell;
  height: 42px;
  vertical-align: middle;
}

nav h1 span {
  font-weight: 600;
}

nav article {
  padding: 6px 7px 8px;
  background: white;
}

nav li {
  margin-top: 9px;
}

nav li:first-child {
  margin-top: 0px;
}

nav li a {
  color: #666666;
  display: block;
}

nav li a:hover {
  background: #edf6ff;
}

output {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ruby {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

section {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  display: block;
}

summary {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

time {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

mark {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

audio {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

video {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline-style: none;
}

.contenedor-plano {
  width: 100%;
  margin: 0 auto;
  position: relative;
  position: absolute !important;
}

.fleft {
  float: left;
}

.ie main {
  position: absolute !important;
}

main {
  width: 100%;
  height: 100%;
  /* height: calc(100% - 47px); */
  /* position: absolute; */
  position: relative;
}

/*ocultar menus*/
.oelements {
  display: none;
}

/*ocultar elements*/
.hiddenelements {
  display: none;
}

/*ocultar elementos en dispositivo*/
.hiddenmobile {
  display: block;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.no-geolocation nav button.icon-localitzacio {
  display: none;
}

/*sprite eines i botons*/
.spgeneral {
  background-image: url("/https/www.barcelona.cat/img/sprites-general.png");
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  display: inline-block;
}

.spgeneral:hover {
  background-image: url("/https/www.barcelona.cat/img/sprites-general.png");
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  display: inline-block;
}

/*primer nivel*/
.nivell-imprimacio {
  top: 20px;
  max-width: 207px;
  width: 207px;
  left: 20px;
}

.nivell-imprimacio article {
  margin-bottom: 8px;
  position: relative;
}

.nivell-imprimacio article:nth-child(2) ul li a {
  font-size: 1em;
}

.nivell-imprimacio .active {
  color: white;
  background: #0074f8;
  overflow: hidden;
}

.nivell-imprimacio .active:hover {
  color: white;
  background: #0074f8;
  overflow: hidden;
}

.nivell-imprimacio .opcions-petit .active:after {
  background: url("/https/www.barcelona.cat/sass/imgimg-petit-active.png") no-repeat;
  width: 30px;
  height: 21px;
  content: "";
  display: inline-block;
  float: right;
  padding: 0;
  margin: -4px -5px;
}

/*segundo nivel*/
.nivell-Segon {
  width: 260px;
  max-width: 260px;
  left: 336px;
  top: 20px;
  position: absolute;
  z-index: 1000;
  padding: 6px 7px 8px;
  background: white;
}

.nivell-Segon li {
  margin-top: 9px;
}

.nivell-Segon li:first-child {
  margin-top: 0px;
}

.nivell-Segon a:hover {
  background: #edf6ff;
}

.nivell-Segon .title-rwd {
  display: none;
}

.nivell-Segon .link-desactiva-tot a:hover {
  background: #999;
}

.nivell-Segon .missatge_canvis_carrers p a {
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  text-decoration: underline;
}

.navbar-header {
  background: transparent;
  padding: 0 7px 0 17px;
}

.divpopup {
  padding: 6px 7px 8px;
  background: white;
}

.divpopup .opcions-petit li {
  margin-top: 9px;
}

.divpopup .opcions-petit li:first-child {
  margin-top: 0px;
}

.divpopup .opcions-petit a {
  color: #666666;
  display: block;
}

.divpopup a:hover {
  background: #edf6ff;
}

/*Ombres*/
.shadow {
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.shadow a {
  background: #f4f4f4;
}

.shadowdreta {
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.shadowhistorial {
  -webkit-box-shadow: 1px 4px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 4px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 2px 1px rgba(0, 0, 0, 0.1);
}

/**/
/*opcions menu petit TREURE*/
.opcions-petit > li > a {
  font-size: 0.75em;
  padding: 8px 12px;
  font-weight: 300;
  height: 30px;
}

#listCirculacio li {
  background: none repeat scroll 0 0 #f4f4f4;
  font-size: 0.85em;
  font-weight: normal;
  height: 42px;
  padding-left: 13px;
  padding-top: 5px;
  vertical-align: middle;
  padding-left: 0px;
  padding-top: 0px;
}

#listCirculacio .icon-allot {
  padding: 5px 8px 5px 13px;
}

#listAreas li {
  background: none repeat scroll 0 0 #f4f4f4;
  font-size: 0.85em;
  font-weight: normal;
  height: 42px;
  padding-left: 13px;
  padding-top: 5px;
  vertical-align: middle;
  padding-left: 0px;
  padding-top: 0px;
}

#listAreas li:hover {
  background: #0074f8;
}

#listAreas .icon-allot {
  padding: 5px 8px 5px 13px;
}

/* TREURE .servicios*/
.camp-petit[type=text] {
  height: 32px;
  font-size: 0.86em;
  color: #666666;
  width: 294px;
  padding-left: 10px;
  font-weight: 400;
  border: 1px solid #ececec;
}

.cercar-cruilla {
  width: 100%;
}

.cercar-cruilla input[type="text"] {
  margin-bottom: 0;
}

.cercar-carrer {
  width: 100%;
}

#codipostal input[type="text"] {
  margin-bottom: 0;
}

button.btn-cercar {
  background-image: url("/https/www.barcelona.cat/img/sprites.png");
  height: 31px;
  width: 62px;
  vertical-align: middle;
  float: right;
  border: none;
  background-position: -18px -66px;
}

.codi-postal {
  background-color: #dcdcdc;
  margin-top: 9px;
  float: left;
  width: 100%;
}

.codi-postal a {
  font-weight: 400;
}

.opcions-petit.codi-postal a {
  font-size: 0.75em;
  font-weight: 400;
  padding: 9px;
  text-align: center;
  display: block;
}

.amagarlabel {
  display: none;
}

.icon-circulation {
  background: url("/https/www.barcelona.cat/img/icon-circulation-sm.png") no-repeat;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 12px;
}

.icon-camaras {
  background: url("/https/www.barcelona.cat/img/icon-camaras-sm.png") no-repeat;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 12px;
}

.icon-areas {
  background: url("/https/www.barcelona.cat/img/icon-areas-sm.png") no-repeat;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 12px;
}

.planol-informacio {
  background: transparent;
  margin-top: 0px;
  padding: 0px;
}

.planol-informacio ul {
  float: left;
}

.planol-informacio ul li {
  margin-top: 0;
  margin-bottom: 3px;
}

.planol-informacio ul li a {
  background: transparent;
}

.planol-informacio .icon-informacio {
  background-position: -4px -389px;
  position: relative;
  z-index: 10000;
  width: 24px;
  height: 24px;
}

.planol-informacio .icon-informacio:hover {
  background-position: -4px -739px;
  position: relative;
  z-index: 10000;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.planol-informacio .jcarousel-control-prev {
  top: auto;
  bottom: 0;
  background-color: #fff;
  color: #444;
  border-radius: 0px;
  opacity: 1;
  margin: 0 0 5px 0;
  height: 20px;
  width: 20px;
  padding: 0;
  text-shadow: none;
  line-height: 17px;
  right: 0;
  font-family: "Source Sans Pro";
  font-size: 31px;
  right: 20px;
  left: auto;
}

.planol-informacio .jcarousel-control-next {
  top: auto;
  bottom: 0;
  background-color: #fff;
  color: #444;
  border-radius: 0px;
  opacity: 1;
  margin: 0 0 5px 0;
  height: 20px;
  width: 20px;
  padding: 0;
  text-shadow: none;
  line-height: 17px;
  right: 0;
  font-family: "Source Sans Pro";
  font-size: 31px;
}

.planol-informacio .jcarousel {
  cursor: pointer;
}

.informacio ul li a:hover {
  background: transparent;
}

.show-information {
  left: 1px;
  position: absolute;
  top: 0;
}

.show-information li {
  margin: 0 !important;
}

.show-information a {
  height: 86px;
}

.show-information a.textoculto {
  text-indent: -9999px;
  display: block;
  height: 0px;
}

.barrainferiordreta {
  background-color: transparent;
  bottom: 20px;
  left: 0;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  right: 0;
}

.barrainferiordreta .barrazoom {
  float: right;
  margin-bottom: 8px;
}

.barrainferiordreta .barrazoom li {
  margin-left: 7px;
  margin-bottom: 1px;
}

.barrainferiordreta .barrazoom .icon-zoom-mes {
  background-position: 0px -288px;
}

.barrainferiordreta .barrazoom .icon-zoom-mes:hover {
  background-position: 0px -320px;
}

.barrainferiordreta .barrazoom .icon-zoom-menys {
  background-position: 0px -224px;
}

.barrainferiordreta .barrazoom .icon-zoom-menys:hover {
  background-position: 0px -256px;
}

.barrainferiordreta .barrainferior {
  clear: both;
  float: right;
}

.barrainferiordreta .barrainferior li {
  float: left;
  margin-left: 7px;
}

.barrainferiordreta .barrainferior .icon-rotar {
  background-position: 0px 0px;
}

.barrainferiordreta .barrainferior .icon-rotar:hover {
  background-position: 0px -32px;
}

.barrainferiordreta .barrainferior .icon-localitzacio {
  background-position: 0px -64px;
}

.barrainferiordreta .barrainferior .icon-localitzacio:hover {
  background-position: 0px -64px;
}

.barrainferiordreta .barrainferior .icon-satel {
  background-position: 0px -96px;
}

.barrainferiordreta .barrainferior .icon-satel:hover {
  background-position: 0px -96px;
}

.barrainferiordreta .barrainferior .icon-vista-carrer {
  background-position: 0px -128px;
}

.barrainferiordreta .barrainferior .icon-vista-carrer:hover {
  background-position: 0px -128px;
}

.barrainferiordreta .barrainferior .icon-configuracio {
  background-position: 0px -160px;
}

.barrainferiordreta .barrainferior .icon-configuracio:hover {
  background-position: 0px -192px;
}

.barrainferiordreta .divpopup {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 280px;
}

.barrainferiordreta .divpopup .opcions-petit > li > a {
  font-size: .73em;
}

.escala {
  margin-left: 0px;
  margin-right: 8px;
  font-size: .6em;
  height: 32px;
  display: table;
}

.escala span {
  display: table-cell;
  vertical-align: bottom;
}

.escala .vora {
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-left: 3px;
  width: 47px;
  height: 32px;
}

.show-miniature {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 10px 10px 7px 10px;
  background-color: #FFF;
}

.social {
  position: absolute;
  top: 50%;
  right: 0px;
  height: 160px;
  margin: -80px 0 0;
}

.social .icon-fb {
  background-position: 0px -511px;
}

.social .icon-fb:hover {
  background-position: 0px -511px;
}

.social .icon-twitter {
  background-position: 0px -543px;
}

.social .icon-twitter:hover {
  background-position: 0px -543px;
}

.social .icon-email {
  background-position: 0px -575px;
}

.social .icon-email:hover {
  background-position: 0px -575px;
}

.social .icon-print {
  background-position: 0px -607px;
}

.social .icon-print:hover {
  background-position: 0px -607px;
}

.social .icon-plus {
  background-position: 0px -640px;
}

.social .icon-plus:hover {
  background-position: 0px -640px;
}

.popup-interessar {
  padding: 0;
  position: absolute;
  right: 51px;
  top: 19px;
  width: 160px;
  z-index: 10000;
}

.popup-interessar li {
  font-size: .85em;
  font-weight: 300;
  border-bottom: 1px solid #eaeaea;
}

.popup-interessar li a {
  display: block;
  font-size: 0.87em;
  line-height: 15px;
  padding: 5px 13px;
}

.popup-interessar li.title-interessar {
  background: none repeat scroll 0 0 #0074f8;
  padding: 0 0 0 12px;
  color: #FFF;
  overflow: hidden;
}

.popup-interessar li.title-interessar span {
  display: inline-block;
  padding-top: 5px;
}

.popup-interessar li.title-interessar:after {
  display: inline-block;
  content: "";
  float: right;
}

.popup-interessar li.footer-interessar {
  border: none;
}

.popup-interessar li.footer-interessar a {
  color: #666;
  font-size: 0.88em;
  overflow: hidden;
  padding: 8px 12px 0 8px;
}

.popup-interessar li.footer-interessar a:hover {
  background: transparent;
}

.popup-interessar li.footer-interessar:before {
  background: url("/https/www.barcelona.cat/img/sprites-general.png") 0 352px;
  height: 32px;
  width: 32px;
  display: inline-block;
  content: "";
  float: left;
}

.eliminar_popupdiv {
  background: url("/https/www.barcelona.cat/img/icon-cerrar-interesar.png") 0 0;
  height: 24px;
  width: 24px;
  display: inline-block;
  content: "";
  float: right;
  text-indent: -9999px;
}

.location {
  z-index: 10000;
}

.point {
  background-color: #ff3f9e;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  position: absolute;
  top: 400px;
  left: 850px;
  text-indent: -9999px;
  z-index: 10000;
}

.tooltip-brand {
  position: absolute;
  background: #ffffff;
  padding: 6px 12px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  left: -9999px;
  z-index: 10000;
}

.tooltip-brand:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 13px 8px;
  margin-left: -10px;
}

.tooltip-brand h4 {
  color: #ff3f9e;
  margin-bottom: 3px;
}

.tooltip-brand p {
  font-size: .85em;
  color: #000;
  font-weight: 300;
}

.tooltip-brand a {
  color: #ff3f9e;
  font-size: .75em;
  margin-top: 2px;
  display: block;
  font-weight: 300;
}

.tooltip-brand a:hover {
  text-decoration: underline;
}

.file {
  padding: 0px;
}

.file .content-file {
  font-size: 0.75em;
  font-weight: 300;
  padding: 10px 8px;
}

.file .content-file li {
  margin-top: 3px;
}

.file .content-file li:first-child {
  margin-top: 0px;
}

.file .content-file li a {
  background-color: transparent;
  margin-right: 5px;
  line-height: 14px;
}

.file .content-file li a:hover {
  background-color: transparent;
}

.file .content-file .nombrecampo {
  color: #000;
  float: left;
  margin-right: 5px;
}

.file .content-file span {
  margin-right: 5px;
  line-height: 14px;
  color: #666;
}

.file .content-file a {
  color: #ff3f9e;
}

.file .content-file a:hover {
  text-decoration: underline;
}

.file .content-file .link-bottom {
  margin-top: 23px;
  margin-bottom: 10px;
  position: relative;
}

.file .content-file .link-bottom li a span {
  color: #ff3f9e;
}

.file .content-file .link-bottom > li {
  display: block;
  padding-right: 0;
  clear: both;
  margin-top: 11px;
}

.file .content-file .link-bottom > li .icon-mas:before {
  height: 17px;
  width: 17px;
  background-image: url("/https/www.barcelona.cat/img/sprites.png");
  background-position: -181px -119px;
  content: "";
  float: left;
  margin-right: 3px;
}

.file .content-file .link-bottom > li .icon-location:before {
  height: 17px;
  width: 17px;
  background-image: url("/https/www.barcelona.cat/img/sprites.png");
  background-position: -181px -102px;
  content: "";
  float: left;
  margin-right: 6px;
}

.file .content-file .link-bottom a {
  line-height: 16px;
  display: inline-block;
}

.file .social-ficha {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1000;
  margin-top: 0 !important;
}

.file .social-ficha li {
  float: left;
  margin-top: 0px;
}

.file .social-ficha a.icon-facebook {
  background-position: 0 0;
}

.file .social-ficha a.icon-email {
  background-position: -18px 0;
}

.file .social-ficha a.icon-twitter {
  background-position: -35px 0;
}

.file .social-ficha a.icon-print {
  background-position: -53px 0;
}

.file .social-ficha a.icon-google {
  background-position: -71px 0;
}

.file .link-bottom .social-ficha a {
  height: 16px;
  width: 16px;
  background-image: url("/https/www.barcelona.cat/img/icon-social-ficha.png");
  float: left;
  margin-right: 1px !important;
  text-indent: -9999px;
}

#fitxa {
  padding: 0;
}

#fitxa iframe {
  width: 100%;
}

#fitxa .image-ficha img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#fitxa .title {
  background-color: #ff3f9e;
  color: #FFF;
  font-size: 1em;
  font-weight: 400;
  height: 42px;
  overflow: hidden;
}

#fitxa .title h2 {
  float: left;
  padding-left: 10px;
  font-size: 16px;
  width: 200px;
  position: relative;
  top: 48%;
  transform: translateY(-50%);
}

#fitxa .title a {
  float: right;
  height: 42px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png");
  background-color: transparent;
  float: right;
  height: 42px;
  max-height: 54px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png") no-repeat center center;
  background-color: rgba(255, 255, 255, 0.2);
}

#fitxa .title a:hover {
  float: right;
  height: 42px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png");
  background-color: transparent;
  float: right;
  height: 42px;
  max-height: 54px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png") no-repeat center center;
  background-color: rgba(255, 255, 255, 0.5);
}

#fitxa .planol-title {
  background-color: #ff3f9e;
  color: #FFF;
  font-size: 1em;
  font-weight: 400;
  height: 42px;
  overflow: hidden;
}

#fitxa .planol-title h2 {
  float: left;
  padding-left: 10px;
  font-size: 16px;
  width: 200px;
  position: relative;
  top: 48%;
  transform: translateY(-50%);
}

#fitxa .planol-title a {
  float: right;
  height: 42px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png");
  background-color: transparent;
  float: right;
  height: 42px;
  max-height: 54px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png") no-repeat center center;
  background-color: rgba(255, 255, 255, 0.2);
}

#fitxa .planol-title a:hover {
  float: right;
  height: 42px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png");
  background-color: transparent;
  float: right;
  height: 42px;
  max-height: 54px;
  width: 42px;
  background-image: url("/https/www.barcelona.cat/img/ico_close_fitxa.png") no-repeat center center;
  background-color: rgba(255, 255, 255, 0.5);
}

#fitxa div#loadingFitxa {
  height: 385px;
  text-align: center;
  padding-top: 60px;
  display: none;
}

.indice {
  padding: 20px;
}

.indice .scroll-pane {
  width: 100%;
  height: 540px;
  max-height: 540px;
  overflow: auto;
}

.indice .links-indice li {
  margin-top: 6px;
}

.indice .links-indice a {
  background-color: transparent;
  color: #0074f8;
  font-size: 0.9em;
  font-weight: normal;
}

.indice .links-indice a:hover {
  text-decoration: underline;
}

.indice .indice-alfa li {
  float: left;
  margin-top: 0px;
  margin-right: 7px;
}

.indice .indice-alfa a {
  background-color: #FFF;
  color: #000;
  font-size: .85em;
  font-weight: normal;
}

.indice .indice-alfa a:hover {
  background-color: #FFF;
  color: #000;
  font-size: .85em;
  font-weight: normal;
  text-decoration: underline;
}

.links-rela {
  padding: 20px;
}

.links-rela .block-result {
  margin-top: 0px;
}

.links-rela .block-result p {
  color: #666;
  font-weight: normal;
  font-size: .90em;
  margin-top: 2px;
  line-height: 14px;
}

.links-rela .block-result li {
  margin-bottom: 17px;
  margin-top: 0px;
}

.links-rela .block-result li:last-child {
  margin-bottom: 0px;
}

.links-rela a {
  font-size: .73em;
  background-color: transparent;
  color: #0074f8;
  font-weight: normal;
  font-size: .90em;
}

.links-rela a:hover {
  font-size: .73em;
  background-color: transparent;
  color: #0074f8;
  font-weight: normal;
  font-size: .90em;
}

.result-search {
  padding: 20px;
}

.result-search .block-result {
  border-bottom: 1px solid #efefef;
  padding: 12px 0;
}

.result-search .block-result li {
  margin-top: 2px;
}

.result-search .block-result:last-child {
  border: none;
}

.result-search .title {
  font-size: .85em;
  font-weight: 300;
  margin-top: 0px;
  line-height: 16px;
}

.result-search p {
  font-weight: 400;
  font-size: .85em;
  margin-bottom: 6px;
}

.result-search p.subtitle {
  font-weight: 300;
  font-size: .77em;
  margin-bottom: 4px;
  color: #000;
  margin-top: 10px;
}

.result-search a {
  line-height: 15px;
  background-color: transparent;
  color: #0074f8;
  font-weight: 300;
  font-size: .77em;
}

.result-search a:hover {
  background-color: transparent;
  color: #0074f8;
  font-weight: 300;
  font-size: .77em;
  text-decoration: underline;
}

.links-indice li {
  margin-top: 8px;
  font-size: 1em;
}

.marcas {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-size: 1em;
  font-weight: 300;
  padding: 7px;
  background-color: #FFF;
  width: 220px;
  z-index: 10000;
  visibility: hidden;
}

.marcas > div {
  background-color: #f4f4f4;
  display: table;
  padding: 0px;
  width: 100%;
}

.marcas span {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  font-size: 0.75em;
}

.marcas img {
  float: left;
  margin: 3px 8px;
  width: 24px;
  height: 24px;
}

.icon-eliminar {
  background: url("/https/www.barcelona.cat/img/quitar-marcas.png") no-repeat;
  width: 30px;
  height: 30px;
  float: right;
  text-indent: -9999px;
  margin-left: 20px;
}

.no-result {
  color: #c60c30;
  font-size: .85em;
  font-weight: 300;
  padding: 6px 7px;
  line-height: 15px;
}

.loaderTxt {
  width: 100%;
  text-align: center;
  margin: 8px 0 8px 0;
}

#loaderCerca .google-loader {
  width: 40px;
}

.historial {
  font-size: 0.86em;
  font-weight: 400;
  position: absolute;
  width: 93%;
  left: 7px;
  top: 50px;
  background-color: #FFF;
  z-index: 10000;
  display: none;
  padding-top: 5px;
}

.historial .caret {
  background: url("/https/www.barcelona.cat/img/icon-eliminar-historial.png") no-repeat;
  width: 11px;
  height: 11px;
  border: none;
  float: right;
  margin-right: 10px;
}

.historial li {
  margin: 10px 0px 0px;
  list-style: none;
}

.historial .dropdown-toggle {
  background-color: #FFF;
  color: #666;
  padding: 10px 0 10px 10px;
  font-size: .8em;
  font-weight: 300;
  float: left;
  width: 100%;
}

.historial .dropdown-toggle:hover {
  background-color: #FFF;
  color: #666;
  padding: 10px 0 10px 10px;
  font-size: .8em;
  font-weight: 300;
  float: left;
  width: 100%;
}

.historial ul {
  padding-bottom: 15px;
  clear: both;
}

.historial ul a {
  background-color: #FFF;
  font-size: .8em;
  font-weight: 400;
  color: #0074f8;
  padding-left: 10px;
  font-weight: 300;
}

.historial ul a:hover {
  background-color: #FFF;
  text-decoration: underline;
}

.segundo-nivel-accordion {
  padding-left: 12px;
  margin-bottom: 9px;
}

.segundo-nivel-accordion .panel-heading a {
  font-size: 0.74em;
  font-weight: 400;
  padding: 5px 5px 5px 20px;
}

.icon-allot {
  padding: 4px 4px 4px 12px;
  background-image: none !important;
}

.icon-allot input[type="checkbox"] {
  display: none;
}

.icon-allot input[type="checkbox"] + label {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("/https/www.barcelona.cat/img/w/m/spriteWebMenu.png");
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}

.icon-allot:hover {
  opacity: 0.5 !important;
  color: #fff;
}

.icon-marca-tots input[type="checkbox"] + label {
  background: url("/https/www.barcelona.cat/img/w/m/check_all.png") no-repeat scroll 9px 8px/16px auto transparent;
  background: url("/https/www.barcelona.cat/img/w/m/check_all.png") no-repeat scroll 69px 8px/16px auto transparent;
  color: #666;
  padding-left: 90px;
}

.planol-iconMenu {
  background-image: url("/https/www.barcelona.cat/img/w/m/spriteWebMenu.png");
  float: left;
}

.textServeis {
  width: 85%;
  display: inline-flex;
  cursor: pointer;
}

.planol-textServeis {
  width: 85%;
  display: inline-flex;
  cursor: pointer;
}

.A001 {
  width: 32px;
  height: 32px;
  background-position: -1px -1px;
}

.A001s {
  width: 32px;
  height: 32px;
  background-position: -34px -1px;
}

.A002 {
  width: 32px;
  height: 32px;
  background-position: -67px -1px;
}

.A002s {
  width: 32px;
  height: 32px;
  background-position: -100px -1px;
}

.A003 {
  width: 32px;
  height: 32px;
  background-position: -133px -1px;
}

.A003s {
  width: 32px;
  height: 32px;
  background-position: -166px -1px;
}

.A004 {
  width: 32px;
  height: 32px;
  background-position: -199px -1px;
}

.A004s {
  width: 32px;
  height: 32px;
  background-position: -232px -1px;
}

.A005 {
  width: 32px;
  height: 32px;
  background-position: -265px -1px;
}

.A005s {
  width: 32px;
  height: 32px;
  background-position: -298px -1px;
}

.A006 {
  width: 32px;
  height: 32px;
  background-position: -331px -1px;
}

.A006s {
  width: 32px;
  height: 32px;
  background-position: -364px -1px;
}

.A007 {
  width: 32px;
  height: 32px;
  background-position: -397px -1px;
}

.A007s {
  width: 32px;
  height: 32px;
  background-position: -430px -1px;
}

.A008 {
  width: 32px;
  height: 32px;
  background-position: -463px -1px;
}

.A008s {
  width: 32px;
  height: 32px;
  background-position: -496px -1px;
}

.A009 {
  width: 32px;
  height: 32px;
  background-position: -529px -1px;
}

.A009s {
  width: 32px;
  height: 32px;
  background-position: -562px -1px;
}

.A010 {
  width: 32px;
  height: 32px;
  background-position: -595px -1px;
}

.A010s {
  width: 32px;
  height: 32px;
  background-position: -1px -34px;
}

.A012 {
  width: 32px;
  height: 32px;
  background-position: -34px -34px;
}

.A012s {
  width: 32px;
  height: 32px;
  background-position: -67px -34px;
}

.A014 {
  width: 32px;
  height: 32px;
  background-position: -100px -34px;
}

.A014s {
  width: 32px;
  height: 32px;
  background-position: -133px -34px;
}

.A020 {
  width: 32px;
  height: 32px;
  background-position: -166px -34px;
}

.A020s {
  width: 32px;
  height: 32px;
  background-position: -199px -34px;
}

.A017 {
  width: 32px;
  height: 32px;
  background-position: -265px -562px;
}

.A017s {
  width: 32px;
  height: 32px;
  background-position: -298px -562px;
}

.arees_barris {
  width: 32px;
  height: 32px;
  background-position: -232px -34px;
}

.arees_barriss {
  width: 32px;
  height: 32px;
  background-position: -265px -34px;
}

.arees_censals {
  width: 32px;
  height: 32px;
  background-position: -298px -34px;
}

.arees_censalss {
  width: 32px;
  height: 32px;
  background-position: -331px -34px;
}

.arees_districtes {
  width: 32px;
  height: 32px;
  background-position: -364px -34px;
}

.arees_districtess {
  width: 32px;
  height: 32px;
  background-position: -397px -34px;
}

.legend_metros {
  width: 32px;
  height: 32px;
  background-position: -199px -562px;
}

.legend_buss {
  width: 32px;
  height: 32px;
  background-position: -232px -562px;
}

.B001 {
  width: 32px;
  height: 32px;
  background-position: -430px -34px;
}

.B001s {
  width: 32px;
  height: 32px;
  background-position: -463px -34px;
}

.B002 {
  width: 32px;
  height: 32px;
  background-position: -496px -34px;
}

.B002s {
  width: 32px;
  height: 32px;
  background-position: -529px -34px;
}

.B003 {
  width: 32px;
  height: 32px;
  background-position: -562px -34px;
}

.B003s {
  width: 32px;
  height: 32px;
  background-position: -595px -34px;
}

.B004 {
  width: 32px;
  height: 32px;
  background-position: -1px -67px;
}

.B004s {
  width: 32px;
  height: 32px;
  background-position: -34px -67px;
}

.B005 {
  width: 32px;
  height: 32px;
  background-position: -67px -67px;
}

.B005s {
  width: 32px;
  height: 32px;
  background-position: -100px -67px;
}

.B009 {
  width: 32px;
  height: 32px;
  background-position: -133px -67px;
}

.B009s {
  width: 32px;
  height: 32px;
  background-position: -166px -67px;
}

.B010 {
  width: 32px;
  height: 32px;
  background-position: -199px -67px;
}

.B010s {
  width: 32px;
  height: 32px;
  background-position: -232px -67px;
}

.B011 {
  width: 32px;
  height: 32px;
  background-position: -265px -67px;
}

.B011s {
  width: 32px;
  height: 32px;
  background-position: -298px -67px;
}

.B012 {
  width: 32px;
  height: 32px;
  background-position: -331px -67px;
}

.B012s {
  width: 32px;
  height: 32px;
  background-position: -364px -67px;
}

.B013 {
  width: 32px;
  height: 32px;
  background-position: -397px -67px;
}

.B013s {
  width: 32px;
  height: 32px;
  background-position: -430px -67px;
}

.B014 {
  width: 32px;
  height: 32px;
  background-position: -463px -67px;
}

.B014s {
  width: 32px;
  height: 32px;
  background-position: -496px -67px;
}

.C001 {
  width: 32px;
  height: 32px;
  background-position: -529px -67px;
}

.C001s {
  width: 32px;
  height: 32px;
  background-position: -562px -67px;
}

.C002 {
  width: 32px;
  height: 32px;
  background-position: -595px -67px;
}

.C002s {
  width: 32px;
  height: 32px;
  background-position: -1px -100px;
}

.C003 {
  width: 32px;
  height: 32px;
  background-position: -34px -100px;
}

.C003s {
  width: 32px;
  height: 32px;
  background-position: -67px -100px;
}

.C004 {
  width: 32px;
  height: 32px;
  background-position: -100px -100px;
}

.C004s {
  width: 32px;
  height: 32px;
  background-position: -133px -100px;
}

.C005 {
  width: 32px;
  height: 32px;
  background-position: -166px -100px;
}

.C005s {
  width: 32px;
  height: 32px;
  background-position: -199px -100px;
}

.C006 {
  width: 32px;
  height: 32px;
  background-position: -232px -100px;
}

.C006s {
  width: 32px;
  height: 32px;
  background-position: -265px -100px;
}

.C007 {
  width: 32px;
  height: 32px;
  background-position: -298px -100px;
}

.C007s {
  width: 32px;
  height: 32px;
  background-position: -331px -100px;
}

.C009 {
  width: 32px;
  height: 32px;
  background-position: -364px -100px;
}

.C009s {
  width: 32px;
  height: 32px;
  background-position: -397px -100px;
}

.C010 {
  width: 32px;
  height: 32px;
  background-position: -430px -100px;
}

.C010s {
  width: 32px;
  height: 32px;
  background-position: -463px -100px;
}

.C011 {
  width: 32px;
  height: 32px;
  background-position: -496px -100px;
}

.C011s {
  width: 32px;
  height: 32px;
  background-position: -529px -100px;
}

.C012 {
  width: 32px;
  height: 32px;
  background-position: -562px -100px;
}

.C012s {
  width: 32px;
  height: 32px;
  background-position: -595px -100px;
}

.C013 {
  width: 32px;
  height: 32px;
  background-position: -1px -133px;
}

.C013s {
  width: 32px;
  height: 32px;
  background-position: -34px -133px;
}

.C014 {
  width: 32px;
  height: 32px;
  background-position: -67px -133px;
}

.C014s {
  width: 32px;
  height: 32px;
  background-position: -100px -133px;
}

.C015 {
  width: 32px;
  height: 32px;
  background-position: -133px -133px;
}

.C015s {
  width: 32px;
  height: 32px;
  background-position: -166px -133px;
}

.C016 {
  width: 32px;
  height: 32px;
  background-position: -199px -133px;
}

.C016s {
  width: 32px;
  height: 32px;
  background-position: -232px -133px;
}

.C017 {
  width: 32px;
  height: 32px;
  background-position: -265px -133px;
}

.C017s {
  width: 32px;
  height: 32px;
  background-position: -298px -133px;
}

.C018 {
  width: 32px;
  height: 32px;
  background-position: -331px -133px;
}

.C018s {
  width: 32px;
  height: 32px;
  background-position: -364px -133px;
}

.C019 {
  width: 32px;
  height: 32px;
  background-position: -397px -133px;
}

.C019s {
  width: 32px;
  height: 32px;
  background-position: -430px -133px;
}

.C020 {
  width: 32px;
  height: 32px;
  background-position: -463px -133px;
}

.C020s {
  width: 32px;
  height: 32px;
  background-position: -496px -133px;
}

.C021 {
  width: 32px;
  height: 32px;
  background-position: -529px -133px;
}

.C021s {
  width: 32px;
  height: 32px;
  background-position: -562px -133px;
}

.C023 {
  width: 32px;
  height: 32px;
  background-position: -595px -133px;
}

.C023s {
  width: 32px;
  height: 32px;
  background-position: -1px -166px;
}

.C024 {
  width: 32px;
  height: 32px;
  background-position: -34px -166px;
}

.C024s {
  width: 32px;
  height: 32px;
  background-position: -67px -166px;
}

.C025 {
  width: 32px;
  height: 32px;
  background-position: -100px -166px;
}

.C025s {
  width: 32px;
  height: 32px;
  background-position: -133px -166px;
}

.C026 {
  width: 32px;
  height: 32px;
  background-position: -166px -166px;
}

.C026s {
  width: 32px;
  height: 32px;
  background-position: -199px -166px;
}

.C027 {
  width: 32px;
  height: 32px;
  background-position: -232px -166px;
}

.C027s {
  width: 32px;
  height: 32px;
  background-position: -265px -166px;
}

.C028 {
  width: 32px;
  height: 32px;
  background-position: -298px -166px;
}

.C028s {
  width: 32px;
  height: 32px;
  background-position: -331px -166px;
}

.C029 {
  width: 32px;
  height: 32px;
  background-position: -133px -562px;
}

.C029s {
  width: 32px;
  height: 32px;
  background-position: -166px -562px;
}

.C030 {
  width: 32px;
  height: 32px;
  background-position: -67px -563px;
}

.C030s {
  width: 32px;
  height: 32px;
  background-position: -100px -563px;
}

.C031 {
  width: 32px;
  height: 32px;
  background-position: -331px -562px;
}

.C031s {
  width: 32px;
  height: 32px;
  background-position: -364px -562px;
}

.D001 {
  width: 32px;
  height: 32px;
  background-position: -364px -166px;
}

.D001s {
  width: 32px;
  height: 32px;
  background-position: -397px -166px;
}

.D002 {
  width: 32px;
  height: 32px;
  background-position: -430px -166px;
}

.D002s {
  width: 32px;
  height: 32px;
  background-position: -463px -166px;
}

.D003 {
  width: 32px;
  height: 32px;
  background-position: -496px -166px;
}

.D003s {
  width: 32px;
  height: 32px;
  background-position: -529px -166px;
}

.D004 {
  width: 32px;
  height: 32px;
  background-position: -562px -166px;
}

.D004s {
  width: 32px;
  height: 32px;
  background-position: -595px -166px;
}

.D005 {
  width: 32px;
  height: 32px;
  background-position: -1px -199px;
}

.D005s {
  width: 32px;
  height: 32px;
  background-position: -34px -199px;
}

.D006 {
  width: 32px;
  height: 32px;
  background-position: -67px -199px;
}

.D006s {
  width: 32px;
  height: 32px;
  background-position: -100px -199px;
}

.D007 {
  width: 32px;
  height: 32px;
  background-position: -133px -199px;
}

.D007s {
  width: 32px;
  height: 32px;
  background-position: -166px -199px;
}

.D009 {
  width: 32px;
  height: 32px;
  background-position: -199px -199px;
}

.D009s {
  width: 32px;
  height: 32px;
  background-position: -232px -199px;
}

.D010 {
  width: 32px;
  height: 32px;
  background-position: -265px -199px;
}

.D010s {
  width: 32px;
  height: 32px;
  background-position: -298px -199px;
}

.D011 {
  width: 32px;
  height: 32px;
  background-position: -331px -199px;
}

.D011s {
  width: 32px;
  height: 32px;
  background-position: -364px -199px;
}

.D020 {
  width: 32px;
  height: 32px;
  background-position: -397px -199px;
}

.D020s {
  width: 32px;
  height: 32px;
  background-position: -430px -199px;
}

.E001 {
  width: 32px;
  height: 32px;
  background-position: -463px -199px;
}

.E001s {
  width: 32px;
  height: 32px;
  background-position: -496px -199px;
}

.E002 {
  width: 32px;
  height: 32px;
  background-position: -529px -199px;
}

.E002s {
  width: 32px;
  height: 32px;
  background-position: -562px -199px;
}

.E003 {
  width: 32px;
  height: 32px;
  background-position: -595px -199px;
}

.E003s {
  width: 32px;
  height: 32px;
  background-position: -1px -232px;
}

.E004 {
  width: 32px;
  height: 32px;
  background-position: -34px -232px;
}

.E004s {
  width: 32px;
  height: 32px;
  background-position: -67px -232px;
}

.E005 {
  width: 32px;
  height: 32px;
  background-position: -100px -232px;
}

.E005s {
  width: 32px;
  height: 32px;
  background-position: -133px -232px;
}

.E006 {
  width: 32px;
  height: 32px;
  background-position: -166px -232px;
}

.E006s {
  width: 32px;
  height: 32px;
  background-position: -199px -232px;
}

.E007 {
  width: 32px;
  height: 32px;
  background-position: -232px -232px;
}

.E007s {
  width: 32px;
  height: 32px;
  background-position: -265px -232px;
}

.E008 {
  width: 32px;
  height: 32px;
  background-position: -298px -232px;
}

.E008s {
  width: 32px;
  height: 32px;
  background-position: -331px -232px;
}

.E009 {
  width: 32px;
  height: 32px;
  background-position: -364px -232px;
}

.E009s {
  width: 32px;
  height: 32px;
  background-position: -397px -232px;
}

.E010 {
  width: 32px;
  height: 32px;
  background-position: -430px -232px;
}

.E010s {
  width: 32px;
  height: 32px;
  background-position: -463px -232px;
}

.E011 {
  width: 32px;
  height: 32px;
  background-position: -496px -232px;
}

.E011s {
  width: 32px;
  height: 32px;
  background-position: -529px -232px;
}

.E012 {
  width: 32px;
  height: 32px;
  background-position: -562px -232px;
}

.E012s {
  width: 32px;
  height: 32px;
  background-position: -595px -232px;
}

.E013 {
  width: 32px;
  height: 32px;
  background-position: -1px -265px;
}

.E013s {
  width: 32px;
  height: 32px;
  background-position: -34px -265px;
}

.E014 {
  width: 32px;
  height: 32px;
  background-position: -67px -265px;
}

.E014s {
  width: 32px;
  height: 32px;
  background-position: -100px -265px;
}

.E015 {
  width: 32px;
  height: 32px;
  background-position: -133px -265px;
}

.E015s {
  width: 32px;
  height: 32px;
  background-position: -166px -265px;
}

.E016 {
  width: 32px;
  height: 32px;
  background-position: -199px -265px;
}

.E016s {
  width: 32px;
  height: 32px;
  background-position: -232px -265px;
}

.E017 {
  width: 32px;
  height: 32px;
  background-position: -265px -265px;
}

.E017s {
  width: 32px;
  height: 32px;
  background-position: -298px -265px;
}

.E018 {
  width: 32px;
  height: 32px;
  background-position: -331px -265px;
}

.E018s {
  width: 32px;
  height: 32px;
  background-position: -364px -265px;
}

.E020 {
  width: 32px;
  height: 32px;
  background-position: -397px -265px;
}

.E020s {
  width: 32px;
  height: 32px;
  background-position: -430px -265px;
}

.E021 {
  width: 32px;
  height: 32px;
  background-position: -463px -265px;
}

.E021s {
  width: 32px;
  height: 32px;
  background-position: -496px -265px;
}

.F001 {
  width: 32px;
  height: 32px;
  background-position: -529px -265px;
}

.F001s {
  width: 32px;
  height: 32px;
  background-position: -562px -265px;
}

.F002 {
  width: 32px;
  height: 32px;
  background-position: -595px -265px;
}

.F002s {
  width: 32px;
  height: 32px;
  background-position: -1px -298px;
}

.F003 {
  width: 32px;
  height: 32px;
  background-position: -34px -298px;
}

.F003s {
  width: 32px;
  height: 32px;
  background-position: -67px -298px;
}

.F004 {
  width: 32px;
  height: 32px;
  background-position: -100px -298px;
}

.F004s {
  width: 32px;
  height: 32px;
  background-position: -133px -298px;
}

.F005 {
  width: 32px;
  height: 32px;
  background-position: -166px -298px;
}

.F005s {
  width: 32px;
  height: 32px;
  background-position: -199px -298px;
}

.G001 {
  width: 32px;
  height: 32px;
  background-position: -232px -298px;
}

.G001s {
  width: 32px;
  height: 32px;
  background-position: -265px -298px;
}

.G002 {
  width: 32px;
  height: 32px;
  background-position: -298px -298px;
}

.G002s {
  width: 32px;
  height: 32px;
  background-position: -331px -298px;
}

.G003 {
  width: 32px;
  height: 32px;
  background-position: -364px -298px;
}

.G003s {
  width: 32px;
  height: 32px;
  background-position: -397px -298px;
}

.G004 {
  width: 32px;
  height: 32px;
  background-position: -430px -298px;
}

.G004s {
  width: 32px;
  height: 32px;
  background-position: -463px -298px;
}

.G005 {
  width: 32px;
  height: 32px;
  background-position: -496px -298px;
}

.G005s {
  width: 32px;
  height: 32px;
  background-position: -529px -298px;
}

.G006 {
  width: 32px;
  height: 32px;
  background-position: -562px -298px;
}

.G006s {
  width: 32px;
  height: 32px;
  background-position: -595px -298px;
}

.G007 {
  width: 32px;
  height: 32px;
  background-position: -1px -331px;
}

.G007s {
  width: 32px;
  height: 32px;
  background-position: -34px -331px;
}

.G008 {
  width: 32px;
  height: 32px;
  background-position: -67px -331px;
}

.G008s {
  width: 32px;
  height: 32px;
  background-position: -100px -331px;
}

.G009 {
  width: 32px;
  height: 32px;
  background-position: -133px -331px;
}

.G009s {
  width: 32px;
  height: 32px;
  background-position: -166px -331px;
}

.G010 {
  width: 32px;
  height: 32px;
  background-position: -199px -331px;
}

.G010s {
  width: 32px;
  height: 32px;
  background-position: -232px -331px;
}

.G011 {
  width: 32px;
  height: 32px;
  background-position: -265px -331px;
}

.G011s {
  width: 32px;
  height: 32px;
  background-position: -298px -331px;
}

.G012 {
  width: 32px;
  height: 32px;
  background-position: -331px -331px;
}

.G012s {
  width: 32px;
  height: 32px;
  background-position: -364px -331px;
}

.G013 {
  width: 32px;
  height: 32px;
  background-position: -397px -331px;
}

.G013s {
  width: 32px;
  height: 32px;
  background-position: -430px -331px;
}

.G014 {
  width: 32px;
  height: 32px;
  background-position: -463px -331px;
}

.G014s {
  width: 32px;
  height: 32px;
  background-position: -496px -331px;
}

.H001 {
  width: 32px;
  height: 32px;
  background-position: -529px -331px;
}

.H001s {
  width: 32px;
  height: 32px;
  background-position: -562px -331px;
}

.I001 {
  width: 32px;
  height: 32px;
  background-position: -595px -331px;
}

.I001s {
  width: 32px;
  height: 32px;
  background-position: -1px -364px;
}

.I002 {
  width: 32px;
  height: 32px;
  background-position: -34px -364px;
}

.I002s {
  width: 32px;
  height: 32px;
  background-position: -67px -364px;
}

.I003 {
  width: 32px;
  height: 32px;
  background-position: -100px -364px;
}

.I003s {
  width: 32px;
  height: 32px;
  background-position: -133px -364px;
}

.I004 {
  width: 32px;
  height: 32px;
  background-position: -166px -364px;
}

.I004s {
  width: 32px;
  height: 32px;
  background-position: -199px -364px;
}

.I005 {
  width: 32px;
  height: 32px;
  background-position: -232px -364px;
}

.I005s {
  width: 32px;
  height: 32px;
  background-position: -265px -364px;
}

.I006 {
  width: 32px;
  height: 32px;
  background-position: -298px -364px;
}

.I006s {
  width: 32px;
  height: 32px;
  background-position: -331px -364px;
}

.I007 {
  width: 32px;
  height: 32px;
  background-position: -364px -364px;
}

.I007s {
  width: 32px;
  height: 32px;
  background-position: -397px -364px;
}

.J001 {
  width: 32px;
  height: 32px;
  background-position: -430px -364px;
}

.J001s {
  width: 32px;
  height: 32px;
  background-position: -463px -364px;
}

.J002 {
  width: 32px;
  height: 32px;
  background-position: -496px -364px;
}

.J002s {
  width: 32px;
  height: 32px;
  background-position: -529px -364px;
}

.J003 {
  width: 32px;
  height: 32px;
  background-position: -562px -364px;
}

.J003s {
  width: 32px;
  height: 32px;
  background-position: -595px -364px;
}

.J004 {
  width: 32px;
  height: 32px;
  background-position: -1px -397px;
}

.J004s {
  width: 32px;
  height: 32px;
  background-position: -34px -397px;
}

.J005 {
  width: 32px;
  height: 32px;
  background-position: -67px -397px;
}

.J005s {
  width: 32px;
  height: 32px;
  background-position: -100px -397px;
}

.J006 {
  width: 32px;
  height: 32px;
  background-position: -133px -397px;
}

.J006s {
  width: 32px;
  height: 32px;
  background-position: -166px -397px;
}

.J007 {
  width: 32px;
  height: 32px;
  background-position: -199px -397px;
}

.J007s {
  width: 32px;
  height: 32px;
  background-position: -232px -397px;
}

.J008 {
  width: 32px;
  height: 32px;
  background-position: -265px -397px;
}

.J008s {
  width: 32px;
  height: 32px;
  background-position: -298px -397px;
}

.J009 {
  width: 32px;
  height: 32px;
  background-position: -397px -562px;
}

.J009s {
  width: 32px;
  height: 32px;
  background-position: -430px -562px;
}

.K001 {
  width: 32px;
  height: 32px;
  background-position: -331px -397px;
}

.K001s {
  width: 32px;
  height: 32px;
  background-position: -364px -397px;
}

.K002 {
  width: 32px;
  height: 32px;
  background-position: -397px -397px;
}

.K002s {
  width: 32px;
  height: 32px;
  background-position: -430px -397px;
}

.K003 {
  width: 32px;
  height: 32px;
  background-position: -463px -397px;
}

.K003s {
  width: 32px;
  height: 32px;
  background-position: -496px -397px;
}

.K004 {
  width: 32px;
  height: 32px;
  background-position: -529px -397px;
}

.K004s {
  width: 32px;
  height: 32px;
  background-position: -562px -397px;
}

.K005 {
  width: 32px;
  height: 32px;
  background-position: -595px -397px;
}

.K005s {
  width: 32px;
  height: 32px;
  background-position: -1px -430px;
}

.K006 {
  width: 32px;
  height: 32px;
  background-position: -34px -430px;
}

.K006s {
  width: 32px;
  height: 32px;
  background-position: -67px -430px;
}

.K007 {
  width: 32px;
  height: 32px;
  background-position: -100px -430px;
}

.K007s {
  width: 32px;
  height: 32px;
  background-position: -133px -430px;
}

.K008 {
  width: 32px;
  height: 32px;
  background-position: -166px -430px;
}

.K008s {
  width: 32px;
  height: 32px;
  background-position: -199px -430px;
}

.K009 {
  width: 32px;
  height: 32px;
  background-position: -232px -430px;
}

.K009s {
  width: 32px;
  height: 32px;
  background-position: -265px -430px;
}

.K010 {
  width: 32px;
  height: 32px;
  background-position: -298px -430px;
}

.K010s {
  width: 32px;
  height: 32px;
  background-position: -331px -430px;
}

.K011 {
  width: 32px;
  height: 32px;
  background-position: -364px -430px;
}

.K011s {
  width: 32px;
  height: 32px;
  background-position: -397px -430px;
}

.K012 {
  width: 32px;
  height: 32px;
  background-position: -430px -430px;
}

.K012s {
  width: 32px;
  height: 32px;
  background-position: -463px -430px;
}

.K013 {
  width: 32px;
  height: 32px;
  background-position: -496px -430px;
}

.K013s {
  width: 32px;
  height: 32px;
  background-position: -529px -430px;
}

.K014 {
  width: 32px;
  height: 32px;
  background-position: -562px -430px;
}

.K014s {
  width: 32px;
  height: 32px;
  background-position: -595px -430px;
}

.K015 {
  width: 32px;
  height: 32px;
  background-position: -1px -463px;
}

.K015s {
  width: 32px;
  height: 32px;
  background-position: -34px -463px;
}

.K016 {
  width: 32px;
  height: 32px;
  background-position: -67px -463px;
}

.K016s {
  width: 32px;
  height: 32px;
  background-position: -100px -463px;
}

.K017 {
  width: 32px;
  height: 32px;
  background-position: -133px -463px;
}

.K017s {
  width: 32px;
  height: 32px;
  background-position: -166px -463px;
}

.K018 {
  width: 32px;
  height: 32px;
  background-position: -199px -463px;
}

.K018s {
  width: 32px;
  height: 32px;
  background-position: -232px -463px;
}

.K021 {
  width: 32px;
  height: 32px;
  background-position: -265px -463px;
}

.K021s {
  width: 32px;
  height: 32px;
  background-position: -298px -463px;
}

.K022 {
  width: 32px;
  height: 32px;
  background-position: -331px -463px;
}

.K022s {
  width: 32px;
  height: 32px;
  background-position: -364px -463px;
}

.K023 {
  width: 32px;
  height: 32px;
  background-position: -397px -463px;
}

.K023s {
  width: 32px;
  height: 32px;
  background-position: -430px -463px;
}

.K024 {
  width: 32px;
  height: 32px;
  background-position: -463px -463px;
}

.K024s {
  width: 32px;
  height: 32px;
  background-position: -496px -463px;
}

.K025 {
  width: 32px;
  height: 32px;
  background-position: -529px -463px;
}

.K025s {
  width: 32px;
  height: 32px;
  background-position: -562px -463px;
}

.K026 {
  width: 32px;
  height: 32px;
  background-position: -595px -463px;
}

.K026s {
  width: 32px;
  height: 32px;
  background-position: -1px -496px;
}

.K027 {
  width: 32px;
  height: 32px;
  background-position: -34px -496px;
}

.K027s {
  width: 32px;
  height: 32px;
  background-position: -67px -496px;
}

.K028 {
  width: 32px;
  height: 32px;
  background-position: -100px -496px;
}

.K028s {
  width: 32px;
  height: 32px;
  background-position: -133px -496px;
}

.K029 {
  width: 32px;
  height: 32px;
  background-position: -166px -496px;
}

.K029s {
  width: 32px;
  height: 32px;
  background-position: -199px -496px;
}

.K032 {
  width: 32px;
  height: 32px;
  background-position: -232px -496px;
}

.K032s {
  width: 32px;
  height: 32px;
  background-position: -265px -496px;
}

.K033 {
  width: 32px;
  height: 32px;
  background-position: -463px -562px;
}

.K033s {
  width: 32px;
  height: 32px;
  background-position: -496px -562px;
}

.L003 {
  width: 32px;
  height: 32px;
  background-position: -298px -496px;
  width: 32px;
  height: 32px;
  background-position: -529px -496px;
}

.menu_bicing_electric_off {
  width: 32px;
  height: 32px;
  background-position: -331px -496px;
  width: 32px;
  height: 32px;
  background-position: -331px -496px;
}

.menu_bicing_electric_on {
  width: 32px;
  height: 32px;
  background-position: -364px -496px;
  width: 32px;
  height: 32px;
  background-position: -364px -496px;
}

.L001 {
  width: 32px;
  height: 32px;
  background-position: -397px -496px;
}

.L001s {
  width: 32px;
  height: 32px;
  background-position: -430px -496px;
}

.L002 {
  width: 32px;
  height: 32px;
  background-position: -463px -496px;
}

.L002s {
  width: 32px;
  height: 32px;
  background-position: -496px -496px;
}

.L003s {
  width: 32px;
  height: 32px;
  background-position: -562px -496px;
}

.L004 {
  width: 32px;
  height: 32px;
  background-position: -595px -496px;
}

.L004s {
  width: 32px;
  height: 32px;
  background-position: -1px -529px;
}

.M001 {
  width: 32px;
  height: 32px;
  background-position: -34px -529px;
}

.M001s {
  width: 32px;
  height: 32px;
  background-position: -67px -529px;
}

.M002 {
  width: 32px;
  height: 32px;
  background-position: -100px -529px;
}

.M002s {
  width: 32px;
  height: 32px;
  background-position: -133px -529px;
}

.M003 {
  width: 32px;
  height: 32px;
  background-position: -166px -529px;
}

.M003s {
  width: 32px;
  height: 32px;
  background-position: -199px -529px;
}

.M004 {
  width: 32px;
  height: 32px;
  background-position: -232px -529px;
}

.M004s {
  width: 32px;
  height: 32px;
  background-position: -265px -529px;
}

.M006 {
  width: 32px;
  height: 32px;
  background-position: -298px -529px;
}

.M006s {
  width: 32px;
  height: 32px;
  background-position: -331px -529px;
}

.M008 {
  width: 32px;
  height: 32px;
  background-position: -364px -529px;
}

.M008s {
  width: 32px;
  height: 32px;
  background-position: -397px -529px;
}

.M009 {
  width: 32px;
  height: 32px;
  background-position: -430px -529px;
}

.M009s {
  width: 32px;
  height: 32px;
  background-position: -463px -529px;
}

.P001 {
  width: 32px;
  height: 32px;
  background-position: -496px -529px;
}

.P001s {
  width: 32px;
  height: 32px;
  background-position: -529px -529px;
}

.R001 {
  width: 32px;
  height: 32px;
  background-position: -562px -529px;
}

.R001s {
  width: 32px;
  height: 32px;
  background-position: -595px -529px;
}

.R002 {
  width: 32px;
  height: 32px;
  background-position: -1px -562px;
}

.R002s {
  width: 32px;
  height: 32px;
  background-position: -34px -562px;
}

.icon-A001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -1px;
}

.icon-A001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -1px;
}

.icon-A002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -1px;
}

.icon-A002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -1px;
}

.icon-A003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -1px;
}

.icon-A003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -1px;
}

.icon-A004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -1px;
}

.icon-A004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -1px;
}

.icon-A005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -1px;
}

.icon-A005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -1px;
}

.icon-A006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -1px;
}

.icon-A006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -1px;
}

.icon-A007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -1px;
}

.icon-A007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -1px;
}

.icon-A008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -1px;
}

.icon-A008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -1px;
}

.icon-A009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -1px;
}

.icon-A009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -1px;
}

.icon-A010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -1px;
}

.icon-A010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -34px;
}

.icon-A012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -34px;
}

.icon-A012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -34px;
}

.icon-A014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -34px;
}

.icon-A014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -34px;
}

.icon-A020 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -34px;
}

.icon-A020 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -34px;
}

.icon-A017 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -562px;
}

.icon-A017 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -562px;
}

.icon-arees_barris input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -34px;
}

.icon-arees_barris input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -34px;
}

.icon-arees_censals input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -34px;
}

.icon-arees_censals input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -34px;
}

.icon-arees_districtes input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -34px;
}

.icon-arees_districtes input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -34px;
}

.icon-B001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -34px;
}

.icon-B001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -34px;
}

.icon-B002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -34px;
}

.icon-B002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -34px;
}

.icon-B003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -34px;
}

.icon-B003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -34px;
}

.icon-B004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -67px;
}

.icon-B004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -67px;
}

.icon-B005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -67px;
}

.icon-B005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -67px;
}

.icon-B009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -67px;
}

.icon-B009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -67px;
}

.icon-B010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -67px;
}

.icon-B010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -67px;
}

.icon-B011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -67px;
}

.icon-B011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -67px;
}

.icon-B012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -67px;
}

.icon-B012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -67px;
}

.icon-B013 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -67px;
}

.icon-B013 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -67px;
}

.icon-B014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -67px;
}

.icon-B014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -67px;
}

.icon-C001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -67px;
}

.icon-C001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -67px;
}

.icon-C002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -67px;
}

.icon-C002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -100px;
}

.icon-C003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -100px;
}

.icon-C003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -100px;
}

.icon-C004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -100px;
}

.icon-C004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -100px;
}

.icon-C005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -100px;
}

.icon-C005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -100px;
}

.icon-C006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -100px;
}

.icon-C006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -100px;
}

.icon-C007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -100px;
}

.icon-C007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -100px;
}

.icon-C009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -100px;
}

.icon-C009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -100px;
}

.icon-C010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -100px;
}

.icon-C010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -100px;
}

.icon-C011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -100px;
}

.icon-C011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -100px;
}

.icon-C012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -100px;
}

.icon-C012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -100px;
}

.icon-C013 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -133px;
}

.icon-C013 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -133px;
}

.icon-C014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -133px;
}

.icon-C014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -133px;
}

.icon-C015 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -133px;
}

.icon-C015 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -133px;
}

.icon-C016 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -133px;
}

.icon-C016 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -133px;
}

.icon-C017 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -133px;
}

.icon-C017 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -133px;
}

.icon-C018 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -133px;
}

.icon-C018 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -133px;
}

.icon-C019 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -133px;
}

.icon-C019 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -133px;
}

.icon-C020 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -133px;
}

.icon-C020 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -133px;
}

.icon-C021 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -133px;
}

.icon-C021 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -133px;
}

.icon-C023 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -133px;
}

.icon-C023 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -166px;
}

.icon-C024 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -166px;
}

.icon-C024 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -166px;
}

.icon-C025 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -166px;
}

.icon-C025 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -166px;
}

.icon-C026 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -166px;
}

.icon-C026 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -166px;
}

.icon-C027 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -166px;
}

.icon-C027 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -166px;
}

.icon-C028 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -166px;
}

.icon-C028 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -166px;
}

.icon-C029 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -562px;
}

.icon-C029 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -562px;
}

.icon-C030 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -562px;
}

.icon-C030 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -562px;
}

.icon-C031 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -562px;
}

.icon-C031 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -562px;
}

.icon-D001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -166px;
}

.icon-D001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -166px;
}

.icon-D002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -166px;
}

.icon-D002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -166px;
}

.icon-D003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -166px;
}

.icon-D003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -166px;
}

.icon-D004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -166px;
}

.icon-D004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -166px;
}

.icon-D005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -199px;
}

.icon-D005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -199px;
}

.icon-D006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -199px;
}

.icon-D006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -199px;
}

.icon-D007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -199px;
}

.icon-D007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -199px;
}

.icon-D009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -199px;
}

.icon-D009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -199px;
}

.icon-D010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -199px;
}

.icon-D010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -199px;
}

.icon-D011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -199px;
}

.icon-D011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -199px;
}

.icon-D020 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -199px;
}

.icon-D020 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -199px;
}

.icon-E001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -199px;
}

.icon-E001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -199px;
}

.icon-E002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -199px;
}

.icon-E002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -199px;
}

.icon-E003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -199px;
}

.icon-E003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -232px;
}

.icon-E004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -232px;
}

.icon-E004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -232px;
}

.icon-E005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -232px;
}

.icon-E005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -232px;
}

.icon-E006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -232px;
}

.icon-E006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -232px;
}

.icon-E007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -232px;
}

.icon-E007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -232px;
}

.icon-E008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -232px;
}

.icon-E008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -232px;
}

.icon-E009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -232px;
}

.icon-E009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -232px;
}

.icon-E010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -232px;
}

.icon-E010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -232px;
}

.icon-E011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -232px;
}

.icon-E011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -232px;
}

.icon-E012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -232px;
}

.icon-E012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -232px;
}

.icon-E013 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -265px;
}

.icon-E013 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -265px;
}

.icon-E014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -265px;
}

.icon-E014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -265px;
}

.icon-E015 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -265px;
}

.icon-E015 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -265px;
}

.icon-E016 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -265px;
}

.icon-E016 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -265px;
}

.icon-E017 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -265px;
}

.icon-E017 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -265px;
}

.icon-E018 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -265px;
}

.icon-E018 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -265px;
}

.icon-E020 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -265px;
}

.icon-E020 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -265px;
}

.icon-E021 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -265px;
}

.icon-E021 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -265px;
}

.icon-F001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -265px;
}

.icon-F001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -265px;
}

.icon-F002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -265px;
}

.icon-F002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -298px;
}

.icon-F003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -298px;
}

.icon-F003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -298px;
}

.icon-F004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -298px;
}

.icon-F004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -298px;
}

.icon-F005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -298px;
}

.icon-F005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -298px;
}

.icon-G001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -298px;
}

.icon-G001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -298px;
}

.icon-G002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -298px;
}

.icon-G002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -298px;
}

.icon-G003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -298px;
}

.icon-G003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -298px;
}

.icon-G004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -298px;
}

.icon-G004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -298px;
}

.icon-G005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -298px;
}

.icon-G005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -298px;
}

.icon-G006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -298px;
}

.icon-G006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -298px;
}

.icon-G007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -331px;
}

.icon-G007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -331px;
}

.icon-G008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -331px;
}

.icon-G008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -331px;
}

.icon-G009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -331px;
}

.icon-G009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -331px;
}

.icon-G010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -331px;
}

.icon-G010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -331px;
}

.icon-G011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -331px;
}

.icon-G011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -331px;
}

.icon-G012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -331px;
}

.icon-G012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -331px;
}

.icon-G013 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -331px;
}

.icon-G013 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -331px;
}

.icon-G014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -331px;
}

.icon-G014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -331px;
}

.icon-H001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -331px;
}

.icon-H001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -331px;
}

.icon-I001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -331px;
}

.icon-I001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -364px;
}

.icon-I002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -364px;
}

.icon-I002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -364px;
}

.icon-I003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -364px;
}

.icon-I003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -364px;
}

.icon-I004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -364px;
}

.icon-I004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -364px;
}

.icon-I005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -364px;
}

.icon-I005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -364px;
}

.icon-I006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -364px;
}

.icon-I006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -364px;
}

.icon-I007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -364px;
}

.icon-I007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -364px;
}

.icon-J001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -364px;
}

.icon-J001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -364px;
}

.icon-J002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -364px;
}

.icon-J002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -364px;
}

.icon-J003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -364px;
}

.icon-J003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -364px;
}

.icon-J004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -397px;
}

.icon-J004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -397px;
}

.icon-J005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -397px;
}

.icon-J005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -397px;
}

.icon-J006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -397px;
}

.icon-J006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -397px;
}

.icon-J007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -397px;
}

.icon-J007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -397px;
}

.icon-J008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -397px;
}

.icon-J008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -397px;
}

.icon-J009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -562px;
}

.icon-J009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -562px;
}

.icon-K001 {
  background: url("/https/www.barcelona.cat/img/w/bp/K/K001.png") no-repeat;
  height: 22px;
  padding-left: 22px;
  text-align: left;
}

.icon-K001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -397px;
}

.icon-K001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -397px;
}

.icon-K002 {
  background: url(/https/www.barcelona.cat/img/w/bp/K/K002.png) no-repeat;
  height: 34px;
  padding-left: 28px;
  font-weight: bold;
  text-align: left;
  margin-top: 4px;
  padding-top: 12px;
  background-position-y: center;
}

.icon-K002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -397px;
}

.icon-K002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -397px;
}

.icon-K003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -397px;
}

.icon-K003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -397px;
}

.icon-K004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -397px;
}

.icon-K004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -397px;
}

.icon-K005 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -397px;
}

.icon-K005 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -430px;
}

.icon-K006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -430px;
}

.icon-K006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -430px;
}

.icon-K007 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -430px;
}

.icon-K007 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -430px;
}

.icon-K008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -430px;
}

.icon-K008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -430px;
}

.icon-K009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -430px;
}

.icon-K009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -430px;
}

.icon-K010 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -430px;
}

.icon-K010 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -430px;
}

.icon-K011 {
  background: url("/https/www.barcelona.cat/img/w/bp/K/K011.png") no-repeat;
  height: 23px;
  padding-left: 28px;
  font-weight: bold;
  text-align: left;
  margin-top: 4px;
}

.icon-K011 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -430px;
}

.icon-K011 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -430px;
}

.icon-K012 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -430px;
}

.icon-K012 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -430px;
}

.icon-K013 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -430px;
}

.icon-K013 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -430px;
}

.icon-K014 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -430px;
}

.icon-K014 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -430px;
}

.icon-K015 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -463px;
}

.icon-K015 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -463px;
}

.icon-K016 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -67px -463px;
}

.icon-K016 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -100px -463px;
}

.icon-K017 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -133px -463px;
}

.icon-K017 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -166px -463px;
}

.icon-K018 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -199px -463px;
}

.icon-K018 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -232px -463px;
}

.icon-K021 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -265px -463px;
}

.icon-K021 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -298px -463px;
}

.icon-K022 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -331px -463px;
}

.icon-K022 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -364px -463px;
}

.icon-K023 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -463px;
}

.icon-K023 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -463px;
}

.icon-K024 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -463px;
}

.icon-K024 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -463px;
}

.icon-K025 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -529px -463px;
}

.icon-K025 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -463px;
}

.icon-K026 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -463px;
}

.icon-K026 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -496px;
}

.icon-K027 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -496px;
}

.icon-K027 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -496px;
}

.icon-K028 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -496px;
}

.icon-K028 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -496px;
}

.icon-K029 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -496px;
}

.icon-K029 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -496px;
}

.icon-K032 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -496px;
}

.icon-K032 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -496px;
}

.icon-K038 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -496px;
}

.icon-K038 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -496px;
}

.icon-K039 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -496px;
}

.icon-K039 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -496px;
}

.icon-K040 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -496px;
}

.icon-K040 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -496px;
}

.icon-K033 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -562px;
}

.icon-K033 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -562px;
}

.icon-L003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -496px;
  width: 32px;
  height: 32px;
  background-position: -529px -496px;
}

.icon-L003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -562px -496px;
}

.icon-L001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -397px -496px;
}

.icon-L001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -430px -496px;
}

.icon-L002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -463px -496px;
}

.icon-L002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -496px -496px;
}

.icon-L004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -595px -496px;
}

.icon-L004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -1px -529px;
}

.icon-M001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -34px -529px;
}

.icon-M001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -67px -529px;
}

.icon-M002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -100px -529px;
}

.icon-M002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -133px -529px;
}

.icon-M003 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -166px -529px;
}

.icon-M003 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -199px -529px;
}

.icon-M004 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -232px -529px;
}

.icon-M004 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -265px -529px;
}

.icon-M006 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -298px -529px;
}

.icon-M006 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -331px -529px;
}

.icon-M008 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -364px -529px;
}

.icon-M008 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -397px -529px;
}

.icon-M009 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -430px -529px;
}

.icon-M009 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -463px -529px;
}

.icon-P001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -496px -529px;
}

.icon-P001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -529px -529px;
}

.icon-R001 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -562px -529px;
}

.icon-R001 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -595px -529px;
}

.icon-R002 input[type="checkbox"] + label {
  width: 32px;
  height: 32px;
  background-position: -1px -562px;
}

.icon-R002 input[type="checkbox"]:checked + label {
  width: 32px;
  height: 32px;
  background-position: -34px -562px;
}

.icon-allot.icon-arees_barris:hover label {
  background-position: -265px -34px;
}

.icon-allot.icon-arees_censals:hover label {
  background-position: -331px -34px;
}

.icon-allot.icon-arees_districtes:hover label {
  background-position: -397px -34px;
}

.icon-allot.icon-A001:hover label {
  background-position: -34px -1px;
}

.icon-allot.icon-A002:hover label {
  background-position: -100px -1px;
}

.icon-allot.icon-A003:hover label {
  background-position: -166px -1px;
}

.icon-allot.icon-A004:hover label {
  background-position: -232px -1px;
}

.icon-allot.icon-A005:hover label {
  background-position: -298px -1px;
}

.icon-allot.icon-A006:hover label {
  background-position: -364px -1px;
}

.icon-allot.icon-A007:hover label {
  background-position: -430px -1px;
}

.icon-allot.icon-A008:hover label {
  background-position: -496px -1px;
}

.icon-allot.icon-A009:hover label {
  background-position: -562px -1px;
}

.icon-allot.icon-A010:hover label {
  background-position: -1px -34px;
}

.icon-allot.icon-A012:hover label {
  background-position: -67px -34px;
}

.icon-allot.icon-A014:hover label {
  background-position: -133px -34px;
}

.icon-allot.icon-A017:hover label {
  background-position: -298px -562px;
}

.icon-allot.icon-A020:hover label {
  background-position: -199px -34px;
}

.icon-allot.icon-B001:hover label {
  background-position: -463px -34px;
}

.icon-allot.icon-B002:hover label {
  background-position: -529px -34px;
}

.icon-allot.icon-B003:hover label {
  background-position: -595px -34px;
}

.icon-allot.icon-B004:hover label {
  background-position: -34px -67px;
}

.icon-allot.icon-B005:hover label {
  background-position: -100px -67px;
}

.icon-allot.icon-B009:hover label {
  background-position: -166px -67px;
}

.icon-allot.icon-B010:hover label {
  background-position: -232px -67px;
}

.icon-allot.icon-B011:hover label {
  background-position: -298px -67px;
}

.icon-allot.icon-B012:hover label {
  background-position: -364px -67px;
}

.icon-allot.icon-B013:hover label {
  background-position: -430px -67px;
}

.icon-allot.icon-B014:hover label {
  background-position: -496px -67px;
}

.icon-allot.icon-C001:hover label {
  background-position: -562px -67px;
}

.icon-allot.icon-C002:hover label {
  background-position: -1px -100px;
}

.icon-allot.icon-C003:hover label {
  background-position: -67px -100px;
}

.icon-allot.icon-C004:hover label {
  background-position: -133px -100px;
}

.icon-allot.icon-C005:hover label {
  background-position: -199px -100px;
}

.icon-allot.icon-C006:hover label {
  background-position: -265px -100px;
}

.icon-allot.icon-C007:hover label {
  background-position: -331px -100px;
}

.icon-allot.icon-C009:hover label {
  background-position: -397px -100px;
}

.icon-allot.icon-C010:hover label {
  background-position: -463px -100px;
}

.icon-allot.icon-C011:hover label {
  background-position: -529px -100px;
}

.icon-allot.icon-C012:hover label {
  background-position: -595px -100px;
}

.icon-allot.icon-C013:hover label {
  background-position: -34px -133px;
}

.icon-allot.icon-C014:hover label {
  background-position: -100px -133px;
}

.icon-allot.icon-C015:hover label {
  background-position: -166px -133px;
}

.icon-allot.icon-C016:hover label {
  background-position: -232px -133px;
}

.icon-allot.icon-C017:hover label {
  background-position: -298px -133px;
}

.icon-allot.icon-C018:hover label {
  background-position: -364px -133px;
}

.icon-allot.icon-C019:hover label {
  background-position: -430px -133px;
}

.icon-allot.icon-C020:hover label {
  background-position: -496px -133px;
}

.icon-allot.icon-C021:hover label {
  background-position: -562px -133px;
}

.icon-allot.icon-C023:hover label {
  background-position: -1px -166px;
}

.icon-allot.icon-C024:hover label {
  background-position: -67px -166px;
}

.icon-allot.icon-C025:hover label {
  background-position: -133px -166px;
}

.icon-allot.icon-C026:hover label {
  background-position: -199px -166px;
}

.icon-allot.icon-C027:hover label {
  background-position: -265px -166px;
}

.icon-allot.icon-C028:hover label {
  background-position: -331px -166px;
}

.icon-allot.icon-C029:hover label {
  background-position: -166px -562px;
}

.icon-allot.icon-C030:hover label {
  background-position: -100px -562px;
}

.icon-allot.icon-C031:hover label {
  background-position: -364px -562px;
}

.icon-allot.icon-D001:hover label {
  background-position: -397px -166px;
}

.icon-allot.icon-D002:hover label {
  background-position: -463px -166px;
}

.icon-allot.icon-D003:hover label {
  background-position: -529px -166px;
}

.icon-allot.icon-D004:hover label {
  background-position: -595px -166px;
}

.icon-allot.icon-D005:hover label {
  background-position: -34px -199px;
}

.icon-allot.icon-D006:hover label {
  background-position: -100px -199px;
}

.icon-allot.icon-D007:hover label {
  background-position: -166px -199px;
}

.icon-allot.icon-D009:hover label {
  background-position: -232px -199px;
}

.icon-allot.icon-D010:hover label {
  background-position: -298px -199px;
}

.icon-allot.icon-D011:hover label {
  background-position: -364px -199px;
}

.icon-allot.icon-D020:hover label {
  background-position: -430px -199px;
}

.icon-allot.icon-E001:hover label {
  background-position: -496px -199px;
}

.icon-allot.icon-E002:hover label {
  background-position: -562px -199px;
}

.icon-allot.icon-E003:hover label {
  background-position: -1px -232px;
}

.icon-allot.icon-E004:hover label {
  background-position: -67px -232px;
}

.icon-allot.icon-E005:hover label {
  background-position: -133px -232px;
}

.icon-allot.icon-E006:hover label {
  background-position: -199px -232px;
}

.icon-allot.icon-E007:hover label {
  background-position: -265px -232px;
}

.icon-allot.icon-E008:hover label {
  background-position: -331px -232px;
}

.icon-allot.icon-E009:hover label {
  background-position: -397px -232px;
}

.icon-allot.icon-E010:hover label {
  background-position: -463px -232px;
}

.icon-allot.icon-E011:hover label {
  background-position: -529px -232px;
}

.icon-allot.icon-E012:hover label {
  background-position: -595px -232px;
}

.icon-allot.icon-E013:hover label {
  background-position: -34px -265px;
}

.icon-allot.icon-E014:hover label {
  background-position: -100px -265px;
}

.icon-allot.icon-E015:hover label {
  background-position: -166px -265px;
}

.icon-allot.icon-E016:hover label {
  background-position: -232px -265px;
}

.icon-allot.icon-E017:hover label {
  background-position: -298px -265px;
}

.icon-allot.icon-E018:hover label {
  background-position: -364px -265px;
}

.icon-allot.icon-E020:hover label {
  background-position: -430px -265px;
}

.icon-allot.icon-E021:hover label {
  background-position: -496px -265px;
}

.icon-allot.icon-F001:hover label {
  background-position: -562px -265px;
}

.icon-allot.icon-F002:hover label {
  background-position: -1px -298px;
}

.icon-allot.icon-F003:hover label {
  background-position: -67px -298px;
}

.icon-allot.icon-F004:hover label {
  background-position: -133px -298px;
}

.icon-allot.icon-F005:hover label {
  background-position: -199px -298px;
}

.icon-allot.icon-G001:hover label {
  background-position: -265px -298px;
}

.icon-allot.icon-G002:hover label {
  background-position: -331px -298px;
}

.icon-allot.icon-G003:hover label {
  background-position: -397px -298px;
}

.icon-allot.icon-G004:hover label {
  background-position: -463px -298px;
}

.icon-allot.icon-G005:hover label {
  background-position: -529px -298px;
}

.icon-allot.icon-G006:hover label {
  background-position: -595px -298px;
}

.icon-allot.icon-G007:hover label {
  background-position: -34px -331px;
}

.icon-allot.icon-G008:hover label {
  background-position: -100px -331px;
}

.icon-allot.icon-G009:hover label {
  background-position: -166px -331px;
}

.icon-allot.icon-G010:hover label {
  background-position: -232px -331px;
}

.icon-allot.icon-G011:hover label {
  background-position: -298px -331px;
}

.icon-allot.icon-G012:hover label {
  background-position: -364px -331px;
}

.icon-allot.icon-G013:hover label {
  background-position: -430px -331px;
}

.icon-allot.icon-G014:hover label {
  background-position: -496px -331px;
}

.icon-allot.icon-H001:hover label {
  background-position: -562px -331px;
}

.icon-allot.icon-I001:hover label {
  background-position: -1px -364px;
}

.icon-allot.icon-I002:hover label {
  background-position: -67px -364px;
}

.icon-allot.icon-I003:hover label {
  background-position: -133px -364px;
}

.icon-allot.icon-I004:hover label {
  background-position: -199px -364px;
}

.icon-allot.icon-I005:hover label {
  background-position: -265px -364px;
}

.icon-allot.icon-I006:hover label {
  background-position: -331px -364px;
}

.icon-allot.icon-I007:hover label {
  background-position: -397px -364px;
}

.icon-allot.icon-J001:hover label {
  background-position: -463px -364px;
}

.icon-allot.icon-J002:hover label {
  background-position: -529px -364px;
}

.icon-allot.icon-J003:hover label {
  background-position: -595px -364px;
}

.icon-allot.icon-J004:hover label {
  background-position: -34px -397px;
}

.icon-allot.icon-J005:hover label {
  background-position: -100px -397px;
}

.icon-allot.icon-J006:hover label {
  background-position: -166px -397px;
}

.icon-allot.icon-J007:hover label {
  background-position: -232px -397px;
}

.icon-allot.icon-J008:hover label {
  background-position: -298px -397px;
}

.icon-allot.icon-J009:hover label {
  background-position: -430px -562px;
}

.icon-allot.icon-K001:hover label {
  background-position: -364px -397px;
}

.icon-allot.icon-K002:hover label {
  background-position: -430px -397px;
}

.icon-allot.icon-K003:hover label {
  background-position: -496px -397px;
}

.icon-allot.icon-K004:hover label {
  background-position: -562px -397px;
}

.icon-allot.icon-K005:hover label {
  background-position: -1px -430px;
}

.icon-allot.icon-K006:hover label {
  background-position: -67px -430px;
}

.icon-allot.icon-K007:hover label {
  background-position: -133px -430px;
}

.icon-allot.icon-K008:hover label {
  background-position: -199px -430px;
}

.icon-allot.icon-K009:hover label {
  background-position: -265px -430px;
}

.icon-allot.icon-K010:hover label {
  background-position: -331px -430px;
}

.icon-allot.icon-K011:hover label {
  background-position: -397px -430px;
}

.icon-allot.icon-K012:hover label {
  background-position: -463px -430px;
}

.icon-allot.icon-K013:hover label {
  background-position: -529px -430px;
}

.icon-allot.icon-K014:hover label {
  background-position: -595px -430px;
}

.icon-allot.icon-K015:hover label {
  background-position: -34px -463px;
}

.icon-allot.icon-K016:hover label {
  background-position: -100px -463px;
}

.icon-allot.icon-K017:hover label {
  background-position: -166px -463px;
}

.icon-allot.icon-K018:hover label {
  background-position: -232px -463px;
}

.icon-allot.icon-K021:hover label {
  background-position: -298px -463px;
}

.icon-allot.icon-K022:hover label {
  background-position: -364px -463px;
}

.icon-allot.icon-K023:hover label {
  background-position: -430px -463px;
}

.icon-allot.icon-K024:hover label {
  background-position: -496px -463px;
}

.icon-allot.icon-K025:hover label {
  background-position: -562px -463px;
}

.icon-allot.icon-K026:hover label {
  background-position: -1px -496px;
}

.icon-allot.icon-K027:hover label {
  background-position: -67px -496px;
}

.icon-allot.icon-K028:hover label {
  background-position: -133px -496px;
}

.icon-allot.icon-K029:hover label {
  background-position: -199px -496px;
}

.icon-allot.icon-K032:hover label {
  background-position: -265px -496px;
}

.icon-allot.icon-K033:hover label {
  background-position: -496px -562px;
}

.icon-allot.icon-L001:hover label {
  background-position: -430px -496px;
}

.icon-allot.icon-L002:hover label {
  background-position: -496px -496px;
}

.icon-allot.icon-L003:hover label {
  background-position: -562px -496px;
}

.icon-allot.icon-L004:hover label {
  background-position: -1px -529px;
}

.icon-allot.icon-M001:hover label {
  background-position: -67px -529px;
}

.icon-allot.icon-M002:hover label {
  background-position: -133px -529px;
}

.icon-allot.icon-M003:hover label {
  background-position: -199px -529px;
}

.icon-allot.icon-M004:hover label {
  background-position: -265px -529px;
}

.icon-allot.icon-M006:hover label {
  background-position: -331px -529px;
}

.icon-allot.icon-M008:hover label {
  background-position: -397px -529px;
}

.icon-allot.icon-M009:hover label {
  background-position: -463px -529px;
}

.icon-allot.icon-P001:hover label {
  background-position: -529px -529px;
}

.icon-allot.icon-R001:hover label {
  background-position: -595px -529px;
}

.icon-allot.icon-R002:hover label {
  background-position: -34px -562px;
}

.ol-popup .icon-K001:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup .icon-K002:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup .icon-K032:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup .icon-K003:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup .icon-K011:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup .planol-titol-parada {
  font-weight: bold;
  color: dimgrey !important;
  font-size: 120%;
  padding-bottom: 5px;
  display: table-cell;
  padding-right: 5px;
  vertical-align: middle;
}

p.icon-K003 {
  background: url("/https/www.barcelona.cat/img/w/bp/K/K003.png") no-repeat;
  height: 22px;
  padding-left: 44px;
  font-size: 120%;
  font-weight: bold;
  background-position-y: 5px;
  text-align: left;
  margin-right: 8px;
}

.link-show-in-map {
  display: none;
}

.popup-configuration .active:after {
  background-image: url("/https/www.barcelona.cat/img/icon-active-selected.png");
  content: "";
  width: 10px;
  height: 8px;
  float: right;
  margin-top: 3px;
}

.nivell-Segon.street-view {
  max-width: 265px;
  width: 265px;
  padding: 15px;
  min-height: 480px;
}

.indice-alfa #index_carrers:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.indice-alfa #index_carrers li:nth-child(15) {
  clear: both;
}

#accordion-seleccionar-area {
  background-color: white;
  padding: 6px;
  width: 242px;
  float: left;
}

#accordion-seleccionar-area .loaderTxt a {
  background-color: transparent;
  color: #0074f8;
  font-size: 0.9em;
  font-weight: normal;
}

#accordion-seleccionar-area .loaderTxt a:hover {
  text-decoration: underline;
}

.animateNext + .animatedBox {
  position: absolute;
  width: auto;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  top: 0;
  opacity: 0;
  background-color: #edf7fe;
  cursor: default;
  white-space: nowrap;
  transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
  font-size: 12px;
}

.animateNext.animateToLeft + .animatedBox {
  left: 75px;
  z-index: 10000;
}

.animateNext.animateToLeft:not(.opened):hover + .animatedBox {
  opacity: 1;
  left: 24px;
}

.animateNext.animateToRight + .animatedBox {
  right: 75px;
}

.animateNext.animateToRight:not(.opened):hover + .animatedBox {
  opacity: 1;
  right: 23px;
}

.content-tooltip a {
  position: relative;
  position: relative;
}

.content-tooltip a .destooltip {
  width: 130px;
  height: 130px;
  position: absolute;
  top: -50px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  line-height: 16px;
  padding: 14px;
  right: -110px;
  border: 4px solid #fff;
  background: white;
  text-indent: 0px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #0074f8;
  font-size: .80em;
  margin-top: 10px;
  text-align: center;
  font-weight: 300;
}

.content-tooltip a .destooltip:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-image: none;
  border-style: solid;
  border-width: 9px 23px;
  content: " ";
  height: 0;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  right: 93%;
  top: 50%;
}

.content-tooltip a .destooltip:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-image: none;
  border-style: solid;
  border-width: 9px 23px;
  content: " ";
  height: 0;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  right: 93%;
  top: 50%;
}

.content-tooltip a:hover .destooltip {
  opacity: 0.9;
}

.content-tooltip a:hover .destooltip-rotate-top {
  opacity: 0.9;
}

.content-tooltip a .destooltip-rotate-top {
  width: 115px;
  height: 115px;
  position: absolute;
  top: -140px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  line-height: 16px;
  padding: 11px;
  right: -52px;
  border: 4px solid #fff;
  background: white;
  text-indent: 0px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #0074f8;
  font-size: .7em;
  margin-top: 10px;
  text-align: center;
  font-weight: 300;
}

.content-tooltip a .destooltip-rotate-top:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-image: none;
  border-style: solid;
  border-width: 23px 9px;
  content: " ";
  height: 0;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  right: 42%;
  top: 100%;
}

.content-tooltip a .destooltip-rotate-top:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-image: none;
  border-style: solid;
  border-width: 23px 9px;
  content: " ";
  height: 0;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  right: 42%;
  top: 100%;
}

.content-tooltip .destooltip {
  background-position: 0px 0px;
}

.content-tooltip .destooltip .icontooltip {
  height: 16px;
  width: 16px;
  background-image: url("/https/www.barcelona.cat/img/icon-tooltip.png");
  display: block;
  margin: 8px auto;
}

.content-tooltip .destooltip-rotate-top {
  background-position: 0px 0px;
}

.content-tooltip .destooltip-rotate-top .icontooltip {
  height: 16px;
  width: 16px;
  background-image: url("/https/www.barcelona.cat/img/icon-tooltip.png");
  display: block;
  margin: 6px auto;
}

.carousel-inner {
  overflow: inherit;
}

.carousel-inner .active.left {
  left: -33%;
}

.carousel-inner .next {
  left: 33%;
}

.carousel-inner .prev {
  left: -33%;
}

.carousel-control.left {
  background-image: none !important;
  width: 32px;
  background: #fff;
}

.carousel-control.right {
  background-image: none !important;
  width: 32px;
  background: #fff;
}

.bottom-slider {
  position: relative;
  width: 100%;
  clear: both;
  float: left;
  margin-top: 20px;
  overflow: hidden;
}

.bottom-slider .item {
  height: 60px;
  margin-left: 35px;
  margin-right: 35px;
  height: 60px;
  margin-left: 35px;
  margin-right: 35px;
}

.bottom-slider .item a {
  padding-top: 13px;
  padding-left: 48px;
}

.bottom-slider a {
  background-color: #f4f4f4;
  border: 8px solid #fff;
  text-shadow: none;
  opacity: 1;
  box-shadow: 3px 3px 5px rgba(130, 130, 130, 0.25);
  background-image: none;
  display: block;
  height: 60px;
  color: #666;
  font-weight: 300;
  font-size: .9em;
}

.bottom-slider .icon {
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  bottom: 14px;
  left: 20px;
}

.bottom-slider .arrow-left {
  width: 7px;
  height: 13px;
  margin-top: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/https/www.barcelona.cat/img/arrow-left.png");
}

.bottom-slider .arrow-right {
  width: 7px;
  height: 13px;
  margin-top: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/https/www.barcelona.cat/img/arrow-right.png");
}

.bottom-slider .carousel-inner a:after {
  background-image: url("/https/www.barcelona.cat/img/quitar-seleccion.png");
  background-repeat: no-repeat;
  content: "";
  height: 44px;
  position: absolute;
  right: 13px;
  top: 8px;
  width: 44px;
}

.item .col-xs-12 {
  padding: 0 5px;
  padding: 0 5px;
}

.item .col-sm-4 {
  padding: 0 5px;
  padding: 0 5px;
}

.carousel-caption {
  left: 0%;
  right: 0%;
  bottom: 0;
  color: #666;
  text-shadow: none;
  text-align: left;
  padding-bottom: 15px;
  padding-left: 50px;
  left: 0%;
  right: 0%;
  bottom: 0;
  color: #666;
  text-shadow: none;
  text-align: left;
  padding-bottom: 15px;
  padding-left: 50px;
}

.hotel5-active {
  background-image: url("/https/www.barcelona.cat/img/hotel5-active.png");
}

.hotel4-active {
  background-image: url("/https/www.barcelona.cat/img/hotel4-active.png");
}

.hotel3-active {
  background-image: url("/https/www.barcelona.cat/img/hotel3-active.png");
}

.bike-active {
  background-image: url("/https/www.barcelona.cat/img/bike-active.png");
}

.carousel-control {
  width: 32px;
  color: #666;
}

#carousel-leyenda ul {
  background-color: #FFF;
  border: 8px solid #f4f4f4;
  width: 100%;
  padding: 0 20px;
  box-shadow: 3px 3px 5px rgba(130, 130, 130, 0.25);
  padding: 11px;
  overflow: hidden;
}

#carousel-leyenda ul li {
  color: #666;
  font-size: 0.9em;
  font-weight: 300;
  opacity: 1;
  text-shadow: none;
  vertical-align: middle;
  float: left;
}

#carousel-leyenda ul li img {
  float: left;
}

#carousel-leyenda ul li span {
  line-height: 21px;
}

#carousel-leyenda span {
  margin: 0 45px 0 10px;
  font-size: .95em;
}

a.showCarousel a {
  cursor: pointer;
  display: flex;
  letter-spacing: 0;
  color: #1373F8 !important;
  text-decoration: underline;
  font-size: 14px;
}

a.tancaLlegendaEstatica {
  color: #0096FF !important;
  border: none;
}

a.tancaLlegendaEstatica div {
  background: url("/https/www.barcelona.cat/img/Llegenda/spritreLlegenda.png") no-repeat right center;
  width: 9px;
  height: 9px;
  background-position: -40px -1px;
  margin-left: 5px;
}

a.point.selected {
  background-color: transparent;
  border-radius: initial;
}

a.point.selected img {
  position: absolute;
  bottom: 0;
  left: -19px;
}

.footer-menu {
  display: none;
}

.icon-header {
  display: none;
}

.leyenda-ayuntamiento {
  display: none;
}

.historial-rwd {
  display: none;
}

.rwd-search {
  display: none;
}

.rwd-search a {
  text-indent: -9999px;
  display: block;
}

.rwd-search .historial a {
  text-indent: 0px;
}

.tercer-nivel-accordion legend {
  border: medium none;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

.tercer-nivel-accordion .opcions-gran div {
  padding: 4px 4px 4px 12px;
  height: 40px;
}

.icon-close {
  display: inline-block;
  text-indent: -9999px;
}

.rota-plano {
  background: url("/https/www.barcelona.cat/img-rotar.png");
  width: 100px;
  height: 108px;
  position: absolute;
  left: 50%;
  top: 250px;
  z-index: 10000;
}

.rota-plano .norte {
  background-color: transparent;
  border-radius: 5px;
  height: 11px;
  width: 11px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  left: 43px;
  top: 4px;
  font-size: 1em;
}

.rota-plano .norte:hover {
  background-color: #c9c9c9;
  border-radius: 5px;
  height: 11px;
  width: 11px;
  position: absolute;
  left: 43px;
  top: 4px;
}

#results_search {
  display: none;
}

.sinresultado {
  display: none;
}

.mycarousel ul {
  width: 100%;
}

.mycarousel ul li {
  width: 440px;
  position: relative;
  display: inline-block;
}

#selected {
  min-height: 26px;
  width: 100%;
  background: #efefef;
}

.bottom-slider-select a {
  background-color: #f4f4f4;
  border: 8px solid #fff;
  text-shadow: none;
  opacity: 1;
  box-shadow: 3px 3px 5px rgba(130, 130, 130, 0.25);
  background-image: none;
  display: block;
  height: 60px;
  color: #666;
  font-weight: 300;
  font-size: .9e;
  float: left;
}

.bottom-slider-select .item a {
  padding-top: 5px;
  padding-left: 20px;
  margin-right: 10px;
  padding-right: 20px;
}

.bottom-slider-select .icon {
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  bottom: 14px;
  left: 20px;
}

#ui-id-1 {
  z-index: 1100;
}

.missatge_canvis_carrers.mobile {
  display: block;
}

.missatge_canvis_carrers {
  display: none;
  width: 100%;
  padding: 11px;
  color: #fff;
  background-color: #0074f8;
  position: relative;
  left: 0px !important;
}

.missatge_canvis_carrers .has-info {
  background-image: url(/https/www.barcelona.cat/img/info-white.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 18px;
  height: 18px;
  margin-bottom: 10px;
  display: inline-block;
  float: right;
  position: absolute;
  left: 10px;
  top: 12px;
}

.missatge_canvis_carrers p {
  margin-left: 22px;
}

article.servicios .link-desactiva-tot {
  font-size: 0.9em;
  width: 410px;
}

.nivell-Segon.servicios {
  max-width: 450px;
  width: 450px;
}

.circulation {
  padding: 6px 7px 8px 0px;
}

.circulation #listCirculacio {
  float: left;
  width: 300px;
  background: #fff;
  padding: 5px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.circulation .circulacio_shadow_close {
  float: left;
  width: 30px;
  height: 30px;
  background: #fff url(/https/www.barcelona.cat/img/menu/spriteMenuW.png) no-repeat center center;
  background-position: -42px 8px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.circulation .cover_shadow {
  background: #fff;
  position: absolute;
  left: 297px;
  z-index: 99999;
  width: 5px;
  height: 32px;
}

.circulation ul li:nth-child(5) {
  background: #999 !important;
  color: #fff !important;
}

.circulation ul li:nth-child(5) div {
  width: 100%;
  padding: 0px;
  height: 20px;
}

.circulation ul li:nth-child(5) div a span {
  font-size: 14px;
}

.circulation .link-desactiva-tot span {
  font-size: 14px;
  margin-top: -10px;
  margin-left: 12px;
  margin-top: 6px;
}

.circulation .link-desactiva-tot div {
  background: url("/https/www.barcelona.cat/img/menu/spriteMenuW.png") no-repeat;
  background-position: -15px 2px;
  width: 12px !important;
  margin-left: 75px;
  height: 12px !important;
  background-size: 350%;
  margin-top: 6px;
}

#clgC001 {
  background: #ff0000;
}

.nivell-Segon.cerca-avancada {
  max-width: 252px;
  width: 360px;
  min-width: 299px;
}

#accordion-cerca-avancada {
  float: left;
  width: 241px;
}

.cover_shadow {
  background: #fff;
  position: absolute;
  left: 305px;
  z-index: 99999;
  width: 5px;
  height: 42px;
}

.desactivar-tots {
  background-color: #999 !important;
  cursor: pointer;
  font-family: 'Source Sans Pro';
  font-size: .85em;
  text-align: center;
  color: #fff;
  height: 32px;
  margin: 10px 0 10px 0;
  padding-top: 10px;
}

.desactivar-tots a {
  color: #fff;
}

.link-desactiva-tot {
  background-color: #999 !important;
  cursor: pointer;
  font-family: 'Source Sans Pro';
  font-size: .85em;
  text-align: center;
  color: #fff;
  height: 32px;
  margin: 10px 0 10px 0;
  padding-top: 10px;
}

.link-desactiva-tot a {
  color: #fff;
}

.llegenda .desactivar-tots {
  background-color: #999 !important;
  cursor: pointer;
  font-family: 'Source Sans Pro';
  font-size: .85em;
  text-align: center;
  color: #fff;
  margin: auto;
  height: auto;
  width: 220px;
  margin-right: 5px;
}

.llegenda .desactivar-tots img {
  float: left;
  margin-right: 4px;
  margin-top: 9px;
}

.llegenda .desactivar-tots span {
  font-size: 0.85em;
}

.desactivar-tots-cerca-avancada {
  background-color: #999 !important;
  cursor: pointer;
  height: 42px;
  list-style-type: none;
  background-color: #999 !important;
  cursor: pointer;
  height: 42px;
  list-style-type: none;
  width: 235px;
}

.areas-etc {
  max-width: 292px;
  width: 292px;
  background: transparent;
  box-shadow: none;
}

.areas-etc #listAreas {
  max-width: 235px;
  width: 235px;
  float: left;
  background: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.areas-etc .circulacio_shadow_close {
  float: left;
  width: 42px;
  height: 42px;
  background: #fff url(/https/www.barcelona.cat/img/menu/spriteMenuW.png) no-repeat center center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  background-position: -49px -1px;
  cursor: pointer;
}

.areas-etc .cover_shadow {
  background: #fff;
  position: absolute;
  left: 241px;
  z-index: 99999;
  width: 5px;
  height: 42px;
}

.pastilla-cat-arees {
  background: #7da3c9 !important;
  color: white;
}

.planol-pastilla-cat-arees {
  background: #7da3c9 !important;
  color: white;
}

.llegendaContainer {
  max-height: 100px !important;
}

.areas .circulacio_shadow_close {
  float: left;
  width: 30px;
  height: 30px;
  background: #fff url(/https/www.barcelona.cat/img/menu/spriteMenuW.png) no-repeat center center;
  background-position: -42px 8px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.areas .cover_shadow {
  background: #fff;
  position: absolute;
  left: 238px;
  z-index: 99999;
  width: 5px;
  height: 32px;
}

.areas ul li:nth-child(4) {
  background: #999 !important;
  color: #fff !important;
}

.areas .link-desactiva-tot span {
  font-size: 14px;
  margin-top: -10px;
  margin-left: 12px;
  margin-top: 6px;
}

.areas .link-desactiva-tot div {
  background: url("/https/www.barcelona.cat/img/menu/spriteMenuW.png") no-repeat;
  background-position: -15px 2px;
  width: 12px;
  margin-left: 55px;
  height: 12px;
  background-size: 350%;
  margin-top: 6px !important;
}

.cerca-avancada.nivell-Segon {
  left: 229px;
}

.ol-overlaycontainer-stopevent .llegendaContainer .wrapperLlegenda .llegenda .desactivar-tots span {
  padding-left: 7px;
  margin-left: -54px;
  text-align: center;
  width: 208px;
  font-size: 1em;
}

.ol-overlaycontainer-stopevent .llegendaContainer .wrapperLlegenda .llegenda .desactivar-tots div {
  background: url("/https/www.barcelona.cat/img/menu/spriteMenuW.png") no-repeat;
  background-position: -15px 2px;
  width: 12px;
  margin-top: 10px;
  margin-left: 31px;
  height: 12px;
  float: left;
  background-size: 350%;
}

#linies-check {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

#linies-check input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  cursor: pointer;
  font-size: 12px;
  line-height: 0.9;
  color: white;
  border: 1px solid #9a9a9a;
  border-radius: 2px;
  display: inline-block;
  background-color: white;
  outline: none;
}

#linies-check input[type=checkbox]:checked {
  border: 1px solid #00a1ce;
  outline: none;
  background-color: #00a1ce;
}

#linies-check input[type=checkbox]:checked:after {
  content: "\2714";
  visibility: visible;
  position: absolute;
  float: left;
  outline: none;
}

#linies-check input[type=checkbox]:after {
  background-color: #2e99f9;
  display: inline-block;
  border-radius: 2px;
  outline: none;
}

#seleccionar-barri-districte .areas_shadow_close {
  float: left;
  width: 30px;
  height: 30px;
  background: #fff url(/https/www.barcelona.cat/img/menu/spriteMenuW.png) no-repeat center center;
  background-position: -42px 8px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

#seleccionar-barri-districte .cover_shadow {
  background: #fff;
  position: absolute;
  left: 238px;
  z-index: 99999;
  width: 5px;
  height: 32px;
}

#seleccionar-barri-districte > .cover_shadow {
  left: 237px;
}

article#seleccionar-barri-districte {
  top: 186px;
  width: 298px;
  background-color: transparent;
  padding: 0;
  box-shadow: none !important;
  max-width: none;
}

.jcarousel-control-desplegat-carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #0069e1;
  cursor: pointer;
  background-image: url("/https/www.barcelona.cat/img/banner_desplegat.png");
  background-position: center;
}

.jcarousel-control-plegat-carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: white;
  cursor: pointer;
  background-image: url("/https/www.barcelona.cat/img/banner_plegat.png");
  background-position: center;
}

img.check-linia-hover {
  position: absolute;
  right: -7px;
  bottom: -7px;
  content: url("/https/www.barcelona.cat/img/ic_check-negre.png");
  width: 18px;
}

.planol-content-fitxa {
  padding: 11px 15px;
  font-size: 14px;
  line-height: 1.2;
}

.planol-content-fitxa b {
  font-weight: bold;
}

.planol-planol-content-fitxa p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.close-button.item-recorregut {
  background: url(http://127.0.0.1/gistus/lib/GISTUS-components/img/ic_close-w.png) no-repeat 0 0 !important;
  height: 15px;
  position: absolute;
  right: 11px;
  top: 12px;
  width: 15px;
  cursor: pointer;
  z-index: 999;
}

.close-fitxa {
  height: 20px;
  width: 20px;
  background: url(/https/www.barcelona.cat/img/menu/spriteMenuW.png);
  background-repeat: no-repeat;
  background-position: -7px -18px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  margin: 10px;
}

.planol-close-fitxa {
  height: 20px;
  width: 20px;
  background: url(/https/www.barcelona.cat/img/menu/spriteMenuW.png);
  background-repeat: no-repeat;
  background-position: -7px -18px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  margin: 10px;
}

.title-fitxa-close {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #ff65b9;
}

.planol-title-fitxa-close {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #ff65b9;
}

.header-fitxa {
  width: 100%;
  height: 40px;
}

.planol-header-fitxa {
  width: 100%;
  height: 40px;
}

.planol-links-fitxa p {
  color: #ff1595;
  padding-top: 10px;
}

.planol-links-fitxa img {
  float: left;
  padding-right: 6px;
}

.planol-table-title {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
}

.planol-moscaTMB {
  clear: left;
  border-top: 1px solid grey;
  padding-top: 5px;
  cursor: pointer;
}

.moscaTMB {
  clear: left;
  border-top: 1px solid grey;
  padding-top: 5px;
  cursor: pointer;
}

.planol-moscaTMB.moscaMetro {
  border-top: 1px solid #cccccc;
}

.moscaTMB.moscaMetro {
  border-top: 1px solid #cccccc;
}

.planol-item-via-variant {
  padding: 0 0 0 12px !important;
  line-height: 0.7 !important;
  height: 13px;
}

.corresponedencies-FGC .iconaLiniaTrans {
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 0;
}

.planol-corresponedencies-FGC .planol-iconaLiniaTrans {
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 0;
}

.planol-overlay-popup {
  min-width: 27px;
  max-width: 188px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1) !important;
  padding: 14px !important;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0 !important;
  cursor: default;
}

.planol-overlay-popup .planol-overlay-popup-arrow {
  background: url("/https/www.barcelona.cat/img/cloud-arrow.png") no-repeat !important;
  position: absolute;
  bottom: -13px !important;
  left: calc(50% - 7px);
  z-index: 99999999;
  position: absolute;
  height: 14px !important;
  width: 14px !important;
}

.planol-overlay-popup .planol-titol-parada {
  font-weight: bold;
  color: #696969 !important;
  font-size: 15px;
  padding-bottom: 5px;
  display: table-cell;
  padding-right: 5px;
  vertical-align: middle;
}

.planol-overlay-popup .icon-K001:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.planol-overlay-popup .icon-K002:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.planol-overlay-popup .icon-K032:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.planol-overlay-popup .icon-K003:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.planol-overlay-popup .icon-K011:hover {
  background-color: inherit !important;
  color: inherit !important;
}

.ol-popup-arrow {
  background: url(/https/www.barcelona.cat/img/cloud-arrow.png) no-repeat !important;
  position: absolute;
  bottom: 12px !important;
  height: 14px !important;
  left: -7px !important;
  width: 14px !important;
  z-index: auto !important;
}

.check-linia {
  position: absolute;
  right: -13px;
  bottom: -6px;
}

.planol-check-linia {
  position: absolute;
  right: -13px;
  bottom: -6px;
}

.icona-check .check-linia[disabled] {
  cursor: default;
}

.planol-icona-check .planol-check-linia[disabled] {
  cursor: default;
}

a[disabled] {
  cursor: default;
  pointer-events: none !important;
  text-decoration-line: none;
}

.geobcn-popup {
  cursor: default;
}

#error-carrega {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.has-info {
  background-image: url(/https/www.barcelona.cat/img/info-grey.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 6px;
}

a.active .has-info {
  background-image: url(/https/www.barcelona.cat/img/info-white.png);
}

.img-header-mobile {
  width: 100%;
  height: 100%;
  float: left;
}

@media (hover: none) {
  nav a:hover {
    background: none;
  }
}

@media (hover: on-demand) {
  nav a:hover {
    background: none;
  }
}

@media (max-width: 640px) {
  #bcn-ccwr {
    position: absolute;
    z-index: 99999;
    width: 100%;
  }
  .icon-allot:hover {
    background: inherit !important;
  }
  .icon-allot input[type="checkbox"] + label {
    background: url("/https/www.barcelona.cat/img/m/m/spritemm.png") no-repeat;
    background-size: 1800%;
  }
  .scrollbox {
    overflow: auto;
    height: auto;
    padding: 0px !important;
    width: auto !important;
  }
  .icon-check_all input[type='checkbox'] + label {
    background-position: 0% 0%;
  }
  /*TREURE ICON (están a components)*/
  .icon-A001 input[type='checkbox'] + label {
    background-position: 5.90% 0%;
  }
  .icon-A001 input[type='checkbox']:checked + label {
    background-position: 11.78% 0%;
  }
  .icon-A001:hover input[type='checkbox'] + label {
    background-position: 5.90% 0%;
  }
  .icon-A001:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 0%;
  }
  .icon-A002 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 0%;
  }
  .icon-A002 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 0%;
  }
  .icon-A002:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 0%;
  }
  .icon-A002:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 0%;
  }
  .icon-A003 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 0%;
  }
  .icon-A003 input[type='checkbox']:checked + label {
    background-position: 35.311% 0%;
  }
  .icon-A003:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 0%;
  }
  .icon-A003:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 0%;
  }
  .icon-A004 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 0%;
  }
  .icon-A004 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 0%;
  }
  .icon-A004:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 0%;
  }
  .icon-A004:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 0%;
  }
  .icon-A005 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 0%;
  }
  .icon-A005 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 0%;
  }
  .icon-A005:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 0%;
  }
  .icon-A005:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 0%;
  }
  .icon-A006 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 0%;
  }
  .icon-A006 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 0%;
  }
  .icon-A006:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 0%;
  }
  .icon-A006:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 0%;
  }
  .icon-A007 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 0%;
  }
  .icon-A007 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 0%;
  }
  .icon-A007:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 0%;
  }
  .icon-A007:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 0%;
  }
  .icon-A008 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 0%;
  }
  .icon-A008 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 0%;
  }
  .icon-A008:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 0%;
  }
  .icon-A008:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 0%;
  }
  .icon-A009 input[type='checkbox'] + label {
    background-position: 100% 0%;
  }
  .icon-A009 input[type='checkbox']:checked + label {
    background-position: 0% 5.621%;
  }
  .icon-A009:hover input[type='checkbox'] + label {
    background-position: 100% 0%;
  }
  .icon-A009:hover input[type='checkbox']:checked + label {
    background-position: 0% 5.621%;
  }
  .icon-A010 input[type='checkbox'] + label {
    background-position: 5.90% 5.621%;
  }
  .icon-A010 input[type='checkbox']:checked + label {
    background-position: 11.78% 5.621%;
  }
  .icon-A010:hover input[type='checkbox'] + label {
    background-position: 5.90% 5.621%;
  }
  .icon-A010:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 5.621%;
  }
  .icon-A012 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 5.621%;
  }
  .icon-A012 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 5.621%;
  }
  .icon-A012:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 5.621%;
  }
  .icon-A012:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 5.621%;
  }
  .icon-A014 input[type='checkbox'] + label {
    background-position: 29.411765% 5.621%;
  }
  .icon-A014 input[type='checkbox']:checked + label {
    background-position: 35.32% 5.621%;
  }
  .icon-A014:hover input[type='checkbox'] + label {
    background-position: 29.411765% 5.621%;
  }
  .icon-A014:hover input[type='checkbox']:checked + label {
    background-position: 35.32% 5.621%;
  }
  .icon-A017 input[type="checkbox"] + label {
    background-position: 11.746% 100%;
  }
  .icon-A017 input[type="checkbox"]:checked + label {
    background-position: 17.776% 100%;
  }
  .icon-A017:hover input[type="checkbox"] + label {
    background-position: 11.746% 100%;
  }
  .icon-A017:hover input[type="checkbox"]:checked + label {
    background-position: 17.776% 100%;
  }
  .icon-A020 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 5.621%;
  }
  .icon-A020 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 5.621%;
  }
  .icon-A020:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 5.621%;
  }
  .icon-A020:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 5.621%;
  }
  .icon-arees_barris input[type='checkbox'] + label {
    background-position: 52.9411764705882% 5.621%;
  }
  .icon-arees_barris input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 5.621%;
  }
  .icon-arees_censals input[type='checkbox'] + label {
    background-position: 64.7058823529412% 5.621%;
  }
  .icon-arees_censals input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 5.621%;
  }
  .icon-arees_districtes input[type='checkbox'] + label {
    background-position: 76.4705882352941% 5.621%;
  }
  .icon-arees_districtes input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 5.621%;
  }
  .icon-B001 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 5.621%;
  }
  .icon-B001 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 5.621%;
  }
  .icon-B001:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 5.621%;
  }
  .icon-B001:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 5.621%;
  }
  .icon-B002 input[type='checkbox'] + label {
    background-position: 100% 5.621%;
  }
  .icon-B002 input[type='checkbox']:checked + label {
    background-position: 0% 11.169%;
  }
  .icon-B002:hover input[type='checkbox'] + label {
    background-position: 100% 5.621%;
  }
  .icon-B002:hover input[type='checkbox']:checked + label {
    background-position: 0% 11.169%;
  }
  .icon-B003 input[type='checkbox'] + label {
    background-position: 5.90% 11.169%;
  }
  .icon-B003 input[type='checkbox']:checked + label {
    background-position: 11.78% 11.169%;
  }
  .icon-B003:hover input[type='checkbox'] + label {
    background-position: 5.90% 11.169%;
  }
  .icon-B003:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 11.169%;
  }
  .icon-B004 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 11.169%;
  }
  .icon-B004 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 11.169%;
  }
  .icon-B004:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 11.169%;
  }
  .icon-B004:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 11.169%;
  }
  .icon-B005 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 11.169%;
  }
  .icon-B005 input[type='checkbox']:checked + label {
    background-position: 35.311% 11.169%;
  }
  .icon-B005:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 11.169%;
  }
  .icon-B005:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 11.169%;
  }
  .icon-B009 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 11.169%;
  }
  .icon-B009 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 11.169%;
  }
  .icon-B009:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 11.169%;
  }
  .icon-B009:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 11.169%;
  }
  .icon-B010 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 11.169%;
  }
  .icon-B010 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 11.169%;
  }
  .icon-B010:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 11.169%;
  }
  .icon-B010:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 11.169%;
  }
  .icon-B011 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 11.169%;
  }
  .icon-B011 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 11.169%;
  }
  .icon-B011:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 11.169%;
  }
  .icon-B011:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 11.169%;
  }
  .icon-B012 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 11.169%;
  }
  .icon-B012 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 11.169%;
  }
  .icon-B012:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 11.169%;
  }
  .icon-B012:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 11.169%;
  }
  .icon-B013 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 11.169%;
  }
  .icon-B013 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 11.169%;
  }
  .icon-B013:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 11.169%;
  }
  .icon-B013:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 11.169%;
  }
  .icon-B014 input[type='checkbox'] + label {
    background-position: 100% 11.169%;
  }
  .icon-B014 input[type='checkbox']:checked + label {
    background-position: 0% 16.716%;
  }
  .icon-B014:hover input[type='checkbox'] + label {
    background-position: 100% 11.169%;
  }
  .icon-B014:hover input[type='checkbox']:checked + label {
    background-position: 0% 16.716%;
  }
  .icon-C001 input[type='checkbox'] + label {
    background-position: 5.90% 16.716%;
  }
  .icon-C001 input[type='checkbox']:checked + label {
    background-position: 11.78% 16.716%;
  }
  .icon-C001:hover input[type='checkbox'] + label {
    background-position: 5.90% 16.716%;
  }
  .icon-C001:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 16.716%;
  }
  .icon-C002 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 16.716%;
  }
  .icon-C002 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 16.716%;
  }
  .icon-C002:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 16.716%;
  }
  .icon-C002:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 16.716%;
  }
  .icon-C003 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 16.716%;
  }
  .icon-C003 input[type='checkbox']:checked + label {
    background-position: 35.311% 16.716%;
  }
  .icon-C003:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 16.716%;
  }
  .icon-C003:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 16.716%;
  }
  .icon-C004 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 16.716%;
  }
  .icon-C004 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 16.716%;
  }
  .icon-C004:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 16.716%;
  }
  .icon-C004:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 16.716%;
  }
  .icon-C005 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 16.716%;
  }
  .icon-C005 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 16.716%;
  }
  .icon-C005:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 16.716%;
  }
  .icon-C005:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 16.716%;
  }
  .icon-C006 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 16.716%;
  }
  .icon-C006 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 16.716%;
  }
  .icon-C006:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 16.716%;
  }
  .icon-C006:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 16.716%;
  }
  .icon-C007 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 16.716%;
  }
  .icon-C007 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 16.716%;
  }
  .icon-C007:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 16.716%;
  }
  .icon-C007:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 16.716%;
  }
  .icon-C009 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 16.716%;
  }
  .icon-C009 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 16.716%;
  }
  .icon-C009:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 16.716%;
  }
  .icon-C009:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 16.716%;
  }
  .icon-C010 input[type='checkbox'] + label {
    background-position: 100% 16.716%;
  }
  .icon-C010 input[type='checkbox']:checked + label {
    background-position: 0% 22.263%;
  }
  .icon-C010:hover input[type='checkbox'] + label {
    background-position: 100% 16.716%;
  }
  .icon-C010:hover input[type='checkbox']:checked + label {
    background-position: 0% 22.263%;
  }
  .icon-C011 input[type='checkbox'] + label {
    background-position: 5.90% 22.263%;
  }
  .icon-C011 input[type='checkbox']:checked + label {
    background-position: 11.78% 22.263%;
  }
  .icon-C011:hover input[type='checkbox'] + label {
    background-position: 5.90% 22.263%;
  }
  .icon-C011:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 22.263%;
  }
  .icon-C012 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 22.263%;
  }
  .icon-C012 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 22.263%;
  }
  .icon-C012:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 22.263%;
  }
  .icon-C012:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 22.263%;
  }
  .icon-C013 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 22.263%;
  }
  .icon-C013 input[type='checkbox']:checked + label {
    background-position: 35.311% 22.263%;
  }
  .icon-C013:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 22.263%;
  }
  .icon-C013:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 22.263%;
  }
  .icon-C014 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 22.263%;
  }
  .icon-C014 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 22.263%;
  }
  .icon-C014:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 22.263%;
  }
  .icon-C014:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 22.263%;
  }
  .icon-C015 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 22.263%;
  }
  .icon-C015 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 22.263%;
  }
  .icon-C015:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 22.263%;
  }
  .icon-C015:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 22.263%;
  }
  .icon-C016 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 22.263%;
  }
  .icon-C016 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 22.263%;
  }
  .icon-C016:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 22.263%;
  }
  .icon-C016:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 22.263%;
  }
  .icon-C017 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 22.263%;
  }
  .icon-C017 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 22.263%;
  }
  .icon-C017:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 22.263%;
  }
  .icon-C017:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 22.263%;
  }
  .icon-C018 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 22.263%;
  }
  .icon-C018 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 22.263%;
  }
  .icon-C018:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 22.263%;
  }
  .icon-C018:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 22.263%;
  }
  .icon-C019 input[type='checkbox'] + label {
    background-position: 100% 22.263%;
  }
  .icon-C019 input[type='checkbox']:checked + label {
    background-position: 0% 27.811%;
  }
  .icon-C019:hover input[type='checkbox'] + label {
    background-position: 100% 22.263%;
  }
  .icon-C019:hover input[type='checkbox']:checked + label {
    background-position: 0% 27.811%;
  }
  .icon-C020 input[type='checkbox'] + label {
    background-position: 5.90% 27.811%;
  }
  .icon-C020 input[type='checkbox']:checked + label {
    background-position: 11.78% 27.811%;
  }
  .icon-C020:hover input[type='checkbox'] + label {
    background-position: 5.90% 27.811%;
  }
  .icon-C020:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 27.811%;
  }
  .icon-C021 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 27.811%;
  }
  .icon-C021 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 27.811%;
  }
  .icon-C021:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 27.811%;
  }
  .icon-C021:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 27.811%;
  }
  .icon-C023 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 27.811%;
  }
  .icon-C023 input[type='checkbox']:checked + label {
    background-position: 35.311% 27.811%;
  }
  .icon-C023:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 27.811%;
  }
  .icon-C023:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 27.811%;
  }
  .icon-C024 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 27.811%;
  }
  .icon-C024 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 27.811%;
  }
  .icon-C024:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 27.811%;
  }
  .icon-C024:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 27.811%;
  }
  .icon-C025 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 27.811%;
  }
  .icon-C025 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 27.811%;
  }
  .icon-C025:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 27.811%;
  }
  .icon-C025:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 27.811%;
  }
  .icon-C026 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 27.811%;
  }
  .icon-C026 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 27.811%;
  }
  .icon-C026:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 27.811%;
  }
  .icon-C026:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 27.811%;
  }
  .icon-C027 input[type='checkbox'] + label {
    background-position: 88.175% 94.379%;
  }
  .icon-C027 input[type='checkbox']:checked + label {
    background-position: 82.302% 94.379%;
  }
  .icon-C027:hover input[type='checkbox'] + label {
    background-position: 88.175% 94.379%;
  }
  .icon-C027:hover input[type='checkbox']:checked + label {
    background-position: 82.302% 94.379%;
  }
  .icon-C028 input[type='checkbox'] + label {
    background-position: 100% 94.379%;
  }
  .icon-C028 input[type='checkbox']:checked + label {
    background-position: 94.049% 94.379%;
  }
  .icon-C028:hover input[type='checkbox'] + label {
    background-position: 100% 94.379%;
  }
  .icon-C028:hover input[type='checkbox']:checked + label {
    background-position: 94.049% 94.379%;
  }
  .icon-C029 input[type="checkbox"] + label {
    background-position: 35.395% 100%;
  }
  .icon-C029 input[type="checkbox"]:checked + label {
    background-position: 41.347% 100%;
  }
  .icon-C029:hover input[type="checkbox"] + label {
    background-position: 35.395% 100%;
  }
  .icon-C029:hover input[type="checkbox"]:checked + label {
    background-position: 41.347% 100%;
  }
  .icon-C030 input[type="checkbox"] + label {
    background-position: 47.298% 100%;
  }
  .icon-C030 input[type="checkbox"]:checked + label {
    background-position: 53.25% 100%;
  }
  .icon-C030:hover input[type="checkbox"] + label {
    background-position: 47.298% 100%;
  }
  .icon-C030:hover input[type="checkbox"]:checked + label {
    background-position: 53.25% 100%;
  }
  .icon-C031 input[type="checkbox"] + label {
    background-position: 0 99.926%;
  }
  .icon-C031 input[type="checkbox"]:checked + label {
    background-position: 5.873% 100%;
  }
  .icon-C031:hover input[type="checkbox"] + label {
    background-position: 0 99.926%;
  }
  .icon-C031:hover input[type="checkbox"]:checked + label {
    background-position: 5.873% 100%;
  }
  .icon-D001 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 27.811%;
  }
  .icon-D001 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 27.811%;
  }
  .icon-D001:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 27.811%;
  }
  .icon-D001:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 27.811%;
  }
  .icon-D002 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 27.811%;
  }
  .icon-D002 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 27.811%;
  }
  .icon-D002:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 27.811%;
  }
  .icon-D002:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 27.811%;
  }
  .icon-D003 input[type='checkbox'] + label {
    background-position: 100% 27.811%;
  }
  .icon-D003 input[type='checkbox']:checked + label {
    background-position: 0% 33.358%;
  }
  .icon-D003:hover input[type='checkbox'] + label {
    background-position: 100% 27.811%;
  }
  .icon-D003:hover input[type='checkbox']:checked + label {
    background-position: 0% 33.358%;
  }
  .icon-D004 input[type='checkbox'] + label {
    background-position: 5.90% 33.358%;
  }
  .icon-D004 input[type='checkbox']:checked + label {
    background-position: 11.78% 33.358%;
  }
  .icon-D004:hover input[type='checkbox'] + label {
    background-position: 5.90% 33.358%;
  }
  .icon-D004:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 33.358%;
  }
  .icon-D005 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 33.358%;
  }
  .icon-D005 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 33.358%;
  }
  .icon-D005:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 33.358%;
  }
  .icon-D005:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 33.358%;
  }
  .icon-D006 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 33.358%;
  }
  .icon-D006 input[type='checkbox']:checked + label {
    background-position: 35.311% 33.358%;
  }
  .icon-D006:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 33.358%;
  }
  .icon-D006:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 33.358%;
  }
  .icon-D007 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 33.358%;
  }
  .icon-D007 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 33.358%;
  }
  .icon-D007:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 33.358%;
  }
  .icon-D007:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 33.358%;
  }
  .icon-D009 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 33.358%;
  }
  .icon-D009 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 33.358%;
  }
  .icon-D009:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 33.358%;
  }
  .icon-D009:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 33.358%;
  }
  .icon-D010 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 33.358%;
  }
  .icon-D010 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 33.358%;
  }
  .icon-D010:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 33.358%;
  }
  .icon-D010:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 33.358%;
  }
  .icon-D011 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 33.358%;
  }
  .icon-D011 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 33.358%;
  }
  .icon-D011:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 33.358%;
  }
  .icon-D011:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 33.358%;
  }
  .icon-D020 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 33.358%;
  }
  .icon-D020 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 33.358%;
  }
  .icon-D020:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 33.358%;
  }
  .icon-D020:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 33.358%;
  }
  .icon-E001 input[type='checkbox'] + label {
    background-position: 100% 33.358%;
  }
  .icon-E001 input[type='checkbox']:checked + label {
    background-position: 0% 38.905%;
  }
  .icon-E001:hover input[type='checkbox'] + label {
    background-position: 100% 33.358%;
  }
  .icon-E001:hover input[type='checkbox']:checked + label {
    background-position: 0% 38.905%;
  }
  .icon-E002 input[type='checkbox'] + label {
    background-position: 5.90% 38.905%;
  }
  .icon-E002 input[type='checkbox']:checked + label {
    background-position: 11.78% 38.905%;
  }
  .icon-E002:hover input[type='checkbox'] + label {
    background-position: 5.90% 38.905%;
  }
  .icon-E002:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 38.905%;
  }
  .icon-E003 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 38.905%;
  }
  .icon-E003 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 38.905%;
  }
  .icon-E003:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 38.905%;
  }
  .icon-E003:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 38.905%;
  }
  .icon-E004 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 38.905%;
  }
  .icon-E004 input[type='checkbox']:checked + label {
    background-position: 35.311% 38.905%;
  }
  .icon-E004:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 38.905%;
  }
  .icon-E004:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 38.905%;
  }
  .icon-E005 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 38.905%;
  }
  .icon-E005 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 38.905%;
  }
  .icon-E005:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 38.905%;
  }
  .icon-E005:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 38.905%;
  }
  .icon-E006 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 38.905%;
  }
  .icon-E006 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 38.905%;
  }
  .icon-E006:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 38.905%;
  }
  .icon-E006:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 38.905%;
  }
  .icon-E007 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 38.905%;
  }
  .icon-E007 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 38.905%;
  }
  .icon-E007:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 38.905%;
  }
  .icon-E007:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 38.905%;
  }
  .icon-E008 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 38.905%;
  }
  .icon-E008 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 38.905%;
  }
  .icon-E008:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 38.905%;
  }
  .icon-E008:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 38.905%;
  }
  .icon-E009 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 38.905%;
  }
  .icon-E009 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 38.905%;
  }
  .icon-E009:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 38.905%;
  }
  .icon-E009:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 38.905%;
  }
  .icon-E010 input[type='checkbox'] + label {
    background-position: 100% 38.905%;
  }
  .icon-E010 input[type='checkbox']:checked + label {
    background-position: 0% 44.453%;
  }
  .icon-E010:hover input[type='checkbox'] + label {
    background-position: 100% 38.905%;
  }
  .icon-E010:hover input[type='checkbox']:checked + label {
    background-position: 0% 44.453%;
  }
  .icon-E011 input[type='checkbox'] + label {
    background-position: 5.90% 44.453%;
  }
  .icon-E011 input[type='checkbox']:checked + label {
    background-position: 11.78% 44.453%;
  }
  .icon-E011:hover input[type='checkbox'] + label {
    background-position: 5.90% 44.453%;
  }
  .icon-E011:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 44.453%;
  }
  .icon-E012 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 44.453%;
  }
  .icon-E012 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 44.453%;
  }
  .icon-E012:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 44.453%;
  }
  .icon-E012:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 44.453%;
  }
  .icon-E013 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 44.453%;
  }
  .icon-E013 input[type='checkbox']:checked + label {
    background-position: 35.311% 44.453%;
  }
  .icon-E013:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 44.453%;
  }
  .icon-E013:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 44.453%;
  }
  .icon-E014 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 44.453%;
  }
  .icon-E014 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 44.453%;
  }
  .icon-E014:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 44.453%;
  }
  .icon-E014:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 44.453%;
  }
  .icon-E015 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 44.453%;
  }
  .icon-E015 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 44.453%;
  }
  .icon-E015:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 44.453%;
  }
  .icon-E015:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 44.453%;
  }
  .icon-E016 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 44.453%;
  }
  .icon-E016 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 44.453%;
  }
  .icon-E016:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 44.453%;
  }
  .icon-E016:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 44.453%;
  }
  .icon-E017 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 44.453%;
  }
  .icon-E017 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 44.453%;
  }
  .icon-E017:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 44.453%;
  }
  .icon-E017:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 44.453%;
  }
  .icon-E018 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 44.453%;
  }
  .icon-E018 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 44.453%;
  }
  .icon-E018:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 44.453%;
  }
  .icon-E018:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 44.453%;
  }
  .icon-E020 input[type='checkbox'] + label {
    background-position: 100% 44.453%;
  }
  .icon-E020 input[type='checkbox']:checked + label {
    background-position: 0% 50%;
  }
  .icon-E020:hover input[type='checkbox'] + label {
    background-position: 100% 44.453%;
  }
  .icon-E020:hover input[type='checkbox']:checked + label {
    background-position: 0% 50%;
  }
  .icon-E021 input[type='checkbox'] + label {
    background-position: 5.90% 50%;
  }
  .icon-E021 input[type='checkbox']:checked + label {
    background-position: 11.78% 50%;
  }
  .icon-E021:hover input[type='checkbox'] + label {
    background-position: 5.90% 50%;
  }
  .icon-E021:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 50%;
  }
  .icon-F001 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 50%;
  }
  .icon-F001 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 50%;
  }
  .icon-F001:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 50%;
  }
  .icon-F001:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 50%;
  }
  .icon-F002 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 50%;
  }
  .icon-F002 input[type='checkbox']:checked + label {
    background-position: 35.311% 50%;
  }
  .icon-F002:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 50%;
  }
  .icon-F002:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 50%;
  }
  .icon-F003 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 50%;
  }
  .icon-F003 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 50%;
  }
  .icon-F003:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 50%;
  }
  .icon-F003:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 50%;
  }
  .icon-F004 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 50%;
  }
  .icon-F004 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 50%;
  }
  .icon-F004:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 50%;
  }
  .icon-F004:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 50%;
  }
  .icon-F005 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 50%;
  }
  .icon-F005 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 50%;
  }
  .icon-F005:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 50%;
  }
  .icon-F005:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 50%;
  }
  .icon-G001 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 50%;
  }
  .icon-G001 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 50%;
  }
  .icon-G001:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 50%;
  }
  .icon-G001:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 50%;
  }
  .icon-G002 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 50%;
  }
  .icon-G002 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 50%;
  }
  .icon-G002:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 50%;
  }
  .icon-G002:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 50%;
  }
  .icon-G003 input[type='checkbox'] + label {
    background-position: 100% 50%;
  }
  .icon-G003 input[type='checkbox']:checked + label {
    background-position: 0% 55.547%;
  }
  .icon-G003:hover input[type='checkbox'] + label {
    background-position: 100% 50%;
  }
  .icon-G003:hover input[type='checkbox']:checked + label {
    background-position: 0% 55.547%;
  }
  .icon-G004 input[type='checkbox'] + label {
    background-position: 5.90% 55.547%;
  }
  .icon-G004 input[type='checkbox']:checked + label {
    background-position: 11.78% 55.547%;
  }
  .icon-G004:hover input[type='checkbox'] + label {
    background-position: 5.90% 55.547%;
  }
  .icon-G004:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 55.547%;
  }
  .icon-G005 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 55.547%;
  }
  .icon-G005 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 55.547%;
  }
  .icon-G005:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 55.547%;
  }
  .icon-G005:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 55.547%;
  }
  .icon-G006 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 55.547%;
  }
  .icon-G006 input[type='checkbox']:checked + label {
    background-position: 35.311% 55.547%;
  }
  .icon-G006:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 55.547%;
  }
  .icon-G006:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 55.547%;
  }
  .icon-G007 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 55.547%;
  }
  .icon-G007 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 55.547%;
  }
  .icon-G007:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 55.547%;
  }
  .icon-G007:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 55.547%;
  }
  .icon-G008 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 55.547%;
  }
  .icon-G008 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 55.547%;
  }
  .icon-G008:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 55.547%;
  }
  .icon-G008:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 55.547%;
  }
  .icon-G009 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 55.547%;
  }
  .icon-G009 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 55.547%;
  }
  .icon-G009:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 55.547%;
  }
  .icon-G009:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 55.547%;
  }
  .icon-G010 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 55.547%;
  }
  .icon-G010 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 55.547%;
  }
  .icon-G010:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 55.547%;
  }
  .icon-G010:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 55.547%;
  }
  .icon-G011 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 55.547%;
  }
  .icon-G011 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 55.547%;
  }
  .icon-G011:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 55.547%;
  }
  .icon-G011:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 55.547%;
  }
  .icon-G012 input[type='checkbox'] + label {
    background-position: 100% 55.547%;
  }
  .icon-G012 input[type='checkbox']:checked + label {
    background-position: 0% 61.095%;
  }
  .icon-G012:hover input[type='checkbox'] + label {
    background-position: 100% 55.547%;
  }
  .icon-G012:hover input[type='checkbox']:checked + label {
    background-position: 0% 61.095%;
  }
  .icon-G013 input[type='checkbox'] + label {
    background-position: 5.90% 61.095%;
  }
  .icon-G013 input[type='checkbox']:checked + label {
    background-position: 11.78% 61.095%;
  }
  .icon-G013:hover input[type='checkbox'] + label {
    background-position: 5.90% 61.095%;
  }
  .icon-G013:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 61.095%;
  }
  .icon-G014 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 61.095%;
  }
  .icon-G014 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 61.095%;
  }
  .icon-G014:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 61.095%;
  }
  .icon-G014:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 61.095%;
  }
  .icon-H001 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 61.095%;
  }
  .icon-H001 input[type='checkbox']:checked + label {
    background-position: 35.311% 61.095%;
  }
  .icon-H001:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 61.095%;
  }
  .icon-H001:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 61.095%;
  }
  .icon-I001 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 61.095%;
  }
  .icon-I001 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 61.095%;
  }
  .icon-I001:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 61.095%;
  }
  .icon-I001:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 61.095%;
  }
  .icon-I002 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 61.095%;
  }
  .icon-I002 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 61.095%;
  }
  .icon-I002:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 61.095%;
  }
  .icon-I002:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 61.095%;
  }
  .icon-I003 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 61.095%;
  }
  .icon-I003 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 61.095%;
  }
  .icon-I003:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 61.095%;
  }
  .icon-I003:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 61.095%;
  }
  .icon-I004 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 61.095%;
  }
  .icon-I004 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 61.095%;
  }
  .icon-I004:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 61.095%;
  }
  .icon-I004:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 61.095%;
  }
  .icon-I005 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 61.095%;
  }
  .icon-I005 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 61.095%;
  }
  .icon-I005:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 61.095%;
  }
  .icon-I005:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 61.095%;
  }
  .icon-I006 input[type='checkbox'] + label {
    background-position: 100% 61.095%;
  }
  .icon-I006 input[type='checkbox']:checked + label {
    background-position: 0% 66.642%;
  }
  .icon-I006:hover input[type='checkbox'] + label {
    background-position: 100% 61.095%;
  }
  .icon-I006:hover input[type='checkbox']:checked + label {
    background-position: 0% 66.642%;
  }
  .icon-I007 input[type='checkbox'] + label {
    background-position: 5.90% 66.642%;
  }
  .icon-I007 input[type='checkbox']:checked + label {
    background-position: 11.78% 66.642%;
  }
  .icon-I007:hover input[type='checkbox'] + label {
    background-position: 5.90% 66.642%;
  }
  .icon-I007:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 66.642%;
  }
  .icon-J001 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 66.642%;
  }
  .icon-J001 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 66.642%;
  }
  .icon-J001:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 66.642%;
  }
  .icon-J001:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 66.642%;
  }
  .icon-J002 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 66.642%;
  }
  .icon-J002 input[type='checkbox']:checked + label {
    background-position: 35.311% 66.642%;
  }
  .icon-J002:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 66.642%;
  }
  .icon-J002:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 66.642%;
  }
  .icon-J003 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 66.642%;
  }
  .icon-J003 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 66.642%;
  }
  .icon-J003:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 66.642%;
  }
  .icon-J003:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 66.642%;
  }
  .icon-J004 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 66.642%;
  }
  .icon-J004 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 66.642%;
  }
  .icon-J004:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 66.642%;
  }
  .icon-J004:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 66.642%;
  }
  .icon-J005 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 66.642%;
  }
  .icon-J005 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 66.642%;
  }
  .icon-J005:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 66.642%;
  }
  .icon-J005:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 66.642%;
  }
  .icon-J006 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 66.642%;
  }
  .icon-J006 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 66.642%;
  }
  .icon-J006:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 66.642%;
  }
  .icon-J006:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 66.642%;
  }
  .icon-J007 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 66.642%;
  }
  .icon-J007 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 66.642%;
  }
  .icon-J007:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 66.642%;
  }
  .icon-J007:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 66.642%;
  }
  .icon-J008 input[type='checkbox'] + label {
    background-position: 100% 66.642%;
  }
  .icon-J008 input[type='checkbox']:checked + label {
    background-position: 0% 72.189%;
  }
  .icon-J008:hover input[type='checkbox'] + label {
    background-position: 100% 66.642%;
  }
  .icon-J008:hover input[type='checkbox']:checked + label {
    background-position: 0% 72.189%;
  }
  .icon-J009 input[type="checkbox"] + label {
    background-position: 23.649% 100%;
  }
  .icon-J009 input[type="checkbox"]:checked + label {
    background-position: 29.522% 100%;
  }
  .icon-J009:hover input[type="checkbox"] + label {
    background-position: 23.649% 100%;
  }
  .icon-J009:hover input[type="checkbox"]:checked + label {
    background-position: 29.522% 100%;
  }
  .icon-K001 input[type='checkbox'] + label {
    background-position: 5.90% 72.189%;
  }
  .icon-K001 input[type='checkbox']:checked + label {
    background-position: 11.78% 72.189%;
  }
  .icon-K001:hover input[type='checkbox'] + label {
    background-position: 5.90% 72.189%;
  }
  .icon-K001:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 72.189%;
  }
  .icon-K002 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 72.189%;
  }
  .icon-K002 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 72.189%;
  }
  .icon-K002:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 72.189%;
  }
  .icon-K002:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 72.189%;
  }
  .icon-K003 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 72.189%;
  }
  .icon-K003 input[type='checkbox']:checked + label {
    background-position: 35.311% 72.189%;
  }
  .icon-K003:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 72.189%;
  }
  .icon-K003:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 72.189%;
  }
  .icon-K004 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 72.189%;
  }
  .icon-K004 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 72.189%;
  }
  .icon-K004:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 72.189%;
  }
  .icon-K004:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 72.189%;
  }
  .icon-K005 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 72.189%;
  }
  .icon-K005 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 72.189%;
  }
  .icon-K005:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 72.189%;
  }
  .icon-K005:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 72.189%;
  }
  .icon-K006 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 72.189%;
  }
  .icon-K006 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 72.189%;
  }
  .icon-K006:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 72.189%;
  }
  .icon-K006:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 72.189%;
  }
  .icon-K007 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 72.189%;
  }
  .icon-K007 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 72.189%;
  }
  .icon-K007:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 72.189%;
  }
  .icon-K007:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 72.189%;
  }
  .icon-K008 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 72.189%;
  }
  .icon-K008 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 72.189%;
  }
  .icon-K008:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 72.189%;
  }
  .icon-K008:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 72.189%;
  }
  .icon-K009 input[type='checkbox'] + label {
    background-position: 100% 72.189%;
  }
  .icon-K009 input[type='checkbox']:checked + label {
    background-position: 0% 77.737%;
  }
  .icon-K009:hover input[type='checkbox'] + label {
    background-position: 100% 72.189%;
  }
  .icon-K009:hover input[type='checkbox']:checked + label {
    background-position: 0% 77.737%;
  }
  .icon-K010 input[type='checkbox'] + label {
    background-position: 5.90% 77.737%;
  }
  .icon-K010 input[type='checkbox']:checked + label {
    background-position: 11.78% 77.737%;
  }
  .icon-K010:hover input[type='checkbox'] + label {
    background-position: 5.90% 77.737%;
  }
  .icon-K010:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 77.737%;
  }
  .icon-K011 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 77.737%;
  }
  .icon-K011 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 77.737%;
  }
  .icon-K011:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 77.737%;
  }
  .icon-K011:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 77.737%;
  }
  .icon-K012 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 77.737%;
  }
  .icon-K012 input[type='checkbox']:checked + label {
    background-position: 35.311% 77.737%;
  }
  .icon-K012:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 77.737%;
  }
  .icon-K012:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 77.737%;
  }
  .icon-K013 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 77.737%;
  }
  .icon-K013 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 77.737%;
  }
  .icon-K013:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 77.737%;
  }
  .icon-K013:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 77.737%;
  }
  .icon-K014 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 77.737%;
  }
  .icon-K014 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 77.737%;
  }
  .icon-K014:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 77.737%;
  }
  .icon-K014:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 77.737%;
  }
  .icon-K015 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 77.737%;
  }
  .icon-K015 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 77.737%;
  }
  .icon-K015:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 77.737%;
  }
  .icon-K015:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 77.737%;
  }
  .icon-K016 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 77.737%;
  }
  .icon-K016 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 77.737%;
  }
  .icon-K016:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 77.737%;
  }
  .icon-K016:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 77.737%;
  }
  .icon-K017 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 77.737%;
  }
  .icon-K017 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 77.737%;
  }
  .icon-K017:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 77.737%;
  }
  .icon-K017:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 77.737%;
  }
  .icon-K018 input[type='checkbox'] + label {
    background-position: 100% 77.737%;
  }
  .icon-K018 input[type='checkbox']:checked + label {
    background-position: 0% 83.284%;
  }
  .icon-K018:hover input[type='checkbox'] + label {
    background-position: 100% 77.737%;
  }
  .icon-K018:hover input[type='checkbox']:checked + label {
    background-position: 0% 83.284%;
  }
  .icon-K021 input[type='checkbox'] + label {
    background-position: 5.90% 83.284%;
  }
  .icon-K021 input[type='checkbox']:checked + label {
    background-position: 11.78% 83.284%;
  }
  .icon-K021:hover input[type='checkbox'] + label {
    background-position: 5.90% 83.284%;
  }
  .icon-K021:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 83.284%;
  }
  .icon-K022 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 83.284%;
  }
  .icon-K022 input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 83.284%;
  }
  .icon-K022:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 83.284%;
  }
  .icon-K022:hover input[type='checkbox']:checked + label {
    background-position: 23.5294117647059% 83.284%;
  }
  .icon-K023 input[type='checkbox'] + label {
    background-position: 29.4117647058824% 83.284%;
  }
  .icon-K023 input[type='checkbox']:checked + label {
    background-position: 35.311% 83.284%;
  }
  .icon-K023:hover input[type='checkbox'] + label {
    background-position: 29.4117647058824% 83.284%;
  }
  .icon-K023:hover input[type='checkbox']:checked + label {
    background-position: 35.311% 83.284%;
  }
  .icon-K024 input[type='checkbox'] + label {
    background-position: 41.1764705882353% 83.284%;
  }
  .icon-K024 input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 83.284%;
  }
  .icon-K024:hover input[type='checkbox'] + label {
    background-position: 41.1764705882353% 83.284%;
  }
  .icon-K024:hover input[type='checkbox']:checked + label {
    background-position: 47.0588235294118% 83.284%;
  }
  .icon-K025 input[type='checkbox'] + label {
    background-position: 52.9411764705882% 83.284%;
  }
  .icon-K025 input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 83.284%;
  }
  .icon-K025:hover input[type='checkbox'] + label {
    background-position: 52.9411764705882% 83.284%;
  }
  .icon-K025:hover input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 83.284%;
  }
  .icon-K026 input[type='checkbox'] + label {
    background-position: 64.7058823529412% 83.284%;
  }
  .icon-K026 input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 83.284%;
  }
  .icon-K026:hover input[type='checkbox'] + label {
    background-position: 64.7058823529412% 83.284%;
  }
  .icon-K026:hover input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 83.284%;
  }
  .icon-K027 input[type='checkbox'] + label {
    background-position: 76.4705882352941% 83.284%;
  }
  .icon-K027 input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 83.284%;
  }
  .icon-K027:hover input[type='checkbox'] + label {
    background-position: 76.4705882352941% 83.284%;
  }
  .icon-K027:hover input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 83.284%;
  }
  .icon-K028 input[type='checkbox'] + label {
    background-position: 88.2352941176471% 83.284%;
  }
  .icon-K028 input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 83.284%;
  }
  .icon-K028:hover input[type='checkbox'] + label {
    background-position: 88.2352941176471% 83.284%;
  }
  .icon-K028:hover input[type='checkbox']:checked + label {
    background-position: 94.1176470588235% 83.284%;
  }
  .icon-K029 input[type='checkbox'] + label {
    background-position: 100% 83.284%;
  }
  .icon-K029 input[type='checkbox']:checked + label {
    background-position: 0% 88.831%;
  }
  .icon-K029:hover input[type='checkbox'] + label {
    background-position: 100% 83.284%;
  }
  .icon-K029:hover input[type='checkbox']:checked + label {
    background-position: 0% 88.831%;
  }
  .icon-K032 input[type='checkbox'] + label {
    background-position: 5.90% 88.831%;
  }
  .icon-K032 input[type='checkbox']:checked + label {
    background-position: 11.78% 88.831%;
  }
  .icon-K032:hover input[type='checkbox'] + label {
    background-position: 5.90% 88.831%;
  }
  .icon-K032:hover input[type='checkbox']:checked + label {
    background-position: 11.78% 88.831%;
  }
  .icon-K033 input[type='checkbox'] + label, .icon-K033:hover input[type='checkbox'] + label {
    background-position: 64.996% 100%;
  }
  .icon-K033 input[type='checkbox']:checked + label, .icon-K033:hover input[type='checkbox']:checked + label {
    background-position: 59.123% 100%;
  }
  .icon-L003 input[type='checkbox'] + label {
    background-position: 17.6470588235294% 88.831%;
    background-position: 47.0588235294118% 88.831%;
  }
  .icon-L003 input[type='checkbox']:checked + label {
    background-position: 52.9411764705882% 88.831%;
  }
  .icon-L003:hover input[type='checkbox'] + label {
    background-position: 17.6470588235294% 88.831%;
    background-position: 47.0588235294118% 88.831%;
  }
  .icon-L003:hover input[type='checkbox']:checked + label {
    background-position: 52.9411764705882% 88.831%;
  }
  .icon-L001 input[type='checkbox'] + label {
    background-position: 23.5294117647059% 88.831%;
  }
  .icon-L001 input[type='checkbox']:checked + label {
    background-position: 29.4117647058824% 88.831%;
  }
  .icon-L001:hover input[type='checkbox'] + label {
    background-position: 23.5294117647059% 88.831%;
  }
  .icon-L001:hover input[type='checkbox']:checked + label {
    background-position: 29.4117647058824% 88.831%;
  }
  .icon-L002 input[type='checkbox'] + label {
    background-position: 35.311% 88.831%;
  }
  .icon-L002 input[type='checkbox']:checked + label {
    background-position: 41.1764705882353% 88.831%;
  }
  .icon-L002:hover input[type='checkbox'] + label {
    background-position: 35.311% 88.831%;
  }
  .icon-L002:hover input[type='checkbox']:checked + label {
    background-position: 41.1764705882353% 88.831%;
  }
  .icon-L004 input[type='checkbox'] + label {
    background-position: 58.8235294117647% 88.831%;
  }
  .icon-L004 input[type='checkbox']:checked + label {
    background-position: 64.7058823529412% 88.831%;
  }
  .icon-L004:hover input[type='checkbox'] + label {
    background-position: 58.8235294117647% 88.831%;
  }
  .icon-L004:hover input[type='checkbox']:checked + label {
    background-position: 64.7058823529412% 88.831%;
  }
  .icon-M001 input[type='checkbox'] + label {
    background-position: 70.5882352941177% 88.831%;
  }
  .icon-M001 input[type='checkbox']:checked + label {
    background-position: 76.4705882352941% 88.831%;
  }
  .icon-M001:hover input[type='checkbox'] + label {
    background-position: 70.5882352941177% 88.831%;
  }
  .icon-M001:hover input[type='checkbox']:checked + label {
    background-position: 76.4705882352941% 88.831%;
  }
  .icon-M002 input[type='checkbox'] + label {
    background-position: 82.3529411764706% 88.831%;
  }
  .icon-M002 input[type='checkbox']:checked + label {
    background-position: 88.2352941176471% 88.831%;
  }
  .icon-M002:hover input[type='checkbox'] + label {
    background-position: 82.3529411764706% 88.831%;
  }
  .icon-M002:hover input[type='checkbox']:checked + label {
    background-position: 88.2352941176471% 88.831%;
  }
  .icon-M003 input[type='checkbox'] + label {
    background-position: 94.1176470588235% 88.831%;
  }
  .icon-M003 input[type='checkbox']:checked + label {
    background-position: 100% 88.831%;
  }
  .icon-M003:hover input[type='checkbox'] + label {
    background-position: 94.1176470588235% 88.831%;
  }
  .icon-M003:hover input[type='checkbox']:checked + label {
    background-position: 100% 88.831%;
  }
  .icon-M004 input[type='checkbox'] + label {
    background-position: 0% 94.379%;
  }
  .icon-M004 input[type='checkbox']:checked + label {
    background-position: 5.90% 94.379%;
  }
  .icon-M004:hover input[type='checkbox'] + label {
    background-position: 0% 94.379%;
  }
  .icon-M004:hover input[type='checkbox']:checked + label {
    background-position: 5.90% 94.379%;
  }
  .icon-M006 input[type='checkbox'] + label {
    background-position: 11.78% 94.379%;
  }
  .icon-M006 input[type='checkbox']:checked + label {
    background-position: 17.6470588235294% 94.379%;
  }
  .icon-M006:hover input[type='checkbox'] + label {
    background-position: 11.78% 94.379%;
  }
  .icon-M006:hover input[type='checkbox']:checked + label {
    background-position: 17.6470588235294% 94.379%;
  }
  .icon-M007 input[type='checkbox'] + label {
    background-position: 23.5294117647059% 94.379%;
  }
  .icon-M007 input[type='checkbox']:checked + label {
    background-position: 29.4117647058824% 94.379%;
  }
  .icon-M007:hover input[type='checkbox'] + label {
    background-position: 23.5294117647059% 94.379%;
  }
  .icon-M007:hover input[type='checkbox']:checked + label {
    background-position: 29.4117647058824% 94.379%;
  }
  .icon-M008 input[type='checkbox'] + label {
    background-position: 23.571% 94.379%;
  }
  .icon-M008 input[type='checkbox']:checked + label {
    background-position: 29.444% 94.379%;
  }
  .icon-M008:hover input[type='checkbox'] + label {
    background-position: 23.571% 94.379%;
  }
  .icon-M008:hover input[type='checkbox']:checked + label {
    background-position: 29.444% 94.379%;
  }
  .icon-M009 input[type='checkbox'] + label {
    background-position: 35.311% 94.379%;
  }
  .icon-M009 input[type='checkbox']:checked + label {
    background-position: 41.1764705882353% 94.379%;
  }
  .icon-M009:hover input[type='checkbox'] + label {
    background-position: 35.311% 94.379%;
  }
  .icon-M009:hover input[type='checkbox']:checked + label {
    background-position: 41.1764705882353% 94.379%;
  }
  .icon-P001 input[type='checkbox'] + label {
    background-position: 47.0588235294118% 94.379%;
  }
  .icon-P001 input[type='checkbox']:checked + label {
    background-position: 52.9411764705882% 94.379%;
  }
  .icon-P001:hover input[type='checkbox'] + label {
    background-position: 47.0588235294118% 94.379%;
  }
  .icon-P001:hover input[type='checkbox']:checked + label {
    background-position: 52.9411764705882% 94.379%;
  }
  .icon-R001 input[type='checkbox'] + label {
    background-position: 58.8235294117647% 94.379%;
  }
  .icon-R001 input[type='checkbox']:checked + label {
    background-position: 64.7058823529412% 94.379%;
  }
  .icon-R001:hover input[type='checkbox'] + label {
    background-position: 58.8235294117647% 94.379%;
  }
  .icon-R001:hover input[type='checkbox']:checked + label {
    background-position: 64.7058823529412% 94.379%;
  }
  .icon-R002 input[type='checkbox'] + label {
    background-position: 70.5882352941177% 94.379%;
  }
  .icon-R002 input[type='checkbox']:checked + label {
    background-position: 76.4705882352941% 94.379%;
  }
  .icon-R002:hover input[type='checkbox'] + label {
    background-position: 70.5882352941177% 94.379%;
  }
  .icon-R002:hover input[type='checkbox']:checked + label {
    background-position: 76.4705882352941% 94.379%;
  }
  .icon-chec:hoverk_all input[type='checkbox'] + label {
    background-position: 0% 0%;
  }
  .icon-aree:hovers_barris input[type='checkbox'] + label {
    background-position: 52.9411764705882% 5.621%;
  }
  .icon-aree:hovers_barris input[type='checkbox']:checked + label {
    background-position: 58.8235294117647% 5.621%;
  }
  .icon-aree:hovers_censals input[type='checkbox'] + label {
    background-position: 64.7058823529412% 5.621%;
  }
  .icon-aree:hovers_censals input[type='checkbox']:checked + label {
    background-position: 70.5882352941177% 5.621%;
  }
  .icon-aree:hovers_districtes input[type='checkbox'] + label {
    background-position: 76.4705882352941% 5.621%;
  }
  .icon-aree:hovers_districtes input[type='checkbox']:checked + label {
    background-position: 82.3529411764706% 5.621%;
  }
  .nivell-Segon {
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-shadow: none;
    margin-top: -94px !important;
  }
  .nivell-Segon .title-rwd {
    display: table;
    width: 100%;
    border-top: 1px solid #FFF;
  }
  .nivell-Segon .title-rwd a {
    background-color: #59a5fa;
    height: 57px;
    padding: 0;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 300;
    display: table-cell;
  }
  .nivell-Segon .title-rwd a:hover {
    background-color: #59a5fa;
    height: 57px;
    padding: 0;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 300;
    display: table-cell;
  }
  .nivell-Segon .opcions {
    padding: 0px;
    width: 100%;
    max-width: 100%;
  }
  .nivell-Segon .opcions > #toggle_nav > li {
    margin-top: 1px;
  }
  .nivell-Segon .opcions > #toggle_nav > li > a:after {
    background-image: url("/https/www.barcelona.cat/img/sprites.png");
    background-position: -2px -99px;
    height: 37px;
    width: 37px;
    vertical-align: middle;
    float: right;
    content: "";
  }
  .nivell-Segon .active {
    color: #666666;
    background: #f4f4f4;
    margin-bottom: 9px;
  }
  .nivell-Segon .active:hover {
    color: #666666;
    background: #f4f4f4;
    margin-bottom: 9px;
  }
  .nivell-Segon .active:after {
    background-image: url("/https/www.barcelona.cat/img/sprites.png");
    background-position: -42px -99px !important;
    height: 37px;
    width: 37px;
  }
  .nivell-Segon li {
    margin-top: 0px;
    border-bottom: 1px solid #FFF;
  }
  .contenedor-plano {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .hiddenmobile {
    display: none;
    display: none;
  }
  .navbar-toggle {
    height: 84px;
    width: 84px;
    border-right: 1px solid #99c7fc;
    border-left: none;
    border-top: none;
    border-bottom: none;
    position: relative;
    float: left;
    margin-right: 15px;
    padding-left: 21px;
    background-color: transparent;
    background-image: none;
  }
  .navbar-toggle:focus {
    outline: 0;
    cursor: pointer;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    border-radius: 6px;
    display: block;
    height: 6px;
    width: 42px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .navbar-toggle:hover {
    background-color: #59a5fa;
    cursor: pointer;
  }
  .navbar-toggle.collapsed {
    background-color: #0074f8 !important;
  }
  .navbar-toggle.collapsed:focus {
    background-color: #0074f8;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
  .navbar-header {
    padding: 0px;
  }
  nav {
    z-index: 10000;
  }
  nav .navbar-collapse li a {
    color: #000;
  }
  nav h1 {
    font-size: 2.8em;
    padding-top: 18px;
    float: left;
    height: 84px;
  }
  nav li {
    margin-top: 0px;
    display: table;
    width: 100%;
    border-bottom: 2px solid #FFF;
  }
  nav article {
    padding: 0;
  }
  nav .icon-header {
    vertical-align: middle;
    display: inline-block;
    float: right;
    padding-top: 20px;
    margin-right: 14px;
  }
  nav .icon-header button {
    border: 0;
    cursor: pointer;
    background: transparent;
    margin-left: 5px;
  }
  nav .icon-header a {
    margin-right: 20px;
    box-shadow: none !important;
  }
  nav .icon-header .spgeneral {
    height: 42px;
    width: 42px;
    text-indent: -9999px;
    display: inline-block;
  }
  nav .icon-header .icon-satel {
    background: none;
    padding: 0;
  }
  nav .icon-header .icon-localitzacio {
    background: none;
    padding: 0;
  }
  .opcions-petit > li > a {
    font-size: 2.05em;
    font-weight: 200;
    padding: 27px 16px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  .opcions-gran > li > a {
    font-size: 2.05em;
    font-weight: 200;
    padding: 27px 16px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 4px 4px 4px 12px;
  }
  .opcions-gran > li > div {
    padding: 4px 4px 4px 12px;
  }
  .opcions-gran > #toggle_nav > li > a {
    height: 63px;
  }
  .opcions-gran .accordion-toggle {
    padding: 4px 4px 4px 12px;
  }
  .nivell-imprimacio {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  .nivell-imprimacio .shadow {
    box-shadow: none;
  }
  .nivell-imprimacio article {
    margin-bottom: 0px;
  }
  .nivell-imprimacio .opcions-petit .active:after {
    background: none;
  }
  .nivell-imprimacio .opcions-gran .active:after {
    background: none;
  }
  .icon-header.shadow {
    box-shadow: none !important;
  }
  .rwd-search {
    display: block;
    left: 13px;
    margin: 0 10px;
    position: absolute;
    top: 105px;
    width: 92%;
    z-index: 0;
    text-indent: -9999px;
    margin-top: -94px !important;
  }
  .rwd-search .icon-mas-rwd {
    background: url("/https/www.barcelona.cat/img/sprite-rwd.png") left 0px;
    height: 71px;
    width: 71px;
    vertical-align: middle;
    float: right;
    border: none;
    cursor: pointer;
    margin-left: 10px;
  }
  .servicios #accordion-servicios .segundo-nivel-accordion .accordion-toggle {
    padding: 8px 4px 8px;
    font-size: 2em;
    font-weight: 200;
    padding-left: 30px;
  }
  .servicios #accordion-servicios .segundo-nivel-accordion .panel {
    clear: both;
    float: left;
    width: 100%;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion a {
    width: 100%;
    padding-left: 45px;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion li {
    width: 100%;
    display: table;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion .panel-body {
    padding: 0px;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion label {
    font-size: .9em;
    font-weight: 200;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    padding-left: 95px;
  }
  .servicios #accordion-servicios .panel {
    clear: both;
  }
  .servicios #accordion-servicios .texto {
    padding-right: 40px;
  }
  .servicios .panel-heading {
    margin-bottom: 0;
  }
  .servicios .panel {
    padding-bottom: 1px;
    border-bottom: 1px solid #FFF;
  }
  .servicios .accordion-toggle {
    font-size: 2em;
    font-weight: 400;
    background-color: #f4f4f4;
    color: #000;
  }
  .servicios .accordion-toggle:hover {
    background-color: #f4f4f4;
    color: #000;
  }
  .servicios .panel-body {
    padding: 9px 20px;
    background-color: #f2f2f2;
    margin: 0;
  }
  .servicios .accordion-toggle.collapsed {
    background-color: #f4f4f4;
    color: #000;
    background-image: none;
  }
  .servicios .accordion-toggle.collapsed:hover {
    background-color: #f4f4f4;
    color: #000;
  }
  .servicios .segundo-nivel-accordion .panel {
    border: none;
    padding-bottom: 0px;
  }
  .servicios .segundo-nivel-accordion .accordion-toggle {
    background-color: #d9d9d9 !important;
    color: #000;
  }
  .servicios .segundo-nivel-accordion .accordion-toggle:hover {
    background-color: #d9d9d9 !important;
    color: #000;
  }
  .servicios .segundo-nivel-accordion .accordion-toggle:focus {
    background-color: #d9d9d9 !important;
    color: #000;
  }
  .servicios .tercer-nivel-accordion .accordion-toggle.collapsed:after {
    background: none;
  }
  .servicios .tercer-nivel-accordion .accordion-toggle:after {
    background: none;
  }
  .servicios .tercer-nivel-accordion a {
    background-color: #d9d9d9;
    height: 100px;
  }
  main {
    width: 100%;
    z-index: 100;
  }
  .nivell-Segon.servicios {
    padding: 0px;
    width: 100%;
    max-width: 100%;
    max-width: 100%;
  }
  .nivell-Segon.cerca-avancada {
    width: 100%;
    width: 100%;
    max-width: 100%;
    max-width: 100%;
    padding: 0;
    padding: 0;
  }
  .nivell-Segon.circulation {
    width: 100%;
    max-width: 100%;
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
  .nivell-Segon.circulation a {
    font-size: 2.1em;
    font-weight: 200;
    height: 88px;
    padding: 0 16px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #000;
  }
  .nivell-Segon.circulation .link-desactiva-tot a {
    display: block !important;
    width: 100% !important;
  }
  .nivell-Segon.result-search {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .nivell-Segon.links-rela {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .nivell-Segon.file {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .nivell-Segon.indice {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .nivell-Segon.arees a {
    font-size: 2.1em;
    font-weight: 200;
    height: 88px;
    padding: 0 16px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #000;
  }
  .icon-segundo-rwd {
    background: url("/https/www.barcelona.cat/img/icon-submenu.png") no-repeat;
    height: 58px;
    width: 49px;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    float: left;
  }
  .subtitle-rwd {
    display: table-cell;
    height: 57px;
    vertical-align: middle;
  }
  .footer-menu li {
    border-bottom: none;
  }
  .footer-menu a {
    background-color: #d9d9d9;
    font-weight: 200;
    padding: 18px 16px;
    font-size: 1.7em;
    display: table-cell;
    vertical-align: middle;
  }
  .amagarlabel {
    display: none;
  }
  .cerca-avancada .opcions-gran .accordion-toggle {
    font-size: 2.05em;
    padding: 27px 20px;
  }
  .cerca-avancada .panel-heading {
    margin-bottom: 0;
  }
  .cerca-avancada .panel {
    padding-bottom: 1px;
    border-bottom: 1px solid #FFF;
  }
  .cerca-avancada .panel:last-child .panel-body {
    margin-top: 0px;
  }
  .cerca-avancada .accordion-toggle {
    font-size: 2em;
    font-weight: 400;
  }
  .cerca-avancada .panel-body {
    padding: 9px 20px;
    background-color: #f2f2f2;
    margin: 0;
  }
  .cerca-avancada .camp-petit[type="text"] {
    font-weight: 300;
    font-size: 1.1em;
    font-family: 'Source Sans Pro';
    height: 60px;
    padding-left: 10px;
    width: 100%;
    font-style: normal;
    border: 1px solid #a6a6a6;
  }
  .marcas {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 1em;
    font-weight: 300;
    padding: 10px;
    background-color: #FFF;
    max-width: 433px;
    width: 433px;
  }
  .marcas span {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    font-size: 1.5em;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
  }
  .marcas > div {
    background-color: #f4f4f4;
    display: table;
    padding: 0px;
    width: 100%;
  }
  .marcas img {
    float: left;
    margin: 10px 12px;
    width: 53px;
    height: 53px;
  }
  .leyenda-ayuntamiento {
    display: block;
    position: absolute;
    bottom: 22px;
    left: 20px;
    height: 25px;
    background: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: 0px;
    bottom: 0px;
    padding: 0px 0px 5px 20px;
  }
  .leyenda-ayuntamiento a {
    font-size: 1.25em;
    color: #000;
  }
  .no-result {
    color: #c60c30;
    font-size: 2.45em;
    font-weight: 300;
    line-height: 42px;
    padding: 46px 39px;
  }
  .result-search .title {
    padding: 35px 35px 0;
    font-size: 2.4em;
    line-height: 38px;
  }
  .result-search .block-result {
    margin-left: 35px;
    margin-right: 35px;
    padding: 24px 0;
  }
  .result-search .block-result li {
    margin-top: 12px;
  }
  .result-search p {
    font-size: 2em;
    color: #000;
  }
  .result-search a {
    font-size: 1.75em;
    line-height: 23px;
  }
  .result-search a:hover {
    font-size: 1.75em;
    line-height: 23px;
  }
  .result-search p.subtitle {
    font-size: 1.8em;
    margin-top: 13px;
  }
  .indice .block-indice {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
  }
  .indice .links-indice a {
    font-size: 1.7em;
    line-height: 28px;
  }
  .indice .links-indice li {
    margin-top: 10px;
  }
  .indice .indice-alfa {
    margin: 10px;
  }
  .indice .indice-alfa li {
    float: left;
    margin: 2px;
  }
  .indice .indice-alfa li a {
    font-size: 2.6em;
    font-weight: 400;
    margin: 0 32px 10px 0;
  }
  .indice .indice-alfa li a:hover {
    font-size: 2.6em;
    font-weight: 400;
    margin: 0 32px 10px 0;
  }
  .links-rela .block-result {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
  }
  .links-rela .block-result a {
    font-size: 1.7em;
  }
  .links-rela .block-result a:hover {
    font-size: 1.7em;
  }
  .links-rela .block-result p {
    font-size: 1.7em;
    line-height: 26px;
    margin-top: 9px;
  }
  .file .content-file {
    margin-left: 37px;
    margin-right: 37px;
    margin-top: 0px;
    padding: 5px;
  }
  .file .content-file li {
    margin-top: 12px;
  }
  .file .content-file li a {
    line-height: 25px;
  }
  .file .content-file span {
    display: inline-block;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 25px;
  }
  .file .content-file a {
    display: inline-block;
    font-size: 2.3em;
    font-weight: 400;
  }
  .file .content-file label {
    font-size: 2.3em;
    font-weight: 400;
  }
  .file .content-file .link-bottom {
    margin-top: 38px;
  }
  .file .content-file .link-bottom li {
    display: table;
    clear: both;
    width: 95%;
    position: relative;
  }
  .file .content-file .link-bottom li .icon-mas:before {
    height: 71px;
    width: 71px;
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha.png") no-repeat;
    content: "";
    float: left;
    margin-right: 6px;
  }
  .file .content-file .link-bottom li .icon-location:before {
    height: 71px;
    width: 71px;
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha.png") no-repeat;
    content: "";
    float: left;
    margin-right: 6px;
  }
  .file .content-file .link-bottom li a span {
    font-size: 1.1em;
    display: table-cell;
    vertical-align: middle;
    height: 71px;
    padding-left: 10px;
    font-weight: 300;
  }
  .file .content-file .link-bottom > li > a {
    width: 100%;
  }
  .file .content-file .link-bottom .social-ficha {
    padding-top: 37px;
  }
  .file .content-file .link-bottom .social-ficha li {
    width: auto;
    clear: none;
    margin-top: 0px;
  }
  .file .title {
    height: 117px;
    background-color: #FFF;
    display: table-cell;
    vertical-align: middle;
  }
  .file .title h3 {
    color: #ff3f9e;
    float: none;
    font-size: 2em;
    padding: 0;
    margin-left: 40px;
  }
  .file .title .icon-close {
    display: none;
  }
  .file .link-bottom .social-ficha a {
    height: 61px;
    width: 61px;
    background-image: url("/https/www.barcelona.cat/img/icon-social-ficha-md.png");
    float: left;
    margin-right: 7px !important;
    text-indent: -9999px;
  }
  .file .social-ficha a.icon-facebook {
    background-position: 0 0;
  }
  .file .social-ficha a.icon-email {
    background-position: -68px 0;
  }
  .file .social-ficha a.icon-twitter {
    background-position: -137px 0;
  }
  .file .social-ficha a.icon-print {
    background-position: -206px 0;
  }
  .file .social-ficha a.icon-google {
    background-position: -274px 0;
  }
  .file .image-ficha + .content-file {
    margin-top: 20px;
  }
  .dropdown-menu {
    -webkit-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
  }
  .historial-rwd {
    background-color: #59a5fa;
    font-size: 0.9em;
    font-weight: 400;
    left: 0px;
    position: absolute;
    top: 80px;
    width: 87%;
    z-index: 10000;
    padding: 0;
  }
  .historial-rwd .historial li {
    margin: 0px;
    height: auto;
  }
  .historial-rwd .historial .dropdown-toggle {
    padding: 0 0 0 18px;
    display: block;
    font-size: 1.6em;
    color: #FFF;
    background-color: #59a5fa;
    line-height: 57px;
    font-weight: 300;
  }
  .historial-rwd .historial .caret {
    background: url("/https/www.barcelona.cat/img/sprite-historial.png") no-repeat;
    width: 73px;
    height: 57px;
    border: none;
    float: right;
    margin-right: 0px;
  }
  .historial-rwd .historial .open .caret {
    background-position: 0 -58px;
    cursor: pointer;
  }
  .historial-rwd .historial ul {
    padding-bottom: 0px;
  }
  .historial-rwd .historial ul a {
    background-color: transparent;
    color: #0074f8;
    font-size: 1.83em;
    font-weight: 300;
    padding: 20px 0 20px 20px;
    display: block;
  }
  .historial-rwd .historial ul li {
    border-bottom: 1px solid #f6f6f6;
  }
  .historial {
    background-color: #59a5fa;
    font-size: 0.86em;
    font-weight: 400;
    left: 0px;
    padding-bottom: 5px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10000;
  }
  .historial .dropdown-toggle:hover {
    padding: 0 0 0 18px;
    display: block;
    font-size: 1.6em;
    color: #FFF;
    background-color: #59a5fa;
    line-height: 57px;
    font-weight: 300;
  }
  .cercar-cruilla {
    width: 100%;
  }
  .cercar-carrer {
    width: 100%;
  }
  button.btn-cercar {
    background-color: #0069e1;
    background-repeat: no-repeat;
    background-position: center -187px;
    border: medium none;
    float: left;
    height: 60px;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
    margin-top: 9px;
  }
  .codi-postal {
    height: 60px;
    background-color: #c9c9c9;
    display: table;
  }
  .opcions-petit.codi-postal a {
    height: 60px;
    background-color: #c9c9c9;
    font-size: 1.2em;
    font-weight: 300;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  #codipostal {
    padding-bottom: 20px;
    background-color: #f4f4f4;
  }
  .tercer-nivel-accordion {
    padding: 20px 0;
  }
  .tercer-nivel-accordion .panel-body {
    margin: 0px !important;
  }
  .tercer-nivel-accordion .panel-body li {
    border: none;
  }
  .desc {
    display: none;
  }
  .segundo-nivel-accordion {
    margin-top: 1px;
    margin-bottom: 0px;
    padding-left: 0;
    overflow: hidden;
    background-color: #d9d9d9;
    padding: 12px 0;
  }
  .destooltip {
    display: none;
  }
  .point {
    background-color: #ff3f9e;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    position: absolute;
    top: 500px;
    left: 30%;
    z-index: 10000;
  }
  .tooltip-brand {
    display: none;
    z-index: 10000;
    width: 94%;
    margin: 0 20px;
    padding: 15px 12px;
  }
  .tooltip-brand:after {
    border: none;
  }
  .tooltip-brand p {
    font-size: 1.5em;
  }
  .tooltip-brand a {
    font-size: 1.2em;
  }
  .icon-circulation {
    background: url("/https/www.barcelona.cat/img/icon-circulation.png") no-repeat;
    height: 56px;
    width: 56px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 19px 0 4px;
  }
  .icon-camaras {
    background: url("/https/www.barcelona.cat/img/icon-camaras.png") no-repeat;
    height: 56px;
    width: 56px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 19px 0 4px;
  }
  .icon-estrelles-5 input[type="checkbox"] + label {
    background-size: 74px;
  }
  .icon-estrelles-5 input[type="checkbox"]:checked + label {
    background-size: 74px;
  }
  .icon-estrelles-4 input[type="checkbox"] + label {
    background-size: 74px;
  }
  .icon-estrelles-4 input[type="checkbox"]:checked + label {
    background-size: 74px;
  }
  .icon-estrelles-3 input[type="checkbox"] + label {
    background-size: 74px;
  }
  .icon-estrelles-3 input[type="checkbox"]:checked + label {
    background-size: 74px;
  }
  .icon-estrelles-2 input[type="checkbox"] + label {
    background-size: 74px;
  }
  .icon-estrelles-2 input[type="checkbox"]:checked + label {
    background-size: 74px;
  }
  .icon-estrelles-1 input[type="checkbox"] + label {
    background-size: 74px;
  }
  .icon-estrelles-1 input[type="checkbox"]:checked + label {
    background-size: 74px;
  }
  .link-show-in-map {
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding-left: 0px;
    display: block;
    z-index: 99;
  }
  .link-show-in-map a {
    color: #fff !important;
    padding-top: 25px;
    padding-left: 68px;
    display: block;
    height: 87px;
    background: url("/https/www.barcelona.cat/img/ico-mostrar.png") no-repeat #0074f8 17px center;
    font-weight: 300;
    font-size: .85em;
  }
  .link-show-in-map a:hover {
    color: #fff !important;
    padding-top: 25px;
    padding-left: 68px;
    display: block;
    height: 87px;
    background: url("/https/www.barcelona.cat/img/ico-mostrar.png") no-repeat #0074f8 17px center;
    font-weight: 300;
    font-size: .85em;
    color: #666;
  }
  .link-show-in-map span {
    font-weight: 200;
    font-size: 2.5em;
  }
  article.servicios .link-desactiva-tot {
    width: 100%;
  }
  .areas .link-desactiva-tot div {
    padding: 5px;
    margin-top: 0px;
    margin-left: 30%;
    margin-right: 3%;
  }
  #mapa {
    margin-top: 94px;
    background: transparent;
    position: absolute !important;
    /*top: 94px;*/
    margin-top: 0px;
  }
  .navbar.nivell-imprimacio {
    margin-top: -94px !important;
  }
  .llegenda .desactivar-tots {
    padding-top: 7px;
  }
  .ol-touch {
    position: relative;
    overflow: hidden;
  }
  article.planol-informacio {
    display: none;
  }
  .indice-alfa #index_carrers li:nth-child(15) {
    clear: none;
  }
  .has-info {
    position: unset;
    vertical-align: middle;
    margin-bottom: 1px;
    background-image: url(/https/www.barcelona.cat/img/info-black.png);
  }
}

@media (max-width: 600px) {
  .historial-rwd {
    width: 85%;
  }
}

@media (max-width: 500px) {
  .historial-rwd {
    width: 83%;
    width: 83%;
  }
}

@media (max-width: 460px) {
  nav h1 {
    font-size: 2em;
    height: 68px;
  }
  nav .icon-header {
    padding-top: 17px;
  }
  nav .icon-header a {
    margin-right: 10px;
  }
  nav .icon-header .spgeneral {
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    display: inline-block;
  }
  nav .icon-header .icon-satel {
    background: none;
    padding: 0;
  }
  nav .icon-header .icon-localitzacio {
    background: none;
    padding: 0;
  }
  .navbar-toggle {
    width: 68px;
    height: 68px;
    padding-left: 10px;
  }
  .opcions-gran > li > a {
    font-size: 1.5em;
  }
  .opcions-petit > li > a {
    font-size: 1.5em;
  }
  .footer-menu a {
    font-size: 1.5em;
  }
  .rwd-search {
    top: 90px;
    width: 90%;
  }
  .nivell-Segon {
    top: 68px;
  }
  .nivell-Segon .title-rwd a {
    font-size: 1.4em;
    font-size: 1.5em;
  }
  .nivell-Segon .title-rwd a:hover {
    font-size: 1.4em;
    font-size: 1.5em;
  }
  .indice .links-indice a {
    font-size: 1.2em;
    line-height: 22px;
  }
  .indice .indice-alfa li a {
    font-size: 2em;
  }
  .indice .indice-alfa li a:hover {
    font-size: 2em;
  }
  .indice .block-indice {
    margin-top: 15px;
  }
  .links-rela .block-result {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
  }
  .links-rela .block-result a {
    font-size: 1.2em;
  }
  .links-rela .block-result a:hover {
    font-size: 1.2em;
  }
  .links-rela .block-result p {
    font-size: 1.2em;
    margin-top: 4px;
    line-height: 21px;
  }
  .links-rela .block-result li {
    margin-bottom: 12px;
  }
  .result-search .title {
    font-size: 1.6em;
    line-height: 22px;
  }
  .result-search p {
    font-size: 1.4em;
  }
  .result-search a {
    font-size: 1.3em;
    line-height: 20px;
  }
  .result-search a:hover {
    font-size: 1.3em;
    line-height: 20px;
  }
  .result-search p.subtitle {
    font-size: 1.3em;
  }
  .nivell-Segon.arees a {
    font-size: 1.5em;
  }
  .nivell-Segon.circulation a {
    font-size: 1.5em;
  }
  .nivell-Segon.areas a {
    font-size: 1.5em;
  }
  .file .title {
    height: 80px;
  }
  .file .title h3 {
    font-size: 1.7em;
    margin-left: 20px;
  }
  .file .content-file {
    margin-left: 20px;
    margin-right: 20px;
  }
  .file .content-file label {
    font-size: 1.4em;
  }
  .file .content-file span {
    font-size: 1.4em;
  }
  .file .content-file a {
    font-size: 1.4em;
  }
  .file .content-file li {
    margin-top: 5px;
  }
  .file .content-file .link-bottom li a span {
    font-size: 1em;
    height: 51px;
  }
  .file .content-file .link-bottom li .icon-mas:before {
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha-md.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 51px;
    margin-right: 6px;
    width: 51px;
  }
  .file .content-file .link-bottom li .icon-location:before {
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha-md.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 51px;
    margin-right: 6px;
    width: 51px;
  }
  .file .link-bottom .social-ficha a {
    background-image: url("/https/www.barcelona.cat/img/icon-social-ficha-sm.png");
    float: left;
    height: 31px;
    margin-right: 7px !important;
    text-indent: -9999px;
    width: 31px;
  }
  .file .social-ficha a.icon-facebook {
    background-position: 0 0;
  }
  .file .social-ficha a.icon-email {
    background-position: -34px 0;
  }
  .file .social-ficha a.icon-twitter {
    background-position: -68px 0;
  }
  .file .social-ficha a.icon-print {
    background-position: -102px 0;
  }
  .file .social-ficha a.icon-google {
    background-position: -137px 0;
  }
  .no-result {
    font-size: 1.6em;
    line-height: 35px;
    padding: 20px 25px;
  }
  .marcas {
    width: 330px;
    max-width: 330px;
  }
  .marcas img {
    float: left;
    height: 43px;
    margin: 3px 8px;
    width: 43px;
  }
  .marcas span {
    font-size: 1.2em;
  }
  .icon-eliminar {
    background-position: -11px -11px;
    height: 50px;
    width: 50px;
  }
  .cerca-avancada .accordion-toggle {
    font-size: 1.6em;
  }
  .cerca-avancada .opcions-gran .accordion-toggle {
    font-size: 1.6em;
  }
  .cerca-avancada .camp-petit[type="text"] {
    height: 50px;
    font-size: 1em;
  }
  .servicios .accordion-toggle {
    font-size: 1.6em;
  }
  .servicios #accordion-servicios .segundo-nivel-accordion .accordion-toggle {
    font-size: 1.6em;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion label {
    padding-left: 80px;
  }
  .icon-estrelles-5 input[type="checkbox"] + label {
    background-size: 60px;
  }
  .icon-estrelles-5 input[type="checkbox"]:checked + label {
    background-size: 60px;
  }
  .icon-estrelles-4 input[type="checkbox"] + label {
    background-size: 60px;
  }
  .icon-estrelles-4 input[type="checkbox"]:checked + label {
    background-size: 60px;
  }
  .icon-estrelles-3 input[type="checkbox"] + label {
    background-size: 60px;
  }
  .icon-estrelles-3 input[type="checkbox"]:checked + label {
    background-size: 60px;
  }
  .icon-estrelles-2 input[type="checkbox"] + label {
    background-size: 60px;
  }
  .icon-estrelles-2 input[type="checkbox"]:checked + label {
    background-size: 60px;
  }
  .icon-estrelles-1 input[type="checkbox"] + label {
    background-size: 60px;
  }
  .icon-estrelles-1 input[type="checkbox"]:checked + label {
    background-size: 60px;
  }
  .historial-rwd {
    width: 80%;
  }
  .historial-rwd .historial .dropdown-toggle {
    font-size: 1.4em;
  }
  .historial-rwd .historial ul a {
    font-size: 1.6em;
    padding: 15px 0 15px 20px;
  }
  .historial .dropdown-toggle:hover {
    font-size: 1.4em;
  }
}

@media (max-width: 360px) {
  .contenedor-plano {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .navbar-toggle {
    width: 42px;
    height: 40px;
    padding: 7px 7px 7px 8px;
  }
  .navbar-toggle .icon-bar {
    width: 23px;
    height: 4px;
  }
  nav h1 {
    font-size: 1.4em;
    padding-top: 8px;
    height: 40px;
  }
  nav .icon-header {
    padding-top: 10px;
  }
  nav .icon-header .spgeneral {
    height: 22px;
    width: 22px;
    text-indent: -9999px;
    display: inline-block;
    border: 0 none;
  }
  nav .icon-header .icon-satel {
    background: none;
    padding: 0;
  }
  nav .icon-header .icon-localitzacio {
    background: none;
    padding: 0;
  }
  nav .icon-header a {
    margin-right: 9px;
  }
  nav li {
    border-bottom: 1px solid #fff;
  }
  .rwd-search {
    width: 93%;
    margin: 0px;
    top: 53px;
    left: 12px;
  }
  .rwd-search .icon-mas-rwd {
    background: url("/https/www.barcelona.cat/img/sprite-rwd-sm.png") left 0px;
    height: 35px;
    width: 35px;
    vertical-align: middle;
    float: right;
    border: none;
    cursor: pointer;
  }
  .opcions-gran > li > a {
    font-size: 1.05em;
    color: #000;
    padding: 13px 9px;
    font-weight: 200;
    padding: 13px 9px;
  }
  .opcions-gran .accordion-toggle {
    padding: 13px 9px;
  }
  .opcions-petit > li > a {
    font-size: 1.05em;
    color: #000;
    padding: 13px 9px;
    font-weight: 200;
  }
  .footer-menu a {
    font-size: .85em;
    padding: 8px 9px;
  }
  .leyenda-ayuntamiento {
    bottom: 10px;
    left: 10px;
  }
  .leyenda-ayuntamiento a {
    font-size: .65em;
  }
  .historial-rwd {
    top: 0px;
    width: 100%;
  }
  .historial-rwd .historial {
    font-size: .48em;
    padding-bottom: 0px;
    width: 86%;
    top: 42px;
  }
  .historial-rwd .historial li {
    height: auto;
  }
  .historial-rwd .historial .caret {
    background: url("/https/www.barcelona.cat/img/sprite-historial-sm.png") no-repeat;
    width: 35px;
    height: 27px;
    border: none;
    float: right;
    margin-right: 0px;
  }
  .historial-rwd .historial .open .caret {
    background-position: 0 -29px;
    cursor: pointer;
  }
  .historial-rwd .historial .dropdown-toggle {
    line-height: 26px;
    padding: 0 0 0 10px;
  }
  .historial-rwd .historial ul {
    -webkit-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.1);
  }
  .historial-rwd .historial ul a {
    font-size: 1.75em;
    padding: 11px 10px;
  }
  .historial .dropdown-toggle:hover {
    line-height: 26px;
    padding: 0 0 0 10px;
  }
  .nivell-Segon {
    top: 40px;
    padding: 0px !important;
  }
  .nivell-Segon .title-rwd a {
    height: auto;
    font-size: .75em;
    text-decoration: none;
  }
  .nivell-Segon .title-rwd a:hover {
    height: auto;
    font-size: .75em;
    text-decoration: none;
  }
  .nivell-Segon.indice {
    padding: 0;
  }
  .nivell-Segon.result-search {
    padding: 0;
  }
  .icon-segundo-rwd {
    background: url("/https/www.barcelona.cat/img/icon-submenu-sm.png") no-repeat;
    height: 28px;
    width: 24px;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
  }
  .subtitle-rwd {
    height: 28px;
  }
  .indice .block-indice {
    margin: 10px;
  }
  .indice .indice-alfa {
    margin-bottom: 10px;
  }
  .indice .indice-alfa li a {
    font-size: 1.4em;
    margin: 0 13px 5px 0;
  }
  .indice .indice-alfa li a:hover {
    font-size: 1.4em;
    margin: 0 13px 5px 0;
  }
  .indice .links-indice a {
    font-size: .83em;
    line-height: 13px;
  }
  .indice .links-indice li {
    margin-top: 6px;
  }
  .links-rela .block-result {
    margin: 20px;
  }
  .links-rela .block-result a {
    font-size: 0.85em;
  }
  .links-rela .block-result a:hover {
    font-size: 0.85em;
  }
  .links-rela .block-result p {
    font-size: 0.85em;
    line-height: 16px;
    margin-top: 2px;
  }
  .links-rela .block-result li {
    margin-bottom: 5px;
  }
  .result-search .title {
    font-size: 1.17em;
    padding: 20px 20px 0;
    line-height: 18px;
  }
  .result-search .block-result {
    margin-right: 20px;
    margin-left: 20px;
    padding: 12px 0;
  }
  .result-search .block-result li {
    margin-top: 2px;
  }
  .result-search p {
    font-size: 1em;
  }
  .result-search a {
    font-size: 0.85em;
    line-height: 15px;
  }
  .result-search a:hover {
    font-size: 0.85em;
    line-height: 15px;
  }
  .result-search p.subtitle {
    font-size: .88em;
    margin-top: 5px;
  }
  .block-result p {
    margin-bottom: 3px;
  }
  #codipostal {
    padding-bottom: 0;
  }
  .nivell-Segon.arees ul a {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .nivell-Segon.arees ul a:hover {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .nivell-Segon.circulation ul a {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .nivell-Segon.circulation ul a:hover {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .nivell-Segon.areas ul a {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .nivell-Segon.areas ul a:hover {
    padding: 6px 10px;
    font-size: 1.05em;
    height: auto;
  }
  .icon-circulation {
    margin: 0 10px 0 0;
    background-size: 30px;
    background: url("/https/www.barcelona.cat/img/icon-circulation-sm.png") no-repeat;
    height: 32px;
    width: 32px;
  }
  .icon-areas {
    margin: 0 10px 0 0;
    background-size: 30px;
    background: url("/https/www.barcelona.cat/img/icon-areas-sm.png") no-repeat;
    height: 32px;
    width: 32px;
  }
  .file .title {
    height: 60px;
  }
  .file .title h3 {
    margin-left: 18px;
    font-size: 1.25em;
  }
  .file .content-file {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0px;
  }
  .file .content-file label {
    font-size: 1.13em;
    font-weight: 300;
  }
  .file .content-file span {
    font-size: 1.13em;
    font-weight: 300;
    line-height: 14px;
  }
  .file .content-file a {
    font-size: 1.13em;
    font-weight: 300;
  }
  .file .content-file li {
    margin-top: 6px;
  }
  .file .content-file li a {
    line-height: 14px;
  }
  .file .content-file .link-bottom {
    margin-top: 30px;
  }
  .file .content-file .link-bottom li {
    width: 95%;
  }
  .file .content-file .link-bottom li .icon-mas:before {
    height: 36px;
    width: 36px;
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha-sm.png") no-repeat;
    content: "";
    float: left;
    margin-right: 6px;
  }
  .file .content-file .link-bottom li .icon-location:before {
    height: 36px;
    width: 36px;
    background: url("/https/www.barcelona.cat/img/icon-bottom-ficha-sm.png") no-repeat;
    content: "";
    float: left;
    margin-right: 6px;
  }
  .file .content-file .link-bottom li a span {
    height: 36px;
    padding-left: 5px;
  }
  .file .content-file .link-bottom a {
    width: 100%;
  }
  .file .content-file .link-bottom .social-ficha {
    padding-top: 23px;
  }
  .file .content-file .link-bottom .social-ficha li {
    width: auto;
    clear: none;
    margin-top: 0px;
  }
  .file .content-file .link-bottom > li {
    margin-top: 6px;
  }
  .file .social-ficha {
    position: relative;
  }
  .file .social-ficha a.icon-facebook {
    background-position: 0 0;
  }
  .file .social-ficha a.icon-email {
    background-position: -34px 0;
  }
  .file .social-ficha a.icon-twitter {
    background-position: -68px 0;
  }
  .file .social-ficha a.icon-print {
    background-position: -102px 0;
  }
  .file .social-ficha a.icon-google {
    background-position: -137px 0;
  }
  .file .link-bottom .social-ficha a {
    height: 31px;
    width: 31px;
    background-image: url("/https/www.barcelona.cat/img/icon-social-ficha-sm.png");
    float: left;
    margin-right: 2px !important;
    text-indent: -9999px;
  }
  .file .image-ficha + .content-file {
    margin-top: 10px;
  }
  .no-result {
    font-size: 1.23em;
    line-height: 17px;
    padding: 20px;
  }
  .marcas {
    max-width: 217px;
    width: 217px;
    padding: 5px;
    bottom: 10px;
    left: 10px;
  }
  .marcas img {
    float: left;
    margin: 3px 8px;
    width: 27px;
    height: 27px;
  }
  .marcas span {
    font-size: .8em;
  }
  .icon-eliminar {
    background: url("/https/www.barcelona.cat/img/quitar-marcas-sm.png") no-repeat;
    width: 36px;
    height: 36px;
    float: right;
    text-indent: -9999px;
    margin-left: 20px;
  }
  .cerca-avancada .opcions-gran .accordion-toggle {
    font-size: 1.05em;
    padding: 8px 12px;
  }
  .cerca-avancada .panel-body {
    padding: 8px 10px;
  }
  .cerca-avancada .accordion-toggle {
    font-size: 1em;
  }
  .cerca-avancada .camp-petit[type="text"] {
    border: 1px solid #a6a6a6;
    color: #666666;
    font-size: .86em;
    font-style: normal;
    font-weight: 300;
    height: 32px;
    padding-left: 10px;
    width: 100%;
  }
  .camp-petit[type="text"] {
    height: auto;
    padding: 0px 7px;
  }
  .servicios .panel-body {
    padding: 8px 10px;
  }
  .servicios .accordion-toggle {
    font-size: 1em;
  }
  .servicios #accordion-servicios .segundo-nivel-accordion .accordion-toggle {
    font-size: .95em;
    background-color: #d9d9d9;
    padding: 12px 4px 12px 23px;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion a {
    padding-left: 30px;
  }
  .servicios #accordion-servicios .tercer-nivel-accordion label {
    color: #000;
    display: table-cell;
    font-size: 0.9em;
    font-weight: 200;
    padding-left: 45px;
    vertical-align: middle;
  }
  button.btn-cercar {
    height: 30px;
    background-position: 130px -247px;
  }
  .codi-postal {
    height: auto;
  }
  .opcions-petit.codi-postal a {
    font-size: .85em;
    height: auto;
  }
  .segundo-nivel-accordion .accordion-toggle:hover {
    background-color: #0074f8 !important;
    color: #FFF;
  }
  .segundo-nivel-accordion .accordion-toggle:focus {
    background-color: #0074f8 !important;
    color: #FFF;
  }
  .tooltip-brand {
    top: 94px !important;
    padding: 7px;
    margin: 0 10px;
  }
  .tooltip-brand p {
    font-size: 1.1em;
  }
  .tooltip-brand a {
    font-size: .8em;
  }
  .point {
    top: 250px;
    left: 50%;
  }
  a.point.selected img {
    bottom: 3px;
    left: -10px;
    position: absolute;
  }
  .icon-camaras {
    background: url("/https/www.barcelona.cat/img/icon-camaras-sm.png") no-repeat;
    height: 32px;
    width: 32px;
  }
  .tercer-nivel-accordion {
    padding: 10px 0;
  }
  .tercer-nivel-accordion .opcions-gran a {
    height: 40px;
  }
  .icon-allot input[type="checkbox"] + label {
    height: 32px;
  }
  .icon-estrelles-5 input[type="checkbox"] + label {
    background-size: 32px;
  }
  .icon-estrelles-5 input[type="checkbox"]:checked + label {
    background-size: 32px;
  }
  .icon-estrelles-4 input[type="checkbox"] + label {
    background-size: 32px;
  }
  .icon-estrelles-4 input[type="checkbox"]:checked + label {
    background-size: 32px;
  }
  .icon-estrelles-3 input[type="checkbox"] + label {
    background-size: 32px;
  }
  .icon-estrelles-3 input[type="checkbox"]:checked + label {
    background-size: 32px;
  }
  .icon-estrelles-2 input[type="checkbox"] + label {
    background-size: 32px;
  }
  .icon-estrelles-2 input[type="checkbox"]:checked + label {
    background-size: 32px;
  }
  .icon-estrelles-1 input[type="checkbox"] + label {
    background-size: 32px;
  }
  .icon-estrelles-1 input[type="checkbox"]:checked + label {
    background-size: 32px;
  }
  .link-show-in-map {
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 0px;
  }
  .link-show-in-map a {
    color: #fff !important;
    padding-top: 15px;
    padding-left: 40px;
    display: block;
    height: 44px;
    background: url("/https/www.barcelona.cat/img/ico-mostrar.png") no-repeat #0074f8 10px center;
    background-size: 22px;
    font-weight: 300;
    font-size: .85em;
  }
  .link-show-in-map a:hover {
    color: #fff !important;
    padding-top: 15px;
    padding-left: 40px;
    display: block;
    height: 44px;
    background: url("/https/www.barcelona.cat/img/ico-mostrar.png") no-repeat #0074f8 10px center;
    background-size: 22px;
    font-weight: 300;
    font-size: .85em;
    color: #666;
  }
  .link-show-in-map span {
    font-weight: 400;
    font-size: 1.1em;
  }
}

@media (min-width: 641px) {
  .scrollbox {
    overflow: auto;
    height: 540px;
    padding: 0 27px 0 0px !important;
    width: auto !important;
  }
  .nivell-Segon.indice .scrollbox {
    height: 424px;
    width: 246px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .nivell-Segon.file .scrollbox {
    height: 240px;
    width: 236px;
  }
  .servicios .scrollbox {
    height: 429px !important;
  }
  .servicios .track4 {
    width: 20px;
    height: 372px !important;
  }
  .servicios div:nth-child(6n+4) {
    top: 28px !important;
    left: 426px !important;
  }
  .indice .track4 {
    width: 20px;
    height: 390px !important;
  }
  .indice div:nth-child(5n+5) {
    left: 240px !important;
  }
  .scroll-close {
    height: 20px;
    width: 20px;
    background: url("/https/www.barcelona.cat/img/menu/spriteMenuW.png");
    background-repeat: no-repeat;
    background-position: -45px -1px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    border: 1px solid #fff;
  }
  .handle4 {
    width: 20px;
    background-color: #f4f4f4 !important;
  }
  .handle4:hover {
    background-color: #ddd !important;
  }
  .scroll-up-btn {
    height: 20px;
    background: #f4f4f4 url("/https/www.barcelona.cat/img/menu/spriteMenuW.png") no-repeat !important;
    background-position: -31px -17px !important;
  }
  .scroll-up-btn:hover {
    background-color: #ddd !important;
  }
  .scroll-down-btn {
    height: 20px;
    background: #f4f4f4 url("/https/www.barcelona.cat/img/menu/spriteMenuW.png") no-repeat !important;
    background-position: -31px -17px !important;
    background-position: -52px -16px !important;
  }
  .scroll-down-btn:hover {
    background-color: #ddd !important;
  }
  .missatge_canvis_carrers.mobile {
    display: none;
  }
  .missatge_canvis_carrers {
    display: block;
  }
}

@media (min-width: 361px) and (max-width: 640px) {
  .nivell-imprimacio article:nth-child(2) ul li a {
    font-size: 1.5em;
  }
}

#main-menu {
  /*position: fixed;*/
  position: absolute;
  z-index: 1002;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000029;
  width: 80vw;
}

.fitxes[small] {
  z-index: 1003;
}

.menu-link {
  font: 600 14px/16px Source Sans Pro;
  color: #0070F0;
  text-transform: uppercase;
  margin-bottom: 13px;
  margin-left: 20px;
  display: block;
}

#mapa {
  height: 100% !important;
  transition: all 0.5s linear;
}

.llegendaContainer {
  display: flex !important;
  flex-direction: row;
  width: 100% !important;
}

#filtres-mapa {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1001;
  display: none;
}

@media (min-width: 640px) {
  body {
    max-height: 100vh !important;
  }
  main {
    display: flex;
    flex-direction: row;
  }
  #main-menu {
    min-width: 320px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
  }
  #main-menu,
#mapa {
    /*position: unset !important;*/
    max-height: 100vh;
    height: 100%;
  }
  #filtres-mapa {
    position: absolute;
    bottom: 25px;
    left: 340px;
  }
  #selector-transports {
    position: absolute;
    bottom: 62px;
    right: 86px;
    transition: all 0.5s linear;
  }
  .fitxes.opened ~ #selector-transports {
    right: 406px;
  }
}

#selector-transports {
  z-index: 10000;
  position: absolute;
}

.fitxes {
  position: absolute;
  bottom: 0px;
  width: 100vw;
  z-index: 10000;
  display: none;
  height: 0px;
}

.fitxes[small].opened {
  display: block;
  height: unset;
}

.fitxes.opened {
  height: 100%;
  display: block;
}

#social_share {
  display: none;
}

.fitxes.opened ~ #eines-mobil {
  display: none;
}

#eines-mobil {
  position: absolute;
  bottom: 30px;
  z-index: 1001;
}

@media (min-width: 640px) {
  .fitxes {
    right: -340px;
    width: 320px;
    height: 100%;
    top: 0px;
    transition: all 0.5s linear;
    display: block;
  }
  .fitxes.opened {
    right: 0px;
  }
  .fitxes.amagat {
    right: -320px;
  }
  /*.fitxes.opened ~ #eines-mobil {
        display: block;
    }*/
  #social_share {
    z-index: 1;
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 9999;
    display: block;
  }
  #eines-mobil {
    display: none;
    position: absolute;
    bottom: 20px;
    z-index: 1001;
  }
  #filtres-mapa {
    display: block;
  }
}

.desktop {
  display: none;
}

.mobile {
  display: block;
}

@media screen and (min-width: 640px) {
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  #main-menu[showmenu] {
    height: 100%;
  }
}

#massaLluny span.close-btn {
  position: absolute;
  right: 7px;
  cursor: pointer;
}



/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0; 
}

.jcarousel li {
    margin-top: 1px !important;
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    opacity: 0.5;
    margin-top: -15px;
    width: 20px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 3px;
}

.jcarousel-control-next {
    right: 3px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}



.geobcn .ui-menu .ui-menu-item.item-cruilla-grup .icon,
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi .icon,
.geobcn .ui-menu .ui-menu-item.item-cruilla .icon,
.geobcn .ui-menu .ui-menu-item.item-via .icon{
    background: url(/https/www.barcelona.cat/img/carrers_i_cruilles.png) no-repeat left;
    display: block;
    height: 25px;
    margin-left: 0!important;
    background-position: -3px -3px;
}

.geobcn .ui-menu .ui-menu-item.item-cruilla-multi {
    padding-left: 15px;
}

.geobcn .ui-menu .ui-menu-item.item-via .icon{
    background-position: -32px -3px;
}


.geobcn .ui-menu .ui-menu-item.item-via .icon{
    background-position: -32px -3px;
}

.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-N .icon{
    background-position: -3px -33px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-NE .icon{
    background-position: -32px -153px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-E .icon{
    background-position: -3px -63px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-SE .icon{
    background-position: -32px -183px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-S .icon{
    background-position: -3px -93px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-SO .icon{
    background-position: -3px -183px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-O .icon{
    background-position: -3px -123px;
}
.geobcn .ui-menu .ui-menu-item.item-cruilla-multi.posicio-relativa-NO .icon{
    background-position: -3px -153px;
}

/* @see https://codepen.io/jczimm/pen/vEBpoL
*/
.google-loader {
  position: relative;
  margin: 0 auto;
  width: 25px;
}
.google-loader::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.google-loader .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.google-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: google-loader-dash 1.5s ease-in-out infinite, google-loader-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes google-loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes google-loader-color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}