@import url("http://fonts.googleapis.com/css?family=Rokkitt");
@import url("../font/font.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.f-left { float: left; }
.f-right { float: right; }
.center { width: 620px; margin: 0 auto; }
.clear { clear: both; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a { color: inherit; text-decoration: none; }

body { background-color:#313131; color:#FFF; font-family: "Avenir", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; min-width: 620px; }
#content{ height:508px; padding-top:150px; margin-top:150px; background:#000 url(../img/bkg-conexao.jpg) no-repeat center center; border-bottom:2px solid #880332; }
#content a{ display:block; width:340px; padding:10px 70px; background-color:#880332; color:#d1556d; font-size:14px; margin-top:20px; }
#content a strong{ display:block; font-size:26px; color:#FFF; text-transform:uppercase; }