/* ---------------------------------------------------------------------------------------------- */
/* fontes */

@font-face {
    font-family: 'BookAntiqua';
    src: url('./../../../src/fonts/BookAntiqua/BookAntiqua.eot');
    src: url('./../../../src/fonts/BookAntiqua/BookAntiqua.eot') format('embedded-opentype'),
         url('./../../../src/fonts/BookAntiqua/BookAntiqua.woff') format('woff'),
         url('./../../../src/fonts/BookAntiqua/BookAntiqua.ttf') format('truetype'),
         url('./../../../src/fonts/BookAntiqua/BookAntiqua.svg#BookAntiqua') format('svg');
}

@font-face {
    font-family: 'BookAntiquaBold';
    src: url('./../../../src/fonts/BookAntiquaBold/BookAntiquaBold.eot');
    src: url('./../../../src/fonts/BookAntiquaBold/BookAntiquaBold.eot') format('embedded-opentype'),
         url('./../../../src/fonts/BookAntiquaBold/BookAntiquaBold.woff') format('woff'),
         url('./../../../src/fonts/BookAntiquaBold/BookAntiquaBold.ttf') format('truetype'),
         url('./../../../src/fonts/BookAntiquaBold/BookAntiquaBold.svg#BookAntiquaBold') format('svg');
}

h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span, input, textarea { font-family: 'BookAntiquaBold', sans-serif; font-size: 12px; color: #ffffff; }


/* ---------------------------------------------------------------------------------------------- */
/* fundo */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #000000; }


/* ---------------------------------------------------------------------------------------------- */
/* loading */

div#loading { display: block; position: absolute; top: 50%; left: 50%; width: 64px; height: 32px; margin: -16px 0 0 -32px; z-index: 1; }
    div#loading img { display: block; }


/* ---------------------------------------------------------------------------------------------- */
/* corpo */

div#container { display: none; position: relative; width: 100%; height: 1080px; overflow: hidden; z-index: 2; }

    div#bg { display: block; position: absolute; top: 0; left: 0; width: 1920px; height: 1080px; overflow: hidden; }
        div#bg img { display: block; position: relative; }

    div#body { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; }


/* ---------------------------------------------------------------------------------------------- */
/* limpador */

div.clear { clear: both; }


/* ---------------------------------------------------------------------------------------------- */