html,body{display:block;min-height:100%;height:100%;margin:0;padding:0;border:none;font-family:Segoe UI,Tahoma,Arial,Helvetica,sans-serif;font-size:14px;color:#000;background-color:#f3e891;box-sizing:border-box}*{box-sizing:border-box}body{height:100%;display:grid;grid-template-rows:30px 70px 1fr 30px;place-items:stretch}.banner{background-color:#000;color:#b3922e;text-align:center;font-size:18px;line-height:30px}header{background-color:#b91f28;color:#fff}main{height:100%;width:100%;overflow-y:auto}footer{background-color:#b91f28;color:#fff;text-align:center;font-size:14px;line-height:30px}.header-content{margin:0 auto;display:grid;grid-template-columns:1fr 600px 1fr;align-items:center;height:100%;max-width:1000px;min-width:300px}.header-content .header-menu{justify-self:center}.header-content .header-menu img{cursor:pointer;vertical-align:bottom}.main{max-width:1000px!important;min-width:300px!important;margin:0 auto!important}@media screen and (min-width:901px){.header-menu-hb{display:none}nav a{display:block;float:left;color:#fff;text-decoration:none;text-align:center;padding:15px;font-size:20px;font-weight:bolder}nav a:hover:not(.active){color:#b3922e}nav a.active{text-decoration-line:underline;text-underline-offset:10px}}@media screen and (max-width:900px){.header-content{grid-template-columns:1fr 100px 1fr}nav{display:block;position:absolute;inset:100px 0 30px;width:100%;background-color:#b91f28;z-index:10}nav a,nav div{display:block;color:#fff;text-decoration:none;text-align:center;padding:10px;font-size:30px;font-weight:bolder;cursor:pointer;user-select:none}nav a:hover:not(.active){background-color:#fc7d8b}nav a.active{color:#b3922e}.header-menu-nav-hide{display:none!important}}.hidden{display:none!important}hr{margin:5px 0}.character{padding:5px 10px;display:grid;grid-template-columns:135px auto;grid-gap:20px}.character .photo{height:150px}.character .role{font-weight:700;font-size:20px}.character .actor{font-style:italic;font-size:20px}.character .description{color:#222;font-size:16px;padding-top:7px}.divLogout{display:grid;justify-items:center}.divLogout .butLogout{width:125px;height:34px;font-size:24px;margin-top:15px;margin-bottom:15px}.divChangePassword{display:grid;justify-items:center;font-size:24px}.divChangePassword input{width:300px;height:30px;font-size:22px;margin-top:15px}.divChangePassword .spanPasswordMessage{color:#b91f28;font-size:18px;text-align:center}.divChangePassword .spanPasswordChanged{color:#0a0;font-size:18px;text-align:center}.divChangePassword button{width:125px;height:34px;font-size:24px;margin-top:15px;margin-bottom:15px}.divBackgroundHeader{font-size:26px;font-weight:700;text-align:center}.divBackgroundHint{font-size:16px;font-weight:700;text-align:center;margin-top:5px}.divBackground{padding:0 20px;font-size:20px;text-align:justify}.divAdmin{padding:0 20px}.divAdmin .butAdmin{margin-top:10px;margin-bottom:10px;font-size:22px}.divAdmin .txtAdmin{width:100%;height:500px;white-space:pre-wrap;margin-bottom:20px}