@font-face {
    font-family: UOLTextLight;
    src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: UOLTextRegular;
    src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: UOLTextBold;
    src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: UOLTextItalic;
    src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    body{ margin: 20px 0px !important; }
    .player-container{ width: 100% !important; padding: 0 !important; }
}

body{ margin: 20px; }
body, input{ font-family: UOLTextRegular, Helvetica, sans-serif; }

.header, .description{ margin-bottom: 20px; }
.player-container{ width: 600px; padding-right: 15px; padding-left: 15px; }

.hide{display: none}
.show{display: block}