* {
  margin: 0;
  box-sizing: border-box;
}

body {
font-family: trebuchet ms;
font-size: 10px;
letter-spacing: 1px;
text-transform: none;
text-decoration: none;
font-weight: normal;
color: #000000;
text-align: justify; 
background: #c9a0dc; }

#corpo {
position: absolute; 
width: 500px;}

#layout {
position:absolute; 
left:20px; 
top:29; }

#main {
top: 275px; 
position: absolute; 
left:10px;
width: 100%;
}

A 
{text-decoration:none;
 color: #720b98;
 font-weight:none;
 cursor:hand;}

A:hover
{text-decoration:none;
 color: #000000;
 background-color: #720b98;
 font-weight:none;
 cursor:hand;}

td { background-color: #c9a0dc;
font-family: trebuchet ms;
font-size: 10px;
letter-spacing: 1px;
text-transform: none;
text-decoration: none;
text-align: justify; 
font-weight: normal;
color: #000000; }

.title{
font-family: georgia;
color: #720b98;
font-size: 10px;
letter-spacing: 0px; 
font-weight: bold;
font-style: none;
line-height: 11px;
text-align: right;
text-transform: uppercase;
width: 100%;
padding-right: 10px;
padding: 2px;
border-bottom: 1px dashed #720b98;
margin-bottom: 2px;  }

.compila{
width: 100%;
padding-left: 20px;
}


input,textarea,select {
background: #720b98;
border: 1px solid #720b98;
font-family: trebuchet ms; 
font-weight: none;
font-size: 10px; 
text-transform: none;
color: #ffffff;
overflow-x:hidden;  }

table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}

#myInput {
  background: #c9a0dc;
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 10px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  color: #000000;
}
 
#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}

#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #c9a0dc;
}

hr {
  background-color: #720b98;
  border-color: #720b98;
  color: #720b98;
}