body {
      padding-top: 57px;
}

.fichas h2 {
      font-size: 1.6em;
      margin: .7em 2em 0 2em;
}

.img-responsive-tarjeton {
      max-width: 112%;
      margin-left: -15px;
      position: absolute;
      width: 100%;
      bottom: 0;
}

.participacionTarjeta {
      width: 100%;
      position: absolute;
      left: -30px;
      top: 15px;
}


.bg {
      background-color: #000;
}

.cabecera {
      margin-top: -20px;
      min-height: 200px;
      margin-bottom: 2em;
}

.card {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
      position: relative;
      /*padding-bottom: 5em;*/
      background: #E9E9E9;
}

.card a {
      text-decoration: none;
}

.card h2 {
      font-size: 2em;
      margin: .5em 0 .5em;
}

.card2 {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
      position: relative;
      padding-bottom: 1em;
}

.card2 h3 {
      margin-top: 20px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 1.5em;
}

.card2 h3.btn {
      font-size: 1em;
}

.card-footer {
      background: #E6E6E6 !important;
}

.card:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.datos-abiertos,
.participacion,
.transparencia {
      margin-top: 80px;
}

.f-s-1rem {
      font-size: 1.5rem;
}

.fnd-gris-claro-gobiernoAbierto,
.form-indice {
      background: rgba(233, 233, 233, .5);
}

.full-screen-box {
      margin-bottom: 14px;
}

.list-barrios li {
      border: 1px solid #fff;
}

.list-barrios li:hover {
      background: #eee;
}

.m-h-37em {
      min-height: 35em !important;
}

.m-h-200px {
      min-height: 200px;
}

.m-t--20px {
      margin-top: -20px;
}

.m-t--100px {
      margin-top: -100px;
}

.participacion .card {
      background: #E9E9E9 url(/cont/vistas/portal/gobierno-abierto/img/globo.png) top no-repeat;
}

.redes-sociales {
      font-size: 42px;
      position: relative;
      text-align: right;
      padding: 1.5em 0 0 0;
}

.subtitulo {
      padding-top: 2em;
      margin-left: 50px;
      font-size: 1.6em;
      margin: .7em 2em 0 2em;
}

.listado-datos h3 {
      min-height: 3.5em;
}

.listado-datos li:nth-child(1) .radius {
      border: 4px solid #F42F26;
}

.listado-datos li:nth-child(2) .radius {
      border: 4px solid #01D1C4;
}

.listado-datos li:nth-child(3) .radius {
      border: 4px solid #A962DC;
}

.listado-datos li:nth-child(4) .radius {
      border: 4px solid #FF9C27;
}

.listado-datos .lead {
      font-size: 36px;
}

.listado-datos .card {
      min-height: 10em;
}


#rscont a {
      color: #white !important;
}

/* media Querires */
@media (max-width:1024px) {
      .card h2 {
            font-size: 1.7em;

      }
}

@media (max-width: 768px) {

      .cabecera {
            margin-bottom: 60px;
      }

      .redes-sociales {
            font-size: 42px;
            position: relative;
            align: right;
            padding: 0 15px 0 0;
      }

      .subtitulo {
            padding: 10px 0 0 0;
            font-size: 1.2em;
            margin: 1em 2em 1em 2em;
      }

      .img-responsive-tarjeton {
            margin-left: -22px !important;
            max-width: 110%;

      }

      .participacionTarjeta {
            top: 0;
      }
}

@media (min-width: 768px) {
      .card {
            min-height: 34em;
      }

      .card2 {
            min-height: 10em;
      }

}

@media(max-width:485px) {
      .img-responsive-tarjeton {
            margin-left: 0px !important;
            position: relative;
      }

      .participacionTarjeta {

            width: 84%;
            left: -48px;
            top: 0;
      }
}