.colorNormalFrio {
  background-color: #CCFFFF;
  padding:0.1em
}
.colorNormalCalor {
  background-color: #00FF00;
  padding:0.1em
}
.colorModeradoFrio {
  background-color: #00FFFF;
  padding:0.1em
}
.colorModeradoCalor {
  background-color: #FFFF00;
  padding:0.1em
}
.colorAltoFrio {
  background-color: #3366FF;
  color:white; padding:0.1em
}
.colorAltoCalor {
  background-color: #FF9900;
  padding:0.1em
}
.colorExtremoFrio {
  background-color: #800080;
  color:white; padding:0.1em
}
.colorExtremoCalor {
  background-color: #FF0000;
  padding:0.1em
}
table#nivelesFrio, table#nivelesCalor {
  width:  99%;
  padding:0em;
  margin:0;
  margin-bottom:1em;
  border-bottom: 0.1em solid  #424242;
  font-size:1em;
}


table#nivelesFrio caption, table#nivelesCalor caption {
border-bottom:0.2em solid #424242;
font-size:1.1em;
font-weight:bold;
padding:0.5em;
text-align:left;
text-transform:uppercase;
}

table#nivelesFrio tr, 
table#nivelesCalor tr {
height: 2em;
padding-bottom:0.5em;
}
table#nivelesFrio th, 
table#nivelesCalor th {
  border-bottom: 0.1em solid #424242;
}

table#nivelesFrio th, table#nivelesFrio td,
 table#nivelesCalor th, table#nivelesCalor td {
  text-align:center;
  border-left: 0.1em solid #424242;
}
table#nivelesFrio td.borderLeft,
 table#nivelesCalor td.borderLeft{
    border-left: 0.1em solid #424242;
}
table#nivelesFrio th.borderLeftRight, table#nivelesFrio td.borderLeftRight,
 table#nivelesCalor th.borderLeftRight, table#nivelesCalor  td.borderLeftRight{
    border-left: 0.1em solid  #424242;
    border-right: 0.1em solid  #424242;
}