#idsecAplicacion {height: 100vh;}
@media only screen and (max-width: 880px) /* Pequeña */
{
	#iddivMaterial{display: grid;
		/* grid-template-columns: 155px 70px 37px 37px; */
		grid-template-columns: 50% 22% 14% 14%;
		gap: 2px; padding: 10px;}
	#idselMaterial        {grid-area: 1/1/2/2;height: 30px;}
	#idselAnios           {grid-area: 1/2/2/5;height: 30px;}
	#idselRemitente       {grid-area: 2/1/3/2;height: 30px;display: none;}
	#idselDestinatario    {grid-area: 2/2/3/5;height: 30px;display: none;}

	#idselDocumentos      {grid-area: 3/1/4/5;height: 30px;}
	#idbtnCompleto        {grid-area: 4/1/5/2;height: 30px;}
	#idselParrafo         {grid-area: 4/2/5/3;height: 30px;}
	#idbtnAtras           {grid-area: 4/3/5/4;height: 30px;}
	#idbtnAdelante        {grid-area: 4/4/5/5;height: 30px;}
	#idselCapitulosLibros {grid-area: 5/1/6/5;height: 30px;display: none;}
	#idtxEncabezadoCorrespondencia {grid-area: 6/1/7/5;height: 60px;display:none;resize:none;}

	#iddivRangoBusqueda	{padding: 10px;	margin-top: 10px;gap: 5px;width: unset;
		/* grid-template-columns: 190px 40px 40px;	 */
		grid-template-columns: 85px auto 40px 40px;
	}
	#idselTipoBusqueda				{grid-area: 1/1/2/5;}
	#idselRango						{grid-area: 2/1/3/5;}
	#iddivSoloMaestro				{grid-area: 3/1/4/5;}
	#idtxTermino 					{grid-area: 4/1/5/5;}
	#idbtnProgresoBusqueda			{grid-area: 5/2/6/3;align-self: center;height: 22px;}
	#iddivModificaProgresoBusqueda 	{grid-area: 5/2/6/3;width: 100px;align-self: center;}
	#idtxProgresoBusqueda 			{width: 70px;padding: 0;text-align: center;}
	#idbtnBuscarAtras				{grid-area: 5/3/6/4;height: 30px;align-self: center;}
	#idbtnBuscarAdelante			{grid-area: 5/4/6/5;height: 30px;align-self: center;}
	#iddivGuardarBusqueda			{grid-area: 5/1/6/2;}
	#idlbSinResultado				{grid-area: 6/1/7/3;}
	#iddivColeccion					{width: unset;padding: 10px;	margin-top: 10px; grid-template-columns:  100%;gap: 5px;}
	#idselColeccionListado			{grid-area: 1/1/2/2;height: 30px;}
	#idselColeccionParrafos			{grid-area: 2/1/3/2;height: 30px;}
	#idbtnBusqueda			{width: auto;}
	#idbtnColecciones		{width: auto;}
	#iddivBusquedaBotones	{display: grid; grid-template-columns: 50% 50%}
	#iddivTamanioLetra		{grid-area:2/1/3/3;}
}
@media only screen and (min-width: 880px) /* Grande */
{
	/* #iddivMaterial{display: grid; grid-template-columns: 145px 125px 90px 40px 40px 40px 130px;
		gap: 5px;padding: 10px;} */
	#iddivMaterial{display: grid; grid-template-columns: 145px 125px 210px 130px 40px 40px 420px;
		gap: 5px;padding: 10px;}
	#idselMaterial        {grid-area: 1/1/2/2;height: 30px;}
	#idselAnios           {grid-area: 1/2/2/3;height: 30px;}
	#idselRemitente       {grid-area: 1/3/2/4;height: 30px;display: none;}
	#idselDestinatario    {grid-area: 1/4/2/7;height: 30px;display: none;}
	#idtxEncabezadoCorrespondencia {grid-area: 1/7/4/8;height: 60px;display: none;}

	#idselDocumentos      {grid-area: 2/1/3/3;height: 30px;}
	#idbtnCompleto        {grid-area: 2/3/3/4;height: 30px;}
	#idselParrafo         {grid-area: 2/4/3/5;height: 30px;}
	#idbtnAtras           {grid-area: 2/5/3/6;height: 30px;}
	#idbtnAdelante        {grid-area: 2/6/3/7;height: 30px;}
	#idselCapitulosLibros {grid-area: 3/1/4/7;height: 30px;display: none;}

	#iddivRangoBusqueda	{padding: 10px;	margin-top: 10px;width: max-content;
						grid-template-columns: 170px 210px 120px 420px 40px 40px 60px 60px 150px;gap: 5px;}
	#idselTipoBusqueda				{grid-area: 1/1/2/2;}
	#idselRango						{grid-area: 1/2/2/3;}
	#iddivSoloMaestro				{grid-area: 1/3/2/4;}
	#idtxTermino 					{grid-area: 1/4/2/5;}
	#idbtnBuscarAtras				{grid-area: 1/5/2/6;height: 30px;}
	#idbtnBuscarAdelante			{grid-area: 1/6/2/7;height: 30px;}
	#idbtnProgresoBusqueda			{grid-area: 1/7/2/9;align-self: center;height: 22px;}
	#iddivModificaProgresoBusqueda 	{grid-area: 1/7/2/9;width: 100px;align-self: center}
	#idtxProgresoBusqueda 			{width: 100px;padding: 0;height: fit-content;text-align: center;}
	#iddivGuardarBusqueda			{grid-area: 1/9/2/10;justify-self: end;align-self: center;}
	#idlbSinResultado				{grid-area: 2/4/3/5;}
	#iddivColeccion		{padding: 10px;	margin-top: 10px;width: max-content;
		grid-template-columns:  300px 620px;gap: 5px;}
	#idselColeccionListado			{grid-area: 1/1/2/2;height: 30px;height: 30px;}
	#idselColeccionParrafos			{grid-area: 1/2/2/3;height: 30px;height: 30px;}
	#idbtnBusqueda			{width: 180px;}
	#idbtnColecciones		{width: 180px;}
	#iddivBusquedaBotones	{display: grid; grid-template-columns: 180px 180px 360px}
	#iddivTamanioLetra		{grid-area:1/3/2/4;margin-left: 10px;margin-top: 2px;}
}

#idbtnAtras           {height: 30px;background-image: url(../img/flecha_izquierda.jpg);background-size: 8px;}
#idbtnAdelante        {height: 30px;background-image: url(../img/flecha_derecha.jpg);background-size: 8px;}
#idbtnBuscarAtras     {background-image: url(../img/flecha_doble_izquierda.jpg);background-size: 14px;}
#idbtnBuscarAdelante  {background-image: url(../img/flecha_doble_derecha.jpg);background-size: 14px;}
#iddivModificaProgresoBusqueda {display: none;}
#idlbSinResultado	  {font-size: 12px; color: #db2572;font-weight: bold;display:none}
#idbtnAtras,
#idbtnAdelante,
#idbtnBuscarAtras,
#idbtnBuscarAdelante
					  {
						background-repeat: no-repeat;
						background-position: center;
						border-radius: 8px;
					  }


#iddivBusqueda			{padding: 10px;}
#idbtnBusqueda			{grid-area:1/1/2/2; height: 30px;}
#idbtnColecciones		{grid-area:1/2/2/3; height: 30px;}

#iddivRangoBusqueda		{display:none;background-color: #b9bdd4;}
#iddivColeccion			{display:none;background-color: #b9bdd4;}
#iddivSoloMaestro		{float: left;margin-right: 8px;align-self: center;}
#idlbSoloMaestro,
#idlbGuardarBusqueda	{background-color: transparent;	font-size: 14px;}
#idlbTamanioLetra		{background-color: transparent;	font-size: 12px;}
#idsldTamanioLetra		{position: absolute;margin-left: 10px;}
#idselTipoBusqueda,
#idselRango 			{height: 30px;}

#iddivTexto {background-color: #f0f5f9;border-radius: 5px;	padding: 10px; margin:10px;font-family: 'calibri';}
#iddivNota {background-color: #f0f5f9;border-radius: 5px;	padding: 10px; margin:10px;font-family: 'calibri';display:none;}

.clBody{background-color: #c3c5d2;}
.clAyuda_btn
{
	/* background-image: url(../img/flecha_abajo_gris.jpg); */
	background-size: 32px;
	width: 32px;
	height: 36px;
	background-repeat: no-repeat;
	border-radius: 5px;
	align-self: center;
}
#idAyuda_divTitBienvenido,
#idAyuda_divTitUbicacion,
#idAyuda_divTitExpresion,
#idAyuda_divTitPassword,
#idAyuda_divTitCitaLink,
#idAyuda_divTitAcercaDe {display:flex;}
.clAyuda_p {padding-right: 16px;padding-left: 16px; width: 480px;font-size: 20px;}
.clAyuda_UL {display: none;}
li {padding: 5px;font-size: 18px;}