@charset "utf-8";
/* CSS Document */
      body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
      fieldset, input, textarea, p, blockquote, th, td {
          padding: 0;
		  margin: 0;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;

         }
      table {
       border-collapse: collapse;
        border-spacing: 0;
          }
      fieldset,img {
          border: 0;
          }
      address,caption,cite,code,dfn,em,strong,th,var {
          font-weight: normal;
          font-style: normal;
          }
      ol,ul {
          list-style: none; }
      caption,th {
          }
      h1,h2,h3,h4,h5,h6 {
          font-weight: normal;
          font-size: 100%;}
      q:before,q:after {
          content:'';}
      abbr,acronym { border: 0; }
	  p{
	  line-height:1.4em;}
body{
    background-image:url("img/bg_body.jpg");
    background-repeat:repeat-x;
    background-color:#f1f0f0;

}
.redes_sociales{
    float:left;
    display:block;
    margin-top:52px;
    width:105px;
}
.redes_sociales li{
height:41px;
    float:right;
    margin-right:5px;
        display:block;
}

.wrapper_nootebook{
    float:left;
    display:block;
    margin-top:63px;
}
.main{

margin-left:213px;

}
.nodos{
      background-image:url("img/flechas.jpg");
      background-repeat:no-repeat;
      width:139px;
      height:334px;
      float:left;
}
.notebook{
      background-image:url("img/estudiocc_socialmedia.jpg");
      background-repeat:no-repeat;
      width:266px;
      height:334px;
      float:left;
}
.flechas{
      background-image:url("img/flechas2.jpg");
      background-repeat:no-repeat;
      width:231px;
      height:345px;
      float:left;
    display:block;
}
.footer{
    background-image:url("img/bg_footer.jpg");
    width:512px;
    height:81px;
    float:left;
    display:block;
    margin-top:50px;
    }

.footer p{
    margin-top:15px;
    font-family:sans-serif;
    font-size:11px;
    margin-left:32px;
margin-top:38px;
}
#replaced_google{
                display:block;
                width:97px;
                height:26px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/google2.jpg) top left no-repeat;
    }
    a#replaced_google:hover {
         background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
    }

#replaced_flickr{
                display:block;
                width:94px;
                height:21px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/flickr2.jpg) top left no-repeat;
    }
    a#replaced_flickr:hover {
         background-position:0 -20px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
    #replaced_twitter{
                display:block;
                width:97px;
                height:17px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/twitter2.jpg) top left no-repeat;
    }
    a#replaced_twitter:hover {
         background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
#replaced_facebook{
                display:block;
                width:95px;
                height:27px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/facebook2.jpg) top left no-repeat;
    }
    a#replaced_facebook:hover {
         background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
#replaced_wordpress{
                display:block;
                width:87px;
                height:40px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/wordpress2.jpg) top left no-repeat;
    }
    a#replaced_wordpress:hover {
         background-position:0 -40px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
    #replaced_youtube{
                display:block;
                width:93px;
                height:27px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/you-tube2.jpg) top left no-repeat;
    }
    a#replaced_youtube:hover {
         background-position:0 -27px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
     #replaced_xing{
                display:block;
                width:98px;
                height:30px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/xing2.jpg) top left no-repeat;
    }
    a#replaced_xing:hover {
         background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
         #replaced_linkedin{
                display:block;
                width:96px;
                height:20px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/linked-in2.jpg) top left no-repeat;
    }
    a#replaced_linkedin:hover {
         background-position:0 -19px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
    #replaced_twitxr{
                display:block;
                width:93px;
                height:20px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(img/twistxr2.jpg) top left no-repeat;
    }
    a#replaced_twitxr:hover {
         background-position:0 -20px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
.link:link{
    text-decoration:none;
    color:#000000;
    }
    .link:visited{
    text-decoration:none;
    color:#000000;
    }
    .link:hover{
    text-decoration:underline;
    color:#000000;
    }