<style>

		body {
			
			font-family: 'Helvetica Neue';
			font-weight: lighter;

		}

		li {
			list-style-type: none;
			margin:0;
			padding: 0px 0;
		

		a {text-decoration: none; color:#949492;}
		p {margin: 0;padding: 0; clear:none;text-shadow: 0px 0px #fff;}}

		#menuredessociales {
			margin-top: 642px;
			width: 195px;
			background: white;
			/*margin: 3px 0px 0px 1px;*/
			border-radius: 5px;
			box-shadow: 0 10px 0 -3px rgba(0,0,0,.2),0 2px 0 rgba(0,0,0,.1);
			-webkit-transform: scale(.8);
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			-o-transform: scale(.8);
			transform: scale(.8);
			-webkit-transition: all .1s ease;
			-moz-transition: all .1s ease;
			-ms-transition: all .1s ease;
			-o-transition: all .1s ease;
			transition: all .1s ease;

		}		
		
		#menuredessociales:hover {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .1s ease;
			-moz-transition: all .1s ease;
			-ms-transition: all .1s ease;
			-o-transition: all .1s ease;
			transition: all .1s ease;
		}

		.share {
			text-align: center;
			padding: 5px;
			background: #0CF;
			border-radius: 5px 5px 0 0;
			border-bottom: 5px solid #0CF;	
		}

		.share:hover {

			border-bottom: 5px solid #0CF;
			box-shadow:inset 0 -1px 0 rgba(255, 255, 255, .2),
			inset 0 1px 0 rgba(255, 255, 255, .2);

		}

		.contentredessociales {height: 0;overflow: hidden ;opacity:0;}
		.showredessociales {
			height: 60px;
			opacity:1;
		}

		li {
			box-shadow: 0 0px 0 rgba(0,0,0,.1);
			position: relative;
			padding: 15px;
			text-align: center;
		}
 
		li img {
			padding-right: 10px;
			margin-right: 10px;
			float: left;
			border-right: 0px solid #eaeaea;
		}

		li:hover {background: transparent;}



		li:hover,.share:hover,.contentredessociales {
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			-webkit-transition: all .6s ease;
			-moz-transition: all .6s ease;
			-ms-transition: all .6s ease;
			-o-transition: all .6s ease;
			transition: all .6s ease;
		
		}

		.showredessociales {
			-webkit-transition: all .6s ease;
			-moz-transition: all .6s ease;
			-ms-transition: all .6s ease;
			-o-transition: all .6s ease;
			transition: all .6s ease;
		
		}

	</style>


