html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
input, textarea, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body {height:100%;}

body {-webkit-font-smoothing:antialiased; font-size:13px; font-family:"Open Sans", arial, sans-serif; font-weight:300; background:#e1e1e1;}
a {text-decoration:none; color:inherit;}

/* CORES
#004a8f = azul
*/

/* @CLEARFIX */
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin-bottom: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.left {float:left;}
.right {float:right;}
.content {display:block; margin:0 auto; width:1180px; max-width:95%;}
.container {float:left; width:100%;}
.botao {display:inline-block; background:#EA8935; color:#fff; padding:10px 15px; font-size:14px; text-transform:uppercase; letter-spacing:1px; cursor:pointer;}
.botao:hover {opacity:0.7;}
hr {display:block; width:100%; height:1px; border:0; border-bottom:1px solid #ddd; margin:20px 0;}
@media screen and (max-width: 667px) {
	.botao {font-size:13px; padding:5px 10px; letter-spacing:0;}
}

.fck p {margin:0 0 15px 0;}
.fck h1 {font-size:22px; margin:0 0 15px 0;}
.fck h2 {font-size:18px; margin:0 0 15px 0;}
.fck h3 {font-size:13px; margin:0 0 15px 0;}
.fck ul {list-style:disc outside; margin:0 0 15px 30px;}
.fck ol {list-style:decimal outside; margin:0 0 15px 30px;}
.fck li {margin-bottom:5px;}
.fck table {margin-bottom:15px;}
.fck table p {margin:0;}

@media screen and (max-width: 667px) {}
@media screen and (min-width: 668px) and (max-width: 767px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}

form input:not(.noupper),form textarea:not(.noupper) { text-transform: uppercase }
form input[type=text], input[type=file], input[type=number], input[type=tel], input[type=date], input[type=password], input[type=email], input[type=password], select, textarea {width:100%; padding:0; font-family:inherit; font-size:inherit; border-radius:0; border:1px solid var(--cinza2); padding:8px; border-radius:4px; background-color:#fff;}
form select {background:url(../img/select-icon.png) no-repeat right center #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
form select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
form label {margin-right:5px;}

.form, .form fieldset, .form fieldset > [class^=js] {display:flex; flex-direction:column; gap:1rem;}
.form dl {display:flex; flex-direction:column; gap:.5rem; justify-content:end;}
.form dd {display:flex; gap:1rem;}
.form [class^=colunas] {display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.form .colunas3 {grid-template-columns:repeat(3,1fr);}
.form .colunas4 {grid-template-columns:repeat(4,1fr);}
.form .colunas5 {grid-template-columns:repeat(5,1fr);}
.form .colunas6 {grid-template-columns:repeat(6,1fr);}
.form .colunas7 {grid-template-columns:repeat(7,1fr);}
.form .colunas8 {grid-template-columns:repeat(8,1fr);}
.form [class^=colunas] .dl2 {grid-column:span 2;}
.form [class^=colunas] .dl3 {grid-column:span 3;}
.form [class^=colunas] .dl4 {grid-column:span 4;}
.form label, .form-row label {display:flex; align-items:center; gap:.5rem;}
.form-row dl {display:flex; align-items: center; margin-bottom:1rem;}
.form-row dt {flex:0 0 170px;}
.form-row dd {display:flex; align-items:center; gap:1rem; width:100%;}
.form-comp {display:flex; align-items:center; background:var(--gray2); padding:0 .75em;}
.form-comp:first-child {margin-right:-1rem;}
.form-comp:last-child {margin-left:-1rem;}
@media screen and (max-width: 896px) {
	.form [class^=colunas] {display:flex; flex-direction: column; gap:1rem;}
	.form-row dl {flex-direction:column; align-items:flex-start;}
	.form-row dt {flex:1; margin-bottom:.375em;}
}

/*
form dl {float:left; width:100%; padding:5px; margin-bottom:5px;}
form dt {margin-bottom:.375em;}
form dd {display:flex; align-items:center;}
form dd label {font-size:16px; padding:6px 0;}
form [class^=colunas] {display:flex; align-items:center;}
form [class^=colunas] > * {margin-right:1rem; flex:1;}
form [class^=colunas] > *:last-child {margin-right:0;}
form .colunas, form .colunas2, form .colunas3, form .colunas4, form .colunas5 {float:left; width:100%;}
form .colunas4 dl, form .colunas4 .dl1 {width:25%;}
*/

/*
form dl {float:left; width:100%; padding:5px;}
form .colunas {float:left; width:100%;}
form .colunas dl, form .colunas .dl1 {width:50%;}
form .colunas3 {float:left; width:100%;}
form .colunas3 dl, form .colunas3 .dl1 {width:33.3%;}
form .colunas4 dl, form .colunas4 .dl1 {width:25%;}
form .colunas5 dl, form .colunas5 .dl1 {width:20%;}
form .colunas3 .dl2 {width:66.6%;}
*/


form fieldset {padding:1rem; border:1px solid silver; margin-bottom:2rem;}
form legend {font-size:1.5em; font-weight:bold;}
form button {border:0; padding:0; font-size:inherit; cursor:pointer; background:inherit; background:#EA8935; color:#fff; font-size:16px; padding:7px 10px;}

form .erro, form input[type=tel].erro {background:#FFEBA2 !important;}
@media screen and (max-width: 667px) {
	form legend {font-size:20px;}
	form dl, form .dl1, form .dl2, form .dl3 {width:100% !important;}
}

#empresas {background:url(../img/pattern.png) #01427e; height:550px; color:#fff; margin-bottom:60px;}
#empresas .grupo {display:block; margin:70px auto;}
/*#empresas .item {float:left; width:16.66%; height:220px; padding:0 1%;}*/
#empresas .grid {display:grid; grid-template-columns:repeat(4,1fr); grid-gap:1rem;}
#empresas .item {text-align:center;}
#empresas .item img {display:block; margin:0 auto 20px auto; height:100px; object-fit:contain; max-width:100%;}
#empresas .item .descricao {margin-bottom:15px; font-size:12px;}
#empresas .item .link {display:inline-block; font-weight:bold; border-bottom:1px dotted gray; transition:all 200ms; -moz-transition:all 200ms; -webkit-transition:all 200ms;}
#empresas .item .link:hover {border-color:#fff;}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#empresas {height:700px;}
	#empresas .item {width:33.33%;}
}
@media screen and (max-width: 667px) {
	#empresas {height:315px; text-align:center;}
	#empresas .grupo {width:50%; height:auto; margin:25px auto;}
	#empresas .item {width:50%; height:70px;}
	#empresas .item .descricao, #empresas .item .link {display:none;}
	#empresas .item img {width:60%; display:block; margin:0 auto 10px auto;}
}

.titulo-sessao {font-size:30px; font-weight:normal; color:#004a8f; text-align:center; letter-spacing:3px; margin-bottom:30px;}
.titulo-sessao span {border:2px solid #004a8f; padding:2px 10px;}
@media screen and (max-width: 667px) {
	.titulo-sessao {font-size:20px;}
}

.vagas {border-bottom:1px solid silver; padding-bottom:10px; margin-bottom:120px;}
.vagas .item {float:left; width:85%}
.vagas .item .qtd {float:left; width:100px; background:#004a8f; color:#fff; text-align:center; font-size:18px; line-height:1.3em; padding:10px 0;}
.vagas .item .qtd span {display:block; font-size:50px; font-weight:bold; line-height:1em;}
.vagas .item .empresa {font-size:22px; color:gray; margin-left:120px; margin-top:8px;}
.vagas .item .titulo {font-size:45px; letter-spacing:-1px; color:#004a8f; margin-left:120px; line-height:1em;}
.vagas .item .texto {margin-left:120px; margin-top:20px; font-size:16px;}
.vagas .item .botao {margin-left:120px;}
.vagas .item a * {transition:all 200ms; -moz-transition:all 200ms; -webkit-transition:all 200ms;}
.vagas .item a:hover * {opacity:0.75;}
.vagas .controles {float:right; width:15%; font-size:40px; margin-top:20px;}
.vagas .controles a:hover {opacity:0.3;}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.vagas .item {width:80%;}
	.vagas .item .qtd span {font-size:35px;}
	.vagas .item .titulo {font-size:35px;}
	.vagas .controles {width:20%;}
}
@media screen and (max-width: 667px) {
	.vagas {margin-bottom:60px;}
	.vagas .item {width:100%;}
	.vagas .item .qtd {width:70px; line-height:1em;}
	.vagas .item .qtd span {font-size:20px;}
	.vagas .item .empresa {font-size:14px; margin-left:80px;}
	.vagas .item .titulo {font-size:20px; margin-left:80px;}
	.vagas .item .texto {font-size:13px; margin-left:80px;}
	.vagas .item .botao {margin-left:80px;}
	.vagas .controles {display:none;}
}

#footer .contato {text-align:center; height:230px;}
#footer .contato .fone {font-size:50px; font-weight:bold; color:#004a8f; letter-spacing:-1px;}
#footer .contato .email {font-size:26px;}
@media screen and (max-width: 667px) {
	#footer .contato {height:180px;}
	#footer .contato .fone {font-size:30px;}
	#footer .contato .email {font-size:18px;}
}

#header {background:url(../img/pattern.png) #01427e; height:277px; margin-bottom:60px;}
#header .grupo {display:block; margin:70px auto;}

#oportunidades .item {margin-bottom:60px;}

#inscricao {float:left; width:700px; max-width:100%; padding:15px;}
#inscricao .titulo1 {font-size:25px; font-weight:bold; color:#004a8f; letter-spacing:-1px;}
#inscricao .box {margin:15px 0;}
#inscricao .empresa {font-size:16px; color:gray;}
#inscricao .titulo {font-size:30px; font-weight:normal; color:#004a8f;}

#suporte .content, #docs .content {border-bottom:1px solid silver; margin-bottom:120px;}
#suporte .botoes {margin-bottom:60px;}
#suporte .item {margin-bottom:30px;}
#suporte .item-concluido {opacity:0.4; transition:all 250ms;}
#suporte .item-concluido:hover {opacity:1;}
#suporte .item-concluido2 * {opacity:0.5;}
#suporte .item-concluido .replica, #suporte .item-concluido .titulo2, #suporte .item-concluido .box p {opacity:1;}
#suporte .item .box {float:left; width:120px; background:#004a8f; color:#fff; font-size:16px; padding:15px;}
#suporte .item .dados {margin-left:140px;}
#suporte .item .titulo1 {font-size:28px; letter-spacing:-1px; line-height:1.1em; margin-bottom:5px;}
#suporte .item .autor {font-size:16px; color:gray;}
#suporte .item .texto {margin-top:10px; font-size:16px;}
#suporte .item .titulo2 {font-size:18px; font-weight:bold; margin:15px 0 5px 30px;}
#suporte .item .replica {font-size:16px; margin-left:30px;}
#suporte .filtros .botao {background:silver;}
#suporte .filtros .active {background:#EA8935;}
@media screen and (max-width: 667px) {
	#suporte .filtros {clear:both; float:left; margin-top:4px;}
	#suporte .item .box {padding:10px; font-size:14px; width:100px;}
	#suporte .item .dados {margin-left:120px;}
	#suporte .item .autor {font-size:13px;}
	#suporte .item .texto {font-size:13px;}
	#suporte .item .titulo2 {margin:0; margin-top:20px;}
	#suporte .item .replica {font-size:14px; margin:0;}
}
.paginacao {margin:20px 0; font-size:16px; text-align:center;}
.paginacao a {padding:8px;}
.paginacao a.active {font-weight:bold; color:#004a8f;}

#docs .item {margin-bottom:30px;}
#docs .item .download {float:left; width:120px;}
#docs .item .dados {margin-left:140px;}
#docs .item .icon-attach {display:block; font-size:22px;}
#docs .item .botao {text-align:center; font-size:12px; width:100%; letter-spacing:0;}
#docs .item .titulo1 {font-size:28px; letter-spacing:-1px; line-height:1.1em; margin-bottom:5px;}
#docs .item .autor {font-size:16px; color:gray;}
#docs .item .texto {margin-top:10px; font-size:16px;}
#docs .item .texto a {display:inline-block; color:#004a8f; border-bottom:1px dotted gray}

#cdr .content {padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid silver;}
#cdr .resultados {text-align:center; margin:25px 0; font-size:1.25em;}
#cdr .resultados span {display:inline-block; background:#004a8f; color:#fff; padding:2px 10px; border-radius:25px; margin:0 3px;}
#cdr .resultados .exportar {background:#EA8935; font-weight:bold;}
#cdr .registros {width:100%; text-align:center; font-size:1.25em; margin-bottom:50px;}
#cdr .registros th {padding:8px 0; color:#EA8935; border-bottom:2px solid #EA8935;}
#cdr .registros td {padding:8px 0; border-bottom:1px dotted silver;}
#cdr .registros tr:nth-child(even) {background-color:#D7D7D7;}
#cdr .login {width:250px; display:block; margin:0 auto;}
#cdr .login button {width:100%;}

#academia .login form {width:300px; display:block; margin:0 auto;}
#academia .login form input {font-size:1.75em; text-align:center;}
#academia .login form button {width:100%;}

#academia .cabecalho {margin-bottom:25px;}
#academia .cabecalho .nome {font-size:1.25em; line-height:40px; color:gray;}
#academia .dashboard .titulo, #academia .avaliacao .titulo {font-size:2.5em; margin-bottom:25px;}
#academia .dashboard .lista {font-size:1.5em;}
#academia .dashboard .lista a {color:#004a8f; text-decoration:underline;}
#academia .dashboard .lista li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid silver;}
#academia .dashboard .lista span {font-size:0.813em; color:red; margin-left:10px;}

#academia .avaliacao .item {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid silver;}
#academia .avaliacao .item .titulo-item {font-size:1.25em; margin-bottom:20px;}
#academia .avaliacao .item .opcoes li {margin-bottom:5px; font-size:1.125em;}
#academia .avaliacao .item .opcoes span {font-weight:bold; color:green;}
#academia .avaliacao .item-errado {border-left:5px solid red; padding-left:15px;}
#academia .avaliacao .item-correto {border-left:5px solid green; padding-left:15px;}

#academia .avaliacao .resultado {background:#424242; color:#fff; padding:20px; font-size:1.5em; margin-bottom:50px;}
