@charset "UTF-8";
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; }

/* Delete */
div { /*border:1px solid #333;*/ }

/* All */
html { font-size: 62.5%; }

body { font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.3; font-weight: 400; font-family: Arial, Tahoma, sans-serif; color: #818285; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 400; }

h1 { font-size: 4.4rem; line-height: 1.3; letter-spacing: 0; }

h2 { font-size: 3.2rem; line-height: 1.3; letter-spacing: 0; }

h3 { font-size: 2.9rem; line-height: 1.3; letter-spacing: 0; }

h4 { font-size: 2.6rem; line-height: 1.3; letter-spacing: 0; }

h5 { font-size: 2.5rem; line-height: 1.3; letter-spacing: 0; }

h6 { font-size: 1.8rem; line-height: 1.3; letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) { h1 { font-size: 4.4rem; }
  h2 { font-size: 3.2rem; }
  h3 { font-size: 2.9rem; }
  h4 { font-size: 2.6rem; }
  h5 { font-size: 2.5rem; }
  h6 { font-size: 1.8rem; } }
p { margin-top: 0; }

hr { margin-top: 30px; margin-bottom: 35px; border-width: 0; border-top: 1px solid #E1E1E1; }

strong { font-weight: bold; }

.section { padding: 70px 0 70px 0; }

.max100 { max-width: 100%; }

.blank { padding: 40px !important; }

.center { text-align: center; }

.block { display: block; }

.laranja { color: #ed7f2d; }

.azul { color: #0e85da; }

.right { text-align: right; }

/* Logo */
.logo { position: absolute; z-index: 99; left: 0; top: 0; height: 25%; width: 100%; pointer-events: none; background-image: url("../img/aoc_logo.png"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat; }

.logoimg { position: relative; height: 100%; }

/* topo */
.topo { background-image: url("../img/fundotopo.jpg"); background-size: cover; background-position: center center; color: #ffffff; overflow-x: hidden; }
.topo .tvtopo { margin-left: -1000px; margin-right: -1000px; }
@media (min-width: 0) and (max-width: 549px) { .topo .tvtopo { max-width: 200%; } }
@media (min-width: 550px) and (max-width: 5000px) { .topo .eight { margin: 0; } }
@media (min-width: 0) and (max-width: 549px) { .topo .eight { margin: 20px; } }

/* intro */
.intro { padding-bottom: 0; background-image: url("../img/fundointro.jpg"); background-position: center bottom; background-size: 100% 100%; font-size: 1.5rem; }
.intro h3 { margin-bottom: 45px; }
.intro .legal { font-size: 1.2rem; }
.intro .logos { float: left; margin: 0 35px 35px 0; }
@media (min-width: 0) and (max-width: 549px) { .intro .logos { width: 80px; } }
@media (min-width: 550px) and (max-width: 5000px) { .intro .logos { max-width: 100%; } }
.intro .tvintro { margin: 35px auto 0 auto; }

/* fullhd */
.full { background-color: #ffffff; overflow-x: hidden; }
@media (min-width: 0) and (max-width: 549px) { .full h2 { margin: 20px 0; } }
@media (min-width: 550px) and (max-width: 5000px) { .full h2 { margin: 0 0 60px 0; } }
.full p { font-size: 2.0rem !important; }
@media (min-width: 0) and (max-width: 549px) { .full p { margin: 20px 0; } }
@media (min-width: 550px) and (max-width: 5000px) { .full p { margin: 80px 0 60px 0; } }
@media (min-width: 0) and (max-width: 549px) { .full .tv2 { margin-right: 0; width: 100%; } }
@media (min-width: 550px) and (max-width: 5000px) { .full .tv2 { margin-right: -1000px; width: 445px; } }
@media (min-width: 961px) { .full .semhd { margin-right: 20px; } }
@media (min-width: 0) and (max-width: 960px) { .full .semhd { margin-right: 10px; } }
@media (min-width: 0) and (max-width: 549px) { .full .semhd { margin-right: 50px; } }
.full .comhd { margin-right: 0; }
.full .legal { font-size: 1.2rem !important; margin: 0px !important; text-align: left; }

/* hdmi */
.hdmi { background-color: #2b83c5; color: #ffffff; overflow-x: hidden; }
@media (min-width: 550px) and (max-width: 5000px) { .hdmi h2 { margin: -20px 0 45px 0; } }
@media (min-width: 0) and (max-width: 549px) { .hdmi h2 { margin: 45px 0 45px 0; } }
.hdmi h2 .color { color: #8fcffe; }
.hdmi p { font-size: 2.0rem; }
@media (min-width: 550px) and (max-width: 5000px) { .hdmi .tvhdmi { margin: 0 -1000px 45px -1000px; max-width: 150%; } }
@media (min-width: 0) and (max-width: 549px) { .hdmi .tvhdmi { margin: 0 -1000px 45px -1000px; max-width: 150%; } }

/* carac */
.carac { background-color: #ffffff; background-image: url("../img/fundocarac.jpg"); background-position: center center; background-repeat: repeat; }
.carac strong { color: #297dbd; }
@media (min-width: 0) and (max-width: 549px) { .carac h2 { margin: 20px 0 40px 0; } }
@media (min-width: 550px) and (max-width: 5000px) { .carac h2 { margin: 10px 0 60px 0; } }
.carac .logos { margin-bottom: 30px; }
@media (min-width: 0) and (max-width: 549px) { .carac .logos { width: 20%; vertical-align: middle; margin-right: 10px; float: left; margin-bottom: 20px; display: inline; } }
@media (min-width: 550px) and (max-width: 5000px) { .carac .logos { clear: both; display: block; } }
@media (min-width: 0) and (max-width: 549px) { .carac .row2 { margin-top: 0; } }
@media (min-width: 550px) and (max-width: 5000px) { .carac .row2 { margin-top: 40px; } }
.carac .legal { font-size: 1.1rem; }

/* aoc */
.aoc { background-color: #2b83c5; color: #ffffff; text-align: center; font-size: 2rem; padding: 40px; }

.social { height: 30px; vertical-align: middle; margin-right: 10px; }

/* legal */
.legal { padding: 2px !important; font-size: 1.2rem; text-align: center; }