/* Botones de acceso a redes sociales, facebook, youtube, twitter, correo, etc.. */
.red{
	position: fixed;
	top: 200px;
	z-index: 100;
	left: -10px;
}
#facebook a{
	border-radius: 8px;
	background: rgba(59,89,152,.6);
	padding: 10px 24px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition:all .4s ease;
}
#facebook a:hover{
	background: rgba(59,89,152,.9);
	padding: 10px 50px;
}
#youtube a{
	border-radius: 8px;
	background: rgba(196,48,43,.6);
	padding: 10px 21px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition:all .4s ease;
}
#youtube a:hover{
	background: rgba(196,48,43,.9);
	padding: 10px 50px;
}
#twitter a{
	border-radius: 8px;
	background: rgba(85,152,238,.6);
	padding: 10px 21px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition:all .4s ease;
}
#twitter a:hover{
	background: rgba(85,152,238,.9);
	padding: 10px 50px;
}
#correo a{
	border-radius: 8px;
	background: rgba(233,89,80,.6);
	padding: 10px 21px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition:all .4s ease;
}
#correo a:hover{
	background: rgba(233,89,80,.9);
	padding: 10px 50px;
}