/* Sólo modificar estas clases: */
	/* Color de fondo*/
		.eConsShare-icon,
		.eConsShare-bar-title,
		.eConsShare-bar-links
		{ background-color: #ff0000; }
	/* Color de resaltado de los iconitos */
		.eConsShare-bar-icon:hover { background-color: #ffc000; }
		.eCS-link:hover { background-color: #ffc000; }
	/* Localización del botón (Relativo a este archivo) */
		.eConsShare-icon
		{ background-image: url(img-share/e-consulting.png); }
	/* Color de los separadores */
		.eConsShare-bar-links > li+li:before
		{ background-color: #fff; }

/***************<<NO MODIFICAR>>***************/
/*  Estilos generales  */
	.eConsShare
	{
		width: 61px;
		height: 50px;
		
		position: absolute;
	}
	.eConsShare-icon
	{
		background-position: center center;
		background-repeat: no-repeat;
		
		width: 61px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		cursor: pointer;
	}
	.eConsShare-icon:hover
	{
		-webkit-animation: bounce2 0.5s 1 ease;
		-moz-animation: bounce2 0.5s 1 ease;
		-o-animation: bounce2 0.5s 1 ease;
		animation: bounce2 0.5s 1 ease;
	}

	.eConsShare-bar
	{
		overflow: hidden;
		position: absolute;

		opacity: 0;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.eConsShare-open > .eConsShare-bar { opacity: 1; }

	.eConsShare-bar-title
	{
		position: absolute;

		height: 20px;
		line-height: 20px;

		color: #fff;

		text-align: center;
		text-transform: uppercase;

		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	}

	.eConsShare-bar-links
	{
		position: absolute;

		margin: 0;
		padding: 0;

		text-align: center;
	}
	.eConsShare-bar-links > li
	{
		list-style: none;
		height: 30px;
		line-height: 30px;
		position: relative;
	}
	.eConsShare-bar-links > li+li:before
	{
		content: "";
		position: absolute;
	}

	.eCS-link
	{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;

		overflow: hidden;
		height: 22px;

		background-color: transparent;

		display: inline-block;

		margin-top: 4px;
	}

	.eCS-link:hover
	{
		-webkit-animation: bounce 0.5s 1 ease;
		-moz-animation: bounce 0.5s 1 ease;
		-o-animation: bounce 0.5s 1 ease;
		animation: bounce 0.5s 1 ease;
	}

/*  Estilos más específicos  */
	.eCS-verti.eConsShare { font-size: 8px; }
	.eCS-horiz.eConsShare { font-size: 14px; }

	.eCS-horiz .eConsShare-bar
	{
		width: 0;
		height: 100%;
	}
	.eCS-verti .eConsShare-bar { height: 0; }

	.eCS-horiz .eConsShare-bar-links
	{
		width: 180px;
		top: 20px;
	}
	.eCS-horiz .eConsShare-bar-links > li
	{
		float: left;
		width: 33.333%;
	}

	.eCS-horiz .eConsShare-bar-links > li+li:before
	{
		width: 1px;
		left: 0;
		top: 10%;
		height: 80%;
	}
	.eCS-verti .eConsShare-bar-links > li+li:before
	{
		height: 1px;
		width: 80%;
		left: 10%;
		top: 0;
	}

	.eCS-horiz .eConsShare-bar-title
	{
		width: 120px;

		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.eCS-top .eConsShare-bar-title
	{
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	.eCS-bottom .eConsShare-bar-title
	{
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.eCS-top .eConsShare-bar-links
	{
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.eCS-bottom .eConsShare-bar-links
	{
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	.eCS-left .eConsShare-bar-links
	{
		-webkit-border-radius: 5px 0 5px 5px;
		-moz-border-radius: 5px 0 5px 5px;
		border-radius: 5px 0 5px 5px;
	}
	.eCS-right .eConsShare-bar-links
	{
		-webkit-border-radius: 0 5px 5px 5px;
		-moz-border-radius: 0 5px 5px 5px;
		border-radius: 0 5px 5px 5px;
	}

	.eCS-verti .eConsShare-bar,
	.eCS-verti .eConsShare-bar-title,
	.eCS-verti .eConsShare-bar-links
	{ width: 100%; }

	/*  Top  */
		.eCS-top .eConsShare-bar { top: 61px; }
		.eCS-top .eConsShare-bar-title { top: 90px; }
	
	/*  Left  */
		.eCS-left .eConsShare-bar { left: 61px; }
		.eCS-left .eConsShare-bar-title { left: 60px; }
		.eCS-left .eConsShare-bar-links { left: 0; }
	
	/*  Right  */
		.eCS-right .eConsShare-bar { right: 61px; }
		.eCS-right .eConsShare-bar-title { right: 60px; }
		.eCS-right .eConsShare-bar-links { right: 0; }
	
	/*  Bottom  */
		.eCS-bottom .eConsShare-bar { bottom: 61px; }
		.eCS-bottom .eConsShare-bar-links { bottom: 0; }
		.eCS-bottom .eConsShare-bar-title { bottom: 90px; }

	/*  Open  */
		.eCS-horiz.eConsShare-open .eConsShare-bar { width: 180px; }
		.eCS-verti.eConsShare-open .eConsShare-bar { height: 110px; }
		.eCS-bottom.eConsShare-open .eConsShare-bar { bottom: -120px; }
		.eCS-right.eConsShare-open .eConsShare-bar { right: -190px; }
		.eCS-left.eConsShare-open .eConsShare-bar { left: -190px; }
		.eCS-top.eConsShare-open .eConsShare-bar { top: -120px; }
	

/*  Transiciones  */
	/*  Top  */
	.eCS-top .eConsShare-bar
	{
		-webkit-transition:
			top 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		-moz-transition:
			top 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		-o-transition:
			top 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		transition:
			top 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
	}
	.eCS-top.eConsShare-open .eConsShare-bar
	{
		-webkit-transition:
			top 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		-moz-transition:
			top 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		-o-transition:
			top 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		transition:
			top 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
	}
	/*  Bottom  */
	.eCS-bottom .eConsShare-bar
	{
		-webkit-transition:
			bottom 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		-moz-transition:
			bottom 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		-o-transition:
			bottom 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
		transition:
			bottom 0.5s ease,
			height 0.25s ease,
			opacity 0.25s ease;
	}
	.eCS-bottom.eConsShare-open .eConsShare-bar
	{
		-webkit-transition:
			bottom 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		-moz-transition:
			bottom 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		-o-transition:
			bottom 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
		transition:
			bottom 0.25s ease,
			height 0.5s ease,
			opacity 0.25s ease;
	}
	/*  Left  */
	.eCS-left .eConsShare-bar
	{
		-webkit-transition:
			left 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		-moz-transition:
			left 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		-o-transition:
			left 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		transition:
			left 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
	}
	.eCS-left.eConsShare-open .eConsShare-bar
	{
		-webkit-transition:
			left 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		-moz-transition:
			left 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		-o-transition:
			left 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		transition:
			left 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
	}
	/*  Right  */
	.eCS-right .eConsShare-bar
	{
		-webkit-transition:
			right 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		-moz-transition:
			right 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		-o-transition:
			right 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
		transition:
			right 0.5s ease,
			width 0.25s ease,
			opacity 0.25s ease;
	}
	.eCS-right.eConsShare-open .eConsShare-bar
	{
		-webkit-transition:
			right 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		-moz-transition:
			right 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		-o-transition:
			right 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
		transition:
			right 0.25s ease,
			width 0.5s ease,
			opacity 0.25s ease;
	}

/*  Animación Bounce  */
	@-webkit-keyframes bounce
	{
		/*
			Si soporta animación con prefijo
			pero transformación estándar
		*/
		0%
		{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		50%
		{
			-webkit-transform: scale(1.25);
			transform: scale(1.25);
		}
	}
	@-moz-keyframes bounce
	{
		0% { -moz-transform: scale(1); }
		50% { -moz-transform: scale(1.25); }
	}
	@-o-keyframes bounce
	{
		0% { -o-transform: scale(1); }
		50% { -o-transform: scale(1.25); }
	}
	@keyframes bounce
	{
		/*
			Si soporta animación estándar,
			pero transformación con prefijo
		*/
		0%
		{
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		50%
		{
			-webkit-transform: scale(1.25);
			-moz-transform: scale(1.25);
			-o-transform: scale(1.25);
			transform: scale(1.25);
		}
	}

/* Bounce 2 */
	@-webkit-keyframes bounce2
	{
		/*
			Si soporta animación con prefijo
			pero transformación estándar
		*/
		0%
		{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		50%
		{
			-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
	}
	@-moz-keyframes bounce2
	{
		0% { -moz-transform: scale(1); }
		50% { -moz-transform: scale(1.05); }
	}
	@-o-keyframes bounce2
	{
		0% { -o-transform: scale(1); }
		50% { -o-transform: scale(1.05); }
	}
	@keyframes bounce2
	{
		/*
			Si soporta animación estándar,
			pero transformación con prefijo
		*/
		0%
		{
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		50%
		{
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			transform: scale(1.05);
		}
	}