html, body{
    width:100%;
    height:100%;
    margin: 0;
    display: flex;
    flex-direction: row;
  }
  #Menu{
    height: 80%;
    width: 250px;
    justify-content: center;
    align-content: center;
    vertical-align: top;
  }

  #Contenedor{
    height: 80%;
    width: 100%;
    justify-content : center;
    vertical-align: top;
    border: 1px solid gray;
    padding:105px 15px;
    display:flexbox; 
  }

.d{
  height: 200px;
  justify-content : center;
  border: 2px solid gray;
  padding:0px;
  display:block;
  border-radius: 10px;
  background-color: #7de5ad;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: large;
  font-weight: bolder;
}

.button5 {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
/*     float:right; */
    background-color:#ffffff;
    border:1px solid rgb(0, 0, 0);
        padding:3px;
    width:200px;
    text-align:center;
    font-size:9px;

}

.button5Selected {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    float:right;
    background-color:#7273ad;
    /*border:1px solid green;*/
    color:black;
    padding:3px;
    width:200px;
    text-align:center;
    font-size:9px;

}
.button5:hover {
    color: #400FA0; /* Green */
    background-color:#AAFAC4;
}

.radio {
	background: #454857;
	padding: 4px;
	border-radius: 3px;
	box-shadow: inset 0 0 0 3px rgba(35, 33, 45, 0.3),
                      0 0 0 3px rgba(185, 185, 185, 0.3);
	position: relative;
    vertical-align: top;
    justify-content: center;

}

.page-header {
    color: #000;
    background-color: #fff;
    font-weight: 700;
    /*font-size: .875rem;*/
    font-size: 25px;
    text-align:center;
    border:2px solid black;
    border-radius:15px;
}

.requisitosDiv{
    color:black;
    display:none;
    position:absolute;
    margin-top:05px;
    height:auto;
    opacity:1;
    background-color:#ffffff;
    border-radius:10px 10px 0px 0px ;
    padding:10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    /* font: small-caps 100%/100% serif; */
    
}

.radio input {
	width: auto;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	border-radius: 2px;
	padding: 4px 8px;
	background: #454857;
	color: #bdbdbdbd;
	font-size: 18px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transition: all 100ms linear;
}

.radio input:checked {
	background-image: linear-gradient(180deg, #95d891, #74bbad);
	color: #fff;
	box-shadow: 0 1px 1px #0000002e;
	text-shadow: 0 1px 0px #79485f7a;
}

.radio input:before {
	content: attr(label);
	display: inline-block;
	text-align: center;
	width: 100%;
}
#SupEscN:checked, #SupTecN:checked, #SupGralS:checked {
  	background-image: linear-gradient(180deg, red, black);
	color: #fff;
	box-shadow: 0 1px 1px #0000002e;
	text-shadow: 0 1px 0px #79485f7a;
}

.radio-toolbar {
  margin: 10px;
}

.radio-toolbar input[type="radio"] {
    display:none; 
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding: 2px 3px;
    font-family:Arial;
    font-size:9px;
    border: 2px solid #444;
    border-radius: 4px;    
    width:60px;
    text-align:center;
    color:#000;
    font-size:20px;
    vertical-align: top;
}

.radio-toolbar label:hover {
  background-color: #dfd;
}

.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#bfb;
    border-color: #4c4;
}

.caption2{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 12px;
  font-weight: bolder;
  background-color:#fff;
  color:#000;
  border-radius: 10px 10px 1px 1px;
  border:1px solid black;

}
.caption3{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 12px;
  background-color:#fff;
  color:#000;
  border-radius: 10px 10px 1px 1px;
  border:1px solid black;
}
.caption3active{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 12px;
  background-color:#dbdbdb;
  color:#000000;
  border-radius: 10px 10px 1px 1px;
  padding-left:15px;
}


.caption4{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 20px;
  font-weight: bolder;
  font-variant: small-caps;
  background-color:#fff;
  color:#000;
  border-radius: 10px 10px 1px 1px;
  border:1px solid black;
}


.Estilo68 {	font-family: Arial, Helvetica, sans-serif;font-style: italic;;font-size: 12px;background-color:#FFF;color:#000; opacity:0.8;text-justify:left}
.Estilo68 td{text-justify: left;;}
.Estilo68 tr:nth-of-type(odd) {background-color:#ccc;}
.Estilo66 {font-size: 12px;	font-style: italic;	font-weight: lighter; color:#000;background-color:#FFF}

.dato {
  font-weight: bolder;
  font-variant: small-caps;
}

.intermitente{
  border: 1px solid black;
  box-shadow: 0px 0px 20px;
  animation: infinite resplandorAnimation 1s;
}
@keyframes resplandorAnimation {
  0%,100%{
    box-shadow: 0px 0px 20px red;
  }
  50%{
  box-shadow: 0px 0px 0px ;
  
  }

}


.divIndex
{
    margin-left:5px;
    /*margin-right:auto;*/
    position:relative;
    color:#000;
    background-color:#FFFFFF;
    z-index:1;
    border:1px solid black;
    left:0px;
    overflow:hidden;
    
}
.button2 {
  border-top: 1px solid #000000;
  background: #5c7382;
  background: -webkit-gradient(linear, left top, left bottom, from(#01080d), to(#5c7382));
  background: -webkit-linear-gradient(top, #01080d, #5c7382);
  background: -moz-linear-gradient(top, #01080d, #5c7382);
  background: -ms-linear-gradient(top, #01080d, #5c7382);
  background: -o-linear-gradient(top, #01080d, #5c7382);
  padding: 5px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 14px;
  font-family: Georgia, serif;
  text-decoration: none;
  vertical-align: middle;
  }
.button2:hover {
  border-top-color: #122c3d;
  background: #122c3d;
  color: #ccc;
  }
.button2:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }