
body { font-family: sans-serif;  }

h1 { margin: 0px; text-align: center; 
   letter-spacing: 20px; line-height: 200%; font-size: 250%; }

h1.hori { color: red;
  position: absolute; top: 60%; left: 40%; width: 60%; height: 40%; overflow: hidden; }

h1.vert { color: blue; padding-top: 10%;
  position: absolute; top:  0%; left:  0%; width: 40%; height: 60%; overflow: hidden; }

div.calen { 
  position: absolute; top: 60%; left:  0%; width: 40%; height: 40%; overflow: hidden;}

div.leyes { 
  position: absolute; top:  0%; left: 40%; width: 60%; height: 60%; overflow: hidden; }

div.calen div { width: 100%; height: 100%; }

div.leyes div { height: 100%; width: 100%; overflow: auto; 
  font-family: cursive; font-size: 200%; text-align: center; color: green;  }

p { padding: 0px 30px; }

table { border-collapse: collapse; text-align: center; }

caption { background-color: black; font-size: 110%; text-transform: uppercase;
  font-weight: bold; color: white; letter-spacing: 10px; padding: 10px 0px;}

col { background-color: white; }
col.fin { background-color: #DDDDDD; font-weight: bold; color: white; }

th { padding-top: 10px; }

td { width: 4%; }

caption a { border: solid 1px white; font-weight: bold; color: white; padding: 2px; 
  text-decoration: none; }
