﻿/*
Fondo Video:
	#000000

Gradiente Controles:
	#BFBFBF	-->	#9F9F9F --> #8A8A8A --> #9F9F9F --> #BFBFBF

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:0px;right:0px;bottom:0px;left:0px;background-color:transparent;opacity:0.8;}
	.JustPlay .FondoPlay:hover	{opacity:1;}

	.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:11px;

		background: #5F5F5E;
	}

	.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;}


	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;}
	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;}

