body {background-color: rgb(140, 146, 185);font-family: 'Arial';margin: 0px;}
#idsecMenuPrincipal{background-color: white;height: 90px;display: grid;grid-template-columns: 60% 40%;;grid-template-rows: 90px;}
#idsecMenuPrincipalAyuda{background-color: white;height: 90px;display: grid;grid-template-columns:auto;grid-template-rows: 90px;padding-right: 10px;}
@media only screen and (max-width: 880px)
{
	#idMenuPrincipal_imgMaestro {width: 60%; margin-left: 20%; margin-top: 2%;}
	#idMenuPrincipal_pTitulo {font-size: 16px;letter-spacing: 0px;}
}
@media only screen and (min-width: 880px)
{
	#idMenuPrincipal_pTitulo {font-size: 24px;letter-spacing: 4px;}
	#idMenuPrincipal_imgMaestro {width: 20%; margin-left: 40%; margin-top: 2%;}
}

#idMenuPrincipal_divTitulo
{
	display: flex;
	align-items: center;
	float: left;
	height: 80px;
	margin-left: 20px;
	margin-right: 0px;
	grid-area: 1/1/2/2;
}
#idMenuPrincipal_pTitulo
{
	grid-area: 1/1/2/2;
	float: left;
	margin-left: 30px;
	text-transform: uppercase;
}

#idMenuPrincipal_lbUsuario
{
	align-self: center;
	background-color: #e9e9ed;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	padding: 12px;
	height: 12px;
}

#idMenuPrincipal_divBotones
{
	grid-area:1/2/2/3; display: grid;justify-self: self-end;align-self: flex-end;
	align-items: center;
	height: 80px;
	justify-self: right;
}

.clMenuPrincipal
{
	height: 35px;
	border: none;
	margin-right: 1px;
	cursor: pointer;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (max-width: 880px)
{
	#idMenuPrincipal_imgLogo{display: none;}
	#idMenuPrincipal_imgLogo2{display: block;}
	#idMenuPrincipal_divPropios					{display: none; grid-template-columns: 172px;z-index: 0;grid-row-gap: 0px;}
	#idMenuPrincipal_lbUsuario					{grid-area: 1/1/2/2;}
	#idMenuPrincipal_btnCopiarCita				{grid-area: 2/1/3/2;}
	#idMenuPrincipal_btnCopiarLink				{grid-area: 3/1/4/2;}
	#idMenuPrincipal_btnModificarContrasegna	{grid-area: 4/1/5/2;}
	#idMenuPrincipal_btnAyuda					{grid-area: 5/1/6/2;}
	#idMenuPrincipal_btnLogOut					{grid-area: 6/1/7/2;}
	.clMenuPrincipal {border-radius: 0px;}

}
@media only screen and (min-width: 880px)
{
	#idMenuPrincipal_imgLogo{display: block;}
	#idMenuPrincipal_imgLogo2{display: none;}
	#idMenuPrincipal_divPropios					{display: grid; grid-template-columns: 110px 110px 75px 130px;grid-gap: 2px;}
	#idMenuPrincipal_btnCopiarCita				{grid-area: 1/1/2/2;}
	#idMenuPrincipal_btnCopiarLink				{grid-area: 1/2/2/3;}
	#idMenuPrincipal_btnAyuda					{grid-area: 1/3/2/4;}
	#idMenuPrincipal_btnLogOut					{grid-area: 1/4/2/5;}
	#idMenuPrincipal_lbUsuario					{grid-area: 2/1/3/3;}
	#idMenuPrincipal_btnModificarContrasegna	{grid-area: 2/3/3/5;}
	.clMenuPrincipal {border-radius: 5px;}
}

#idMenuPrincipal_divPropios {display: none;}
#idMenuPrincipal_divShorter
{
	z-index: 0;
	grid-area: 2/2/3/3;
	justify-self: end;
	border-width: thin;	border-color: black; border-style: solid;
}
#idMenuPrincipal_btnMostrar
{
	display: none;
	height: 45px;
	width: 45px;
	border: none;
	border-radius: 5px;
	justify-self: end;
	background-image: url(../img/mas_opciones.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
}