.listaor {
  text-align: justify;
  color: black;
  margin-left: 20px;
  font-family: Verdana; 
  font-size: 1vw;
}

.listaor ol{
  padding: 0 5px 5px 5px;
}

.listaor li{
  display: list-item;
  list-style-type: decimal; 
  font-size: 1vw;
  list-style-position: outside;
  padding: 0 5px 0 0;
}

.listaor li::marker {
  reset counter;  
  content: "" counter(list-item, decimal) ".  "; 
}

.listaor ol li ul li::marker {
  display: list-item;
  font-size: 1vw;
  list-style-type: disc; 
  list-style-position: outside;
}

@media only screen and (max-width: 600px) {
  .listaor {
  text-align: left;
  padding: 0 5px 0 0;
  }
}

.listaunor {
  font-family: Verdana; 
  font-size: 1vw;
  text-align: justify;
  color: black;
  width: 100%;
  margin-left: 20px;
}

.listaunor ul{
  padding: 0 5px 0 10px;
}

.listaunor li{
  font-size: 1vw;
  display: list-item;
  list-style-type: disc; 
  list-style-position: outside;
  /*padding: 0 0 5px 0;*/
}


.listaunor li ul li::marker{
  reset counter;  
  content: "" counter(list-item, letter) ")  ";
}

.listaunor li ul li{
  font-size: 1vw;
  display: list-item;
  list-style-type: none; 
  list-style-position: outside;
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .listaunor {
  text-align: left;
  padding: 0 5px 0 0;
  }
}