*{margin:0px; padding:0px;box-sizing:content-box;}
@font-face{font-family:ubuntu;font-weight:400;src:url(Ubuntu-Regular.ttf)}
body{font-family:ubuntu}
a{text-decoration:none;color:white}
form,table,tr,th,td{border:1px solid black;border-collapse:collapse;}
h1{color:#006699;text-align:center;font-size:2.5em}
h2{color:#99001a;font-size:2.0em;text-decoration:underline double;font-weight:normal;text-align:center }
h3{font-size:1.0em;padding:10px;box-shadow:3px 3px 3px 2px grey;}
input[type=range]{color:green;width:200px;height:auto}
input{width:98%;border:none;outline:none;text-align:center}
tr{height:25px}
#azrb td{width:50px;height:30px}
#cmorse span:nth-child(even){color:blue;}
#cmorse span:nth-child(odd){color:black;}
#div td, #div th{padding:5px}
#flecha{width:50px}
.baseref{height:0px;width:0px;border-radius:50%;}
.bckgr{background:#99001a;color:white}
.bckg{background:grey;color:white}
.bcko{background:orange;color:white}
.bckr{background:red;color:white}
.brujula{height:400px;width:400px;position:relative}
.btn {height:20px;min-width:100px;padding:10px;border-radius:10px;cursor:pointer;font-size:.8em}
.bt{border-top:2px dotted grey}
.ccc50{width:50%;height:auto;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.ccc{width:100%;height:auto;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.ccfs{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;}
.centro{width:50%;height:auto}
.clgr{color:green;}
.clr{color:red;}
.conte{min-height:100px;width:100%}
.enlip{width:100%;height:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;color:yellow;}
.enli{width:90%;height:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
.err{width:7.5%;text-align:center;font-size:2em;color:red}
.flecha{height:300px;width:30px;position:absolute;left:196px;top:60px;opacity:0.8}
.invprocesoliindb{animation:invprocesoliindb 0.5s 0s linear forwards;}
.invprocesoulb{animation:invprocesoulb 0.5s 0s linear forwards;}
.lat{width:25%;height:auto;z-index:1;}
.letraa{width:35%;text-align:center;font-size:1.5em;text-decoration:underline;color:#99001a;font-weight:bold}
.letrac{width:35%;text-align:center;font-size:2.9em;color:#001a99}
.letral{width:35%;text-align:center;font-size:2.9em;}
.lgw{background:repeating-linear-gradient(to bottom,#d3d3d3,black 50px)}
.lgy{background:repeating-linear-gradient(to bottom, transparent, transparent 50px, black 3px, black 53px)}
.liindb:hover{background:#e7f7ff}
.liindb{background:white;color:#006699;font-size:0em;height:0px;width:100%;padding:5px 20px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;cursor:pointer}
.liinds{background:#006699;font-size:1em;height:40px;width:100%;border:1px solid #006699;border-bottom:none;padding:5px 20px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}
.liind{background:#006699;color:white;font-size:1.0em;height:40px;width:100%;border:1px solid #006699;border-bottom:1px solid #72d0ff;padding:5px 20px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;cursor:pointer}
.linav{padding:0px 40px; list-style:none;background:#006699;color:white;display:block;text-align:right;}
.marc{height:auto;width:50px;font-size:2em;border-radius:30px;}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mr30{margin-right:30px}
.mt10{margin-top:10px}
.mt25{margin-top:25px}
.mt50{margin-top:50px}
.mt50{margin-top:50px}
.okvac{width:7.5%;font-size:2em;}
.ok{width:7.5%;text-align:center;font-size:2em;color:green}
.pa{position:absolute;top:0}
.pl10{padding-left:10px}
.pli{width:10%;height:100%;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;font-size:1.2em;cursor:pointer;color:white}
.pr10{padding-right:10px}
.procesoliindb{animation:procesoliindb 0.5s 0s linear forwards;}
.procesoulb{animation:procesoulb 0.5s 0s linear forwards;}
.procesomref{animation:procesomref 0.5s 0s linear forwards;}
.procesoocref{animation:procesoocref 0.5s 0s linear forwards;}
.procesombaseref{animation:procesombaseref 0.5s 0s linear forwards;}
.procesoocbaseref{animation:procesoocbaseref 0.5s 0s linear forwards;}
.pr{position:relative}
.red{color:red}
.reflector{height:0px;width:0px;}
.ren{width:7.5%;text-align:center;font-size:2em;color:grey;font-weight:bold;cursor:pointer}
.rep{width:7.5%;text-align:center;font-size:2em;color:grey;font-weight:bold;cursor:pointer}
.res{height:120px;width:50%}
.rgc{background:radial-gradient(white,yellow);}
.rot{animation:procesoac 2s 0s linear forwards;}
.rwcc100b{width:100%;height:auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwcc100{width:100%;height:50px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwcc50{width:50%;height:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwcc{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwcc{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwcfs100{width:100%;min-height:50px;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;}
.rwfec{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
.rwfsfs{width:100%;height:auto;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;}
.rwsac20{width:70%;height:100%;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;}
.rwsac{width:100%;height:auto;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;}
.selecb{height:20px;width:60%;}
.selecc{min-height:60px;width:20%;}
.selecd{height:60px;width:40%;}
.selec{height:60px;width:100%;}
.separa{padding:0px 5px;border:5px solid #006699;border-radius:10px;display:inline;cursor:pointer}
.tar{text-align:right}
.txtar{box-shadow:5px 5px 5px grey;border:2px solid blue;font-size:2em;width:40%;min-height:200px;padding:0px 20px;white-space: normal;border-radius:10px;outline:none}
.ula{width:25%;border:1px solid #006699;height:auto}
.ulb{width:100%;height:0px;}
.ul{width:90%;border:1px solid #006699;height:auto;box-shadow:3px 3px 3px grey}
.ulag{width:25%;position:absolute;top:0px;right:1%;}
.unigr1{font-size:1.5em;text-align:justify;color:white}
.unigr2{font-size:1.5em;text-align:justify}
@keyframes procesoulb{
from {
	height:0px;
  }
  to {
  height:120px;
 }
}
@keyframes procesoliindb{
from {
	height:0px;
	font-size:0em;
  }
  to {
  height:40px;
  font-size:0.8em
 }
}
@keyframes invprocesoulb{
from {
	height:120px;
  }
  to {
  height:0px;
 }
}
@keyframes invprocesoliindb{
from {
	height:40px;
  font-size:0.8em
  }
  to {
  height:0px;
  font-size:0em
 }
}
@keyframes procesomref{
from {
	height:0px;
	width:0px;
  }
  to {
  height:200px;
  width:200px;
}
}
@keyframes procesoocref{
from {
	height:200px;
	width:200px;
  }
  to {
	height:0px;
	width:0px;
 }
}
@keyframes procesombaseref{
from {
	height:0px;
	width:0px;
	border:none;
  }
  to {
  height:200px;
	width:200px;
  border:2px solid black;
 }
}
@keyframes procesoocbaseref{
from {
	height:200px;
 	width:200px;
 border:2px solid black;
  }
  to {
  height:0px;
	width:0px;
  border:none
 }
}
.dispq{display:none}
.ccfe{width:100%;height:auto;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-end;}
.procesodesoculind{animation:procesodesoculind 0.5s 0s linear forwards;}
.procesooculind{animation:procesooculind 0.5s 0s linear forwards;}

@keyframes procesodesoculind{
from {
	opacity:0;
  }
  to {
  opacity:1;
 }
}
@keyframes procesooculind{
from {
	opacity:1;
  }
  to {
	opacity:0;z-index:-1
 }
}


.ocul{visibility:hidden}
.oculind{opacity:0;z-index:-1}
.off{display:none}