.guiadeprofissoes { margin-bottom:30px; }
.guiadeprofissoes .col-1-4 { text-align:center; background:#0073ac; height:170px; color:white; margin:0 0 30px 30px; width:23%; }
.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:0px; }
.guiadeprofissoes .col-1-4 .profissao { display:table; color:white; font-size:18px; font-weight:400; margin:10px auto 10px; height:40px; line-height:20px; width:80%; vertical-align:middle; }
.guiadeprofissoes .col-1-4 .profissao div { display:table-cell; vertical-align:middle; height:inherit; width:210px; }
.guiadeprofissoes select { border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin:0 auto; font-size:14px; width:220px; }
.guiadeprofissoes .col-1-4 .botao { background:#f2911c; height:30px; border:#fff 2px solid; color:white; margin:25px auto 0; }


.guiadeprofissoes .cor_azul16 { color: #f2911c; font-weight: bold; float: left; margin-right: 8px; font-size:18px; font-weight:500; }
.guiadeprofissoes h2 { color: #0073ac;font-family: Ubuntu; font-size:26px; margin-bottom:5px; font-weight: 400; float:none; margin-top:35px; display:block; top:50px; position:relative; }
.guiadeprofissoes img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left; border-radius:50%; }

#box_guiadeprofissao .cor_azul16 { top:50px; position:relative; }
#listagem_guiadeprofissao { border-top:1px solid #e8e8e8; padding:20px 10px 0; font-size:15px; }
#listagem_guiadeprofissao .cor_azul16 { margin-top:30px; width:100%; }
.guiadeprofissoes #boxes .col-1-3 { width:31%; border:1px solid #e8e8e8; margin-right:30px; padding-bottom:50px; }
.guiadeprofissoes #boxes .col-1-3:last-child { margin-right:0; }
.guiadeprofissoes #boxes .col-1-3:last-child h2 { padding:8px 20px; }
.guiadeprofissoes #boxes .col-1-3 h2 { top:0; margin-top:0px; background:#f6f6f6; color:#444; padding:20px; border-bottom:1px solid #e8e8e8; font-weight:500; }
.guiadeprofissoes #boxes .col-1-3 div { padding:10px 20px; font-size:14px; line-height:14px; font-size:15px; line-height:18px; }
.guiadeprofissoes #boxes .col-1-3 li { color:#7b7b7b; margin-bottom:15px; }
.guiadeprofissoes #boxes { margin-bottom:50px; display:table; }

.enem select { border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin-right:10px; font-size:14px; min-width:80px; }
.enem div.holder_bts { float:right; display:inline-block; margin-top:20px; }
.enem .box a.bt { width: 112px; height: 24px; background-color: #FFFFFF; border: 1px solid #f3f3f3; padding: 6px 11px; color:#f2911c; font-family: Ubuntu; font-size:14px; font-weight: 300; margin: 0px 0px 10px; float: left; text-align: center; }
.enem .box a.bt.active { width: 112px; height: 24px; background-color: #d95812; border: 1px solid #a0b2c6; padding: 6px 11px; color:#fff; font-family: Ubuntu; font-size:14px; font-weight: 300; margin: 0px 10px 10px; text-align: center; }
.enem .box a.bt2, .enem .box a.bt2.active { line-height:16px; padding:2px 11px; height:32px; }
.enem h1, .enem #planosdeestudo { border-top:#e8e8e8 1px solid; margin-top:0; padding-top:30px; }
.enem #enem-listagem { font-size:14px; }
.enem #enem-listagem .destacado { color:#f2911c; font-size:16px; }
.enem .item { margin-top:20px; }

.justify p { text-align: justify; }

.noborder { border:0px !important; }

#planosdeestudo { font-size:14px; }
#planosdeestudo p { line-height:18px; margin-bottom:10px; }
#planosdeestudo #planosdeestudo-listagem #boxSemanas { width:98%; background:#ffffff; padding:1%; height:auto; overflow:auto; color:#868684; font-size:16px; }
#planosdeestudo #planosdeestudo-listagem #boxSemanas li { margin:1%; width:18%; float:left; height:50px; line-height:48px; vertical-align:middle; text-align:center; cursor:pointer; }
#planosdeestudo #planosdeestudo-listagem #boxSemanas li:nth-child(even) { background:#c1c1cb; }
#planosdeestudo #planosdeestudo-listagem #boxSemanas li:nth-child(odd) { background:#d2d2de; }

#fiqueinformado { border-top:#e8e8e8 1px solid; margin-top:0; padding-top:30px; }
#fiqueinformado ul { list-style:inside none disc; font-size:15px; }
#fiqueinformado a { color:#f2911c; }

#boxEstudo { margin:4% auto 0; width:71%; height:80%; background:#f6f6f6; }
#boxEstudo .rodapeEstudo { width:71%; height:2%; background:white; }
#boxEstudo .close { width:24px; height:22px; float:right; margin:0.5% 1.4% 0 0; /*background:#cc0000;*/ color:#424242; font-size:16px; font-weight:500; text-align:center; cursor:pointer; }
#boxEstudo .semanaEstudo { position:relative; color:#424242; font-size:18px; margin:1% 2%; width:80%; display: inline-block; }

/*
#boxEstudo #conteudoEstudo { background:#fff; width:96%; height:84%; padding:0 2% 1%; overflow:auto; font-size:14px; }
#boxEstudo #conteudoEstudo .nomeEstudo { color:#646464; font-size:16px; margin:1% 1% 1% 0; font-weight:bold; width:100%; line-height:22px; height:auto; }
#boxEstudo #conteudoEstudo li { list-style:inside none disc; padding-left:1.5%; color:#646464; }
#boxEstudo #conteudoEstudo a { color:#646464; }
*/

#boxEstudo #conteudoEstudo { float:right; background:#fff; width:96%; height:83%; padding:0 2% 1%; overflow:auto; font-size:14px; border-left:1px solid #efefef; border-top:1px solid #efefef; }
#boxEstudo #conteudoEstudo .nomeEstudo { color:#646464; font-size:16px; margin:2% 2% 2% 0; font-weight:bold; width:100%; line-height:22px; height:auto; }
#boxEstudo #conteudoEstudo ul { margin-bottom:40px; }
#boxEstudo #conteudoEstudo li { list-style:none; padding-left:2%; color:#676767; text-transform:uppercase; font-weight:600; }
#boxEstudo #conteudoEstudo a { color:#676767; margin-left:0; text-transform:none; font-weight:500; }
#boxEstudo #conteudoEstudo em { text-transform:none; font-weight:500; font-style:unset; font-size:12px; }
#boxEstudo #conteudoEstudo a::before { content:""; display:inline-block; width:40px; height:25px; vertical-align:bottom; background:url(/images/encceja/encceja/planosdeestudo/revisao-de-materia.png) no-repeat top left; }
#boxEstudo #conteudoEstudo a.video::before, #boxEstudo #conteudoEstudo a.videoaula::before, #boxEstudo #conteudoEstudo a.secao_1165::before { background:url(/images/encceja/encceja/planosdeestudo/videoaula.png) no-repeat top left; }
#boxEstudo #conteudoEstudo a.secao_1063::before, #boxEstudo #conteudoEstudo a.secao_1124::before, #boxEstudo #conteudoEstudo a.secao_10005::before, #boxEstudo #conteudoEstudo a.secao_10059::before { background:url(/images/encceja/encceja/planosdeestudo/revisao-de-materia.png) no-repeat top left; }
#boxEstudo #conteudoEstudo a.audio::before, #boxEstudo #conteudoEstudo a.audioaula::before, #boxEstudo #conteudoEstudo a.secao_10118::before { background:url(/images/encceja/encceja/planosdeestudo/audioaula.png) no-repeat top left; }
#boxEstudo #conteudoEstudo .msgClique { cursor:pointer; font-size:10px; text-transform:none; font-weight:400; float:right; line-height:10px; margin-right:10px; }
#boxEstudo #conteudoEstudo .barrinhaBranca { width:45px; height:8px; border:1px solid; background:white; border-radius:5px; float:right; margin-right:5px; cursor:pointer; font-size:10px; text-transform:none; font-weight:400; }
#boxEstudo #conteudoEstudo .barrinhaBranca:before { position:relative; display:block; left:-105px; top:-2px; content:"Concluiu? Clique aqui."; width:100px; font-size:10px; text-transform:none; font-weight:400; line-height:10px; margin-right:10px; }
#boxEstudo #conteudoEstudo .barrinhaBranca.hidden:before { display:none; }
#boxEstudo #conteudoEstudo .barrinhaVerde { width:45px; height:8px; border:1px solid; background:#00d428; border-radius:5px; float:right; margin-right:5px; font-size:10px; text-transform:none; font-weight:400; }
#boxEstudo #conteudoEstudo .barrinhaVerde:before { position:relative; display:block; left:-105px; top:-2px; content:"Conclu\00ed do."; width:100px; font-size:10px; text-transform:none; font-weight:400; line-height:10px; margin-right:10px; }
#boxEstudo #conteudoEstudo .barrinhaVerde.hidden:before { display:none; }

#instituicoes { border-top:#e8e8e8 1px solid; margin-top:0; padding-top:30px; }
#instituicoes ul li { font-size:14px; float:left; width:48%; border:#e1e1e1 1px solid; padding:10px; min-height:100px; line-height:18px; }
#instituicoes ul li a { color:#ebad29; font-size:14px; }
#instituicoes-listagem { margin-top:20px; }

#exames-anteriores { border-top:#e8e8e8 1px solid; margin-top:0; padding-top:30px; font-size:14px; }
#exames-anteriores .fa { font-size:20px; color:#7b7b7b; padding:5px 0 5px 5px; }
#exames-anteriores .amarelo { color:#EEAD00; }
#exames-anteriores .branco { color:#adadad; }
#exames-anteriores .cinza { color:#7b7b7b; }
#exames-anteriores .azul { color:#2398dd; }
#exames-anteriores .rosa { color:#ff66ff; }
#exames-anteriores .verde { color:#2E846B; }
#exames-anteriores ul { display:table; }
#exames-anteriores ul li { min-height:50px; width:100px; padding:10px; display: inline-block; }
#exames-anteriores ul li p { background:#e8e8e8; padding:0 0 0 5px; }

#encceja { position:relative; width:96%; margin:0 auto 8%; }
#encceja button.accordion { background-color:unset;/*#eee*/ color: #7b7b7b;; cursor: pointer; padding:0; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #7b7b7b; outline: none; transition: 0.4s; font-size: 22px; font-family: Ubuntu; line-height: 40px; margin-top: 10px; }
/*#encceja button.accordion.active, #encceja button.accordion:hover { background-color: #ddd; } */
#encceja button.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #7b7b7b;; float: right; margin-left: 5px; width: 24px; height: 24px; border: 2px solid; border-radius: 50%; text-align: center; line-height: 24px; margin-top: 6px; }
#encceja button.accordion.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }
#encceja div.panel { padding:0 10px; background-color: none; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; font-size: 14px; /*display: none;*/ }
#encceja div.panel p { padding-top:10px; }

#noticias-listagem p { margin-bottom: 10px; line-height: 18px; }

@media only screen and (min-width: 998px) and (max-width: 1170px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 15px 15px; width:23.8%; }
	#instituicoes ul li { width:47%; }
}

@media only screen and (min-width: 926px) and (max-width: 997px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 15px 15px; width:32.2%; }
	.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:15px; }
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:30%; }
	#instituicoes ul li { width:47%; }
}

@media only screen and (min-width: 820px) and (max-width: 925px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 15px 15px; width:32.0%; }
	.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:15px; }
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:30%; }
	#instituicoes ul li { width:47%; }
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 15px 15px; width:31.8%; }
	.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:15px; }
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:29%; }
	#instituicoes ul li { width:46%; height:120px; }
}

@media only screen and (min-width: 747px) and (max-width: 767px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 30px; width:47.8%; }
	/*.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:30px; }*/
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:30px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:29%; }
	#instituicoes ul li { width:46%; height:120px; }
}

@media only screen and (min-width: 620px) and (max-width: 746px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 30px; width:47.3%; }
	/*.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:30px; }*/
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:30px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:25px; }
	#instituicoes ul li { width:46%; height:120px; }
}

@media only screen and (min-width: 478px) and (max-width: 619px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 0; width:100%; }
	/*.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:30px; }*/
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	/*.guiadeprofissoes .col-1-4 h4 div { width:425px; }*/
	.guiadeprofissoes #boxes .col-1-3 { width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:25px; }
	#instituicoes ul li { width:94%; min-height:80px; }
}

@media only screen and (min-width: 424px) and (max-width: 477px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 0; width:100%; }
	/*.guiadeprofissoes .col-1-4:nth-child(4n+1) { margin-left:30px; }*/
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	/*.guiadeprofissoes .col-1-4 h4 div { width:400px; }*/
	.guiadeprofissoes #boxes .col-1-3 { width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:25px; }
	#instituicoes ul li { width:94%; min-height:80px; }
}

@media only screen and (max-width: 423px) {
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 0; width:100%; }
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:25px; }
	#instituicoes ul li { width:94%; min-height:120px; }

	#planosdeestudo #planosdeestudo-listagem #boxSemanas li { font-size:10px; }
}

@media only screen and (max-width: 324px){
	.guiadeprofissoes .col-1-4 { margin:0 0 30px 0; width:100%; }
	.guiadeprofissoes .col-1-4:nth-child(3n+1) { margin-left:0px; }
	.guiadeprofissoes .col-1-4:nth-child(2n+1) { margin-left:0px; }
	.guiadeprofissoes #boxes .col-1-3 { width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:25px; }
	#instituicoes ul li { width:94%; min-height:120px; }
}

@media only screen and (max-width: 1024px) {
	#boxEstudo { width:80%; }
}
@media only screen and (max-width: 620px) {
	#boxEstudo { width:90%; }
}