body {
	margin: 0px;
	overflow: hidden;
	font-size: 10pt;
	font-family: Segoe UI;
}

#contenido {
	position: relative;
	margin: 0px;
	top: 0px left: 0px: right: 0px;
	bottom: 0px;
	box-sizing: border-box !important;
}

#div_video {
	width:420px;
	height:400px;
	top: 0;
	left: 10px;
	margin: 0px auto;
	position: fixed;
}

FORM {
	margin: 0px;
	padding: 0px;
	margin-bottom:5px; 
}

SELECT.selecciona {
	border: 0px !important;
	font-size: 23pt;
	width: 100%;
	font-family: Segoe UI;
	font-weight: 300;
	focus{outline: none;}
}

SELECT.selecciona * {
	font-size: 12pt;
	font-family: Segoe UI;
}

video {
	object-fit: inherit;
	width:410px;
	height:225px;
}

#ytplayer {
	width:400px;
	height:225px;
}

#player {
	border: 5px solid #333;
	position: relative;
}

.img_video {
	width: 160;
	height: 100;
	border: 1px solid #000000;
}

.img_vidiv {
	width: 160px;
	height: 90px;
	overflow: hidden;
	display: block;
	border: 1px solid #000000;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #AAA;
	background-position: 50% 50%;
}

h1.titulo {
	margin:0px; 
	margin-bottom:5px; 
	font-family:segoe UI; 
	font-weight:300;
}

#titulo_video {
	width: 100%;
	height: 30;
	z-index: 3000;
	position: absolute;
	top: 2px;
	left: 2px;
}

#titulo_video p {
	margin: 0px;
	font-family: "Franklin Gothic";
	font-stretch: condensed;
	font-size: 10pt;
	color: #FFFFFF;
	text-shadow: 2px 2px #222;
}

#div_lista {
	margin-left: 20px;
	right: 0px;
	left: 420px;
	top: 0px;
	bottom: 0px;
	margin-right: 0px;
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
}

table {
	width: 100%;
}

table, td {
	border-top: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	border-collapse: collapse;
}

tr.clave, td.clave {
	color: #FFF !important;
	background-color: red;
}

tr.claveB, td.claveB {
	color: #FFF !important;
	background-color: grey;
}

tr.claveP, td.claveP {
	color: #000;
	background-color: #FAFF9B;
}

tr.claveC, td.claveC {
	color: #000;
	background-color: lightgrey;
}

tr.claveD, td.claveD {
	color: #000;
	background-color: #EEEEEE;
}

td {
	font-family: Segoe UI;
	font-weight: 100;
	padding: 10px;
	color: #000;
	font-size: 10pt;
	margin-bottom: 15px;
}

tr.clave span, tr.claveB span {
	color: #FFF !important;
}

span.hora {
	font-size: 14pt;
}

span.titulo_video {
/*	font-family: "Franklin Gothic";
	font-stretch: condensed;
	font-size: 24pt;
	font-weight: 500; */
	font-family: "Segoe UI";
	line-height: 20pt;
	font-size: 18pt;
}

.sub_titulo_video {
/*	font-family: "Franklin Gothic";
	font-stretch: condensed;
	font-size: 16pt;
	font-weight: 500; */
	font-family: "Segoe UI";
	font-size: 12pt;
}


a.link {
	margin:0px; 
	margin-bottom:5px; 
	font-family:segoe UI; 
	font-weight:300;
}

.datos {
	z-index: 0;
	position: relative;
}

.boton_video {
	height: 30px;
	width: 120px;
	float: right;
	/*	position: absolute; */
	right: 20px;
	top: 10px;
	margin-left: 20px;
}

.boton_reemplazo {
	height: 30px;
	width: 90px;
	float: right;
	right: 120px;
	top: 10px;
	margin-left: 20px;
}

.boton_youtube {
	height: 30px;
	width: 120px;
	float: right;
	/*	position: absolute; */
	right: 120px;
	top: 10px;
	margin-left: 20px;
}

.boton_editar {
	height: 30px;
	width: 90px;
	float: right;
	/*	position: absolute; */
	right: 220px;
	top: 10px;
	margin-left: 20px;
}

@media (max-width: 960px) {
	#div_video {
		margin: 0 auto;
		float: none;
		position: relative;
		left: initial;
		/*height:390;*/
		/*top: 0;*/
		/*left: 0;*/
		/*right: px;*/
		/*position: fixed;*/
		/*float: none;*/
		/*background: #FFFFFF;*/
	}
	
	#interior_video {
		margin: 0 auto;
	}
	
	#div_lista {
		margin-left: 0px;
		top: 329px;
		left: 0px;
		float: none;
		bottom: 0px;
	}
	SELECT.selecciona {
		width: 100%;
		font-size: 18pt !important;
	}

	SELECT.selecciona * {
		font-size: 18pt !important;
	}
}

@media (max-width: 420px) {
	#div_video {
		width: 100%;
		height: 190px;
		left: 0px !important;
		margin: 0 auto;
		float: none;
		border: 0px !important;
		position: relative;
	}
	
	#interior_video {
		border: 0px;
		height: 220px;
		width: 100%;
		margin: 0 auto;
	}

	#player {
		width: 100%;
		height: 190px;
		border: 0px;
	}

	video {
		width:100%;
		height: 190px;		
	}
	
	#div_lista {
		margin-left: 0px;
		top: 279px;
		left: 0px;
		float: none;
		bottom: 0px;
	}
	.img_video {
		width: 64;
		height: auto;
		border: 1px solid #000000;
	}

	span.titulo_video {
		font-size: 14pt;
	}

	.sub_titulo_video {
		font-size: 8pt;
	}

	span.hora {
		font-size: 10pt;
	}

	.boton_video {
		height: 36px;
		width: 90px;
		float: right;
		margin-left: 10px;
		font-size: 8pt;
		margin-top: 5px;
	}
	.boton_editar {
		height: 36px;
		width: 70px;
		float: right;
		margin-left: 10px;
		font-size: 8pt;
		margin-top: 5px;
	}
	.boton_youtube {
		height: 36px;
		width: 90px;
		float: right;
		margin-left: 10px;
		font-size: 8pt;
		margin-top: 5px;
	}
	td {
		padding: 2px;
	}
	
	SELECT.selecciona {
		width: 100%;
		font-size: 14pt !important;
	}

	SELECT.selecciona * {
		font-size: 14pt !important;
	}
}

div.botones {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
	overflow: hidden;
	padding: 10px;
	width: 100%;
	clear: both;
	float: left;
}