body {
 max-width:550px;
 margin-left:auto;
 margin-right:auto;
 font-family: helvetica;
}
#usuarios {
 font-family: Arial, Helvetica, sans-serif;
 border-collapse: collapse;
 width: 100%;
}
#usuarios td,
#usuarios th {
 border: 1px solid #ddd;
 padding: 2px;
 font-size: 14px;
}
#usuarios tr:nth-child(even) {
 background-color: #f2f2f2;
}
#usuarios tr:hover {
 background-color: #ddd;
}
#usuarios th {
 padding-top: 2px;
 padding-bottom: 2px;
 text-align: center;
 background-color: #C0C0C0;
 color: black;
 font-size: 14px;
}
table#lstdis {
 background-color:#FAFAFA;
 color:#C0C0C0;
 text-align: left;
}
#winusuarios {
 padding: 5px;
 border: 1px solid black;
 background-color:white;
 width: 98%;
 height: 220px;
 overflow: scroll;
 border-radius: 10px;
}
#ventana {
 margin-left: auto;
 margin-right: auto;
 color:#000000;
 background: #E0E0E0;
 padding: 4px;
 border-collapse: separate;
 border: 1px solid #aaa;
 border-radius: 10px;
 -moz-border-radius: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#ventana td   {
 color:#000000;
 padding: 2px;
 background-color:#E0E0E0;
}
#alerta {
 width: 100%;
 background-color:#FF0000;
 color:#FFFFFF;
 padding: 4px;
 border-collapse: separate;
 border: 1px solid orangered;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#normal {
 width: 100%;
 background-color:whitesmoke;
 color:black;
 padding: 5px;
 border-collapse: separate;
 border: 1px solid darkgray;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#redondo {
 border-radius: 10px;
}
#log {
 text-align: left;
 color:#FFFFFF;
 background-color:#000000;
 width: 100%;
 height: 220px;
 overflow: scroll;
}
#mainbg {
 background-color:#E0E0E0;
 text-align: center;
 color:black;
 padding: 5px;
 border-collapse: separate;
 border: 1px solid darkgray;
 border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#mainbgfoot {
 background-color:#E0E0E0;
 text-align: center;
 color:black;
 padding: 5px;
 border-collapse: separate;
 border: 1px solid darkgray;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#msgok {
 text-align: center;
 background-color:#80FF80;
 color:#000000;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#msgerr {
 text-align: center;
 background-color:#FF0000;
 color:#FFFFFF;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
form {
 display: inline;
}
#dropbtn {
 font-family:helvetica;
 background-color: silver;
 width: 150px;
 color: black;
 padding: 5px;
 font-size: 14px;
 border: none;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#dropdown {
 position: relative;
 display: inline-block;
}
#dropdown-content {
 font-family:helvetica;
 display: none;
 position: absolute;
 background-color: #f1f1f1;
 min-width: 270px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
 font-size: 14px;
 text-align: left;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#dropdown-content a {
 color: black;
 padding: 5px 5px;
 text-decoration: none;
 display: block;
 text-align: left;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
#dropdown-content a:hover {
 background-color: #ccc;
}
#dropdown:hover #dropdown-content {
 display: block;
}
#dropdown:hover #dropbtn {
 background-color: green;
 color: lightcyan;
}
#divgris {
 border-radius: 10px;
 padding: 10px;
 text-align: center;
 background-color: lightgray;
}
#divblanco {
 border-radius: 10px;
 padding: 10px;
 background-color: white;
 text-align: center;
}
pre {
 margin: 1px;
}