@font-face {
    font-family: "OpenSans Regular";
    src: url('./fonts/OpenSans-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "OpenSans SemiBold";
    src: url('./fonts/OpenSans-SemiBold.ttf') format("truetype");
}

@font-face {
    font-family: "OpenSans Bold";
    src: url('./fonts/OpenSans-Bold.ttf') format("truetype");
}

html {
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'OpenSans Regular', sans-serif;
}

button {
    outline: 0;
}

.navbar {
    margin: 0 auto;
    max-height: 8em;
    padding: 0.4em 3em;
}

.bar {
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.bar.bar-logo {
    margin: 0 2em;
    align-items: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.bar.bar-logo img.logo-sistec {
    width: 22em;
}

.bar.bar-logo img.logo-gov {
    width: 7em;
}

.bar,
.header,
.container,
#containerPrincipal {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.bar,
.navbar,
.container,
#containerPrincipal {
    flex: 1;
}

#pageWrapper #mainPanel {
    overflow: auto !important;
    background: transparent !important;
}

#containerPrincipal {
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

#pageWrapper {
    background-size: 140%;
    background-attachment: fixed;
    background-position: right 85%;
    background-image: url("../../../img/bg_pagina_inicial.jpg");
}

#mainPanel_pad {
    width: 100%;
    display: flex;
    overflow-x: hidden;
    padding: 0 !important;
    flex-direction: row;
}

#ambiente span {
    width: auto;
}