Banner
#jocial{width: 305px;
float: left;margin-top: 30px;margin-left:55px;}
#jocial li{position:relative; cursor:pointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
margin-top:19px;
background: #2485db url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigcrGlwRGy-yTrRcZGfNizGyUnJeypU5lBrYgGpsz3SKAwAu6PYdywubEt6HOI7ZYx76HCpzy0ZJe3N3ztQ3qx0NImrV4qHt0jrcbwdLGrTYcQEpdNvBZCXVAYRvrxLVY_mDEwMYXEKqGM/s1600/facebook.png") no-repeat center center;}
#jocial .twitter{width: 150px;
height: 74px;
background: #2485db url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYaXhDmMe2vlLMXhw3-w2EDlS4wVVnRU44py0bG9aff1TmBOTStkIBNylkQJiDKb3bLlI9ucMI0jQx5kseXXPGHqqIMcjeEvvhpxAt_Hpi9RHz3tChopGWH78n1NDRlXym6JAdW38w30Cy/s1600/Twitter.png") no-repeat center center;}
#jocial .googleplus{width: 150px;
height: 74px;
background: #2485db url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGt7E36wKaj4xjnSZEtaVQJXc82dlRZfMFb9o2WD2dYEwumrMKSRG3v_spFQHTNa46iy65scU6Gogdah1TxW8DYkiPveORLLQs06kGqlCQHYp9hhIbEMeXJxWsd5yczjfnYCPnSnP-CmDC/s1600/google+plus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: #2485db url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLx9oR3YG1wK-G1KCdiuB-athQQUm46TSHUDiaiNCEgBLPEt7hoV9rk1ZxiU7VbUx5byU7ccSpQGTMRxGWD-az1YG07JgzkAXCx5hyphenhyphens0sL7qFtLA3cIUlfw2KknLaxUDldMfI4gWh__8c/s1600/rss.png") no-repeat center center;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYaXhDmMe2vlLMXhw3-w2EDlS4wVVnRU44py0bG9aff1TmBOTStkIBNylkQJiDKb3bLlI9ucMI0jQx5kseXXPGHqqIMcjeEvvhpxAt_Hpi9RHz3tChopGWH78n1NDRlXym6JAdW38w30Cy/s1600/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGt7E36wKaj4xjnSZEtaVQJXc82dlRZfMFb9o2WD2dYEwumrMKSRG3v_spFQHTNa46iy65scU6Gogdah1TxW8DYkiPveORLLQs06kGqlCQHYp9hhIbEMeXJxWsd5yczjfnYCPnSnP-CmDC/s1600/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLx9oR3YG1wK-G1KCdiuB-athQQUm46TSHUDiaiNCEgBLPEt7hoV9rk1ZxiU7VbUx5byU7ccSpQGTMRxGWD-az1YG07JgzkAXCx5hyphenhyphens0sL7qFtLA3cIUlfw2KknLaxUDldMfI4gWh__8c/s1600/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}