@charset "utf-8";
@import url("../fonts/latoLatin/fonte.css");

html,body{overflow:hidden; height:100%; position:relative; margin:0px; padding:0px; font-family:'Regular'; background:url("../img/ava/background.jpg") no-repeat top center; background-attachment:fixed; font-size:13px; }
html > body > div#body {height:100%; width:100%; *position:fixed;  overflow:hidden;} /* Div principal - Tudo fica dentro dela*/

.hand{cursor:pointer}

section{position:relative; width:100%;}
section h1{font-size:30px; font-family:"Bold"; margin:0px; font-weight:normal;}
section h2{font-size:18px; margin:0px 0px 20px 0px; font-weight:normal; font-family:"Thin";}
section h3{font-size:16px; margin:0px 0px 20px 0px; font-family:"Regular";}

section.seta:after{content:""; position:absolute; width:80px; height:80px; bottom:-40px; left:50%; margin-left:-42px; background:url(../img/icones/section_seta.png) center no-repeat; background-size:100%; z-index:9;}

hr {display: block;border:none;border-top:1px solid #bbb;border-bottom:1px solid #fff;}
hr.pontilhado{border:none; background:url(../img/pontilhado.png) top; height:4px;}

a.link{color:#06C; text-decoration:none;}
a.link i{color:#333;}
a.link:hover{color:#09F; text-decoration:underline;}

.breadcrumb {font-size:11px;}

@media screen and (min-width : 320px) and (max-width : 980px) {
	.hidemobile{display:none;}
}

/*TAB-SET PADRAO*/
section.tab-set { padding:0px; width:100%; }
section.tab-set table td,section.tab-set table td p{ color: #000 !important;}
section.tab-set nav{ padding:0px 10px; }
section.tab-set nav ul {margin:0px; padding:0px; padding-bottom:-1px; list-style:none; }
section.tab-set nav ul li{
	color:#555;
	background:#fff;
	margin:0px;
	margin-right:-3px; /*COrrige o espacamento natural do inline-block*/
	display:inline-block; 
	line-height:1.8em; /*evita que o badge force as bordas*/
	
	padding:10px 12px;
	box-sizing:border-box;
	min-width:110px;
	text-align:center;
	
	font-weight:normal; 
	font-size:10px;
	text-transform:uppercase;
	cursor:pointer;
	
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	user-select: none; 
	
	position:relative;

	border-top:2px solid #dddddd;
	border-right:none;
	border-left:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	}
section.tab-set nav ul li i{font-size:13px;}
section.tab-set nav ul li:last-child{border-right:2px solid #ccc;}
section.tab-set nav ul li.active{
	color:#000;
	background:#fff;
	font-weight:bold;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-ms-transition:all .1s linear;
	-o-transition:all .1s linear;
	transition:all .1s linear;
	
	border-bottom:2px solid #fff;
	}
section.tab-set div.area_tabs{width:100%; padding:10px;-webkit-box-sizing: border-box; border-top:2px solid #dddddd; margin-top:-2px; -moz-box-sizing: border-box; box-sizing: border-box; background:rgba(255,255,255,1) }
section.tab-set div.area_tabs div.content{display:none;}
section.tab-set div.area_tabs div.content.active{display:block;}

section.tab-set nav.right{float:none !important; text-align:right;}
section.tab-set nav.center{text-align:center;}

@media screen and (min-width : 320px) and (max-width : 980px) {
	section.tab-set div.area_tabs{ padding:15px 0px;}
	section.tab-set nav ul li{	padding:10px 10px;	min-width:auto; font-size:9px;	}
	section.tab-set nav ul li i{font-size:11px;}
}

/*TAB-SET - Estilo botao*/
section.tab-set.botao { padding:0px; width:100%; }
section.tab-set.botao table td,section.tab-set.botao table td p{ color: #000 !important;}
section.tab-set.botao > nav{ padding:0px; margin-bottom:20px; }
section.tab-set.botao > nav ul {margin:0px; padding:0px; list-style:none; display:inline-block; border:1px solid #fa1e24; border-radius:5px; overflow:hidden; }
section.tab-set.botao > nav ul li{
	color:#555;
	background:#fff;
	margin:0px;
	margin-right:-3px; /*COrrige o espacamento natural do inline-block*/
	display:inline-block; 
	
	padding:10px 12px;
	box-sizing:border-box;
	min-width:110px;
	text-align:center;
	
	position:relative;
	border:none;

	}
section.tab-set.botao > nav ul li:last-child{border-right:none;}
section.tab-set.botao > nav ul li.active{
	color:#fff;
	background:#fa1e24;
	font-weight:bold;
	text-shadow: none;

	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-ms-transition:all .1s linear;
	-o-transition:all .1s linear;
	transition:all .1s linear;
	}
section.tab-set.botao > div.container{width:100%; box-sizing: border-box;background:none; padding:0px;border-top:none; }
section.tab-set.botao > div.container div.content{display:none;}
section.tab-set.botao > div.container div.content.active{display:block;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section.tab-set.botao > nav ul li{	padding:8px 12px;	min-width:80px;	font-size:10px;	}
}



/*CENTRALIZADO*/
.centralizado 
{
	/*width:1000px; 
	position:relative;  
	margin:0px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

/*ava SECTION PRINCIPAL*/
section#ava { display:table; height:100% !important; width:100%;}
section#ava section#area_conteudo{ display:table-cell;vertical-align:top;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section#ava td.thumb,section#ava th.thumb{display:none;}
}


/*MENU ASIDE*/
aside#menu{ display:table-cell;vertical-align:top;}
aside#menu{background:#6f2998 /*#fa1e24*/;width:0px; }
aside#menu .cabecalho{background:#fff; width:160px; height:60px; box-sizing:border-box; text-align:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
aside#menu .cabecalho .logo{background:url("../img/ava/logo.jpg") no-repeat center; background-size:100%; display:inline-block; width:100%; height:100%;}
aside#menu .recolher{cursor:pointer; display:block; position:relative; color:#fff; font-size:8px; right:5px; top:5px; text-align:right;}
aside#menu nav{margin-top:15px;}
aside#menu nav a{text-transform:uppercase; color:#fff;  font-size:11px; font-family:"Condensed"; text-decoration:none; display:block; padding:10px 15px;}
aside#menu nav a:hover{background:rgba(0,0,0,0.25)}
aside#menu nav a i{margin-right:5px; font-size:13px; color:#fff;}

aside#menu.recolhido .cabecalho{width:50px; }
aside#menu.recolhido .cabecalho .logo{background:url("../img/ava/simbolo.jpg") no-repeat center;}
aside#menu.recolhido  nav a span{display:none;}

@media screen and (min-width : 320px) and (max-width : 980px) {
	aside#menu .cabecalho{width:50px; height:40px;}
	aside#menu .cabecalho .logo{background:url("../img/ava/simbolo.jpg") no-repeat center; background-size:cover;}
	aside#menu nav a span{display:none}
	aside#menu nav a i{margin-right:0px; font-size:15px;}
	aside#menu nav a{text-align:center; padding:10px 5px;}
	aside#menu .recolher:before{display:none;}
}

/*CONTEUDO e HEADER*/
section#ava section#area_conteudo{ }
section#ava section#area_conteudo section#header{background:#343f4b; display:table;  width:100%; height:60px; }
section#ava section#area_conteudo section#header h1{float:left; padding:13px 0px 0px 5px; line-height:1em; font-size:15px; color:#fff; }
section#ava section#area_conteudo section#header h1 strong{color:#999; }
section#ava section#area_conteudo section#header .coluna{background:#343f4b;  text-align:left; vertical-align:middle;  padding:10px;}
section#ava section#area_conteudo section#header .boasvindas{color:#fff; font-size:13px;}
section#ava section#area_conteudo section#header .avatar{display:inline-block; border-radius:100%; width:35px; height:35px; vertical-align:middle; margin-left:10px; background-position:center; background-size:cover;}
section#ava section#area_conteudo section#conteudo{overflow:auto; height:92%; position:absolute; }
section#ava section#area_conteudo h1{color:#a0a2a5; font-size:30px; font-family:"Bold"; margin-bottom:15px; }
section#ava section#area_conteudo h2{color:#555; font-size:26px; font-family:"Bold"; }
section#ava section#area_conteudo section#conteudo{ padding:30px 40px; box-sizing:border-box;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section#ava section#area_conteudo section#header{height:40px; }
	section#ava section#area_conteudo section#header h1{padding:10px 0px 0px 5px; font-size:12px; line-height:0px; color:#fff; }
	section#ava section#area_conteudo section#conteudo{ padding:20px 10px;}
	section#ava section#area_conteudo section#header .boasvindas{font-size:11px;}
	section#ava section#area_conteudo section#header .avatar{display:inline-block; border-radius:100%; width:20px; height:20px; vertical-align:middle; margin-left:10px; background-position:center; background-size:cover;}
}

/*BLOCO TAREFA*/
section#ava section#area_conteudo section#conteudo div.bloco_tarefa{ padding:20px 30px 20px 70px; box-sizing:border-box; width:100%; border:1px solid #abaeb0; background:rgba(255,255,255,0.8); border-radius:2px; margin-bottom:15px;}
section#ava section#area_conteudo section#conteudo div.bloco_tarefa span.topico{ position:absolute; margin-left:-50px; margin-top:-3px; display:inline-block; padding-top:6px; box-sizing:border-box; background:#fa1e24; color:#fff; font-size:13px; font-family:"Bold"; border-radius:100%; width:30px; height:30px; text-align:center; vertical-align:middle;}
section#ava section#area_conteudo section#conteudo div.bloco_tarefa h1{ color:#343f4b; font-size:18px; font-family:"Bold"; margin-bottom:5px; }
section#ava section#area_conteudo section#conteudo div.bloco_tarefa h1 a{ color:#343f4b;text-decoration:none; }
section#ava section#area_conteudo section#conteudo div.bloco_tarefa h1 a:hover{text-decoration:underline; }
section#ava section#area_conteudo section#conteudo div.bloco_tarefa h2{ color:#343f4b; font-size:12px; font-family:"Regular"; }
section#ava section#area_conteudo section#conteudo div.bloco_tarefa .table > .coluna{padding:0px; color:#999; }
section#ava section#area_conteudo section#conteudo div.bloco_tarefa .table > .coluna span{color:#fa1e24; }

/*WPOPUP TAREFA .especialTarefa (No componente Wpopup)*/
.popup_tarefa{overflow:auto !important; }
.popup_tarefa .janela { margin-left:-40% !important; width:80% !important; margin-bottom:80px;}
.popup_tarefa .janela .barra{background:none; height:1px !important; position:absolute; border:none; z-index:9; overflow:inherit;}
.popup_tarefa .janela .barra .titulo{display:none;}
.popup_tarefa .janela .barra .fechar{position:absolute; background:#343f4b; border-radius:100%; top:20px; right:25px; width:25px; height:25px; box-sizing:border-box; padding:3px; text-align:center; }
.popup_tarefa .janela .barra .fechar:before{content:"X";color:#fff; font-family:"Bold"; font-size:16px; }
.popup_tarefa .janela .conteudo{padding:0px; max-height:none !important;}

.popup_tarefa header,	
.popup_tarefa .painel,	
.popup_tarefa .descricao{padding:20px 80px; box-sizing:border-box;}

.popup_tarefa header{ position:relative;}
.popup_tarefa header span.topico{ position:absolute; margin-left:-50px; margin-top:10px; display:inline-block; padding-top:6px; box-sizing:border-box; background:#fa1e24; color:#fff; font-size:13px; font-family:"Bold"; border-radius:100%; width:30px; height:30px; text-align:center; vertical-align:middle;}
.popup_tarefa header h1{ color:#343f4b; font-size:18px; font-family:"Bold"; margin-bottom:5px; }
.popup_tarefa header h1 a{ color:#343f4b;text-decoration:none; }
.popup_tarefa header h1 a:hover{text-decoration:underline; }
.popup_tarefa header h2{ color:#343f4b; font-size:12px; font-family:"Regular"; }

.popup_tarefa .painel{background:#343f4b; color:#fff;}
.popup_tarefa .painel .coluna{border-right:1px solid #fff;}
.popup_tarefa .painel .coluna:first-child{padding-left:0px;}
.popup_tarefa .painel .coluna:last-child{padding-roght:0px; border-right:none;}
.popup_tarefa .painel h3{background:none; font-size:12px; color:#fff; margin:5px 0px; padding:0px; font-family:"Regular"; text-transform:uppercase; text-shadow:none;}

.popup_tarefa .descricao{}
.popup_tarefa .descricao *{color:#343f4b; line-height:1.6em;}
.popup_tarefa .descricao h1{color:#fa1e24;  line-height:inherit; font-size:12px; font-family:"Regular";}

.popup_tarefa textarea{padding:10px; background:#f4f4f4; color:#343f4b;}

/*LISTA DE CURSOS*/
section#cursos{}
section#cursos tr .controles{width:90px;}
section#cursos tr .thumb {width:50px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section#cursos tr .thumb /*pode ser td ou th*/{display:none;}
	section#cursos tr .cronograma /*pode ser td ou th*/{display:none;}
}

/*SECTION DO CURSO*/
section#curso{}
section#curso tr .controles{width:130px;}
section#curso table.container tr.aulas > td{padding:15px 0px; background:#fff !important;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section#curso tr .descricao{display:none;}/*pode ser td ou th*/
	section#curso tr.aulas > td{padding:0px;}
	section#curso tr.aulas td{font-size:9px;}
}	

tr.disciplinas td{background:white;}
tr.aulas td{background:white;}


/*SECTION DA AULA*/
section#aula{}
section#aula .player{padding:10px; background:#222 url("../img/ava/background_player.jpg"); position:relative; width:100%; }
section#aula .player iframe{width:640px; height:360px;}
section#aula .player .descricao{background:#000; display:block; width:100%; padding:25px;}
section#aula .player video{margin-bottom:25px;}
section#aula .player h1{line-height:1em; color:#fff !important; font-size:18px !important;}
section#aula .player h2{line-height:1em; color:#ccc !important; font-size:12px !important;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	section#aula .player{padding:10px 0px; background:#fff;}
	section#aula .player iframe{width:320px; height:180px;}
}	


@media screen and (min-width : 320px) and (max-width : 980px) {

		/*CENTRALIZADO*/
		.centralizado 
		{
			width:90%; 
			position:relative;  
			margin:0px auto;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		
		
}

/* IGEPP Flow */
.igepp-flow{
	background:#f7f7f7;
	border:1px solid #e5e5e5;
	border-radius:8px;
	padding:14px 16px;
	margin-bottom:18px;
	width:100%;
	box-sizing:border-box;
}
.igepp-flow-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:12px;
	margin-bottom:10px;
}
.igepp-flow-badge{
	display:inline-block;
	background:#900;
	color:#fff;
	font-size:11px;
	padding:2px 8px;
	border-radius:3px;
	margin-bottom:4px;
	font-weight:bold;
}
.igepp-flow-title{
	font-size:16px;
	font-weight:600;
	margin:0;
	line-height:1.3;
	color:#222;
}
.igepp-flow-controls{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
}
.igepp-flow-play{
	width:42px;
	height:42px;
	border-radius:50%;
	border:none;
	background:#900;
	color:#fff;
	cursor:pointer;
	flex:0 0 auto;
}
.igepp-flow-play:hover{background:#700;}
.igepp-flow-seek-wrap{
	flex:1 1 160px;
	min-width:140px;
}
.igepp-flow-seek{
	width:100%;
	cursor:pointer;
}
.igepp-flow-times{
	font-size:12px;
	color:#666;
	white-space:nowrap;
}
.igepp-flow-rates{
	display:flex;
	gap:4px;
	flex-wrap:wrap;
}
.igepp-flow-rate{
	border:1px solid #ccc;
	background:#fff;
	color:#444;
	font-size:12px;
	padding:4px 8px;
	border-radius:4px;
	cursor:pointer;
}
.igepp-flow-rate.active{
	background:#222;
	color:#fff;
	border-color:#222;
}
.igepp-flow audio{display:none;}
@media screen and (max-width: 980px){
	.igepp-flow{padding:12px;}
	.igepp-flow-title{font-size:15px;}
	.igepp-flow-head{flex-direction:column;}
}