MODELO DIGITAL

juego argentino preguntados

http://www.lanacion.com.ar/1680791-preguntados-la-trivia-para-telefonos-movil-que-es-furor-en-america-latina

secretaria digital
http://www.lanacion.com.ar/1681009-despues-de-siri-y-google-now-llegan-cortana-y-jasper


GALERIA

<style>
.ayudadeblogger { /* 300x188 */
    border: 10px solid #FFF;
    cursor: pointer;
    height: 188px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
  }
  .ayudadeblogger img { /* la imagen */
    display: block;
    position: relative;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .ayudadeblogger:hover img {
    -moz-transform: rotate(720deg) scale(0);
    -webkit-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .ayudadeblogger .mask {
    background-color: #094B8D;
    height: 188px;
    left: 0;
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 300px;
    -moz-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .ayudadeblogger:hover .mask {
    -moz-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    -moz-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .ayudadeblogger h4 { /* ecuador-turistico.com */
    background-color: rgba(255, 255, 255, 0.5);
    color: #fff;
    text-align: center;
    position: relative;
    font-family: Georgia;
    font-size: 20px;
    margin: 20px 0 0 0;
    padding: 5px 0;
    text-shadow: 0 3px 1px #000;
    -moz-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .ayudadeblogger:hover h4 {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .ayudadeblogger p {
    color: #000;
    font-family: Tahoma;
    font-size: 13px;
    margin: 0;
    padding: 15px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
    -moz-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .ayudadeblogger:hover p {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .ayudadeblogger a.info {
    background-color: #456;
    border-radius: 5px;
    box-shadow: 0 0 2px #FFF, 0 0 5px #FFF inset;
    color: #FFF;
    display: inline-block;
    padding: 7px 14px;
    text-decoration: none;
    -moz-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .ayudadeblogger a.info:hover {
    box-shadow: 0 0 5px #FFF;
  }
  .ayudadeblogger:hover a.info {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
</style>
<div class="ayudadeblogger">
  <img src="http://impresora3dprinter.com/wp-content/uploads/2013/03/lapiz-dibujo-3d-2-300x112.jpg" />
  <div class="mask">
    <h4> DISEÑO DE OBJETOS </h4>
    <p> Crean un lápiz que permite crear piezas sin una impresora 3D </p>
    <a href="http://impresora3dprinter.com/crean-un-lapiz-que-permite-crear-piezas-sin-una-impresora-3d/2013/03/09/"
class="info"> LEER MAS </a>
</div>
</div>
<!--
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYVDKPFqFz3TEqbP56BbeaWpfLdYp9NKmH8edgq1aJKkYfsfedZKmpVbQ2ZEkhyphenhyphenfgLsnpUBOXGc56Uc-ffz6dTqicROXjYrpDoGpiCLniBIUWOPbUirFYvPIHKvDERPJ0j3TGiGRcJwig/s1600/ayudadeblogger+1.jpg" />
  <div class="mask">
    <h4> AQUI EL TITULO </h4>
    <p> Aquí su texto resumido </p>
    <a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUzBiEH421nNEN0PIcss1X8qVCs7IeYwWuqdpuIFVnRs1xP0Ti6Jk-FJDfaG6KrFkfRAXnl1PCNvr8tHyxBG7G71CuwFXvrIjYkT9A5mbs2GrvZNzRXlB7Dnq3MIssViSjzas02-Jq4QQ/s1600/ayudadeblogger+1.jpg" />
  <div class="mask">
    <h4> AQUI EL TITULO </h4>
    <p> Aquí su texto resumido </p>
    <a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRTzEl4Oftjlm8gChRKjdusYAzw1aeb7LuxDOTL8TCZk1NlpoeDiF-GDuzrxx51zdIHHNSv58iqyOgW95iwh0Oqc0vfViCsPEG0WyxXi6AEURJ4eOwQ78KoLxuRXVCEmgA1B4hed7fBY/s1600/ayudadeblogger+1.jpg" />
  <div class="mask">
    <h4> AQUI EL TITULO </h4>
    <p> Aquí su texto resumido </p>
    <a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
-->