html, body {min-height: 100%; height: 100%; font-size: 20px; font-family: 'Times New Roman';}
body {background: url('images/azul1.jpg'); font: 1rem 'Times New Roman', serif; color: #72A0CF;}
main {background: url('images/azul2.jpg'); margin: 2rem auto; border: 5px outset #000080; box-shadow: 0 0 20px #000;}
h1 {font: bold italic 2rem 'Times New Roman', serif; text-align: center; color: #ffcc00;}
h3 {font: bold italic 1.5rem 'Times New Roman'; text-align: center; color: #ffcc00;}
h6 {font: 10pt 'Arial'; color: #59ACFF; text-align: center;}
h1, h3 {margin-top: 1rem; margin-bottom: 1rem;}
p + h3 {margin-top: 2rem;}
a {color: #fc0; text-decoration: none;}
a:hover {color: #09f}
nav {margin-bottom: 2rem;}
nav a {display: block; width: 100%; height: 50px; background: url('images/aguiladoradaicono-i.png') left center no-repeat, linear-gradient(#012, #248, #012); text-decoration: none; font: bold italic 1rem 'Times New Roman', serif; line-height: 50px; border: 1px solid #003; border-radius: 25px; text-indent: 75px; margin: 0.25rem 0;}
nav a:hover {background: url('images/aguiladoradaicono-i.png') left center no-repeat, linear-gradient(#003, #036, #003); border: 1px solid #000; border-radius: 25px; text-decoration: none; text-shadow: 1px 1px 2px #000; color: #9cf;}
nav a:active {background: url('images/aguiladoradaicono-i.png') left center no-repeat, linear-gradient(#002, #024, #002); border: 1px solid #000; text-indent: 76px; padding-top: 1px; text-shadow: -1px -1px 2px #000; color: #09f;}
article {background: url('images/azul1.jpg') fixed; border: 8px inset #000080; text-align: justify; line-height: 1.5; font-style: italic; padding: 2rem; box-shadow: 0 0 20px #000 inset;}

a.boton {background: url('images/aguiladoradaicono-i.png') left center no-repeat, url('images/aguiladoradaicono-d.png') right center no-repeat, linear-gradient(#012, #248, #012); padding: 0 70px; text-align: center; height: 50px; text-decoration: none; font: bold italic 1.125rem 'Times New Roman', serif; line-height: 50px; display: inline-block; border: 1px solid #003; border-radius: 25px; margin: 0.25rem auto;}
a:hover.boton {background: url('images/aguiladoradaicono-i.png') left center no-repeat, url('images/aguiladoradaicono-d.png') right center no-repeat, linear-gradient(#003, #036, #003); border: 1px solid #000; color: #FFCC00}

.divisor {margin: 2rem auto;}

.enlaces a {font-weight:bold; color:yellow}
.enlaces a:hover {color:#663300}

.row {height: 100%; display: table-row;}

@media (min-width: 992px) {
	.row .no-float {display: table-cell; float: none;}
}