@charset "utf-8";

/* CSS Document */





.my-clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}





/*********************************

/	Classes gerais do conteúdo

*********************************/

#page-header .social-icons a:focus, #page-header .social-icons a:active{
    background: #fd7b47;
}
.barra-acessibilidade{
	margin: -20px 0 25px;
}
.barra-acessibilidade a{
	font-size: 12px;
}
.acessibilidade-esquerda a{
	display: inline-block;
    border-left: 1px solid;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
}
.acessibilidade-esquerda a:first-child{
	border-left: none;
    padding-left: 0;
}
.acessibilidade-direita{
	text-align: right;
}
.acessibilidade-direita a{
	display: inline-block;
    border-left: 1px solid;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
}
.acessibilidade-direita a:first-child{
	border-left: none;
    padding-left: 0;
}
.acessibilidade-direita a:last-child{
	margin: 0;
}


.conteudo-site h1,

.conteudo-sidebar h1,

.conteudo-404 h1{

	margin: 0 0 30px;

	color: #fd7b47;

}



.conteudo-site p{

	line-height:150%;

}



.conteudo-site .obrigatorio{

	color:#F00;

}



.conteudo-site-pequeno{

	width:63%;

	float:left;

	border-right: 1px solid #ddd;

	padding: 0 3% 0 0;

	box-shadow: 1px 0px 1px #fff;

}



.conteudo-sidebar{

	width:33%;

	float:right;

}



.conteudo-sidebar li{

	margin-bottom: 10px;

}



.conteudo-404{

	padding: 0 !important;

	box-shadow: none !important;

}











/*********************************

/	Classes da Consultoria

*********************************/



.conteudo-site .areas-atuacao li{

	line-height:200%;

}









/*********************************

/	Classes da Estrutura

*********************************/



.lista-estrutura{

	list-style: none;

	margin: 0;

	padding: 0;

}



.lista-estrutura li{

	float:left;
	min-height:215px;
	margin: 0 20px 20px 0;

}

.lista-estrutura li img{

	max-width:215px;
	height:auto;

}









/*********************************

/	Classes do Contato

*********************************/



.form-contato{

	margin-bottom:20px;

}



.form-contato input[type='text'],

.form-contato input[type='password'],

.form-contato textarea,

.form-contato select{

	border: 1px solid #ccc;

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	padding: 4px 6px;

	margin-bottom: 10px !important;

	font-size: 14px;

	line-height: 20px;

	color: #555;

	vertical-align: middle;

	width:100%;

}



.form-contato input[type='submit']{

	float:right;

	width: 150px;

}



.form-contato input#limpar,

.form-contato input#matricular{

	float:none !important;

	width: 150px;

	margin: 25px 0;

}



.form-contato input#limpar{

	margin-left: 20px;

}



.form-contato textarea{

	height:160px;

}



.form-contato select{

	width:50%;

	min-width:125px;

	outline-width: 1px;

	outline-color: #fd7b47;

}



.form-contato .esquerda,

.form-contato .direita{

	float: left;

	width: 48%;

	margin: 20px 0;

}



.form-contato .direita{

	float:right;

}



.form-contato label.error{

	top: -10px;

	position: relative;

	color: #f00;

	font-weight: normal;

	font-size: 10px;

}



.form-contato input.error,

.form-contato textarea.error,

.form-contato select.error{

	border-color:#f00;

}



.mapa{

	max-width:100%;

}





/*********************************

/	Classes do Box de Cursos na FrontPage

*********************************/



.conteudo-site-home{

	background: #f5f5f5;

	margin: 0 0 40px 0;

	padding: 20px;

	box-shadow:0px 0px 5px #ccc;

}



.conteudo-site-home h2{

	margin: 0 0 30px 0;

	font-weight:500;

}



.conteudo-site-home h3{

	margin: 10px 0 20px 0;

}



.conteudo-site-home .categorias{

	background:#fff;

	border-left:2px solid #fd7b47;

	width:48%;

	float:left;

	padding:10px;

	margin-bottom: 40px;

}



.conteudo-site-home .categorias li{

	margin-bottom:10px;

}



.conteudo-site-home .categorias li a{

	font-size:16px;

}



.conteudo-site-home .categorias-esquerda{

	margin-right:4%;

}









/*********************************

/	Classes da Página de Visualização dos Curso

*********************************/



.conteudo-site .texto-inscricoes{

	margin: 20px 0 0;

	font-weight: bold;

	border-left: #fd7b47 3px solid;

	padding: 10px;

	background: #fff;

}



.conteudo-site .texto-inscricoes span{

	color: #fd7b47;

}



.barra-btn-curso{

	text-align:center;

	margin: 40px 0 0;

}



.btn-curso{

	display: inline-block;

	background: #fd7b47;

	color: #fff;

	padding: 6px;

	width: 160px;

	margin: 0 5px 20px;

}



.btn-curso:hover{

	color:#fff;

	background:#d24107;

	text-decoration:none;

}



.form-saiba-mais,

.form-matricula,

.form-email{

	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;

	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;

	box-shadow: 0px 0px 5px 0px #e8e8e8;

	background:#fff;

	padding:15px;

	display:none;

}



.form-meus-dados,

.form-email{

	display:block !important;

}



.form-matricula-email{

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

	margin-bottom: 20px;

}



.form-matricula-email #email{

	max-width: 360px;

	float: left;

}



.form-matricula-email .btn-continuar{

	background: #fd7b47;

	color: #fff;

	display: inline-block;

	padding: 4px;

	width: 100px;

	text-align: center;

	float: left;

	margin-left:10px !important;

}



.form-matricula-email .btn-continuar:hover{

	cursor:pointer;

	background:#d24107;

}



.form-matricula-email .loader-aluno{

	margin-left: 15px;

	color: #f00;

	font-weight: bold;

}



.form-matricula .box-opcoes{

	margin: 0 0 20px;

	box-shadow: 1px 1px 3px #ddd;

	padding: 0 15px 15px;

	border: 1px solid #ddd;

}



.form-matricula .box-opcoes .link-login{

	background: #fd7b47;

	border: 1px solid #fd7b47;

	color: #fff;

	display: block;

	padding: 5px 15px;

	margin: 0 auto 10px;

	width: 100px;

}



.form-matricula .box-opcoes .link-login:hover{

	background: #d24107;

	text-decoration:none;

}



.form-matricula .box-form{

	display:none;

}



.alerta-sucesso{

	text-align: center;

	background-color: #dff0d8;

	border: #d6e9c6 1px solid;

	color: #3c763d;

	padding: 15px;

	border-radius: 3px;

	margin: 20px 0;

}



.alerta-erro{

	text-align: center;

	background-color: #f0dbd8;

	border: #fcbbb0 1px solid;

	color: #c03821;

	padding: 15px;

	border-radius: 3px;

	margin: 20px 0;

}



.loader-aluno{

	color: #f00;

	font-weight: bold;

	font-size: 12px;

}



.texto-intro-form{

	font-weight: bold;

	font-size: 14px;

	margin: 20px 0;

}







/*********************************

/	BLOCO MEUS DADOS

*********************************/



.lista-meus-dados{

	list-style: square;

	color: #777;

	line-height: 180%;

}







/*********************************

/	PÁGINA DO CRONOGRAMA DE AULAS

*********************************/



.tabela{

	width:100%; 

	height:auto; 

	margin:20px 0 0; 

	-moz-box-shadow: 1px 1px 3px #ccc;

	-webkit-box-shadow: 1px 1px 3px #ccc;

	box-shadow: 1px 1px 3px #ccc;

}



.tabela	th{

	padding:12px 10px !important; 

	color:#464646; 

	text-align:left; 

	background-color:#e7e7e7;

	line-height:150%;

	border: 1px solid #ccc !important;

	-moz-box-shadow: 0px 0px 2px #fff;

	-webkit-box-shadow: 0px 0px 2px #fff;

	box-shadow: 0px 0px 2px #fff;

}

	

.tabela	tr{

	text-align:left;

}

	

.tabela	td{

	padding:12px 10px !important;

	border:#CCC thin solid !important;

	border-right: none;

	border-bottom:none;

	line-height:150%;

}



.filtro-crono{

	float: right;

	width: 150px;

}



.filtro-crono div{

	float: right;

	background: #fff;

	width: 150px;

	position:relative;

}



.filtro-crono div span{

	padding: 5px;

	display: inline-block;

	border: 1px solid #fd7b47;

	width: 100%;

	font-weight:bold;

	background:url(../imagens/seta-down.png) 125px 10px no-repeat;

}



.filtro-crono div ul{

	list-style: none;

	padding: 0;

	margin: 0;

	position: absolute;

	width: 100%;

	background: #fff;

	border: 1px solid #fd7b47;

	border-top: none;

	display:none;

}



.filtro-crono div ul li{

	border-top: 1px solid #fd7b47;

}



.filtro-crono div ul li a{

	display: block;

	padding: 5px;

	color: #666;

}



.filtro-crono div ul li a:hover{

	background: #f3f3f3;

	text-decoration:none;

}



.filtro-crono div:hover ul{

	display:block;

}





/*********************************

/	Classes do Contato

*********************************/

.btn-publi{

    font-size: 18px;

    background: #fd7b47;

    color: #fff;

    padding: 10px 15px;

    margin: 20px 0;

    display: inline-block;

}

.img-publi{

    max-width: 100%;

    height: auto;

    margin-right: 20px;

}



.item-capitulo{

	display:block;

	margin-bottom:30px;

}



.item-capitulo .fa-file-text-o:before {

    content: "\f0f6";

    color: #999;

    font-size: 18px;

    display: block;

    margin: 0 10px;

    float: left;

}





.publicacao-esq{

	float:left;

	width:48%;

}

.publicacao-esq img{

	max-width:100%;

	height:auto;

}

.publicacao-dir{

	float:right;

	width:48%;

}

	
.box-contrato{
		    width: 100%;
			height: 300px;
			overflow: scroll;
			background: #eee;
			padding: 20px;
			border: 1px solid #ccc;
		}




/*********************************

/	Media Queries

*********************************/



@media (max-width:640px){

	

	.form-contato .esquerda,

	.form-contato .direita,

	.conteudo-site-home .categorias{	

		float:none;

		width:100%;

		margin:0;

	}

	

	.form-contato input#limpar{

		margin-right:0;

	}

}



@media (max-width:767px){

	

	.conteudo-site-pequeno{

		width:100%;

		float:none;

		border-right: none;

		border-bottom: 1px solid #ddd;

		padding: 0 0 20px 0;

		margin: 0 0 20px 0;

		box-shadow: 0px 1px 1px #fff;

	}

	

	.publicacao-esq,

	.publicacao-dir,

	.conteudo-sidebar{

		width:100%;

		float:none;

		clear:both;

	}	

}



.leandrohindu{

	background:url(https://www.idde.com.br/idde/imagens/logo-leandro-hindu-mini.png) left top no-repeat; 

	padding: 3px 0 2px 30px;

}


body.contraste{ 
	background: #000; 
	color: #fff; 
}
body.contraste p,
body.contraste li,
body.contraste #page .block-region .block .header .title h2,
body.contraste input[type="radio"]+label, 
body.contraste input[type="checkbox"]+label {
	color: #fff !important;
}
body.contraste #page-header .contact p a{
	color: #fd7b47;
}
body.contraste .conteudo-site-home,
body.contraste #page #region-main .region-main-inner,
body.contraste #page .block-region .block,
body.contraste .testimonials,
body.contraste #page #region-main .loginbox,
body.contraste .box{
	background: #000 !important; 
	border: 1px solid;
}
body.contraste .conteudo-site-home .categorias,
body.contraste #page #region-main .forumpost,
body.contraste #page #region-main .course-content .section.main,
body.contraste #page #region-main table td,
body.contraste #page #region-main table th,
body.contraste .qn-question,
body.contraste .form-saiba-mais, 
body.contraste .form-matricula, 
body.contraste .form-email{
	background: #000;
}

body.contraste .nav-tabs>li.active>a, 
body.contraste .nav-tabs>li.active>a:hover, 
body.contraste .nav-tabs>li.active>a:focus,
body.contraste .nav-tabs>li>a{
	background: #000 !important; 
	border: 1px solid #fff;
	color: #fff
}



body.font-grande #page-footer .bottom-bar .copyright p, 
body.font-grande .filemanager, 
body.font-grande .filepicker, 
body.font-grande .file-picker{ 
	font-size: 14px;
}

body.font-grande .barra-acessibilidade a, 
body.font-grande #page .breadcrumb-nav ul.breadcrumb li, 
body.font-grande #page-footer .footer-content .footer-col li, 
body.font-grande #page-footer .footer-content { 
	font-size: 15px; 
}

body.font-grande, 
body.font-grande p, 
body.font-grande .nav>li>a { 
	font-size: 16px; 
}

body.font-grande .dropdown-menu, 
body.font-grande .btn{ 
	font-size: 18px; 
}

body.font-grande #page .block-region .block .header .title h2{
	font-size: 19px;
}

body.font-grande .conteudo-site-home .categorias li a, 
body.font-grande #page #region-main h5, 
body.font-grande #site-news-forum .subject { 
	font-size: 20px; 
}

body.font-grande .frase-topo, 
body.font-grande #page-site-index .promo .btn-cta { 
	font-size: 25px; 
}

body.font-grande legend{ 
	font-size: 25px; 
}

body.font-grande h3, 
body.font-grande .h3, 
body.font-grande #page #region-main h2 { 
	font-size: 30px; 
}

body.font-grande #page #region-main h1{ 
	font-size: 32px; 
}

body.font-grande h2, 
body.font-grande .h2 { 
	font-size: 36px; 
}

body.font-grande h1 small, 
body.font-grande .h1 small, 
body.font-grande h2 small, 
body.font-grande .h2 small, 
body.font-grande h3 small, 
body.font-grande .h3 small, 
body.font-grande h1 .small, 
body.font-grande .h1 .small, 
body.font-grande h2 .small, 
body.font-grande .h2 .small, 
body.font-grande h3 .small, 
body.font-grande .h3 .small {
    font-size: 90%;
}

body.font-grande label, 
body.font-grande input, 
body.font-grande select, 
body.font-grande textarea, 
body.font-grande button, 
body.font-grande input.form-submit, 
body.font-grande input[type="button"], 
body.font-grande input[type="submit"], 
body.font-grande input[type="reset"]{
	font-size:18px;
}



body.font-pequena #page-footer .bottom-bar .copyright p, 
body.font-pequena .filemanager, 
body.font-pequena .filepicker, 
body.font-pequena .file-picker{ 
	font-size: 8px;
}

body.font-pequena .barra-acessibilidade a, 
body.font-pequena #page .breadcrumb-nav ul.breadcrumb li, 
body.font-pequena #page-footer .footer-content .footer-col li, 
body.font-pequena #page-footer .footer-content { 
	font-size: 9px; 
}

body.font-pequena, 
body.font-pequena p, 
body.font-pequena .nav>li>a { 
	font-size: 10px; 
}

body.font-pequena .dropdown-menu, 
body.font-pequena .btn{ 
	font-size: 11px; 
}

body.font-pequena #page .block-region .block .header .title h2{
	font-size: 11px;
}

body.font-pequena .conteudo-site-home .categorias li a, 
body.font-pequena #page #region-main h5, 
body.font-pequena #site-news-forum .subject { 
	font-size: 12px; 
}

body.font-pequena .frase-topo, 
body.font-pequena #page-site-index .promo .btn-cta { 
	font-size: 16px; 
}

body.font-pequena legend{ 
	font-size: 16px; 
}

body.font-pequena h3, 
body.font-pequena .h3, 
body.font-pequena #page #region-main h2 { 
	font-size: 18px; 
}

body.font-pequena #page #region-main h1{ 
	font-size: 20px; 
}

body.font-pequena h2, 
body.font-pequena .h2 { 
	font-size: 24px; 
}

body.font-pequena h1 small, 
body.font-pequena .h1 small, 
body.font-pequena h2 small, 
body.font-pequena .h2 small, 
body.font-pequena h3 small, 
body.font-pequena .h3 small, 
body.font-pequena h1 .small, 
body.font-pequena .h1 .small, 
body.font-pequena h2 .small, 
body.font-pequena .h2 .small, 
body.font-pequena h3 .small, 
body.font-pequena .h3 .small {
    font-size: 45%;
}

body.font-pequena label, 
body.font-pequena input, 
body.font-pequena select, 
body.font-pequena textarea, 
body.font-pequena button, 
body.font-pequena input.form-submit, 
body.font-pequena input[type="button"], 
body.font-pequena input[type="submit"], 
body.font-pequena input[type="reset"]{
	font-size:11px;
}

.social-icons a span{display: none;}

.video-iesde{cursor: pointer; margin-top: 10px; display: inline-block;}