
h1 {
  position: absolute; overflow: visible;
  top: 0%; left: 0%;
  width: 100%; height: 2em;
  font-size: 200%; text-align: center; color: red;
  letter-spacing: 15px;  text-transform: uppercase;}

p#moneda_i {
  position: absolute; overflow: visible;
  top: 20%; left: 1%;
  width: 15%; 
  margin: 0px; padding: 0px;
}

p#moneda_d {
  position: absolute; overflow: visible;
  top: 20%; right: 1%;
  width: 15%; 
  margin: 0px; padding: 0px;
  text-align: right;
}

div#principal {
  position: absolute;  overflow: hidden;
  top: 10%; left: 20%;
  width: 60%; height: 80%; 

}

div#principal div {
  position: relative; overflow: auto;
  width: 100%; height: 100%;
}

p#pie {
  position: absolute;  overflow: visible;
  bottom: 0%; left: 0%;
  width: 100%; height: 1.5em;
  font-size: 90%;
  text-align: center;
}

body { background-color: lightblue; text-align: justify;
  font-family: sans-serif; margin: 0px; padding: 0px;}
h2 { font-size: 12pt; color: green;
}

div img { float: left; margin: 0px 10px 10px 0px;}
hr { clear: both; }

img { border: none; }

p { line-height: 1.5em; }
