html{
  background: rgba(0,18,25,1);
}
a:hover{
  text-decoration: none;
}
body{
  background: none;
}
thead tr:first-child th { position: sticky; top: 30px; background:#32383e  }
.container{
  padding-top: 100px;
}
#banner{
  background: rgba(0,18,25,0.9);
  color: white;
  font-size: 25px;
  position: fixed;
  z-index: 1200;
}
.btn-none{
  background: none;
  border: none;
  cursor: pointer;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url( 'fonts/mf.woff2') format('woff2');
}
#menu, .dropdown-menu{
  background: rgb(1,25,35);
  color: white;
}
a{
  text-decoration: none;
}
@media all and (max-width:640px) {
  #menu{
    min-width: 19em;
  }
}
@media all and (min-width:641px) {
  #menu{
    min-width: 28em;
  }
}
.icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}
.curso-menu{
  width: 100%;
  background: rgba(103,240,250,1);
  background: -moz-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -o-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  padding: 10px 5px;
  border-radius: 10px;
  height: 70px;
  color: black;
}
.curso-menu:hover{
  color: white !important;
  transition: 0.15s linear;
}
.curso{
  width: 100%;
background: rgba(0,204,255,1);
background: -moz-linear-gradient(45deg, rgba(0,204,255,1) 0%, rgba(87,199,230,1) 41%, rgba(123,235,190,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,204,255,1)), color-stop(41%, rgba(87,199,230,1)), color-stop(100%, rgba(123,235,190,1)));
background: -webkit-linear-gradient(45deg, rgba(0,204,255,1) 0%, rgba(87,199,230,1) 41%, rgba(123,235,190,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,204,255,1) 0%, rgba(87,199,230,1) 41%, rgba(123,235,190,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,204,255,1) 0%, rgba(87,199,230,1) 41%, rgba(123,235,190,1) 100%);
background: linear-gradient(45deg, rgba(0,204,255,1) 0%, rgba(87,199,230,1) 41%, rgba(123,235,190,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#7bebbe', GradientType=1 );

  padding: 10px 5px;
  border-radius: 10px;
  height: 70px;
  color: black;
}
.curso:hover{
  color: white !important;
  transition: 0.15s linear;
  font-weight: 600;
}
.no-select{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-item {
  color: white;
}
.dropdown-item:hover {
  background: rgba(51,204,242,1);
  color: white;
}
.bg-1{
  background: rgb(1,23,32);
}
.text-1{
  color: rgb(1,23,32);
}
.bg-2{
  background: rgb(1,25,35);
}
.text-2{
  color: white;
}
.border-white{
  border: 3px white solid;
}
.bg-3{
  background: #53BBFA;
}
.text-3{
  color: #53BBFA;
}
.marca{
background: rgba(0,213,255,1);
background: -moz-linear-gradient(left, rgba(0,213,255,1) 0%, rgba(235,164,142,1) 55%, rgba(255,133,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,213,255,1)), color-stop(55%, rgba(235,164,142,1)), color-stop(100%, rgba(255,133,117,1)));
background: -webkit-linear-gradient(left, rgba(0,213,255,1) 0%, rgba(235,164,142,1) 55%, rgba(255,133,117,1) 100%);
background: -o-linear-gradient(left, rgba(0,213,255,1) 0%, rgba(235,164,142,1) 55%, rgba(255,133,117,1) 100%);
background: -ms-linear-gradient(left, rgba(0,213,255,1) 0%, rgba(235,164,142,1) 55%, rgba(255,133,117,1) 100%);
background: linear-gradient(to right, rgba(0,213,255,1) 0%, rgba(235,164,142,1) 55%, rgba(255,133,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5ff', endColorstr='#ff8575', GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.marca-red{
  background: rgba(103,240,250,1);
  background: -moz-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -o-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  background: linear-gradient(45deg, rgba(103,240,250,1) 0%, rgba(240,207,158,1) 0%, rgba(250,155,155,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.marca-blue{
  background: rgba(0,234,255,1);
  background: -moz-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -o-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.marca-green{
  background: rgba(133,255,190,1);
  background: -moz-linear-gradient(45deg, rgba(133,255,190,1) 0%, rgba(133,255,190,1) 63%, rgba(237,164,109,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(133,255,190,1) 0%, rgba(133,255,190,1) 63%, rgba(237,164,109,1) 100%);
  background: -o-linear-gradient(45deg, rgba(133,255,190,1) 0%, rgba(133,255,190,1) 63%, rgba(237,164,109,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(133,255,190,1) 0%, rgba(133,255,190,1) 63%, rgba(237,164,109,1) 100%);
  background: linear-gradient(45deg, rgba(133,255,190,1) 0%, rgba(133,255,190,1) 63%, rgba(237,164,109,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-marca{
  background: rgba(51,204,242,1);
  background: -moz-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -o-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(51,204,242,1) 0%, rsgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
}
.btn-marca:hover{
  background: rgba(51,204,242,1);
  background: -moz-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -o-linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(51,204,242,1) 0%, rsgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  background: linear-gradient(45deg, rgba(51,204,242,1) 0%, rgba(115,215,240,1) 36%, rgba(245,206,206,1) 79%, rgba(250,202,190,1) 100%);
  color: white;
  transition: 0.4s;
}
.opcion-tablero{
  width: 100%;
  background: rgba(0,234,255,1);
  background: -moz-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -o-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  background: linear-gradient(45deg, rgba(0,234,255,1) 0%, rgba(0,234,255,1) 18%, rgba(0,145,255,1) 100%);
  padding: 10px 5px;
  border-radius: 10px;
  height: 70px;
  color: black;
}
.opcion-tablero:hover{
  transition: 0.15s linear;
  font-weight: 600;
  color: white !important;
}
textarea, select{
  background: rgb(1,25,35) !important;
  color: white;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: white !important;
}
select:focus, input:focus, textarea:focus{
  background: rgb(1,25,35) !important;
  color: white;
}
.curso i {
  position: absolute;
  top: 18px;
  right: 18px;
}
footer{
  position: fixed;
  width: 100%;
  font-size: 0.8em;
  bottom: 0;
  background: rgba(0,18,25,0.9);
}
.cursor:hover{
  cursor: pointer;
}