*{margin:0;padding:0;text-align:0;}
@font-face{font-family:Ubuntu;font-weight:400;src:url(Ubuntu-Regular.ttf)}
body{font-family:'Ubuntu', sans-serif;}
h1{font-family:Ubuntu;padding:10px;color:#fff;text-shadow:1px 1px 5px black;letter-spacing:.2em;font-size:2em}
span{font-size:.7em;text-align:center;line-height:.7em;display:block;transform:rotate(90deg)}
#db,#sg,#bh,#hs,#mt,#ds,#rg,#cn,#nh,#fl,#mc,#lv,#ts,#og{border-left:1px solid black  !important;border-top:1px solid black  !important;border-bottom:5px solid red  !important;border-right:1px solid black  !important}
#hf{border-left:5px solid red  !important;border-bottom:1px solid black  !important}
#la{border-left:5px solid red  !important;border-top:1px solid black  !important;border-bottom:1px solid black  !important;border-right:1px solid black !important}
#lu57,#lr89{font-size:1em;}
.acn{background:#ebdef0;cursor:pointer}
.alc{background:#F7DC6F;cursor:pointer}
.alt{background:yellow;cursor:pointer}
.bl,#rf{border-bottom:5px solid red  !important;border-right:none  !important;border-left:5px solid red  !important;border-top:1px solid black !important}
.bn{border:none  !important}
.bsdetalle{box-shadow:2px 2px 2px 2px grey}
.bsi{box-shadow:inset 0 0 14px 0 maroon}
.centrarmodal{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}
.datomodal{width:70%;text-align:left !important;padding-left:2em}
.expl{padding-left:5px}
.general{height:100%;width:75%;}
.gn{background:lightblue;cursor:pointer}
.h40{height:40px !important}
.h5{height:5px !important}
.lsep{height:1px}
.ltn{background:#F5B7B1;cursor:pointer;}
.mbp{background:#AEB6BF;cursor:pointer}
.mdt{background:#d5dbdb;cursor:pointer}
.modal td{height:100% !important;border:none !important;padding-bottom:.5em}
.modal{width:45%;}
.nivel{height:100%;width:25%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center}
.nombremodal{width:30%;font-weight:bold;text-align:right !important}
.onm{background:lightgreen;cursor:pointer}
.seprr2{border-top:none  !important;border-right:5px solid blue  !important;border-left:none  !important;border-bottom:none  !important}
.seprr3{background:blue;border:none !important}
.seprr{background:#ebdef0;border-right:5px solid blue  !important;border-top:5px solid blue  !important}
.sn{background:#FADBD8;cursor:pointer}
.srr4{border-right:5px solid blue  !important;border-top:none  !important;border-bottom:none  !important;border-left:none  !important}
.thmodal{padding:20px 0}
/*MODAL*/
.mascara {
 display: none; 
 position: fixed; 
 z-index: 1; 
 padding-top: 50px; 
 left: 0;
 top: 0;
 width: 100%; 
 height: 100%; 
 overflow: auto; 
 background-color: rgb(0,0,0); 
 background-color: rgba(0,0,0,0.4); 
}
.contenido {
 background-color: #fefefe;
 margin: auto;
 padding: 20px;
 border: 1px solid #888;
 width: 80%;
}
.cerrar{
 color: #aaaaaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
 cursor:pointer;
 cursor:hand
}
.cerrar:hover,
.cerrar:focus,{
 color: #000;
 text-decoration: none;
 cursor: pointer;
}
/*MODAL*/
.cerrar2{
 color: #fff;
 float: right;
 font-size: 28px;
 font-weight: bold;
}
.cerrar2:hover,.cerrar2:focus {
 color: #000;
 text-decoration: none;
 cursor: pointer;
}
.mascara2 {
display: none; 
 position: fixed; 
 z-index: 1; 
 padding-top: 50px; 
 left: 0;
 top: 0;
 width: 100%; 
 height: 100%; 
}
.contenido2{
 margin: auto;
 width: 180px;
 height:180px;
}
.off{display:none}