/*
Fondo Video:
	#000000

Gradiente Controles:
	#333333	-->	#333333 --> #333333 --> #333333 --> #333333

Sliders:
	Fondo:	#AAAAAA
	Fondo progreso:	#CCCCCC
	Thumb:	#4C4C4C

Textos Hora:
	Blanco:	#F1F1F1
	Negro:	#000000
	Color:	#FF0000


*/

	#LeftEGD	{float:left;}

	.Blanco	{color: #F1F1F1;}
	.Negro	{color: #000000;}
	.Color	{color: #FF0000;}
	.JustCode	{position:absolute;float:left;top:0px;right:0px;bottom:0px;left:0px;cursor:pointer;}
	.JustCode .ImgCode	{position:absolute;float:left;}


	.JustPlay	{position:absolute;float:left;top:0px;right:0px;bottom:0px;left:0px;cursor:pointer;}
	.JustPlay .FondoPlay	{position:absolute;top:260px;right:0px;bottom:0px;left:0px;background-color:transparent;opacity:0.8;}
	.JustPlay .FondoPlay:hover	{opacity:1;}

	@media screen and (max-width:768px)	{	
	.JustPlay .FondoPlay	{top:160px;}
	}
	@media screen and (max-width:414px)	{	
	.JustPlay .FondoPlay	{top:65px;}
	}


	.video-container {position:relative;padding:0px;margin:0px;background-color:transparent;}
		.video-container:hover .video-controlsHide	{opacity:0.9;
			-webkit-transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			-ms-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}

		.video-container:hover .video-controlsShow	{opacity:1;}

	.video-controlsAudio	,
	.video-controlsHide		,
	.video-controlsShow		{
		display:none;
		position:absolute;
		height:35px;
		left: 0px;
		right: 0px;
		padding:0px;
		font-size:14px;

		background: #20262B;
		background: -moz-linear-gradient(top, #20262B 0%, #20262B 15%, #20262B 30%, #20262B 70%, #20262B 85%, #20262B 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #20262B), color-stop(5%, #20262B), color-stop(5%, #20262B), color-stop(70%, #20262B), color-stop(80%, #20262B), color-stop(100%, #20262B));
		background: -webkit-linear-gradient(left, #20262B 0%, #20262B 15%, #20262B 30%, #20262B 70%, #20262B 85%, #20262B 100%);
		background: -o-linear-gradient(top, #20262B 0%, #20262B 15%, #20262B 30%, #20262B 70%, #20262B 85%, #20262B 100%);
		background: -ms-linear-gradient(top, #20262B 0%, #20262B 15%, #20262B 30%, #20262B 70%, #20262B 85%, #20262B 100%);
		background: linear-gradient(to bottom, #20262B 0%, #20262B 15%, #20262B 30%, #20262B 70%, #20262B 85%, #20262B 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20262B', endColorstr='#20262B', GradientType=1 );
	}

	.video-controlsAudio	{
		margin-top:-35px;
		opacity:1;
	}

	.video-controlsHide {
		margin-top:-35px;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.video-controlsShow {
		opacity:1;
	}

	.PlyrBoton		{width:18px;height:18px;padding:0px;margin:8px 5px 8px 5px;cursor:pointer;opacity:0.7;}
		.PlyrBoton:hover	{opacity:1;}
	.PlyrTime		{height:18px;line-height:18px;padding:0px;margin:8px 0px 8px 0px;}
	.PlyrRange		{float:left;line-height:18px;height:18px;padding:0px;margin:8px 5px 8px 5px;}

	.SeekBar {width:720px; border-top:5px solid red}
		@media screen and (max-width:768px)	{	
		.SeekBar {width:420px; border-top:5px solid blue}
		}
		@media screen and (max-width:414px)	{	
		.SeekBar {width:70px; border-top:5px solid green}
		}

	input[type=range]{-webkit-appearance:none;background:transparent;padding:0px;margin:0px;cursor:pointer;border:none;}
	input[type=range]:focus {outline:none;}

/*	Track de la barra de desplazamiento		*/
		/*	Para Chrome		*/
	input[type=range]::-webkit-slider-runnable-track {height:4px;background:#CCCCCC;border:none;border-radius:3px;margin-top:7px;}

		/* Para Firefox	*/
	input[type=range]::-moz-range-track {width:100%;height:4px;background:#AAAAAA;border-radius:3px;}
	input[type=range]::-moz-range-progress {height:4px;background:#CCCCCC;border-radius:3px;}

		/* Para IE	*/
	input[type=range]::-ms-track {width:100%;height:18px;border:none;background:transparent;color:transparent;margin-top:-3px;}
	input[type=range]::-ms-fill-upper {height:4px;background:#AAAAAA;border-radius:3px;}
	input[type=range]::-ms-fill-lower {height:4px;background:#CCCCCC;border-radius:3px;}


/*	Thumb de la barra de desplazamiento		*/
		/*	Para Chrome		*/
	input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;border:none;height:16px;
											width:5px;border-radius:2px;margin:-5px 0px 0px 0px;background:#4C4C4C;}
		/* Para Firefox	*/
	input[type=range]::-moz-range-thumb		{-webkit-appearance:none;border:none;height:16px;
											width:5px;border-radius:2px;margin:-5px 0px 0px 0px;padding:0px;background:#4C4C4C;}
		/* Para IE	*/
	input[type=range]::-ms-thumb			{-webkit-appearance:none;border:none;height:16px;
											width:5px;border-radius:2px;margin:0px;padding:0px;background:#4C4C4C;}