* {
    box-sizing: border-box;
    font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    margin: auto;
}

body {
    font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    margin: auto;
    background-color: #ffffff;
    padding-bottom: 100px;
    color: #092d90;
    line-height: 2;
}

img {
    margin: 10px;
}

.header {
    background-color: #f1f1f1;
    text-align: center;
}

.content {
    background-color: #ffffff;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
	text-align: center;
    background-color: #f1f1f1;
}

.menu {
    margin-top: 70px;
    background-color: #39559E;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu a {
        text-decoration: none;
        color: white;
    }

.frame {
    padding: 15px 0;
}

.texto {
    margin: 2px;
    text-align: justify;
    line-height: 1.25;
}

.texto_esq {
    text-align: left;
    margin: 2px;
}

.texto_dir {
    text-align: right;
    margin: 2px;
}

.texto_center {
    text-align: center;
    margin: 2px;
}

.form {
    background-color: white;
    margin: 1% 5%;
    padding: 1% 5%;
}

.caixa_texto {
    width: 95%;
    font-size: 20px;
    margin: 5px;
    padding: 5px;
}

.caixa_login {
    width: 96%;
    margin: 5px;
    padding: 5px;
    font-size: 20px;
}

.tabelaForm {
    width: 100%;
    border-collapse: collapse;
}

    .tabelaForm td {
        text-align: right;
    }

.tabela {
    width: 100%;
    border-collapse: collapse;
    margin: 2.5px 0px 2.5px 0px
}

    .tabela th {
        border: 1px solid black;
        color: white;
        background-color: #808080;
    }

    .tabela td {
        border: 1px solid #808080;
        text-align: center;
    }

    .tabela input {
        width: 100px;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        font-size: large;
    }

.lista {
    width: 96%;
    margin: 2%;
    padding: 2%;
    font-size: 20px;
}

.marcado{
    width: 20px;
    height: 20px;
    margin: 5px;
}

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

.botaoLink {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.botao {
    background-color: #0067b8;
    color: #fff;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: 5px 15px;
    margin: 5px;
    font: inherit;
}

.fileUpload {
    width: 100%;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    margin: 15px 0px 15px 0px
}

.column {
    float: left;
    padding: 10px;
}

    .column.side {
        width: 15%;
    }

    .column.middle {
        width: 70%;
    }

.row:after {
    content: "";
    display: table;
    clear: both;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

@media (max-width: 600px) {
    .column.side, .column.middle {
        width: 100%;
    }
}