/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* FONTS */
@font-face {
    font-family: 'FuturaMedium';
    src: url('../fonts/FUTURAM.eot');
    src: url('../fonts/FUTURAM.eot') format('embedded-opentype'),
         url('../fonts/FUTURAM.woff2') format('woff2'),
         url('../fonts/FUTURAM.woff') format('woff'),
         url('../fonts/FUTURAM.ttf') format('truetype'),
         url('../fonts/FUTURAM.svg#FUTURAM') format('svg');
}
@font-face {
    font-family: 'FuturaBold';
    src: url('fonts/FUTURAB.eot');
    src: url('fonts/FUTURAB.eot') format('embedded-opentype'),
         url('fonts/FUTURAB.woff2') format('woff2'),
         url('fonts/FUTURAB.woff') format('woff'),
         url('fonts/FUTURAB.ttf') format('truetype'),
         url('fonts/FUTURAB.svg#FUTURAB') format('svg');
}


body {
    font-family: 'FuturaMedium',sans-serif;
}


/* CÓDIGOS GOOGLE */
.script-style {height: 0;margin: 0;padding: 0;overflow: hidden;}

/* FORMULÁRIOS */
.input-field label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=number]:focus + label,
.input-field .prefix.active {
    color: #2a4672;
}
.input-field input[type=text]:focus,
.input-field input[type=text].valid,
.input-field input[type=text].invalid,
.input-field input[type=email]:focus,
.input-field input[type=email].valid,
.input-field input[type=email].invalid,
.input-field input[type=number]:focus,
.input-field input[type=number].valid,
.input-field input[type=number].invalid {
border-bottom: 1px solid #2a4672;
box-shadow: 0 1px 0 0 #2a4672;
}

.dropdown-content li>a,
.dropdown-content li>span {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #2a4672;
}

.visible-mobile {
    display: none;
}

/* BOTÕES */
.waves-effect {
    font-size: 17px;
    background-color: #ff9400;
    height: 50px;
    line-height: 52px;
    border-radius: 0;
}
.botao_container .waves-effect {
    line-height: 22px;
    padding: 15px 30px 13px 30px;
    height: auto;
}
.waves-effect:hover, .waves-effect:focus {
    background: #ffd08f;
}

/* SECÇÕES */
.section {
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

/* SECÇÃO INICIAL */
#section-inicial {
    background: #2a4672;
    text-align: center;
    padding-top: 40px;
    border-top: #60c5c6 10px solid;
}
#section-inicial img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
#section-inicial .logo-chromos {
    margin-bottom: 30px;
}
.valores {width: 700px;margin: 20px auto 50px;text-align: left;}
.valores > h2 {color: #fff;text-transform: uppercase;font-size: 20px;margin: 60px 0 30px;text-align: center;}
.valores .abas {width: 100%;list-style: none;font-size: 0;}
.valores .abas li {
    display: inline-block;
    position: relative;
    background-color: #003860;
    font-size: 14px;
    line-height: 36px;
    padding: 0;
    margin-right: 2%;
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
    width: 15%;
    text-align: center;
}
.valores .abas li:last-child {
    margin-right: 0;
}
.valores .abas li.ativo:after {content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;position: absolute;bottom: -22px;left: 50%;margin-left: -13px;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 22px solid #60c5c6;z-index: 9999;}
.valores .conteudo_abas>div {display: none;background: #4a6287;width: 100%;padding: 20px 0 0;font-size: 18px;color: #fff;}
.valores .conteudo_abas>div p {padding: 0 20px;margin: 0;}
.valores .conteudo_abas>div p b {font-family: 'FuturaBold',sans-serif;font-weight: bold;}
.valores .conteudo_abas>div h1 {padding: 0 20px;margin: 20px 0 0;color: #fff;font-size: 22px;}
.valores .conteudo_abas>div h2 {padding: 0 20px;margin: 30px 0 0;color: #fff;text-align: center;font-size: 20px;}
.valores .conteudo_abas>div h2 span {color: #F68000;}
.valores .conteudo_abas>div .container-tabela {padding-top: 10px;}
.valores .conteudo_abas>div .container-tabela table {width: 100%;text-align: center;}
.valores .conteudo_abas>div .container-tabela td, .valores .conteudo_abas>div .container-tabela th {line-height: 45px;font-size: 18px;color: #fff;text-align: center;}
.valores .conteudo_abas>div .container-tabela td.desconto_escola_publica {font-size: 12px;line-height: 16px;}
.valores .conteudo_abas>div .container-tabela th {line-height: 24px;text-align: center;padding:10px 0;}
.valores .conteudo_abas>div .container-tabela th span {font-size: 15px;display: block;}
.valores .conteudo_abas>div .container-tabela tr:nth-child(1) th,
.valores .conteudo_abas>div .container-tabela tr:nth-child(3) td,
.valores .conteudo_abas>div .container-tabela tr:nth-child(6) td
{background: #6e819f;}

.texto_informativo {
    color: #fff;
    text-align: justify;
    margin-bottom: 40px;
}
.texto_informativo h1 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 5px;
}
.texto_informativo ul {
    padding-left: 20px;
    list-style: circle;
}

/* INSCRIÇÃO */
.chamada_matricula {
    text-align: center;
    margin: 10px 0 30px;
}
#section-inscricao {
    border-bottom: 10px solid #60c5c6;
    border-top: #60c5c6 10px solid;
    padding-top: 20px;
}
#section-inscricao h1 {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #2a4672;
}
#section-inscricao .subtitulo-form {
    color: #2a4672;
    margin: 20px 0 5px;
    font-size: 18px;
}
#responsavel_financeiro_nome-container,
#responsavel_financeiro_cpf-container,
#responsavel_pedagogico_nome-container,
#responsavel_pedagogico_cpf-container
{
    display: none;
}
.mensagem_escola_publica {
    background: #2A4672;
    color: #fff;
    padding: 15px;
}
.botoes-formulario {
    width: 100%;
    float: left;
}
.botao_container {
    text-align: center;
}
.botao_unidade button {
    background-color: #00A0CE;
}
.botao_unidade button:hover, .botao_unidade button:focus {
    background: rgb(134, 183, 197);
}

/* RODAPÉ */
#rodape {
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #409fcb;
    margin-top: 60px;
}
#rodape .container {
    width: 90%;
    max-width: none;
}
.logo-chromos-rodape {
    display: block;
    margin: 0 auto 30px;
}
#rodape h2 {
    margin-bottom: 5px;
    color: #409fcb;
    font-weight: bold;
}

/* PÁGINAS INTERNAS */
body.pagina-interna .logo-chromos {
    display: block;
    margin: 30px auto 0;
}
body.pagina-interna h1 {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
}
.box_tabela {
    padding: 20px 0;
    margin-top: 60px;
}
.box_tabela table {
    border: 1px solid #d0d0d0;
}
.box_tabela th {
    background: #ff9400;
    color: #fff;
    border-radius: 0;
    line-height: 44px;
}
.box_tabela td {
    line-height: 44px;
}
.box_tabela tr:last-child td {
    font-weight: bold;
    background-color: #eee;
}
.box_pagamento {
    padding: 15px;
    font-size: 16px;
    min-height: 320px;
}
.botao-finalizar {
    margin-top: 20px;
}
body.pagina-interna #rodape {
    position: static;
    margin-top: 50px;
}
