body {
  background: url("/includes/img/backup/nubes.png") fixed no-repeat top center;
  background-size: 1020px 700px;    			  
}

TABLE {
  font-family: Tahoma, Arial, Helvetica, Verdanas, ans-serif;
  font-size: 10pt;
}

INPUT{
  background-color: #E4E4E4;
}

SELECT{
  background-color: #E4E4E4;
}

ul, ul ul {
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  padding-top: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-bottom: 0pt;
  list-style-type: none;
}

A {
  text-decoration: none;
}

A:link {
  text-decoration: none;
  color: gray;
}

A:visited {
  text-decoration: none;
  color: gray;
}

A:active {
  text-decoration: none;
  color: gray;
}

#wrapper {
  width: 100%;
  margin-bottom: 100px;
  background-color: transparent;
  color: black;
  margin-left: 10pt;
}

.menu {
  width: auto;
  height: auto;
  -webkit-box-shadow: rgba(0,0,0,.73);
  -moz-box-shadow: rgba(0,0,0,.73);
  box-shadow: rgba(0,0,0,.73);
}

.menu > li > a {
  background-color: transparent;
  filter: rgba(0,0,0,.5);
  color: black;
  text-align: left;
}

div.vertical-line{
  width: 1px; /* Line width */
  background-color: gray; /* Line color */
  height: 100%; /* Override in-line if you want specific height. */
  float: left; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}

.num {
  mso-number-format:General;
}
.text{
  mso-number-format:"\@";/*force text*/
}

H1 {
  font-family: Tahoma, Arial, Helvetica, Verdanas, ans-serif;
  font-weight: bold;
  font-size: 15pt;
}

<div id='oculto' style='display:none;'>

</div>