@font-face{
	font-family: EmbracoBeauSans-Regular;
	src: url("../../fonts/EmbracoBeauSans-Regular.otf") format("opentype");
}

@font-face{
	font-family: EmbracoBeauSans-Bold;
	src: url("../../fonts/EmbracoBeauSans-Bold.otf") format("opentype");
}

@font-face{
	font-family: EmbracoBeauSans-BoldItalic;
	src: url("../../fonts/EmbracoBeauSans-BoldItalic.otf") format("opentype");
}

@font-face{
	font-family: EmbracoBeauSans-Italic;
	src: url("../../fonts/EmbracoBeauSans-Italic.otf") format("opentype");
}

body{
	background: #f9f9f9;
	font-family: EmbracoBeauSans-Regular!important;
	color: #666666!important;
}

img{ 
	padding: 0px!important; 
	border: 0px!important; 
}

/* Menu */
.logo{ width: 190px; }

.logoDream{
	/* width: 150px; */
	padding: 10px 20px!important;
}

.alinhaMenu{ padding-top: 8px; text-align: center; }

.corMenu{ background: rgba(255, 255, 255, 0.95); }

.corMenu a{ color: #00568F!important; font-size: 16px; }

@media (min-width: 1023px){
	.navbar-header{ float: right!important; }
}

.nav a {
	transition: 0.3s ease-in-out;
}
  
.nav a:hover{
	background:#D3D3D3!important;
	color: #FFFFFF!important;
}

.ulIcons{
	list-style: none;
	position: absolute;
	top: 0px;
	margin-top: 80px;
	z-index: 1;
}

.ulIconsRodape {
	list-style: none;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	right: 0px;
	margin-right: 24%;
	zoom: 1.2;
}

.marginIcon{
	padding-left: 2px!important;
	padding-right: 2px!important;
}

.marginIcon:hover{ 
	background: rgba(255, 255, 255, 0.00)!important;
	zoom: 0.96;
}

.barraBottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 8px;
}

.fundoCabecalho{
	margin: 0px auto;
	width: 985px;
	margin-top: 35px;
	margin-bottom: -105px;
}

.imgCabecalho{ width: 985px; }

/* Fundo Telas */
.telaLogin{
	/* background: url('../../template/fundologin.jpg') no-repeat fixed; */
	background-size: cover;
	width: 100%;
}

/* Rodape */
.rodape{ 
	padding: 0px;
	margin: 0 -5px;
	width: 100%;
}

/* Template Inicial */
.posicionaPaginacao{ position: absolute; margin-top: -68px; }

.produzimosFrio{
	background: url('../../template/fundo_produzimos.png') no-repeat fixed center;
	background-size: cover;
	height: 635px;
}

.fundoProduzimos{
	width: 630px;
	height: 408px;
	background: rgba(0,135,145,0.90);
	border-radius: 50%;
	padding: 65px 77px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	margin-top: 88px;
	line-height: 31px;
}

.tituloProduzimos{
    position: absolute;
    top: 0px;
    margin-top: 85px;
    margin-left: 155px;
    background: #ffa613;
    font-size: 36px;
    font-weight: normal;
    padding: 5px 8px;
}

.btnEntenda{
    position: absolute;
    color: #FFFFFF;
    background: #f56432;
    margin: -10px 85px;
    font-size: 16px;
	transition: 0.3s ease-in-out;
}

.btnEntenda:hover{ 
	color: #FFFFFF;
	opacity: 0.93;
}

.fundoInfoFormulario{
	background: rgb(240, 179, 16);
    background-size: cover;
    color: #FFFFFF;
    padding: 0px 30px;
	border-radius: 15px;
	width: 100%;
}

.fundoSobrePrograma{
	background: rgb(18, 33, 55);
    background-size: cover;
    color: #FFFFFF;
    padding: 0px 30px;
    border-radius: 15px;
}

.fundoImgTopRight{
	position: absolute;
	top: 0px;
	right: 0px;
}

.fundoImgTopLeft{
	position: absolute;
	top: 0px;
	left: 0px;
}

@media (min-width: 700px) and (max-width: 1300px){
	.fundoImgTopLeft{ top: 110px; }
}

@media (min-width: 1301px) and (max-width: 1400px){
	.fundoImgTopLeft{ top: 75px; }
}

.sobrePrograma{ padding: 70px 0px 15px 0px; }

.textoSobrePrograma{
	padding: 45px 0px;
    font-size: 20px;
    text-align: justify;
    color: #666666;
}

.fundoEstrutura{
	/* background: url('../../template/fundologin.jpg') no-repeat fixed; */
	background-size: cover;
	padding: 40px 0px;
}

.estruturaPrograma{
	background: rgb(14, 67, 107);	
	background-size: cover;
	color: #FFFFFF;
	padding: 0px 30px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.textoEstruturaPrograma{
	padding: 25px 0px;
    font-size: 20px;
	text-align: justify;
}

.textoInfoFormulario{
	padding: 25px 0px;
	text-align: justify;
	color:black;
	font-size: 16px!important;
}

.nivelPrograma{
	background: #FFFFFF;
	padding: 50px 0px;
}

.quadradoNivel{
	padding: 13px;
	z-index: 1;
}

.conteudoQuadradoNivel{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}

.tituloNivel{
	padding: 5px 10px;
    border-radius: 4px;
    color: #FFFFFF;
    margin-bottom: -15px;
}

.txtNivel{
	font-size: 16px;
	padding: 40px 0px;
	text-align: justify;
}

.centralizaBtnInscreva{
	padding: 15px;
    text-align: center;
    width: 100%;
    margin-top: -30px;
	transition: 0.3s ease-in-out;
}

.centralizaBtnInscreva a{
	color: #FFFFFF;
	padding: 6px 50px;
	font-size: 16px;
	border-radius: 0px;
	font-weight: bold;
	transition: 0.3s ease-in-out;
}

.centralizaBtnInscreva a:hover{ color: #FFFFFF; opacity: 0.8; }

.corVerde{ background: rgb(14, 67, 107); }

.letraVerde{ color: rgb(14, 67, 107); }

.corVermelha{ background: rgb(18, 33, 55); }

.letraVermelha{ color: rgb(18, 33, 55); }

.corLaranja{ background: rgb(240, 179, 16); }

.letraLaranja{ color: rgb(240, 179, 16); }

.etapasPrograma{
	padding: 40px 0px;
	background: #F7F7F7;
	white-space: nowrap;
}

.etapa{
	width: 30%;
	padding: 15px;
    text-align: center;
    min-height: 185px;
    line-height: 18px;
    color: #ffffff;
	float: left;
}

.etapa i{
	font-size: 500%;
	padding: 15px 0px;
}

seta{
	border-top: 55px solid rgba(255, 255, 255, 0);
    border-bottom: 55px solid rgba(255, 255, 255, 0);
    border-left: 25px solid rgba(255, 255, 255, 0);
    position: absolute;
    margin-left: 58%;
    margin-top: 5%;
    z-index: 1;
}

.borderLeft-TopBottom{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.borderRight-TopBottom{
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.corVerde seta{ border-left: 35px solid rgb(14, 67, 107); }

.corVermelha seta{ border-left: 35px solid rgb(18, 33, 55); }

.beneficioNivel{
	background: url('../../template/fundologin.jpg') no-repeat fixed;
	background-size: cover;
	padding: 40px 0px;
	width: 100%;
}

.quadroTituloBeneficio{ background: #FFFFFF; }

.txtHoraBeneficio{
	line-height: 30px;
	padding: 15px;
	font-size: 20px;
}

.txtNivelBeneficio{
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.quadroInformacaoBeneficio{
	background: rgba(255,255,255,0.83);
	padding: 15px;
	font-size: 16px;
}

.btnBeneficio{
	color: #FFFFFF;
	font-size: 34px;
	padding: 10px 50px;
	transition: 0.3s ease-in-out;
}

.btnBeneficio:hover{
	color: #FFFFFF;
	opacity: 0.80;
}

.retiraMargin{ margin: 0px; }

.fundoPerguntas{ background: #F9F9F9; }

.tituloTxtAjuda{
	padding: 50px 0px;
	padding-bottom: 25px;
}

.txtPergunta{
	border-left: 4px solid #F56432;
    padding: 15px;
    font-size: 16px;
    border-radius: 10px;
    background: #ffffff;
    color: #F56432;
    margin-bottom: 25px;
    font-weight: bold;
    cursor: pointer;
}

.txtResposta{
	font-weight: normal;
	padding-top: 20px;
	margin: 0px;
	color: #666666;
}

.alinhaSetaPergunta{
	float: right;
	font-size: 28px!important;
	margin: 0px!important;
}

@media (min-width: 1200px){
	.containerTemplate{ width: 1170px!important; }
	
	.alinhaTxtProduzimos{ margin-top: 80px; }
}

@media (min-width: 1380px){
	seta{ margin-left: 56%; }
}

@media (min-width: 320px) and (max-width: 490px){	
	.etapa{
		width: 100%;
		border-radius: 0px;
	}
	
	seta{
		padding: 0px!important;
		border: 0px!important;
	}
	
	.tituloProduzimos{
		font-size: 36px!important;
		margin-left: -32px!important;
	}
	
	.fundoProduzimos{
	    width: 100%;
		height: 408px;
		background: rgba(0,135,145,0.90);
		padding: 55px 32px;
		font-size: 16px;
		border-radius: 0px;
	}
	
	.estruturaPrograma{ border-radius: 15px; }
	
	.fundoProduzimos{ height: 385px!important; }
	
	.fundoCabecalho{
		width: 455px;
		margin-top: 60px;
	}
	
	.imgCabecalho{ width: 455px; }
}

@media (min-width: 500px) and (max-width: 700px){	
	.imagemEstruturaPrograma{ margin-top: 35px; }
		
	.etapa{
		width: 180px;
		height: 205px;
		float: left;
	}
	
	seta{
		margin-left: 114px;
		margin-top: 32px;
	}
	
	.estruturaPrograma{ border-radius: 15px; }
	
	.fundoCabecalho {
		width: 610px;
		margin-top: 50px;
	}
	
	.imgCabecalho{ width: 610px; }
}

@media (min-width: 700px) and (max-width: 900px){	
	.imagemEstruturaPrograma{ margin: 45px; }
		
	.etapa{
		width: 216px;
		height: 195px;
		float: left;
	}
	
	seta{
		margin-left: 140px;
		margin-top: 27px;
	}
	
	.estruturaPrograma{ border-radius: 15px; }
	
	.fundoCabecalho, .imgCabecalho{ width: 740px; }
}

@media (min-width: 900px){
	.imagemEstruturaPrograma{ margin: 60px; }
	
	.alinhaTxtProduzimos{ margin-top: 30px; }
}

@media (min-width: 320px) and (max-width: 1045px){
	.textoSobrePrograma, .textoEstruturaPrograma, .txtProduzimos{ font-size: 16px!important; }
	
	.quadradoNivel{ margin-top: 40px; }
	
	.quadroTituloBeneficio{ margin-top: 15px; }
	
	.tituloProduzimos{ margin-left: 0px; font-size: 42px; }
	
	.marginBottomMenu{ margin-bottom: 40px; }
	
	.fundoProduzimos{ height: 350px; }
	
	.containerTemplate{ width: 100%!important; }
	
	.marginBeneficio{ margin: 15px; }
}

/* Login */
.formularioCadastro{
	padding-bottom: 118px;
	padding-top: 20px;
}

.formularioLogin{
	padding-bottom: 260px;
	padding-top: 160px;
}

.formularioValida{
	padding-bottom: 331px;
    padding-top: 138px;
}

.quadradoLogin{
	background: #fbfbfb;
	border-radius: 6px;
	border: 1px solid #eeeeee;
	padding: 15px;
	padding-bottom: 25px;
	/* margin-top: 85px; */
	margin-top: 120px;
    margin-bottom: 164px;
}

.quadradoStatus{
	background: #fbfbfb;
	border-radius: 6px;
	border: 1px solid #eeeeee;
	padding: 15px;
	padding-bottom: 25px;
	margin-top: 240px;
	margin-bottom: 310px;
}

.quadradoEsqueciSenha{
	margin-top: 190px;
	margin-bottom: 370px;
}

.bordaLaranja{
	border-top: 8px solid #F8CB37;
	border-radius: 12px;
}
	
.bordaVerde{
	border-top: 8px solid #17BBBC;
	border-radius: 12px;
}
	
.h3Borda{
	border-top: 1px solid #AAAAAA;
	height: 0px;
}

.txtLogin{
	position: relative;
	top: -13px;
	background: #FFFFFF;
	padding: 0px 20px;
	color: #7F7F7F;
}	

.iconInput{
	background: transparent!important;
	color: #D6D6D6;
	width: 39px;
}

.btnLaranja{
	background: #F8CB37;
	color: #FFFFFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
}

.btnLaranja:hover{ background: #FBA000; color: #FFFFFF; }

.btnVerde{
	background: #17BBBC;
	color: #FFFFFF;
	font-weight: bold;
	transition: 0.3s ease-in-out;
}

.btnVerde:hover{ background: #4EA78C; color: #FFFFFF; }

/* Status do Programa */
.alertaDias{
    border: 3px solid #ffb700;
    margin: -15px -21px;
    margin-bottom: 35px;
    padding: 2px;
    background: rgba(255, 183, 0, 0.11);
    border-radius: 4px;
}

.iconAlertaDias{
	font-size: 30px!important;
	color: #ffb700;
	font-weight: bold;
}

.statusImg{
	width: 100%;
    height: 277px;
	background: url('../../template/status2.png') center center no-repeat;
	background-size: cover;
}

.logado_etp1{
	position: absolute;
    left: 74px;
    width: 160px;
	color: #FFFFFF;
    text-align: center;
}

.statusEtp1{
	position: relative;
    top: 29px;
}

.logado_etp2{
	position: absolute;
	left: 300px;
	width: 160px;
	color: #FFFFFF;
	text-align: center;
}

.logado_etp3{
    position: absolute;
	left: 520px;
	width: 160px;
	color: #FFFFFF;
	text-align: center;
}

.statusEtp3{
	position: relative;
	top: 29px;
}

.logado_etp4{
    position: absolute;
	left: 750px;
	width: 160px;
	color: #FFFFFF;
	text-align: center;
}

.statusEtp4{
	position: relative;
	top: 29px;
}

.logado_etp1, .logado_etp2, .logado_etp3, .logado_etp4{ top: 160px; }

.btnExecutarAgora{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 15px;
	transition: 0.3s ease-in-out;
}

.btnExecutarAgora:hover{ border: 1px solid #666666; }

.concluido{
	background: #FFFFFF;
	color: #698e00;
	padding: 1px 10px;
	border-radius: 2px;
}

.pendente{
	background: #FFFFFF;
	color: #FF5722;
	padding: 1px 10px;
	border-radius: 2px;
}

.incompleto{
	background: #FFFFFF;
	color: #FF9800;
	padding: 1px 10px;
	border-radius: 2px;
}

.quadroAtencao{
	border: 1px dashed #F56432;
	border-radius: 5px;
	padding: 15px;
	padding-bottom: 4px;
}

/* ------ MOBILE ----------- */
.mobile_etp1, .mobile_etp2, .mobile_etp3, .mobile_etp4{
	min-height: 165px;
	border-radius: 4px;
	padding: 0px 20px;
	color: #FFFFFF;
}

.mobile_etp1 h1, .mobile_etp2 h1, .mobile_etp3 h1, .mobile_etp4 h1{
	margin: 0px -20px;
	padding: 3px 20px;
	font-size: 200%;
}

.infoMobileStatus{
    padding: 1px 5px;
    font-size: 16px;
    position: absolute;
    right: 10px;
	margin-top: 4px;
}

.mobile_etp1 p, .mobile_etp2 p, .mobile_etp3 p, .mobile_etp4 p{ 
	padding: 25px 0px;
	font-size: 16px;
}

.mobile_etp1 span, .mobile_etp2 span, .mobile_etp3 span, .mobile_etp4 span{
    background: #ffffff;
    color: #666666;
    padding: 1px 3px;
    border-radius: 3px;
}

.mobile_etp1{
	border: 3px solid #70B5A0;
    background: #92C7B7;
}

.mobile_etp1 h1{ background: #70B5A0; }

.mobile_etp2{
	border: 3px solid #E8A33C;
	background: #FCCF8C;
}

.mobile_etp2 h1{ background: #E8A33C; }

.mobile_etp3{
	border: 3px solid #EF725E;
    background: #F59585;
}

.mobile_etp3 h1{ background: #EF725E; }

.mobile_etp4{
	border: 3px solid #3978ae;
    background: #428BCA;
}

.mobile_etp4 h1{ background: #3978ae; }

/* Curriculo */
.iconInformacaoArea{ color: #0090d6; }

.subTituloFormacao{
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
}

.label-none{ font-weight: normal; }


.conteudoAreasPretendidasEscolhas{
	border: 1px solid #666666;
	width: 445px;
	padding: 8px;
	border-left: 6px solid #f48257;
	border-radius: 10px;
	margin: 15px 0px;
	margin-bottom: 20px;
}

/* PARTE DO ADM */
.iconLista{
    border: 0px;
    width: 15px;
    margin: 0px 2px;
	width: 20px;
}

.iconDetail{ width: 25px; }

.inputLista{
	zoom: 1.3;
	position: relative;
	top: 3px;
	left: 5px;
}

.modalFundo{ display:none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.48); position: fixed; left: 0px; top: 0px; z-index: 99999999; }

.fundoConteudoComunicado{
	display: none;
	position: fixed;
    top: 14%;
    left: 35%;
    z-index: 99999999;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #CCCCCC;
    padding: 15px;
    width: 520px;
}

.alinhaBtnAcoes{
	margin: 25px 0px 0px 0px!important;
	border-top: 1px solid #111;
	padding: 10px 0px;
	text-align: left;
	position: relative!important;
	top: 31px!important;
	z-index: 9999!important;
	margin-bottom: 25px!important;
}

.fundoAreasPretendidas{
	display: none;
	position: fixed;
	top: 7%;
	left: 15%;
	z-index: 99999999;
	background: #ffffff;
	border-radius: 6px;
	border: 1px solid #CCCCCC;
	padding: 15px;
}

.fundoConteudoHistorico{
	display: none;
	position: fixed;
	width: 600px;
    height: 295px;
    padding: 15px;
	top: 10%;
	left: 26%;
	background: #FFFFFF;
	border-radius: 4px;
	z-index: 99999999;
}