﻿* {
    margin: 0;
    padding: 0;
    border: 0;
}
.no-print 
{
}
.comprovanteNumeroTicket {
    font-size: 26pt;
    color: black;
    text-align: center;
}
.tabelaBorda 
{
    width: 100%;
}
.tabelaBorda td {
    border: 1px solid #999999;
    padding: 4px;
}
@media print {
    .no-print {
        display: none;
    }
    .comprovanteNumeroTicket {
        font-size: 18pt;
        color: black;
        text-align: center;
    }
    h1.print-class
    {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
    }
    p {
        margin: 0 0 0 0;
    }
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .formCadasto {
        padding: 10px;
    }
    h3 {
        font-size: 20px;
    }
}

body {
    background: #ffffff;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

/*Adiciona estilo para todas as tags label do projeto*/
label {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 90%;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
    /*margin-bottom: -4px;*/
}

/*Configurações para exibição ou não do header dependendo do device que acessar*/
.render-header {
    width: 100%;
}

/*Configurações para exibiçãodo footer*/
.footer-render {
    width: 100%;
    /*margin: 0 auto;*/
}

.footer-content {
    max-width: 862px;
    margin: 0 auto;
    background-color: #ededed;
    text-align: center;
}

.info-col {
    /*display: table-cell;*/
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    margin: 10px 0 10px 0;
    /*line-height: 13em;*/
}

.info-link {
    width: 234px;
    background-color: #dfdfdf;
    padding: 10px;
    margin: 13.2px 12px 13.2px;
    font-family: Eras ITC;
    font-size: 11pt;
}

/*Este header é da tag header do HTML5 e não do header da página*/
header {
    width: 100%;
    height: 70px;
    margin: 2px 0 auto;
}

#header-inner {
    /*max-width: 906px;*/
    max-width: 862px;
    margin: 0 auto;
}

/*INÍCIO DO ESTILO DA NAVEGAÇÃO DO HEADER*/

nav {
    /*float: right;*/
    padding: 25px 0 0px 0px;
}

#menu-icon {
    display: hidden;
    width: 40px;
    height: 40px;
    background: url('imagens/nav.png') center;
    border: 0 auto;
}

a:hover#menu-icon {
    border-radius: 4px 4px 0 0;
}

ul {
    list-style-type: none;
}

nav ul li {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 84%;
    display: inline-block;
    /*float: left;*/
    padding: 10px;
    font-weight: bold;
    display: flex;
}

    /*active #24c0f3*/

    nav ul li a {
        color: #000000;
        text-decoration: none;
    }

        nav ul li a:hover {
            color: #24c0f3;
        }

.current {
    color: #24c0f3;
}

.nav2 {
    font-size: 100%;
    display: block;
    /*float: left;*/
    padding: 0px;
}

/*- FIM DA NAVEGAÇÃO -*/

/*- BANNER -*/

.banner {
    width: 100%;
}

.banner-inner {
    /*o tamanho do banner é 580px*/
    max-width: 862px;
    margin: 0 auto;
}

/*
    .img-logo-banner {
    width: 111px;
    height: 80px;
}
*/

/*.img-logo-banner {
    width: 394px;
    height: 126px;
    padding: 0px 2px 0px 2px;
}*/

/*nova logo 2021*/
.img-logo-banner {
    width: 268px;
    height: 126px;
    padding: 0px 2px 0px 2px;
}

.text-logo-banner1 {
    font-family: 'Patua One', cursive;
    font-size: 310%;
    font-weight: bolder;
    color: #02467A;
}

.text-logo-banner2 {
    font-family: 'Patua One', cursive;
    font-size: 310%;
    font-weight: bolder;
    color: #24c0f1;
}

.img-banner {
    width: 96%;
    height: 96%;
    margin: 0px 0px 0px 24px;
}

.img-banner-middle {
    
}

/*.img-banner-footer {
    width: 950px;
    height: 176px;
}*/

/*- FIM DO BANNER -*/

/*INÍCIO DO CONTEÚDO DA PÁGINA*/

.menu {
    width: 100%;
}

select[readonly] {
    background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
    pointer-events: none;
    touch-action: none;
}

.sessao-menu-funcional {
    width: 100%;
    /*max-width: 882px;*/
    margin: 0 auto;
}

.espaco {
    height: 8px;
    margin-top: 11px;
}

.espaco-menor {
    height: 4px;
    margin-top: 11px;
}

.espaco-menor2 {
    height: 4px;
    margin-top: 4px;
}

.opcao_duvidas {
    font-size: 140%;
    font-family: Eras ITC;
    background-color: #008eb7; /*#73be43;*/
    color: #ffffff;
    padding: 10px;
    /*width: 100%;*/
    max-width: 860px;
    margin: 0 auto;
    height: 32px;
    vertical-align: middle;
}

.inscricao {
    font-size: 140%;
    font-family: Eras ITC;
    background-color: #72acd8; /*#ca3a5b;*/
    color: #ffffff;
    padding: 10px;
    max-width: 244px;
    height: 32px;
    vertical-align: middle;
    /*width: 244px;*/
    /*margin: 0 auto;*/
}

.consulta {
    font-size: 140%;
    font-family: Eras ITC;
    background-color: #5794c2; /*#f4b010;*/
    color: #ffffff;
    padding: 10px;
    max-width: 244px;
    height: 32px;
    vertical-align: middle;
    /*margin: 0 auto;*/
}

.consulta_resultado {
    font-size: 140%;
    font-family: Eras ITC;
    background-color: #3c7bab; /*#2abeec;*/
    color: #ffffff;
    padding: 10px;
    max-width: 244px;
    height: 32px;
    vertical-align: middle;
    /*margin: 0 auto;*/
}

.divulgacao {
    font-size: 140%;
    font-family: Eras ITC;
    background-color: #02467a; /*#5a5a5a;*/
    color: #ffffff;
    padding: 10px;
    /*width: 100%;*/
    max-width: 862px;
    margin: 0 auto;
    height: 32px;
    vertical-align: middle;
}


.sessao-two-column-inner-wrapper {
    /*float: left;*/
    max-width: 880px;
    margin: 0 auto;
}

.article1 {
    float: left;
    margin: 0 auto;
    width: 30%;
    height: auto;
}

.article2 {
    float: left;
    margin: 14px 0 auto;
    width: 100%;
    height: auto;
}

.article3 {
    float: left;
    margin: 14px 0 auto;
    width: 100%;
    height: auto;
}

.article-footer {
    float: left;
    margin: 14px 0 auto;
    width: 100%;
    height: auto;
}

.aside1 {
    float: right;
    margin: 0 auto;
    width: 70%;
    height: auto;
}

.sessao-etapas {
    width: 100%;
    /*max-width: 882px;*/
    margin: 0 auto;
}

.img-etapas {
    width: 96%;
    height: 96%;
    margin: 0 auto;
    max-width: 884px;
}

.sessao-menu-funcional2 {
    width: 100%;
    float: left;
    /*/max-width: 882px;*/
    margin: 0 auto;
}

.sessao-two-column-inner-wrapper2 {
    max-width: 862px;
    margin: 0 auto;
}

article {
    float: left;
    margin: 0 auto;
    width: 50%;
    height: auto;
}

aside {
    float: right;
    margin: 0 auto;
    width: 50%;
    height: auto;
}

.div-grupamento-head {
    font-size: 83%;
    font-family: Eras ITC;
    color: #ffffff;
    padding: 10px;
    background-color: #5794c2; /*#ca3a5b;*/
    max-width: 440px;
    width: 400px;
    /*height: 30px;*/
    float: left;
    text-align: center;
}

.div-grupamento {
    font-size: 83%;
    font-family: Eras ITC;
    color: #000000;
    padding: 10px;
    background-color: #ededed;
    max-width: 440px;
    width: 400px;
    /*height: 30px;*/
    float: left;
    text-align: center;
}

.div-resultado-head {
    font-size: 83%;
    font-family: Eras ITC;
    color: #ffffff;
    padding: 10px;
    background-color: #24c0f1; /*#2abeec;*/
    max-width: 440px;
    width: 400px;
    /*height: 30px;*/
    float: right;
    text-align: center;
}

.div-resultado {
    font-size: 83%;
    font-family: Eras ITC;
    color: #000000;
    padding: 10px;
    background-color: #ededed;
    max-width: 440px;
    width: 400px;
    /*height: 30px;*/
    float: right;
    text-align: center;
}

.mapaDeNavegacao {
    max-width: 862px;
    margin: 0 auto;
    height: 25px;
    top: 185px;
    left: 0px;
    /* font-family: 'Titan One', cursive; */
    font: 16px/1.4 "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif;
    /* color:#ff6215; */
    color: #02467a;
    font-weight: bolder;
    text-align: right;
    /*border-bottom: solid 1px #DDDDDD;*/
}

/*Links do menu de inscrição*/

a.menu-link {
    /*font-size: 140%;*/
    font-family: Eras ITC;
    color: #ffffff;
    padding: 10px;
    max-width: 244px;
    text-decoration: none;
    margin: 0 0 0 -10px;
    vertical-align: middle;
}

a:hover.menu-link {
    /*font-size: 140%;*/
    font-family: Eras ITC;
    color: #ffffff;
    padding: 10px;
    max-width: 244px;
    text-decoration: underline;
    margin: 0 0 0 -10px;
    vertical-align: middle;
}


/*Configuração da aparência dos formulários*/
.area-full{
    width: 100%;
}

.area-normal {
    max-width: 862px;
    margin: 0 auto;
}

.obrigatorio {
    text-decoration: none;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #ff0000;
    margin: 0;
}

.bordaFormCadastro {
    max-width: 862px;
    margin: 0 auto;
    border: solid;
    border-width: 1px;
    border-color: #dddddd;
    /*#dddddd*/
}

.camposForm {
    padding: 16px;
}

.botaoPassoCadastro {
    background-color: #24b1f3;
    width: 107px;
    height: 37px;
    cursor: pointer;
    padding: 3px 3px 3px 3px;
    color: white;
    font-weight: bold;
    font-size: 100%;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

/*FORMATAÇÃO PARA OS CAMPOS DOS FORMULÁRIOS*/
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    /*font-family: inherit;*/
    /*font-size: 0.875rem;*/
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 10pt;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

    input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
        background: #fafafa;
        border-color: #999999;
        outline: none;
    }

    input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
        background-color: #DDDDDD;
        cursor: default;
    }

    input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
        background-color: #DDDDDD;
        cursor: default;
    }

    input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
        border-radius: 3px;
    }

button, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*padding: 1rem 2rem 1.0625rem 2rem;*/
    padding: 10px 14px 10px 14px;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

    button:hover, button:focus, .button:hover, .button:focus {
        background-color: #007095;
    }

    button:hover, button:focus, .button:hover, .button:focus {
        color: #FFFFFF;
    }

    button.secondary, .button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333;
    }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            background-color: #b2dfed;
        }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            color: #333333;
        }

    button.success, .button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF;
    }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            background-color: #368a55;
        }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            color: #FFFFFF;
        }

    button.alert, .button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF;
    }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            background-color: #cf2a0e;
        }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            color: #FFFFFF;
        }

    button.warning, .button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF;
    }

        button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
            background-color: #cf6e0e;
        }

        button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
            color: #FFFFFF;
        }

    button.info, .button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333333;
    }

        button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
            background-color: #61b6d9;
        }

        button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
            color: #FFFFFF;
        }

    button.large, .button.large {
        padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
        font-size: 1.25rem;
    }

    button.small, .button.small {
        padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
        font-size: 0.8125rem;
    }

    button.tiny, .button.tiny {
        padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
        font-size: 0.6875rem;
    }

    button.expand, .button.expand {
        padding: 1rem 2rem 1.0625rem 2rem;
        font-size: 1rem;
        padding-bottom: 1.0625rem;
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }

    button.left-align, .button.left-align {
        text-align: left;
        text-indent: 0.75rem;
    }

    button.right-align, .button.right-align {
        text-align: right;
        padding-right: 0.75rem;
    }

    button.radius, .button.radius {
        border-radius: 3px;
    }

    button.round, .button.round {
        border-radius: 1000px;
    }

    button.disabled, button[disabled], .button.disabled, .button[disabled] {
        background-color: #008CBA;
        border-color: #007095;
        color: #FFFFFF;
        box-shadow: none;
        cursor: default;
        opacity: 0.7;
    }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #007095;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            color: #FFFFFF;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #008CBA;
        }

        button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
            background-color: #e7e7e7;
            border-color: #b9b9b9;
            color: #333333;
            box-shadow: none;
            cursor: default;
            opacity: 0.7;
        }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #b9b9b9;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                color: #333333;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #e7e7e7;
            }

        button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
            background-color: #43AC6A;
            border-color: #368a55;
            color: #FFFFFF;
            box-shadow: none;
            cursor: default;
            opacity: 0.7;
        }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #368a55;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                color: #FFFFFF;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #43AC6A;
            }

        button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
            background-color: #f04124;
            border-color: #cf2a0e;
            color: #FFFFFF;
            box-shadow: none;
            cursor: default;
            opacity: 0.7;
        }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #cf2a0e;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                color: #FFFFFF;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #f04124;
            }

        button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
            background-color: #f08a24;
            border-color: #cf6e0e;
            color: #FFFFFF;
            box-shadow: none;
            cursor: default;
            opacity: 0.7;
        }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #cf6e0e;
            }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                color: #FFFFFF;
            }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #f08a24;
            }

        button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
            background-color: #a0d3e8;
            border-color: #61b6d9;
            color: #333333;
            box-shadow: none;
            cursor: default;
            opacity: 0.7;
        }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                background-color: #61b6d9;
            }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                color: #FFFFFF;
            }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                background-color: #a0d3e8;
            }

    button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

select {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #FAFAFA;
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: rgba(0, 0, 0, 0.75);
    font-size: 0.875rem;
    line-height: normal;
    padding: 0.5rem;
    border-radius: 0;
    height: 2.3125rem;
}

    select::-ms-expand {
        display: none;
    }

    select.radius {
        border-radius: 3px;
    }

    select:focus {
        background-color: #f3f3f3;
        border-color: #999999;
    }

    select:disabled {
        background-color: #DDDDDD;
        cursor: default;
    }

    select[multiple] {
        height: auto;
    }

option {
    box-sizing:border-box;
    color:rgba(0, 0, 0, 0.75);
    cursor:default;
    display:block;
    font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size:14px;
    font-style:normal;
    font-variant-caps:normal;
    font-variant-east-asian:normal;
    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-weight:400;
    height:auto;
    letter-spacing:normal;
    line-height:normal;
    min-height:16.8px;
    padding-bottom:1px;
    padding-left:2px;
    padding-right:0px;
    padding-top:0px;
    text-align:start;
    text-indent:0px;
    text-rendering:auto;
    text-shadow:none;
    text-size-adjust:100%;
    text-transform:none;
    white-space:pre;
    width:auto;
    word-spacing:0px;
    writing-mode:horizontal-tb;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 1rem 0;
    -webkit-appearance: radio;
    -webkit-rtl-ordering: logical;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    box-sizing: border-box;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}

.row {
    margin: 10px 0 auto;
}

/*.div-row {
    display: table-row;
    margin: 0 auto;
}

.div-cell {
    display: table-cell;
    margin: 10px 0 auto;
}*/

.botaoAction {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    /*******************************************************/
    -webkit-appearance: button;
    /*background-color: #008CBA;*/
    background-color: #004a80;
    width: 147px;
    height: 37px;
    cursor: pointer;
    /*padding: 3px 3px 3px 3px;*/
    padding: 10px 10px 10px 10px auto;
    color: white;
    /*font-weight: bold;*/
    /*line-height: normal;*/
    /**/
    margin: 0 auto;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    align-items: flex-start;
    text-align: center;
    user-select: none;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    -webkit-writing-mode: horizontal-tb !important;
}

    #menu-icon {
    /*display: hidden;*/
    width: 40px;
    height: 40px;
    background: url(imagens/nav.png) center;
}

.lista-bairros {
    /*max-width: 242px;*/
    width: 30%;
    display: table-cell;
}

.consulta-escola {
    /*max-width: 242px;*/
    width: 60%;
    display: table-cell;
}

.combo-bairros {
    max-width: 242px;
    margin-bottom:10px;  
}

.text-autosugest{
    max-width: 436px;
}

.table-polos-escolas{
    width: 100%;
    display: table;
}

.table-head-polos-escolas {
    display: table-cell;
    font-size: 8pt;
    padding: 2px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
}

.copyright {
    width: 100%;
}

.copyright-content {
    /*max-width: 862px;*/
}


/*TELA FAÇA SUA INSCRICAO*/
/*#####################################################################################################################*/
.box-origem-aluno {
    max-width: 862px;
    margin: 0 auto;
    /*display: table;*/
}

.ja-estudou {
    max-width: 376px;
    background-color: #f2f2f2;
    display: table-cell;
    padding: 18px;
    text-align: center;
}

.nao-estudou {
    max-width: 376px;
    background-color: #f2f2f2;
    display: table-cell;
    padding: 18px;
    text-align: center;
}

.box-pn {
    /*Estilo da borda*/
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    /*Tamanho da borda*/
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    /*Cor da borda*/
    border-top-color: #d8d8d8;
    border-bottom-color: #d8d8d8;
    border-left-color: #d8d8d8;
    border-right-color: #d8d8d8;
}

.combo-ticket {
    width: 100%;
    height: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 100%;
}

.combo-origem {
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 90%;
}

.combo-ano {
    width: 260px;
}

/*TELA INSCRICAO - PASSO 1*/
/*#####################################################################################################################*/

.formCadasto {
    max-width: 862px;
    margin: 0 auto;
    padding: 20px;
}

.formCadastoMargemInferior {
    margin-bottom: 20px;
}

/*#fieldPolos{
    display: none;
}*/

#fieldEscolas {
    /*display: none;*/
}

.row-buscar-codigo-aluno {
    max-width: 862px;
    margin: 24px 10px 14px auto;
    vertical-align: middle;
    text-align: left;
}

.img-link-buscar-aluno {
    background: url(imagens/lupaVerde.png) no-repeat top left;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

.row-form-cadastro {
    max-width: 862px;
    margin: 0 auto;
    padding: 0;
    display: inline;
}

.campo-form-cadastro-80 {
    max-width: 862px;
}

.campo-form-cadastro-30 {
    max-width: 280px;
}

.campo-form-cadastro-50 {
    max-width: 431px;
}

.campo-form-cadastro-20 {
    max-width: 20%;
}

.campo-form-ddd {
    max-width: 56px;
}

.campo-form-telefone {
    max-width: 194px;
}

.campo-form-sexo-genero{
    max-width: 500px;
    margin: 10px 0 10px 0;
}

.campo-form-sexo {
    max-width: 230px;
    margin: 0;
    text-align: left;
}

.campo-form-genero {
    max-width: 230px;
    margin: 0;
    text-align: left;
    visibility: hidden;
}

.campo-form-codigo-nome {
    max-width: 640px;
    margin: 10px 0 10px 0;
}

.campo-form-codigo {
    max-width: 230px;
    margin: 0;
    text-align: left;
}

.campo-form-nome {
    max-width: 400px;
    margin: 0;
    text-align: left;
}

.campo-form-redeorigem {
    max-width: 795px;
    margin: 0;
    text-align: left;
}

.article-codigo {
    margin: 0 0 10px 0;
}

.article-sexo {
    margin: 0 0 10px 0;
}

.aside-genero {
    margin: 0 0 10px 0;
}

.aside-nome {
    margin: 0 0 10px 0;
}
.row-composta {
}

.pad{
    padding: 6px;
    vertical-align: top;
}

.tipodef-esquerda {
    max-width: 862px;
}

.tipodef-direita {
    max-width: 862px;
}

/*.table1 {
    max-width: 862px;
    margin: 0 auto;
    display: table;
}

.table-row1 {
    display: table-row;
    padding: 0px;
}

.table-cell1 {
    display: table-cell;
    padding: 0px;
}*/
.titulo1 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #0a4b7f;
    line-height: 1.6;
    font-weight: bolder;
    text-align: justify;
    text-rendering: optimizeLegibility;
}

.div-filiacao {
    max-width: 862px;
    display: table-row;
}

.div-filiacao-cell {
    width: 425px;
    display: table-cell;
}
.div-filiacao-espaco {
    width: 12px;
    display: table-cell;
}

.tabela {
    max-width: 862px;
    margin: 0 auto;
    display: inline-block;
    border: 3px solid white;
}

/* Definição de estilos para linha de cabeçalho da tabela*/

.cabecalho {
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: Snow;
    background: #008eb7;
}

/* Definição de estilos para coluna */

.primeiro {
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: #02467a;
}

/* Definição de estilos para coluna */

.ultimo {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-rendering: optimizeLegibility;
    background: #008cba;
}

/*Tabela da busca de código*/
/***********************************************************************************************************************/
#tbResultadoAluno {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #tbResultadoAluno td, #tbResultadoAluno th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #tbResultadoAluno tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #tbResultadoAluno tr:hover {
        background-color: #ddd;
    }

    #tbResultadoAluno th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #008cba;
        color: white;
    }



/*Tabela Resultado Listas Creche*/
/***********************************************************************************************************************/
#tbResultadoListaCreche {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #tbResultadoListaCreche td, #tbResultadoListaCreche th {
        border: 1px solid #ddd;
        padding: 2px;
    }

    #tbResultadoListaCreche tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #tbResultadoListaCreche tr:hover {
        background-color: #ddd;
    }

    #tbResultadoListaCreche th {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 4px;
        padding-right: 4px;
        text-align: left;
        background-color: #008cba;
        color: white;
    }


/*Formatação de campos para seleção de escolas*/
/***********************************************************************************************************************/
#pergunta-irmao-escola1 {
    display: table-cell;
    width: 448px;
}
#cod-aluno-irmao-escola1 {
    display: table-cell;
    width: 280px;
}
#pergunta-responsavel-escola1 {
    display: table-cell;
    width: 448px;
}
#cod-aluno-responsavel-escola1 {
    display: table-cell;
    width: 280px;
}

/*Seleção Escola 1*/
#pergunta-irmao-escola2 {
    display: table-cell;
    width: 448px;
}
#cod-aluno-irmao-escola2 {
    display: table-cell;
    width: 280px;
}
#pergunta-responsavel-escola2 {
    display: table-cell;
    width: 448px;
}
#cod-aluno-responsavel-escola2 {
    display: table-cell;
    width: 280px;
}

/*Seleção Escola 2*/
#pergunta-irmao-escola2 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-irmao-escola2 {
    display: table-cell;
    width: 280px;
}

#pergunta-responsavel-escola2 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-responsavel-escola2 {
    display: table-cell;
    width: 280px;
}

/*Seleção Escola 3*/
#pergunta-irmao-escola3 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-irmao-escola3 {
    display: table-cell;
    width: 280px;
}

#pergunta-responsavel-escola3 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-responsavel-escola3 {
    display: table-cell;
    width: 280px;
}

/*Seleção Escola 4*/
#pergunta-irmao-escola4 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-irmao-escola4 {
    display: table-cell;
    width: 280px;
}

#pergunta-responsavel-escola4 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-responsavel-escola4 {
    display: table-cell;
    width: 280px;
}

/*Seleção Escola 5*/
#pergunta-irmao-escola5 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-irmao-escola5 {
    display: table-cell;
    width: 280px;
}

#pergunta-responsavel-escola5 {
    display: table-cell;
    width: 448px;
}

#cod-aluno-responsavel-escola5 {
    display: table-cell;
    width: 280px;
}






/*DIV MODAL msg modal*/
/*#####################################################################################################################*/

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        max-width: 300px;
        position: relative;
        /*margin: 50% auto;*/
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;
        background: -moz-linear-gradient(#fff, #999);
        /*background: -webkit-linear-gradient(#fff, #999);*/
        background: -o-linear-gradient(#fff, #999);
    }

.modalDialogCancelar {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99998;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialogCancelar:target {
    opacity: 1;
    pointer-events: auto;
}

.modalDialogCancelar > div {
    max-width: 650px;
    position: relative;
    /*margin: 50% auto;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    /*background: -webkit-linear-gradient(#fff, #999);*/
    background: -o-linear-gradient(#fff, #999);
}

.modalDialogSimNao {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99997;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialogSimNao:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialogSimNao > div {
        max-width: 300px;
        position: relative;
        /*margin: 50% auto;*/
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;
        background: -moz-linear-gradient(#fff, #999);
        /*background: -webkit-linear-gradient(#fff, #999);*/
        background: -o-linear-gradient(#fff, #999);
    }

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

    .close:hover {
        background: #00d9ff;
    }


    /*****AUTO COMPLETE SUGGESTION*****/
#w {
    display: block;
    width: 750px;
    margin: 0 auto;
    padding-top: 30px;
}

#content {
    display: block;
    width: 100%;
    background: #fff;
    padding: 25px 20px;
    padding-bottom: 35px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

#searchfield {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
}

    #searchfield form {
        display: inline-block;
        background: #eeefed;
        padding: 0;
        margin: 0;
        padding: 5px;
        border-radius: 3px;
        margin: 5px 0 0 0;
    }

        #searchfield form .biginput {
            width: 600px;
            height: 40px;
            padding: 0 10px 0 10px;
            background-color: #fff;
            border: 1px solid #c8c8c8;
            border-radius: 3px;
            color: #aeaeae;
            font-weight: normal;
            font-size: 1.5em;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            #searchfield form .biginput:focus {
                color: #858585;
            }



.flatbtn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    border: 0;
    color: #f3faef;
    text-decoration: none;
    background-color: #6bb642;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-size: 1.2em;
    font-weight: bold;
    padding: 12px 22px 12px 22px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
    -moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
    box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
}

    .flatbtn:hover {
        color: #fff;
        background-color: #73c437;
    }

    .flatbtn:active {
        -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    }

.btn-reservar {
    color: #fff;
    background-color: #008cba;
    border-color: #2e6da4;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 10px 5px;
    font-size: 10pt;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
}

/*************************************/









/*****TABELA RESPONSIVA*****/


/*#div-polosEscolas { visibility: hidden; }*/

#rt1 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.rt { width: 100%; font-size: 9pt;/*12*/ line-height: 18px;/*15*/ border-collapse: collapse; border-spacing: 0; }

.rt th,
.rt td { margin: 0; padding: 0;/*10*/ vertical-align: top; border: 1px solid #babcbf; padding: 4px; }
.rt th { text-align: left; padding: 4px; }

#rt1 td, th {padding: 4px; }
#rt1 tr:nth-child(even) { background-color: #f2f2f2; }
#rt1 tr:hover { background-color: #ddd; }
#rt1 th { padding: 4px; text-align: left; background-color: #008cba; color: white; }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/**************************/


/*FORMATAÇÃO PARA MOBILE*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/
@media (max-width: 906px) {

    /*****TABELA RESPONSIVA*****/
        /*#rt1 { display: block; position: relative; width: 100%; }
		#rt1 thead { display: block; float: left; }
		#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		#rt1 thead tr { display: block; }
		#rt1 th { display: block; }
		#rt1 tbody tr { display: inline-block; vertical-align: top; }
		#rt1 td { display: block; min-height: 1.25em; }*/

        .rt { font-size: 8pt; }

        #rt1 { display: block; position: relative; width: 100%; }
		#rt1 thead { display: block; float: none; }
		#rt1 tbody { display: -webkit-box; overflow-x: auto; }
		#rt1 th,
		#rt1 tr,
		#rt1 td { display: block; min-height: 18px; }

		.rt th { display: block; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0;}
    /**************************/

    input[type="checkbox"] {
        margin: 0 6px auto;
    }

    body {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin: 0 auto;
        padding: 0;
    }

    header {
        width: 100%;
        border: 0 auto;
        height: 6px;
    }

    .render-header {
        width: 100%;
        max-width: 100%;
        /*border: 0 auto;*/
    }

    header {
        width: 100%;
        max-width: 100%;
    }

    #header-inner {
        /*display: none;*/
        /*max-width: 862px;*/
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .banner {
        width: 100%;
        border: 0 auto;
    }

    #menu-icon {
        display: inline-block;
        float: right;
    }

    .banner-inner {
        width: 100%;
        margin: 0 auto;
    }

    .img-logo-banner {
        height: 62px;
        width: 90px; 
        margin: 0 6px auto;
        display: none;
    }

    .text-logo-banner1 {
        font-size: 160%;
        position: absolute;
        top: 8px;
        left: 110px;
    }

    .text-logo-banner2 {
        font-size: 160%;
        position: absolute;
        top: 40px;
        left: 114px;
    }

    nav {
        /*float: right;*/
        padding: 10px 10px 0px 0px;
    }

        nav ul, nav:active ul {
            display: none;
            z-index: 1000;
            position: absolute;
            padding: 20px;
            background: #fff;
            right: 20px;
            top: 60px;
            border: 1px solid #008eb7;
            border-radius: 2px 0 2px 2px;
            width: 50%;
        }

        nav:hover ul {
            display: block;
        }

        nav li {
            text-align: center;
            width: 100%;
            padding: 10px;
        }

    .sessao-two-column-inner-wrapper {
        /*float: left;*/
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .opcao_duvidas {
        width: 100%;
        max-width: 100%;
        font-size: 110%;
    }

    .inscricao {
        width: 100%;
        max-width: 100%;
        font-size: 110%;
    }

    .consulta {
        width: 100%;
        max-width: 100%;
        font-size: 110%;
    }

    .consulta_resultado {
        width: 100%;
        max-width: 100%;
        font-size: 110%;
    }

    .divulgacao {
        width: 100%;
        max-width: 100%;
        font-size: 110%;
    }

    .img-banner {
        display: none;
    }

    .aside1 {
        display: none;
    }

    .article1 {
        float: left;
        margin: 0 auto;
        width: 100%;
        /*height: auto;*/
    }

    .article2 {
        float: left;
        margin: 18px 0 auto;
        /*width: 30%;*/
        height: auto;
    }

    /*
    .article3 {
        float: left;
        margin: 14px 0 auto;
        width: 100%;
        height: auto;
    }*/

    .sessao-etapas {
        /*display: none;*/
        width: 100%;
        margin: 0 auto;        
    }

    .mapaDeNavegacao {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        height: 25px;
    }

    .footer-render {
        
    }

    .footer-content{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .info-col {
        margin: 0 auto;
        padding: 0;
    }

    .sessao-menu-funcional2 {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .sessao-two-column-inner-wrapper2 {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .quadro-quem {
        float: left;
        width: 100%;
    }

    .div-grupamento-head {
        width: 100%;
        max-width: 100%;
        padding: 10px;
        height: 40px;
        vertical-align: middle;
        font-size: 94%;
        text-decoration: none;
    }

    .quadro-datas {
        float: right;
        width: 100%;
    }

    .div-grupamento {
        width: 100%;
        max-width: 100%;
        padding: 10px;
    }

    .div-resultado-head {
        width: 100%;
        max-width: 100%;
        padding: 10px;
        height: 40px;
        vertical-align: middle;
        font-size: 94%;
        text-decoration: none;
    }

    .div-resultado {
        width: 100%;
        max-width: 100%;
        padding: 10px;
    }

    /*button, .button {
        display: inline-block;
    }*/

    .box-origem-aluno {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        display: inline-block;
    }

    .ja-estudou {
        max-width: 340px;
        display: normal;

    }

    .nao-estudou {
        max-width: 340px;
        display: normal;
    }

    .formCadasto {
        /*max-width: 100%;*/
        width: 100%;
        padding: 10px;
    }

    .row-buscar-codigo-aluno {
        width: 100%;
    }

    .row-form-cadastro {
        width: 100%;
    }

    .campo-form-cadastro-80 {
        width: 100%;
    }

    campo-form-cadastro-50 {
        width: 100%;
    }

    .campo-form-cadastro-30 {
        width: 100%;
    }

    .combo-ano {
        width: 100%;
    }

    .campo-form-sexo {
        max-width: 100%;
        width: 100%;
        float:left;
    }

    .campo-form-genero {
        max-width: 100%;
        width: 100%;
        float: right;
        visibility: hidden;
    }

    .campo-form-sexo-genero
    {
        width: 100%;
    }

    .article-sexo {
        width: 100%;
        float: left;
    }

    .aside-genero {
        width: 100%;
        float: right;
        margin: 10px 0;
    }

    /*.table1 {
        max-width: 862px;
        margin: 0 auto;
        display: inline-block;
    }

    .table-row1 {
        display: inline-block;
        padding: 0px;
        vertical-align: top;
    }

    .table-cell1 {
        display: normal;
        padding: 0px;
    }*/
    .tipodef-esquerda {
        max-width: 100%;
        width: 100%;
        float: left;
    }

    .tipodef-direita {
        max-width: 100%;
        width: 100%;
        float: right;
    }

    .tabela {
        max-width: 862px;
        margin: 0 auto;
        display: inline-block;
        border: 3px solid white;
    }

    /* Definição de estilos para linha de cabeçalho da tabela*/

    .cabecalho {
        text-align: center;
        text-rendering: optimizeLegibility;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: Snow;
        background: #008eb7;
    }

    /* Definição de estilos para coluna */

    .primeiro {
        text-align: center;
        text-rendering: optimizeLegibility;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        background: #02467a;
    }

    /* Definição de estilos para coluna */

    .ultimo {
        font: 11px Arial, sans-serif;
        text-align: center;
        background: #BCEE68;
    }

    /* Combo Bairro e TextBox Escola ou EDI */
    .lista-bairros {
        width: 100%;
        display: table-row;
        float: left;
    }

    .consulta-escola {
        /*max-width: 242px;*/
        width: 100%;
        display: table-row;
        float: right;
    }

    .combo-bairros {
        max-width: 100%;
        width: 100%;
    }

    .text-autosugest {
        max-width: 100%;
        width: 100%;
    }

    #div-filiacao{
        width: 100%;
    }

    #div-filiacao1 {
        display: block;
        width: 100%;
    }

    #div-filiacao-espaco {
        display: none;
    }

    #div-filiacao2 {
        display: block;
        width: 100%;
    }
}
input.reset-input {
    width: 120px;
    display: inline-block;
}
/* tela de comprovante */
.blocoinscricao {
    /*background-color: #cbeaf9;*/
    background-color: #42b9eb;
    /*color: #093270;*/
    color: #004a80;
    margin-bottom: 5px;
    border-radius: 25px;
}

.blocoinscricao .numero {
    font-size: 40px;
    font-weight: bold;
    text-align:center;
    margin-bottom: 5px;
}

.blocoinscricao .comprovante {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.blocoaviso {
    /*background-color: #1c90be;*/
    background-color: #004a80;
    color: #ffffff;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
}