body{margin:0;font-family:sans-serif;font-size:18px;font-style:normal}input{width:70%;height:32px}#contenedor{width:100%;height:100%;background-color:#fff;align-content:center}#encabezado{width:100%;height:50px;display:inline-block;background-color:#add8e6}#encabezado p{text-align:center;vertical-align:middle;line-height:50px;margin:0;font-size:36px;font-weight:700}.contenido{width:99%;height:calc(99% - 50px);padding-left:1%;display:inline-block;background-color:#fff;overflow:auto;overflow-x:hidden;scroll-behavior:smooth}.fg-button{outline:0;margin:0 4px 0 0;padding:.6em 1em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1}#selcuarto,#seldias,#selhoras,#selprimero,#selquinto,#selsegundo,#selsexto,#seltercero{height:32px;width:16%}#selacademia,#selprofesor{height:32px}#selgrupos{width:150px;height:200px;margin-left:10px}#sp-selgrupos{display:inline-block!important;width:300px;height:auto;margin-left:10px;font-size:11px}.titulo{font-size:28px;font-weight:700}.negrita{font-weight:700}.centrado{text-align:center}.espacio{margin-left:32px}.no-visible{display:none}.areaHorario{width:99%;height:auto;display:block}.contenedorHoras{width:75px;display:block;float:left;background-color:#d3d3d3}.areaHoras{width:100%;height:55px;border:1px solid #000;font-size:12px;float:left;overflow:hidden;position:relative}.areaHoras span{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center}.contenedorDias{width:calc((100% - 75px)/ 5);display:block;float:left}.areaDias{width:99.5%;height:55px;border:1px solid #000;font-size:12px;float:left;overflow:hidden;position:relative}.areaDias span{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center}.areaReceso{height:30px}.mediumscreen,.smallscreen{display:none}.claseActiva{background-color:orange!important;border:1px solid #000}.claseSiguiente{background-color:#eee8aa!important;border:1px solid #000}.divcontenido{width:700px;margin-left:calc((98% - 700px)/ 2)}#contenedorMaterias{width:49.7%;display:block;float:left}.areaMateriasProfesores{width:100%;height:40px;border:1px solid #000;font-size:12px;float:left;overflow:hidden;position:relative}.areaMateriasProfesores span{position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 5px);text-align:left;padding-left:5px}#contenedorProfesores{width:49.7%;display:block;float:left}#relmaterias,#relprofesores{width:100%}.areaTitulo{height:30px;background-color:#d3d3d3}#contenedorAcademia{width:100%}#areaSubmodulos{font-size:12px;font-weight:700;margin-left:2%;padding-top:15px;display:inline-block}.areaResultado{display:grid;grid-template-columns:1fr 4fr 4fr;grid-auto-rows:60px;width:95%;margin:0 auto}.areaResultado>div{border:1px solid #999;display:flex;align-items:center;justify-content:center}@media screen and (max-width:499px){body{font-size:26px}input{width:100%;height:50px}#encabezado p{font-size:22px}#encabezado p span{display:none}#selacademia,#selcuarto,#seldias,#selhoras,#selprimero,#selprofesor,#selquinto,#selsegundo,#selsexto,#seltercero{width:100%;height:50px;margin-top:5px}.contenedorDias{width:calc(100% - 75px)}.mediumscreen,.smallscreen{display:block}.divcontenido{width:98%;margin-left:0}.titulo{font-size:22px}#sp-selgrupos{width:100%;font-size:13px}}@media screen and (min-width:500px) and (max-width:699px){body{font-size:20px}input{width:100%}#encabezado p{font-size:28px}#encabezado p span:first-of-type{display:none}#selacademia,#seldias,#selhoras,#selprofesor{height:50px}#selcuarto,#selprimero,#selsegundo,#seltercero{width:32%;height:50px;margin-right:.5%}#selquinto,#selsexto{width:32%;height:50px}#divprincipal p span{display:block}.areaDias,.areaHoras{font-size:12px}.contenedorDias{width:calc((100% - 75px)/ 2)}.mediumscreen{display:block}.divcontenido{width:500px;margin-left:calc((98% - 500px)/ 2)}.titulo{font-size:24px}}@media screen and (min-width:700px) and (max-width:899px){input{width:65%}#encabezado p{font-size:28px}.areaDias,.areaHoras{font-size:11px}}@media print{.no-print{display:none!important}#encabezado p{font-size:26px}.titulo{font-size:22px}.areaDias,.areaHoras{font-size:11px}}