<style>

#slide_box{text-align:left; width:98%;}

.slide_widg { width:100%; margin:0;padding:2px;font-family:georgia; float:left;}

.box_esterno { width:100%; overflow:hidden; margin:0;}

.box_esterno .slider {padding:0; margin:0; list-style:none; width:100%; overflow:hidden;}

.box_esterno .slider li {display:block; float:left; height:78px;border-bottom:2px solid #fff; width:100%; overflow:hidden;transition: 0.75s;}

.box_esterno .slider.current li {height:42px;}

.box_esterno .slider li.Fb1{background:#84ace4;}

.box_esterno .slider li.Gg2{background:#f74848;}

.box_esterno .slider li.Tw3{background:#DDEEF6;}

.box_esterno .slider:hover li.Fb1,

.box_esterno .slider:hover li.Gg2,

.box_esterno .slider:hover li.Tw3

{height:42px;}

.box_esterno .slider:hover li.Fb1:hover {height:360px;}

.box_esterno .slider:hover li.Gg2:hover {height:340px}

.box_esterno .slider:hover li.Tw3:hover {height:360px}

.box_esterno .slider li span {padding:0 15px; margin:0; font-size:18px;font-weight:700;line-height:48px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);cursor:pointer}

.box_esterno .slider li {color:#fff;}

.box_esterno .slider li.Gg2 span,

.box_esterno .slider li.Tw3 span {color:#fff;}

.box_esterno .slider li.Gg2 .content {padding:0 15px;margin:0;width:100%;}

</style>

<div id="slide_box">

<div class="slide_widg">

<div class="box_esterno">

<ul class="slider current">

<li class="Fb1">

<div>

<span> Amici Facebook</span>

<div class="content">

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fideepercomputeredinternet&width=240&colorscheme=light&connections=12&stream=false&header=false&height=310' style='border:none; overflow:hidden; width:240px; height:310px;'/></iframe> </div>

</div></li>

<li class="Gg2 current">

<div>

<span>Follower Google+ </span>

<div class="content">

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/+ErnestoTirinnanzi/" data-source="blogger:blog:followers" data-width="250"> </div> <script type="text/javascript"> (function() { window.___gcfg = {'lang': 'it'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>

</div>

</li>

<li class="Tw3">

<div>

<span>Follower Twitter</span>

<div class="content">

<div id="twitter-box"></div>

<script>

var tw_user = 'parsifal32';

var tw_width = 240;

var tw_height = 310;

var no_face = 12;

var tw_color='light';

(function() {

var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;

          tw_box.src = '//www.twitter-fanbox.com/tw.js';

          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);

  })();

</script>

</div>

</div></li>

</ul>

</div>

</div>

</div>