
div#titulo {
  position: absolute;
  top: 5%; left: 15%;
  width: 70%; 
}

div#principal {
  position: absolute;
  top: 25%; left: 15%;
  width: 70%; height: 70%; 
  overflow: hidden;
}

div.cuadro {
  position: relative;
  top: 0%; left: 0%;
  width: 100%; height: 100%; 
  overflow: hidden;
}

img#1 { position: absolute; top: 5%;    left:  2%;}
img#2 { position: absolute; top: 5%;    right: 2%;}
img#3 { position: absolute; bottom: 5%; left:  2%;}
img#4 { position: absolute; bottom: 5%; right: 2%;}

img { float: left; margin-right: 5px; border: none;}
hr { clear: both; }

body { background-color: lightblue; text-align: justify;
  font-family: sans-serif; font-size: 10pt;}
h1 { font-size: 24px; text-align: center; color: red;
  letter-spacing: 30x;  text-transform: uppercase;}
h2 { font-size: 12pt; color: green;
}

