body{ padding: 20px; background-color: #707883; color: #222; text-align: center; font: 16px "trebuchet MS",Arial,sans-serif; } h1{ font-family: 'Dancing Script', cursive; } h2, p{ margin: 0; font-family: 'Balsamiq Sans', cursive; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } p{ padding-top: 0px; padding-right: 10px; padding-bottom: 0; padding-bottom: 10px; } h1{ font-size: 40px; color:#fff; letter-spacing: 1px; } h2{ font-size: 35px; color:#002455; line-height: 1; } #contenedorGeneral{ width: 900px; margin: 0 auto; padding: 5px; text-align: left; background: #fff; } #rotulo{ background: #bfdded; padding: 10px; text-align: center; } #contenidoPrincipal{ float: left; width: 600px; background: #778cca; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #zonaSecundaria{ float: right; width: 300px; padding: 10px 0; margin: 5px 0; background: #ffd154; } #zonaSecundaria h2{ font-size: 22px; } #pie{ font-family: 'Dancing Script', cursive; clear: both; height: 30px; text-align: center; background-color: #ffff66; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } #contenedorEnlace{ font-family: 'Dancing Script', cursive; width: 300px; border-left: solid 1px #666; } .enlace{ width: 250px; display: block; font-size: 10pt; font-weight: bold; padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 25px; text-decoration: none; border-top: solid 1px #666; border-bottom: solid 1px #666; border-right: solid 1px #666; } .enlace:link, .enlace:visited, .enlace:active{ border-left: solid 10px #f00; background-color: #8ab9f2; color: #666; } .enlace:hover{ border-left: solid 10px #8ab9f2; background-color: #f00; color:#fff; text-align: right;