/**
 * RETICULAS CSSFRAMEWORK - social_networking.css
 *
 * @description     Implementa iconos mediante una lista para redes sociales
 *
 * @copyright       Copyright (C) 2010, Sond3
 * @license         CC BY-NC-SA http://creativecommons.org/licenses/by-nc-sa/3.0/es/
 *                  http://creativecommons.org/licenses/by-nc-sa/3.0/es/legalcode.es
 *
 * @link            http://www.reticulas.com
 * @info            http://www.sond3.com
 *
 * @version         0.7.0
 */

/* imagenes de sustitucion
----------------------------------------------------------- */
ul.socialnet {
    margin:15px 0 0 0;
    padding:0;
}
ul.socialnet li {
    background-repeat:no-repeat;
    margin-bottom:0px;
    padding:0;
    display:block;
    text-indent:-4000px;
    width:45px;
    height:45px;
}
ul.socialnet a {
    width:100%;
    height:100%;
    display:block;
    text-indent:-4000px;
}
/* aplicar para que aparezcan en linea
----------------------------------------------------------- */
ul.socialine li{ float:left; margin-right:10px;}

/* imagen de fondo
----------------------------------------------------------- */
li.facebooknet, li.facebooknet a:hover, li.twitternet,li.twitternet a:hover,
li.googlereadnet, li.googlereadnet a:hover{
    background-image: url(img/socialnetworking.gif);
}

/* FACEBOOK
----------------------------------------------------------- */
ul.socialnet li.facebooknet{ background-position:-92px 0px;}
ul.socialnet li.facebooknet a:hover{ background-position:-92px -47px;}

/* TWITTER
----------------------------------------------------------- */	
ul.socialnet li.twitternet{ background-position:1px 0px;}
ul.socialnet li.twitternet a:hover{ background-position:1px -47px;}

/* GOOGLE READER
----------------------------------------------------------- */	
ul.socialnet li.googlereadnet{ background-position:-46px 0px;}
ul.socialnet li.googlereadnet a:hover{ background-position:-46px -48px;}