// VARIAVEIS
$fontApoema: 'dincond-mediumregular';

body{font-family:'CronosPro-Regular';background:#e6e6e6;overflow:hidden;/*Teste*/-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;	 background-repeat:repeat;background-position:center center;}/*div{border:1px solid red}*/.EbsaGame{width:1024px;height:660px;/*overflow:hidden*/;position:absolute;cursor:default;}.EbsaGame .header{width:100%; display:none;}.EbsaGame .conteudo{width:100%;height:660px; position:absolute; top:0px;display:none;box-shadow: 0px 0px 20px  #888888; background:#000000;}iframe{overflow:hidden;}
/*# sourceMappingURL=template.css.map */

.quadro_instrucoesT{
    width: 100%;
    padding: 0;
    display: table;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: none;
}

.quadro_instrucoesTC{
	padding: 0;
    vertical-align: middle;
    display: table-cell;
    margin: 0;
}

.content {
	position: relative;
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 10px;
	box-shadow: 4px 4px #868585, -2px 0px 4px #868585;
	width:500px;
	border:none;
	border-radius:14px;
	/*border-top-left-radius: 36px 488px;
	border-top-right-radius: 24px 590px;
	border-bottom-right-radius: 60px 244px;
	border-bottom-left-radius: 38px 99px;*/
	z-index:999;
}

.btn_instrucoess{
	position: absolute;
    box-shadow: 1px -1px /*#dfdfdf*/#868585;
    width: 140px;
    height: 40px;
    border: none;
    border-top-left-radius: 170px 500px;
    border-top-right-radius: 185px 460px;
    border-bottom-right-radius: 0px 0px;
    border-bottom-left-radius: 0px 100px;
    left: 4%;
    top: -40px;
    font-family: 'MyriadStdTilt', sans-serif;
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
    cursor: pointer;
    z-index: 3;
}
.btn_navegabilidade{
	position: absolute;
    box-shadow: 1px -1px /*#dfdfdf*/#868585;
    width: 140px;
    height: 30px;
    border: none;
    border-top-left-radius: 170px 500px;
    border-top-right-radius: 185px 460px;
    border-bottom-right-radius: 0px 0px;
    border-bottom-left-radius: 0px 100px;
    left: 152px;
    top: -30px;
    font-family: 'MyriadStdTilt', sans-serif;
    color: #7ec6e2;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background-color: #ac316e;
    cursor: pointer;
    z-index: 1;
}

@media (max-width: 600px) {
	.menu_out{
		transform: scale(1) !important;
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
	}
	.btn_menu{
		transform: scale(1) !important;
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
	}
}
#videoPrincipalOedVideo{
	display: none;
	position: absolute;
}

#loading {
	position:absolute;
	left:0;
	top:0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	z-index:50;
	text-align:center;
	/*background-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);*/
}
#loading img {
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-50px;
}

/*Configurações do Max: em produção... */
		.blur {-webkit-filter: blur(8px); filter: blur(8px);}
		.titulo_objeto{
			background-color:#c13b80;
			position:relative;
			padding: 10px 27px 15px 30px;
			font-size:36px;
			color:#ebc23c;
			box-shadow: 0px 4px  #832253;
			height:14px;
			line-height:50%;
			font-weight: bold;
			font-family: 'MyriadStdTilt', sans-serif;
			/*letter-spacing:1px;*/
			border:none;
			left:6px;
			top:14px;
			border-top-left-radius: 170px 500px;
			border-top-right-radius: 185px 460px;
			border-bottom-right-radius: 155px 90px;
			border-bottom-left-radius: 111px 100px;
			z-index:900;
			float: left;
			display:none;
		}
		.titulo_disciplina{
			top:14px;
			position:relative;
			margin-left:10px;
			font-size:18px;
			text-align:center;
			line-height:24px;
			height:26px;
			font-family: 'MyriadStdTilt', sans-serif;
			font-weight: bold;
			border:none;
			width:63px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -376px -56px;
			color:#da3f53;
			z-index:900;
			float:left;
			display:none;
		}

		.btn_menu{
			position:absolute;
			width:72px;
			height:72px;
			bottom:18px;
			right:12px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -216px 0px;
			border:none;
			cursor:pointer;
			opacity:0.9;
			transform:scale(0.7);
			z-index:910;
			display:none;
			}
			.btn_menu_ativado{
			position:absolute;
			width:72px;
			height:72px;
			bottom:18px;
			right:12px;
			background:#ddd;
			border:none;
			cursor:pointer;
			z-index:901;
			display:none;
			opacity:0;
			}
			.btn_home{
			position:absolute;
			width:72px;
			height:90px;
			bottom:91px;
			right:29px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -216px -81px;
			border:none;
			cursor:pointer;
			z-index:900;
			display:none;
			}
			.btn_instrucoes{
			position:absolute;
			width:92px;
			height:68px;
			bottom:47px;
			right:86px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -276px -172px;
			border:none;
			cursor:pointer;
			z-index:900;
			display:none;
			}
			.btn_instrucoes_ativado{
			position:absolute;
			width:92px;
			height:68px;
			bottom:47px;
			right:86px;
			opacity:0;
			background-image: url("../img/alpha000.png");
			background-repeat:repeat;
			cursor:pointer;
			z-index:901;
			display:none;
			}
			#cobertura_cliques, #cobertura_menu_atvidao{
			position:fixed;
			width:100%;
			height:100%;
			bottom:0px;
			right:0px;
			z-index:2001;
			display:none;
			opacity:0;
			background-image: url("../img/alpha000.png");
			background-repeat:repeat;
			/*background:#333;*/
			}
			#cobertura_menu_atvidao{
				z-index:801;
			}


		.texto_instrucoes, .texto_navegabilidade{
		padding: 0px 40px 0px 40px;
		color:#000000;
		font-size:20px;
		/*font-family: 'MyriadStdTilt', sans-serif;*/
		line-height:130%;
		}
		.texto_navegabilidade{
			display:none;
		}
		.instrucoes_aba_navegabilidade{
			position:absolute;
			box-shadow: 1px -1px  /*#dfdfdf*/#868585;
			width:140px;
			height:30px;
			border:none;
			border-top-left-radius: 170px 500px;
			border-top-right-radius: 185px 460px;
			border-bottom-right-radius: 0px 0px;
			border-bottom-left-radius: 0px 100px;
			left:152px;
			top:-29px;
			font-family: 'MyriadStdTilt', sans-serif;
			color:#7ec6e2;
			font-size:20px;
			text-align:center;
			line-height:30px;
			background-color:#ac316e;
			cursor:pointer;
			z-index:1;
		}
		.instrucoes_aba_ativada{
			position:absolute;
			width:140px;
			height:30px;
			left:152px;
			top:-29px;
			opacity:0;
			background-image: url("../img/alpha000.png");
			background-repeat:repeat;
			cursor:pointer;
			z-index:2;
			display:none;
		}
		.instrucoes_aba_instrucoes{
			position:absolute;
			box-shadow: 0px -1px 1px #868585;
			width:140px;
			height:40px;
			border:none;
			border-top-left-radius: 170px 500px;
			border-top-right-radius: 185px 460px;
			border-bottom-right-radius: 0px 0px;
			border-bottom-left-radius: 0px 77px;
			left:14px;
			top:-39px;
			font-weight: bold;
			font-family: 'MyriadStdTilt', sans-serif;
			color:#000000;
			font-size:22px;
			text-align:center;
			line-height:40px;
			background-color:#ffffff;
			cursor:default;
			z-index:2;
		}
		.btn_fechar_instrucoes{
			position:absolute;
			width:40px;
			height:40px;
			border:none;
			right:-10px;
			top:-20px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -126px -246px;
			cursor:pointer;
			z-index:20;
		}
		.capa{
			position:absolute;
			width:100%;
			height:100%;
			background:#333;
			z-index:1000;
			display:none;
			box-shadow: 0px 0px 20px  #888888;
		}
		.iniciar{
			position:absolute;
			right:40px;
			bottom:84px;
			width:146px;
			height:81px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -466px 0px;
			font-family:HighlanderStd-Medium;
			font-size:46px;
			text-align:center;
			line-height:76px;
			color:#ffffff;
			background-color: rgba(0, 0, 0, 0);
			border:0px;
			cursor:pointer;

		}
		.akpalo_btn_creditos{
			position:absolute;
			right:85px;
			bottom:42px;
			width:74px;
			height:45px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -627px 0px;
			font-family:MyriadStdTilt;
			font-size:19px;
			text-align:center;
			color:#ffffff;
			background-color: rgba(0, 0, 0, 0);
			border:0px;
			line-height:48px;
			text-decoration:underline;
			cursor:pointer;

		}
		.akpalo_capa_disciplina{
			position:absolute;
			width:420px;
			height:30px;
			font-family:HighlanderStd-Medium;
			font-size:26px;
			text-align:right;
			color:#ffffff;
			-webkit-transform: rotate(271deg);
			-moz-transform: rotate(271deg);
			-o-transform: rotate(271deg);
			writing-mode: lr-tb;
			right:-160px;
			top:286px;
			text-transform: capitalize;
		}
		.akpalo_capa_logotipo{
			position:absolute;
			right:68px;
			top:40px;
			width:149px;
			height:426px;
			background-image: url("../img/sprite_sheet_akpalo_logo.png");
			background-repeat: no-repeat;
			background-position: 0px 0px;


		}
		.akpalo_capa_titulo{
			position:relative;
			left:0px;
			top:50%;
			width:770px;
			background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
			background: -o-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
			background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
			background: linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
			font-size:46px;
			font-family:HighlanderStd-Bold;
			color:#da3f53;
			padding:50px;
			text-align:left;
			vertical-align:middle;

		}
		.akpalo_capa_logotipo_geografia{
		}
		.akpalo_capa_logotipo_ebsa{
			position:absolute;
			left:42px;
			bottom:0px;
			width:143px;
			height:106px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -213px -246px;
		}
		.akpalo_capa_quadro_ano{
			position:absolute;
			left:42px;
			top:0px;
			width:144px;
			height:160px;
			background:#E67C2C;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -761px -781px;
			border-top-left-radius: 0px 0px;
			border-top-right-radius: 0px 0px;
			border-bottom-right-radius: 301px 128px;
			border-bottom-left-radius: 177px 52px;
		}
		.akpalo_capa_quadro_ano_contagem{
			position:absolute;
			left:18px;
			top:38px;
			width:108px;
			height:84px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -425px -470px;
		}
		.creditos_cobertura{
			/*background-color:#ffffff;*/
			position:fixed;
			width:100%;
			height:100%;
			left:0px;
			top:0px;
			z-index:1199;
			opacity:0;
			/*Verificar se funciona sem o background no FireFox*/
			background-image: url("../img/alpha000.png");
			background-repeat:repeat;

		}
		.akpalo_quadro_creditos{
			background-image: url("../img/bg_creditos.png");
			background-repeat: no-repeat;
			background-position:center center;
			position:absolute;
			width:536px;
			height:460px;
			left:50%;
			top:50%;
			margin-left:-268px;
			margin-top:-230px;
			z-index:1200;
		}
		.akpalo_quadro_creditos_divisa{
			background-image: url("../img/akpalo_quadro_creditos_divisa.png");
			background-repeat:repeat;
			width:90%;
			height:48px;
			left:20px;
			top:88px;
			z-index:1200;
			position:absolute;
			z-index:2;
		}
		.akpalo_quadro_rodape{
			position:absolute;
			width:494px;
			height:50px;
			left:16px;
			bottom:27px;
			z-index:2;
			background-image: url("../img/akpalo_quadro_rodape.png");
			background-repeat:repeat;

		}

		.akpalo_area_txt_creditos{
			position:absolute;
			width:470px;
			height:368px;
			left:26px;
			top:90px;
			z-index:1200;
			clip:rect(0px,480px,340px,0px);
			z-index:1;

		}
		.creditos{
			position:absolute;
			width:100%;
			font-size:19px;
			left:0px;
			top:354px;
			text-align:center;
		}
		.akpalo_quadro_creditos_titulo{
			position:absolute;
			left:-22px;
			top:36px;
			width:100%;
			font-size:25px;
			font-family:HighlanderStd-Bold;
			color:#ab316d;
			padding-left:50px;
		}
		.akpalo_quadro_creditos_fechar{
			position:absolute;
			width:100px;
			height:57px;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -1px -924px;
			left:50%;
			top:454px;
			margin-left:-50px;
			font-family:MyriadStdTilt;
			font-size:22px;
			text-align:center;
			color:#ffffff;
			line-height:62px;
			cursor:pointer;
		}
	.blur-in {
    -webkit-filter: blur(8px);
	filter: blur(8px);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	}
	.blur-in_conteudo {
    -webkit-filter: blur(8px);
	filter: blur(8px);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	}
	.blur-out{
    -webkit-filter: blur(0px);
	filter: blur(0px);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
	.menu_on{
    /*opacity:1;
	transform:scale(1);
    -webkit-transition: all 1s ease-out;
    transition: all 0.25s ease-out;*/
	}
	.menu_out{
    opacity:0.9;
	transform:scale(0.7);
    -webkit-transition: all 1s ease-out;
    transition: all 0.25s ease-out;
	}
	.menu_ativado{
    opacity:1;
	transform:scale(1);
	}
	.creditos_subindo{
    top:-500px;
    -webkit-transition: all 10s ease-out;
    transition: all 10s ease-out;
	}



/* Estilos dos menus para disciplinas */
/* Instruções */
	.akpalo_btn_instrucoes_geografia{
		background-position: 0px -172px;
	}
	.akpalo_btn_instrucoes_ciencias{
		background-position: -92px -172px;
	}
	.akpalo_btn_instrucoes_historia{
		background-position: -184px -172px;
	}
	.akpalo_btn_instrucoes_matematica{
		background-position: -276px -172px;
	}
	.akpalo_btn_instrucoes_portugues{
		background-position: -368px -172px;
	}
/* Home */
	.akpalo_btn_home_geografia{
		background-position: 0px -81px;
	}
	.akpalo_btn_home_ciencias{
		background-position: -72px -81px;
	}
	.akpalo_btn_home_historia{
		background-position: -144px -81px;
	}
	.akpalo_btn_home_matematica{
		background-position: -216px -81px;
	}
	.akpalo_btn_home_portugues{
		background-position: -288px -81px;
	}
/* Menu */
		.akpalo_btn_menu_geografia{
			background-position: 0px 0px;
		}
		.akpalo_btn_menu_ciencias{
			background-position: -72px 0px;
		}
		.akpalo_btn_menu_historia{
			background-position: -144px 0px;
		}
		.akpalo_btn_menu_matematica{
			background-position: -216px 0px;
		}
		.akpalo_btn_menu_portugues{
			background-position: -288px 0px;
		}
/* Título do objeto */
		.akpalo_titulo_objeto_geografia{
			background-color:#e5803c;
			box-shadow: 0px 4px  #da6f26;
			color:#FFFFFF;
		}
		.akpalo_titulo_objeto_ciencias{
			background-color:#26a5ce;
			box-shadow: 0px 4px  #0983af;
			color:#FFFFFF;
		}
		.akpalo_titulo_objeto_historia{
			background-color:#da3f53;
			box-shadow: 0px 4px  #c13548;
			color:#ebc23c;
		}
		.akpalo_titulo_objeto_matematica{
			background-color:#ac316e;
			box-shadow: 0px 4px  #9d2865;
			color:#7ec6e2;
		}
		.akpalo_titulo_objeto_portugues{
			background-color:#c6d634;
			box-shadow: 0px 4px  #8b9909;
			color:#512858;
		}
/* Título da disciplina */
		.akpalo_titulo_disciplina_geografia{
			width:73px;
			background-position: -376px 0px;
			color:#e47c37;
		}
		.akpalo_titulo_disciplina_ciencias{
			width:65px;
			background-position: -376px -28px;
			color:#ffffff;
		}
		.akpalo_titulo_disciplina_historia{
			width:63px;
			background-position: -376px -56px;
			color:#da3f53;
		}
		.akpalo_titulo_disciplina_matematica{
			width:81px;
			background-position: -376px -84px;
			color:#ac316e;
		}
		.akpalo_titulo_disciplina_portugues{
			width:144px;
			background-position: -6px -309px;
			color:#ffffff;
		}
/* Botão fechar instruçõees */
		.akpalo_btn_fechar_instrucoes_geografia{
			background-position: 0px -246px;
		}
		.akpalo_btn_fechar_instrucoes_ciencias{
			background-position: -42px -246px;
		}
		.akpalo_btn_fechar_instrucoes_historia{
			background-position: -84px -246px;
		}
		.akpalo_btn_fechar_instrucoes_matematica{
			background-position: -126px -246px;
		}
		.akpalo_btn_fechar_instrucoes_portugues{
			background-position: -168px -246px;
		}
/* Abas secundárias */
	.akpalo_instrucoes_aba_navegabilidade_geografia{
			background-color:#e5803c;
			color:#FFFFFF;
	}
	.akpalo_instrucoes_aba_navegabilidade_ciencias{
			background-color:#26a5ce;
			color:#FFFFFF;
	}
	.akpalo_instrucoes_aba_navegabilidade_historia{
			background-color:#da3f53;
			color:#ebc23c;
	}
	.akpalo_instrucoes_aba_navegabilidade_matematica{
			background-color:#ac316e;
			color:#7ec6e2;
	}
	.akpalo_instrucoes_aba_navegabilidade_portugues{
			background-color:#c6d634;
			color:#512858;
	}
/* Contagem dos anos */
/* Akpalô Geografia */
		.akpalo_capa_quadro_ano_1_geografia{
			background-position: -1px -466px;
		}
		.akpalo_capa_quadro_ano_2_geografia{
			background-position: -110px -466px;
		}
		.akpalo_capa_quadro_ano_3_geografia{
			background-position: -221px -466px;
		}
		.akpalo_capa_quadro_ano_4_geografia{
			background-position: -330px -466px;
		}
		.akpalo_capa_quadro_ano_5_geografia{
			background-position: -443px -466px;
		}
/* Akpalô Ciências */
		.akpalo_capa_quadro_ano_1_ciencias{
			background-position: -1px -550px;
		}
		.akpalo_capa_quadro_ano_2_ciencias{
			background-position: -110px -550px;
		}
		.akpalo_capa_quadro_ano_3_ciencias{
			background-position: -221px -550px;
		}
		.akpalo_capa_quadro_ano_4_ciencias{
			background-position: -330px -550px;
		}
		.akpalo_capa_quadro_ano_5_ciencias{
			background-position: -443px -550px;
		}
/* Akpalô História */
		.akpalo_capa_quadro_ano_1_historia{
			background-position: -1px -639px;
		}
		.akpalo_capa_quadro_ano_2_historia{
			background-position: -110px -639px;
		}
		.akpalo_capa_quadro_ano_3_historia{
			background-position: -221px -639px;
		}
		.akpalo_capa_quadro_ano_4_historia{
			background-position: -330px -639px;
		}
		.akpalo_capa_quadro_ano_5_historia{
			background-position: -443px -639px;
		}
/* Akpalô Matemática */
		.akpalo_capa_quadro_ano_1_matematica{
			background-position: -1px -725px;
		}
		.akpalo_capa_quadro_ano_2_matematica{
			background-position: -110px -725px;
		}
		.akpalo_capa_quadro_ano_3_matematica{
			background-position: -221px -725px;
		}
		.akpalo_capa_quadro_ano_4_matematica{
			background-position: -330px -725px;
		}
		.akpalo_capa_quadro_ano_5_matematica{
			background-position: -443px -725px;
		}
/* Akpalô Português */
		.akpalo_capa_quadro_ano_1_portugues{
			background-position: -1px -812px;
		}
		.akpalo_capa_quadro_ano_2_portugues{
			background-position: -110px -812px;
		}
		.akpalo_capa_quadro_ano_3_portugues{
			background-position: -221px -812px;
		}
		.akpalo_capa_quadro_ano_4_portugues{
			background-position: -330px -812px;
		}
		.akpalo_capa_quadro_ano_5_portugues{
			background-position: -443px -812px;
		}
/*Quadros dos anos*/
		.akpalo_capa_quadro_ano_geografia{
			background:#e47c37;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -565px -449px;
		}
		.akpalo_capa_quadro_ano_ciencias{
			background:#1796c5;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -581px -610px;
		}
		.akpalo_capa_quadro_ano_historia{
			background:#da3f53;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -574px -781px;
		}
		.akpalo_capa_quadro_ano_matematica{
			background:#ac316e;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -781px -604px;
		}
	.akpalo_capa_quadro_ano_portugues{
			/**/
			background:#713c78;
			background-image: url("../img/sprite_sheet_akpalo.png");
			background-repeat: no-repeat;
			background-position: -800px -781px;
		}
/*Akpalô botão iniciar */
		.akpalo_iniciar_geografia{
			background-position: -466px 0px;
		}
		.akpalo_iniciar_ciencias{
			background-position: -466px -82px;
		}
		.akpalo_iniciar_historia{
			background-position: -466px -165px;
		}
		.akpalo_iniciar_matematica{
			background-position: -466px -247px;
		}
		.akpalo_iniciar_portugues{
			background-position: -466px -330px;
		}
/* Akpalô botão créditos */
		.akpalo_btn_creditos_geografia{
			background-position: -627px 0px;
		}
		.akpalo_btn_creditos_ciencias{
			background-position: -627px -47px;
		}
		.akpalo_btn_creditos_historia{
			background-position: -627px -94px;
		}
		.akpalo_btn_creditos_matematica{
			background-position: -627px -141px;
		}
		.akpalo_btn_creditos_portugues{
			background-position: -627px -188px;
		}
/* Akpalô cores das capas */
		.akpalo_capa_geografia{
			background:#a4cf96;
		}
		.akpalo_capa_ciencias{
			background:#c0bfd5;
		}
		.akpalo_capa_historia{
			background:#ebc23c;
		}
		.akpalo_capa_matematica{
			background:#67bcdd;
		}
		.akpalo_capa_portugues{
			background:#c5d444;
		}
/* Akpalô cores do logotipo */
	.akpalo_capa_logotipo_geografia{
		background-position: 0px 0px;
	}
	.akpalo_capa_logotipo_ciencias{
		background-position: -149px 0px;
	}
	.akpalo_capa_logotipo_historia{
		background-position: -298px 0px;
	}
	.akpalo_capa_logotipo_matematica{
		background-position: -447px 0px;
	}
	.akpalo_capa_logotipo_portugues{
		background-position: -596px 0px ;
	}
/*Akpalô cores do título para capa*/
		.akpalo_capa_titulo_geografia, .akpalo_quadro_creditos_titulo_geografia{
			color:#e47c37;
		}
		.akpalo_capa_titulo_ciencias, .akpalo_quadro_creditos_titulo_ciencias{
			color:#1796c5;
		}
		.akpalo_capa_titulo_historia, .akpalo_quadro_creditos_titulo_historia{
			color:#da3f53;
		}
		.akpalo_capa_titulo_matematica, .akpalo_quadro_creditos_titulo_matematica{
			color:#ac316e;
		}
		.akpalo_capa_titulo_portugues, .akpalo_quadro_creditos_titulo_portugues{
			color:#713c78;
		}
/* Akpalô cores dos botões de fechar créditos */
	.akpalo_quadro_creditos_fechar_geografia{
		background-position: -1px -924px;
	}
	.akpalo_quadro_creditos_fechar_ciencias{
		background-position: -104px -924px;
	}
	.akpalo_quadro_creditos_fechar_historia{
		background-position: -209px -924px;
	}
	.akpalo_quadro_creditos_fechar_matematica{
		background-position: -313px -924px;
	}
	.akpalo_quadro_creditos_fechar_portugues{
		background-position: -416px -924px;
	}
/* Akpalô texturas para o fundo de acordo com a disciplina */
	.akpalo_fundo_geografia{
		background-image: url("../img/akpalo_textura_geografia.png");
	}
	.akpalo_fundo_ciencias{
		background-image: url("../img/akpalo_textura_ciencias.png");
	}
	.akpalo_fundo_historia{
		background-image: url("../img/akpalo_textura_historia.png");
	}
	.akpalo_fundo_matematica{
		background-image: url("../img/akpalo_textura_matematica.png");
	}
	.akpalo_fundo_portugues{
		background-image: url("../img/akpalo_textura_portugues.png");
	}
/* Configurações para tempo de créditos */
/* É necessário utilizar o .js para pegar a altura da div de acordo com o texto de créditos e calcular as posições da animação*/

.creditos_tempo{
	/* Chrome, Safari, Opera */
	-webkit-animation-name: girando;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	/*-webkit-animation-delay: 1s;*/
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	/* Standard syntax */
	animation-name: girando;
	animation-duration: 30s;
	animation-timing-function: linear;
	/*animation-delay: 1s;*/
	animation-iteration-count:infinite;
	animation-direction: normal;
	animation-play-state: running;
}


.girando_creditos {
  -webkit-animation-name: girando;
  animation-name: girando;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes girando {
	/*from   {top:386px;}
	to   {top:-555px;}*/
	0%   { transform: translate(0, 54%); }
    100% { transform: translate(0, -100%); }
}

/* Standard syntax */
@keyframes girando {
	/*from   {top:386px;}
	to   {top:-555px;}*/
	0%   { transform: translate(0, 54%); }
    100% { transform: translate(0, -100%); }
}

	.rodar_creditos{
	top:-739px;
    -webkit-transition: all 30s ease-out;
    transition: all 30s ease-out;
}






.blur_capa_entrada{
  -webkit-animation-name: blur_capa;
  animation-name: blur_capa;
}

@-webkit-keyframes blur_capa {
  0% {
    opacity: 0;

  }

  50% {
    opacity: 0.2;
    -webkit-transform: scale3d(2.3, 2.3, 2.3);
    -ms-transform: scale3d(2.3, 2.3, 2.3);
    transform: scale3d(2.3, 2.3, 2.3);
  }

  100% {
    opacity: 1;
  }
}

/* Standard syntax */
@keyframes blur_capa {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
    -webkit-transform: scale3d(2.3, 2.3, 2.3);
    -ms-transform: scale3d(2.3, 2.3, 2.3);
    transform: scale3d(2.3, 2.3, 2.3);
  }

  100% {
    opacity: 1;
  }
}



@-webkit-keyframes zoomOut_btn {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }

  100% {
    opacity: 0.0;
  }
}

@keyframes zoomOut_btn {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }

  100% {
    opacity: 0.0;
  }
}

.zoomOut_btn {
  -webkit-animation-name: zoomOut_btn;
  animation-name: zoomOut_btn;
}


// TEMPLATE APOEMA
// BY Tiago Lima
.Template-apoema{

	.capa{
		display: none;

		#headerCover{
			position: absolute;
		    width: 1024px;
		    height: 226px;
		    z-index: 3;
		    background: url(../img/sprite_sheet_apoema.png) no-repeat;
		    background-position: 0px 0px;

		    .anoHeader{
		    	display: none;
		    }

		    .contentHeader{
		    	width: 1024px;
			    height: 120px;
			    background-color: #ffffff;
			    position: absolute;
			    margin-top: 21px;
			    z-index: 10;

			    h1{
			    	font-family: 'dincond-lightregular';
				    margin: 0;
				    padding: 0;
				    font-size: 50px;
				    color: #00babe;
				    margin: 32px 0 0 25px;
			    }
		    }

		    .anoHeader{
		    	font-family: 'dincond-mediumregular';
			    position: absolute;
			    top: 140px;
			    left: 25px;
			    width: 89px;
			    height: 84px;
			    text-align: center;
			    padding: 5px 0 0 0;
			    font-size: 65px;
			    color: #ffffff;
			    z-index: 5;
			    background: #000;
			    border-radius: 0 0 10px 10px;
		    }

		    .logo{
		    	position: absolute;
				top: 28px;
				right: 21px;
				width: 114px;
				height: 108px;
				background: url(../img/sprite_sheet_apoema.png) no-repeat;
				background-position: -1038px -1707px;
				z-index: 15;
		    }
		}

		#navHeader {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 378px;
			height: 323px;
			background: url(../img/sprite_sheet_apoema.png) no-repeat;

			a{
				font-family: 'dincond-mediumregular';
				position: relative;
				display: inline-block;
				margin: 220px 0 0 240px;
				outline: none;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight: 400;
				text-shadow: 0 0 1px rgba(255,255,255,0.3);
				font-size: 30px;
			}

			#navHeader a:hover,
			#navHeader a:focus {
				outline: none;
			}

			.btnCreditos{
				font-family: 'dincond-mediumregular';
				font-size: 18px;
				margin: 5px 0 0 275px;
				color: #333;
				cursor: pointer;
			}

			.btnCreditos:hover {
				color:#888;
				text-decoration:underline;
			}
		}

		#creditos{
			display: none;
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			width: 555px;
			height: 660px;
			margin: 0;
			z-index: 1;
			background: url(../img/sprite_sheet_apoema.png) no-repeat;
			background-position: -1032px 0px;

			h2{
				width: 530px;
			    float: left;
			    font-family: 'dincond-lightregular';
			    color: #333;
			    font-size: 43px;
			    font-weight: normal;
			    padding: 240px 0 0 25px;
			    margin: 0;
			    text-transform: capitalize;
			}

			.overlayCreditos {
				position: absolute;
				top: 290px;
				left: 25px;
				width: 340px;
				height: 82px;
				background: url(../img/sprite_sheet_apoema.png) no-repeat;
				background-position: -1175px -1720px;
				z-index: 1;
			}

			.boxText{
				width:370px;
				height:370px;
				overflow:hidden;
				float:left;
				margin:0 0 0 28px;

				.text-creditos {
					display:block;
					margin:370px 0 0 0;
					font-family: Arial, Helvetica, sans-serif;
					font-size:12px;
					line-height:16px;
					position: relative;
					left: 0;
					top: 0;
					text-align: left;

					.img{
						width: 261px;
						height: 70px;
						background: url(../img/sprite_sheet_apoema.png) no-repeat;
						background-position: -1532px -1726px;
						margin: 10px 0;
					}
				}
			}
		}
	}
}

.titulo_apoema{
	background-color:#c13b80;
	position:relative;
	padding: 20px 20px;
	font-size:36px;
	color:#ebc23c;
	box-shadow: none;
	height:16px;
	line-height:50%;
	font-weight: bold;
	font-family: 'dincond-lightregular';
	border:none;
	left:10px;
	top:0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	z-index:910;
	float: left;
	display:none;
	border-radius: 0 0 10px 10px;
	width: 94.3%;
}

.InstrucoesPrincipal-apoema{

	.quadro_instrucoesTC{

		.quadro_instrucoes {
			border-radius: 0;
			box-shadow: none;
			border: 3px solid #eee;

			.instrucoes_aba_instrucoes{
				border-top-left-radius: 0;
			    border-top-right-radius: 0;
			    border-bottom-right-radius: 0;
			    border-bottom-left-radius: 0;
			    border: 3px solid #eee;
			    border-bottom: 0;
			    top: -43px;
			    box-shadow: none;
			    font-family: 'dincond-lightregular';
			}

			.instrucoes_aba_navegabilidade{
				border-top-left-radius: 0;
			    border-top-right-radius: 0;
			    border-bottom-right-radius: 0;
			    border-bottom-left-radius: 0;
			    box-shadow: none;
			    top: -31px;
			    font-family: 'dincond-lightregular';
			}

			.texto_instrucoes, .texto_navegabilidade{
				font-family: 'dincond-lightregular';
			}
		}
	}
}

.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	border-radius:5px;
	padding: 10px 20px;
	background: #f23d45;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	color: #333;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

/* Apoema cores das capas */
.apoema_capa_geografia{
	background:#a4cf96;
}
.apoema_capa_ciencias{
	background:#c0bfd5;
}
.apoema_capa_historia{
	background:#ebc23c;
}
.apoema_capa_matematica{
	background:#67bcdd;
}
.apoema_capa_portugues{
	background:#c5d444;
}
.apoema_capa_biologia{
	background:#67bcdd;
}
.apoema_capa_espanhol{
	background:#67bcdd;
}
.apoema_capa_ingles{
	background:#67bcdd;
}
.apoema_capa_gramatica{
	background: url(../img/capa_gramatica.jpg) no-repeat #67bcdd;
}
// Apoema cores de header
.apoema_headerCover_biologia{
	background-position: 0px -1583px !important;
}
.apoema_anoHeader_biologia{
	background: #4eb857 !important;
}
.apoema_tituloCapa_biologia{
	color: rgb(78, 184, 87) !important;
}



.apoema_headerCover_ciencias{
	background-position: 0px -1357px !important;
}
.apoema_anoHeader_ciencias{
	background: #00babe !important;
}
.apoema_tituloCapa_ciencias{
	color: #00babe !important;
}


.apoema_headerCover_espanhol{
	background-position: 0px -1130px !important;
}
.apoema_anoHeader_espanhol{
	background: rgb(250, 166, 26) !important;
}
.apoema_tituloCapa_espanhol{
	color: rgb(250, 166, 26) !important;
}


.apoema_headerCover_geografia{
	background-position: 0px -904px !important;
}
.apoema_anoHeader_geografia{
	background: rgb(180, 62, 151) !important;
}
.apoema_tituloCapa_geografia{
	color: rgb(180, 62, 151) !important;
}

.apoema_headerCover_historia{
	background-position: 0px -678px !important;
}
.apoema_anoHeader_historia{
	background: rgb(113, 89, 166) !important;
}
.apoema_tituloCapa_historia{
	color: rgb(113, 89, 166) !important;
}


.apoema_headerCover_ingles{
	background-position: 0px -452px !important;
}
.apoema_anoHeader_ingles{
	background: rgb(241, 101, 106) !important;
}
.apoema_tituloCapa_ingles{
	color: rgb(241, 101, 106) !important;
}


.apoema_headerCover_matematica{
	background-position: 0px -226px !important;
}
.apoema_anoHeader_matematica{
	background: rgb(49, 85, 166) !important;
}
.apoema_tituloCapa_matematica{
	color: rgb(49, 85, 166) !important;
}


.apoema_headerCover_portugues{
	background-position: 0px -1809px !important;
}
.apoema_anoHeader_portugues{
	background: rgb(237, 20, 91) !important;
}
.apoema_tituloCapa_portugues{
	color: rgb(237, 20, 91) !important;
}

.apoema_headerCover_gramatica{
	background-position: 0px -2036px !important;
}
.apoema_anoHeader_gramatica{
	background: #a92955 !important;
}
.apoema_tituloCapa_gramatica{
	color: #a92955 !important;
}
// Apoema cores botao iniciar
.apoema_btnIniciar_biologia{
	background: rgb(180, 62, 151) !important;
}
.apoema_btnIniciar_ciencias{
	background: rgb(241, 102, 106) !important;
}
.apoema_btnIniciar_espanhol{
	background: rgb(49, 85, 166) !important;
}
.apoema_btnIniciar_geografia{
	background: rgb(78, 184, 87) !important;
}
.apoema_btnIniciar_historia{
	background: rgb(78, 184, 87) !important;
}
.apoema_btnIniciar_ingles{
	background: rgb(0, 186, 190) !important;
}
.apoema_btnIniciar_matematica{
	background: rgb(78, 184, 87) !important;
}
.apoema_btnIniciar_portugues{
	background: rgb(78, 184, 87) !important;
}
.apoema_btnIniciar_gramatica{
	background: #1dccf8 !important;
}
// Apoema cores de nav
.apoema_navHeader_biologia{
	background-position: -2178px -1323px !important;
}
.apoema_navHeader_ciencias{
	background-position: -1798px -1323px !important;
}
.apoema_navHeader_espanhol{
	background-position: -2558px -1672px !important;
}
.apoema_navHeader_geografia{
	background-position: -2558px -1323px !important;
}
.apoema_navHeader_historia{
	background-position: -1800px -1672px !important;
}
.apoema_navHeader_ingles{
	background-position: -2179px -1672px !important;
}
.apoema_navHeader_matematica{
	background-position: -1412px -1324px !important;
}
.apoema_navHeader_portugues{
	background-position: -1024px -1324px !important;
}
.apoema_navHeader_gramatica{
	background-position: -1073px -1928px !important;
}


.apoema_bgCreditos_ciencias{
	background-position: -1587px 2px !important;
}
.apoema_bgCreditos_espanhol{
	background-position: -2177px 1px !important;
}
.apoema_bgCreditos_geografia{
	background-position: -2734px 1px !important;
}
.apoema_bgCreditos_historia{
	background-position: -2734px -662px !important;
}
.apoema_bgCreditos_ingles{
	background-position: -1035px -662px !important;
}
.apoema_bgCreditos_matematica{
	background-position: -1597px -662px !important;
}
.apoema_bgCreditos_portugues{
	background-position: -2159px -662px !important;
}
.apoema_bgCreditos_gramatica{
	background-position: -2954px -1341px !important;
}


/* Título da disciplina */
.apoema_titulo_disciplina_geografia{
	width:73px;
	background-position: -376px 0px;
	color:#e47c37;
}
.apoema_titulo_disciplina_ciencias{
	width:65px;
	background-position: -376px -28px;
	color:#ffffff;
}
.apoema_titulo_disciplina_historia{
	width:63px;
	background-position: -376px -56px;
	color:#da3f53;
}
.apoema_titulo_disciplina_matematica{
	width:81px;
	background-position: -376px -84px;
	color:#ac316e;
}
.apoema_titulo_disciplina_portugues{
	width:144px;
	background-position: -6px -309px;
	color:#ffffff;
}
.apoema_titulo_disciplina_biologia{
	width:144px;
	background-position: -6px -309px;
	color:#ffffff;
}
.apoema_titulo_disciplina_espanhol{
	width:144px;
	background-position: -6px -309px;
	color:#ffffff;
}
.apoema_titulo_disciplina_ingles{
	width:144px;
	background-position: -6px -309px;
	color:#ffffff;
}
.apoema_titulo_disciplina_gramatica{
	width:144px;
	background-position: -6px -309px;
	color:#ffffff;
}


.apoema_titulo_objeto_gramatica{
	background: #a92955 !important;
	color: #fff !important;
	font-family: $fontApoema;
	font-weight: normal;
	text-transform: uppercase;
	width: 96.1%;
	left: 0;
}

.errorDisciplina{
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: #a92955;

	img{
		width: 100%;
	}
}

.errorAno{
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: #00B4FF;

	img{
		width: 100%;
	}
}

.apoema_btn_menu_gramatica{
	background: url("../img/sprite_sheet_apoema.png") no-repeat;
    background-position: -1478px -2051px;
}

.apoema_btn_home_gramatica{
	background: url("../img/sprite_sheet_apoema.png") no-repeat;
    background-position: -1555px -2051px;
}

.apoema_btn_instrucoes_gramatica{
	background: url("../img/sprite_sheet_apoema.png") no-repeat;
    background-position: -1638px -2055px;
}

.apoema_btn_fechar_instrucoes_gramatica{
	background: url("../img/sprite_sheet_apoema.png") no-repeat;
    background-position: -1730px -2066px;
}