/* General | Documentación de Interés General | Articulo en "Interviu" sobre el dia del Guerrillero en el año 1990 */
.card {
  background: #fff;
  border-radius: 2px;
  height: 319px;
  width: 886px;
}
/* Final General | Documentación de Interés General | Articulo en "Interviu" sobre el dia del Guerrillero en el año 1990 */

/*! Pagina de inicio | Proyectos en Marcha */
.card1 {
  background: #fff;
  border-radius: 5px;
  margin: 0 6px 0 0;
  padding:3px 3px;
  display: inline-block;
  height: 224px;
  width: 270px;
}

.card1 .title{
    font-size:16px;
    font-weight: bold;
    color:#2f3032;
    text-transform:uppercase;
    margin:0 0 2px 0;
}

.card2 {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 2px;
  margin: 0px 5px;
  position: relative;
  margin-right: 12px;
  height: 40px;
  width: 220px;
}

.card3 {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 2px;
  margin: 0px 5px;
  position: relative;
  margin-right: 12px;
  height: 40px;
  width: 350px;
}
/*! Final Pagina de inicio | Proyectos en Marcha */

.card-1 {
  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);
}

.card-1:hover {
  box-shadow: 0 8px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

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

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.card-6 {
  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);
}