/*--------------Estilo Barra Programa--------------------------------------*/

.programa{
	background-color: #9B0707;
	height: 30px;
	grid-row: 1/2;
	grid-column: 1/2;
	display: inline-flex;
	flex-direction: row;


}

.cambiaHover:hover {
	background-color: #D0E8F2;
	color: black;
}


/*-------------------------------*/

#logo {
	background-color: transparent;
	width: 60px;
	height: 30px;
	font-family: textLogo;
	font-size: 20px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	color: white;
	padding-bottom: 5px;
}

#logo:hover {
	background-color: #D0E8F2;
	color: black;
}

/*-------------------------------*/

#producto {
	background-color: transparent;
	width: 180px;
	height: 30px;
	font-family: textAutor;
	font-size: 16px;

		display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;

	color: white;
	padding-bottom: 5px;
}

#producto:hover {
	background-color: #D0E8F2;
	color: black;
}

/*-------------------------------*/

#archivoNombre {
	background-color: transparent;
	width: calc(100% - 330px);
}

#archivoNombre:hover {
	background-color: #D0E8F2;
	color: black;
}

/*-------------------------------*/

#mmc {
	background-color: transparent;
	width: 90px;
	height: 30px;
		display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#mmc:hover {
	background-color: #D0E8F2;
	color: black;
}

/*-------------------------------*/

.btnBarPro {
	background-color: transparent;
	width: 22px;
	height: 22px;
	margin: 4px 2px 4px 2px;
	color: white;
	border: none;
}

.btnBarPro:hover {
	background-color: #D0E8F2;
	color: black;
	border: none;
}