a.vermas{

  color: #fff;
}

div#imagen {
  width: 213px;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/beneficiosgris.jpg");
  margin: 5px auto;
}

div#info {
  position:absolute;
  overflow:hidden;
  width: 213px;
  height: 20px;
  /*background-color: rgba(31, 31, 31, 0.9);*/
  opacity:0;
  transition: height 1s;
}

div#imagen:hover div#info {
  opacity:1;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/beneficios.jpg");
}

p#headline {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 2s;
  color:#000;
  font-family:Arial Black;
  font-size: 18px;
}

div#imagen:hover p#headline {
  margin-left: 35px;
}

p#descripcion {
  font-size: 1rem;
  margin-left: 35px;
  margin-top: 200px;
  transition: margin-top 2s;
  color:#fff;
  font-family:Arial;
}

div#imagen:hover p#descripcion {
  margin-top: 75px;
}

/*segundo boton*/
div#imagen2 {
  width: 213px;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/proyectosgris.jpg");
  margin: 5px auto;
}

div#info2 {
  position:absolute;
  overflow:hidden;
  width: 213px;
  height: 20px;
  /*background-color: rgba(31, 31, 31, 0.9);*/
  opacity:0;
  transition: height 1s;
}

div#imagen2:hover div#info2 {
  opacity:1;
  height: 105px;

 background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/proyectos.jpg");
}

p#headline2 {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 2s;
  color:#000;
  font-family:Arial Black;
  font-size: 18px;
}

div#imagen2:hover p#headline2 {
  margin-left: 35px;
}

p#descripcion2 {
  font-size: 1rem;
  margin-left: 35px;
  margin-top: 200px;
  transition: margin-top 2s;
  color:#fff;
  font-family:Arial;
}

div#imagen2:hover p#descripcion2 {
  margin-top: 75px;
}

/*tercer boton*/
div#imagen3 {
  width: 213px;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/comitestecnicosgris.jpg");
  margin: 5px auto;
}

div#info3 {
  position:absolute;
  overflow:hidden;
  width: 213px;
  height: 20px;
  /*background-color: rgba(31, 31, 31, 0.9);*/
  opacity:0;
  transition: height 1s;
}

div#imagen3:hover div#info3 {
  opacity:1;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/comitestecnicos.jpg");
}

p#headline3 {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 2s;
  color:#000;
  font-family:Arial Black;
  font-size: 18px;
}

div#imagen3:hover p#headline3 {
  margin-left: 35px;
}

p#descripcion3 {
  font-size: 1rem;
  margin-left: 35px;
  margin-top: 200px;
  transition: margin-top 2s;
  color:#fff;
  font-family:Arial;
}

div#imagen3:hover p#descripcion3 {
  margin-top: 75px;
}

/*cuarto boton*/
div#imagen4 {
  width: 200px;
  height: 200px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/peticionesquejasreclamos.jpg");
  margin: 5px auto;
}

div#info4 {
  position:absolute;
  overflow:hidden;
  width: 200px;
  height: 20px;
  background-color: rgba(31, 31, 31, 0.9);
  opacity:0;
  transition: height 1s;
}

div#imagen4:hover div#info4 {
  opacity:1;
  height: 200px;
}

p#headline4 {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 2s;
  color:#fff;
  font-family:Arial Black;
}

div#imagen4:hover p#headline4 {
  margin-left: 35px;
}

p#descripcion4 {
  font-size: 1rem;
  margin-left: 35px;
  margin-top: 200px;
  transition: margin-top 2s;
  color:#fff;
  font-family:Arial;
}

div#imagen4:hover p#descripcion4 {
  margin-top: 75px;
}

/*quinto boton*/
div#imagen5 {
  width: 213px;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/snarivgris.jpg");
  margin: 5px auto;
}

div#info5 {
  position:absolute;
  overflow:hidden;
  width: 213px;
  height: 20px;
  /*background-color: rgba(31, 31, 31, 0.9);*/
  opacity:0;
  transition: height 1s;
}

div#imagen5:hover div#info5 {
  opacity:1;
  height: 105px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("../imagenes/snariv.jpg");
}

p#headline5 {
  position: absolute;
  font-size: 1.5rem;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 2s;
  color:#000;
  font-family:Arial Black;
  font-size: 18px;
}

div#imagen5:hover p#headline5 {
  margin-left: 35px;
}

p#descripcion5 {
  font-size: 1rem;
  margin-left: 35px;
  margin-top: 200px;
  transition: margin-top 2s;
  color:#fff;
  font-family:Arial;
}

div#imagen5:hover p#descripcion5 {
  margin-top: 75px;
}


h1 {
color: #323133;
 font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
text-decoration: none; 
text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
text-transform: none; 
word-spacing: -2px;

}

.container-logo > .img-responsive{
    margin: 0 auto;
}

.parrafo{
  
  text-align: justify;

  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;

  -moz-column-gap: 3em;
  -webkit-column-gap: 3em;
  column-gap: 3em;


  -moz-column-width: 140px;         
  -webkit-column-width: 140px;
  column-width: 140px;
}

.parrafo2{
  
  text-align: justify;
  padding-bottom: 10px;

  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;

  -moz-column-gap: 3em;
  -webkit-column-gap: 3em;
  column-gap: 3em;


  -moz-column-width: 180px;       
  -webkit-column-width: 180px;
  column-width: 180px;
}

.tituloemprendimiento {
color: #8a0072;
 font-family: Georgia, Serif, Helvetica Neue, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
text-decoration: none; 
text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
text-transform: none; 
word-spacing: -2px;
margin-top: -20px;
text-align: center;
}

.ventana:hover:after {
   content: attr(original-title); /* este es el texto que será mostrado */
   position: absolute;
    z-index: 500;
    /* el formato gráfico */
    background: #eee5c8 ;
    border-radius: 5px;
    color: #000; /* el color del texto */
    font-family: Georgia;
    font-size: 12px;
    padding: 5px 15px;
    text-align: justify;
    width: 440px;

  }
.ventana:hover:before {
    content: "";
    left: 10%;
    position: absolute;
    z-index: 500;
    /* el triángulo inferior */
    border: solid;
    border-color: white transparent;
    border-width: 6px 6px 0 6px; /* Triangulo sentido abajo*/

  }

 .fondoinstitucional {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondoinstitucional.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondoinstitucional.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}
 .fondoemprendimiento {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondoemprendimiento.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondoemprendimiento.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}
 .fondosomosmas {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondosomosmas.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondosomosmas.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

 .fondoenlacedevictimas {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondoenlacedevictimas.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondoenlacedevictimas.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}
 .fondoyosoylider {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondoyosoylider.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondoyosoylider.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

 .fondogris {
  margin-top: -35px;
  background-color: #ccc;
  min-width: 1300px;
  min-height: 800px;
}
 .fondoiniciosesion {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondoiniciosesion.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondoiniciosesion.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}
 .fondocomitestecnicos {
  margin-top: -35px;
  min-height: 800px;
  background-image: url("../imagenes/fondocomitestecnicos.jpg");

  -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 100% 100%;           /* Opera 9.5 */
          background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
  -moz-border-image: url("../imagenes/fondocomitestecnicos.jpg") 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}