html, body { height: 100%; width: 100%; margin:0px; padding:0px; top:0px; left:0px; right:0px; bottom:0px; background-color: transparent; }
    .cont { position: relative; padding:11px 36px; text-align:center; z-index: 1; }
    .cont .bg { position: absolute; background-color:#000000; z-index: -1; top:0px; left:0px; opacity: 0.85; filter: alpha(opacity=85); width:100%; height:300px; }
    .letrat { color:#ffffff; font-family:Arial; font-size:22px; letter-spacing:0.03em; margin:10px 0px 15px; text-align:center; }
    .letra { color:#ffffff; font-family:Arial; font-size:13px; letter-spacing:0.03em; margin:0px; line-height:15pt; text-decoration:none; text-align:justify; }
    .letra2 { color:#ACE871; font-family:Arial; font-size:13px; letter-spacing:0.04em; margin:0px; line-height:15pt; text-decoration:none; font-weight:bold; }
    .letra2:hover { color: #8ADE36; }
    .botao { font-family:Arial; font-size:12px; letter-spacing:0.03em; padding: 12px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #4285BB; background-color:#4285BB; cursor:pointer; color:#ffffff; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; margin-top:20px; }
    .botao:hover { background-color: #69B51E; border:1px solid #69B51E; }