/*Botones sociales por @sergiom23 */
/*http://sergiom23.com/blog/botones-sociales-con-efecto-hover-en-css3/ */
@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
.botones{
width:95%;
height:auto;
margin-left:5%;
margin-top:5px;
}
body {
font-weight: 90;
}

.social-network{display:inline-block;background:url(http://virae.org/demo/plain/img/social-networks.png) no-repeat top left;
width:32px;
height:32px;
background-position-y:-42px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
cursor:pointer}
.social-network.facebook{background-position:-210px -42px}
.social-network.twitter-old{background-position:-1092px -42px}
.social-network.twitter{background-position:-1134px -42px}
.social-network.youtube{background-position:-1260px -42px}
.social-network.facebook:hover,.active .social-network.facebook{background-position:-210px 0}
.social-network.twitter-old:hover,.active .social-network.twitter-old{background-position:-1092px 0}
.social-network.twitter:hover,.active .social-network.twitter{background-position:-1134px 0}
.social-network.youtube:hover,.active .social-network.youtube{background-position:-1260px 0}