@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* Ajustar altura divs */
.main, #atividades, #proposta, .is-footer{ overflow: hidden; height: 100%; }

/* ----------------------- *\
    COLORS PRINCIPAIS
\* ----------------------- */
.c-blue{ color: #0077bd; }
.c-red{ color: #ed3237; }
.c-blueLight{ color: #2598e5; }
.c-gray{ color: #e6e6e6; }
.c-grayStrong{ color: #9b9b9b; }

.is-gray{ background-color: #e6e6e6; }
.is-grayStrong{ background-color: #9b9b9b; }
.is-white{ background-color: #fff; }

/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
}

.shadow{

	box-shadow: 3px -3px 30px #b6b6b6;
	-webkit-box-shadow: 3px -3px 30px #b6b6b6;
	-moz-box-shadow: 3px -3px 30px #b6b6b6;
}

.iFrame{ width: 100%; height: 300px; }
.form-envia .row{ margin: 12px 0px; }

/* ----------------------- *\
    LINE
\* ----------------------- */

.line, .lcenter, .lcurto{
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;
	clear: both;
}

	.lcenter{
		width: 70%;
	}

	.lcurto{
		width: 10%;
		margin-top: 5px;
		margin-bottom: 10px;
		float: left;
	}

	.lcenter{
		width: 80%;
		margin: 24px auto;
	}

	.ltotal{
		width: 100%;
		margin: 0px auto;
	}


.padding70{ padding-top: 70px; padding-bottom: 70px; }
.subtitle{ margin: 60px 0px 20px 0px; }

/* ----------------------- *\
    LISTAS
\* ----------------------- */

.lst{ width: 100%; height: 100%; clear: both; line-height: 26px; }

/* imgs */


.groupP{ display: table; text-align: center; height: 350px;  }
.groupP p{ vertical-align: middle; display: table-cell; 
	font-style: italic; font-size: 1.3em; line-height: 30px; }

/* ----------------------- *\
    EFEITOS
\* ----------------------- */

.hoverzoom {
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
}
	
	.hoverzoom > img {
		width: 100%; 
		-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	}

	.hoverzoom:hover > img {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

	.groupDestaque{
		bottom: -170px;
		position: absolute;
		width: 100%;
		text-align: center;
	}

	.groupDestaque p{ color: #fff; font-weight: 600; display: block; font-size: 1.6em; }
	
		.titleDestaque{
			color: #fff;
			font-size: 0.9em;
			display: block;
			width: 100%;
		}

/* ----------------------- *\
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	clear: both;
}
	#quem-somos{ background: #76c8dc url('../imgs/home/air.png') no-repeat; }
	.sliderFixed{ background-color: #999; }
	.matricular{ padding-top: 30px; padding-bottom: 30px; background-color: #eedf66; }
	#atividades{ background: url('../imgs/proposta/bg.png'); background-repeat: repeat; background-size: contain;  }

		#proposta p{ color: #777; font-size: 1.2em; line-height: 2; text-align: justify; }

		#proposta article{
			padding: 12px;
			min-height: 90px;
		}
		
		.NomPlano{ display: block; font-size: 1.4em; font-style: italic; color: #12659b; font-weight: 800; margin-top: 30px; }
		#atividades article{
			overflow: hidden; height: 100%;
			margin-bottom: 10px;
		}
			.imgAtividade{ height: 150px; max-width: 100%; }
			#atividades article span{ margin: 0px; display: block; padding: 20px 0px; background-color: #ed5985; color: #fff; font-weight: 500; }

		#atividades .column{ text-align: center; }
		#atividades .matricula{ max-width: 160px; }

		#enfermagem article{
			overflow: hidden; height: 100%;
			margin-bottom: 10px;
		}

		#atividades a:hover img{ -webkit-filter: grayscale(1); }
		#atividades span:hover{ background-color: #76c8dc; }		
		#atividades a:hover span{ background-color: #76c8dc; }

/* ----------------------- *\
    BUTTONS
\* ----------------------- */
.btn{
	text-align: center;
	color: #fff;
	transition: .3s;
	border: 0;
	padding: 12px;
	display: block;
	font-size: 1em;
	max-width: 250px;
	border-bottom: 5px solid #76c8dc;
}
	.matricula, .btMatricula{ position: relative; float: right; margin-top: 18px;
		background: -webkit-linear-gradient(90deg, #f33576, #76c8dc); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg, #f33576, #76c8dc); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg, #f33576, #76c8dc); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg, #f33576, #76c8dc); /* Standard syntax */
	}
		.matricula:hover{ 
			background: -webkit-linear-gradient(90deg, #76c8dc, #f33576); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(90deg, #76c8dc, #f33576); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(90deg, #76c8dc, #f33576); /* For Firefox 3.6 to 15 */
			background: linear-gradient(90deg, #76c8dc, #f33576); /* Standard syntax */
		 }
	
	.saiba-mais{ position: relative; float: right; margin-top: 18px;
		background: transparent;
		border: 1px solid #fff;
		color: #fff;
	}

	.saiba-mais:hover{ background-color: #fff; color: #76c8dc; }

	.btMatricula{ float: none; width: 100%; }

#quem-somos a.matricula{ margin-top: 60px; }

#slider1_container{ margin: 0 auto; margin-top: 90px; position: relative; width: 1920px; height: 600px; overflow: hidden; }

.matricular .matricula{ margin-top: 0px; width: 100%; }
.matricular input.txt{ font-weight: 500; color: #fff; padding: 12px; 
	background-color: #d4c441; 
	border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border: none;
	outline: none;
}
.imgMatr{ height: 250px; background-color: tomato; background-image: url(/imgs/matricula/bg.jpg); background-size: cover; }
.imgBook{ display: block; margin: 0px auto; }


/*BEGIN ****

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

.header{ background: url(../imgs/home/bg-head.png) repeat-x; top: 0px; position: fixed; width: 100%; height: 135px; z-index: 99; } 
.main{ padding: 16px 0px; }
.logo{ width: 232px; height: 83px; float: left; }

.sliderFixed p{ font-size: 3em; color: #fff; text-align: center; }
.sliderFixed{ margin-top: 100px; background: url(../imgs/home/bg-pages.jpg) no-repeat; height: 100%; }

.mapa{ width: 90%; }

/* DETALHE NO TÍTULO */
.group-detail{ margin: 0px auto; text-align: center; margin-bottom: 80px; }
/* .planos .group-detail{ margin-bottom: 0px; } */
.has-detail{ font-weight: 900; text-align: center; font-size: 1.6em; }

/* paddings */
#quem-somos, #atividades, #proposta, .sliderFixed, .depoimentos, #enfermagem{ position: relative; padding-top: 120px; padding-bottom: 120px; }
.footer .row{ padding-top: 20px; }

#quem-somos p{ text-align: right; color: #fff; }

.img-mae{ position: absolute; display: block; width: 350px; height: 460px; bottom: -433px; }
.imgChildren{ display: block; width: 80%; float: right; }

/* ICONS */
.icons{
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

/*  DEPOIMENTOS  */
.depoimentos{ background: url(../imgs/home/bg-dep.png) no-repeat top left, 
	url('../imgs/home/bg-dep2.png') no-repeat top right; 
	background-size: contain;
}
.depPeoples{
	padding: 20px;
	overflow: hidden;
	height: 100%;
	background-color: #00b1ec;
}
/* EFEITO GAVETA */
.outrasCategorias{
  	display: none;
}
	  
#proposta .row{ padding-top: 0px; padding-bottom: 0px; }
.videos video{ width: 100%; height: 200px; }

/* COLUMNS EXTRA */
.columnExtra{ float: left; position: relative; height: 100%; }

	.columnLeft{ width: 50% }
	.columnRight{ width: 50% }

	.columnMenu{ margin-top: 10px; width: 770px; float: left;}

/* GROUP REDES */
.groupRedes{ width: 60px; height: 60px; padding: 8px; background-color: #eee; position: fixed; right: 30px; bottom: 30px; border-radius:60px 60px 60px 60px;
                        -webkit-border-radius:60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 999;}
    .groupRedes div{ height: 45px; margin: 8px 0px; }
    .iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; }
        .whatsapp{ width: 45px; height: 45px; background-image: url('../imgs/whatsapp.svg'); }
        /* .messenger{ width: 45px; height: 45px; background-image: url('../imgs/messenger.svg'); } */


/* STATUS INFO */
.status-info{
	padding: 20px;
	background-color: #fff;
	width: 80%;
	height: 100%;
	float: right;

}
	.group-contato{ clear: both; overflow: hidden; margin-top: 20px; }

	.group-contato .iconBig{
		font-size: 3em;
		float: left;
		color:  #f33576;
		width: 50px;
	}

	.title-contato{
		text-align: left;
		font-size: 0.9em;
		margin-bottom: 5px;
		display: block;
		color:  #f33576;
	}

	.group-infoCont{ text-align: left;  margin-left: 10px; float: left; width: 80%; }
	.group-infoCont p{ margin-bottom: 3px; font-size: 0.9em; }
	.group-infoCont a{ font-size: 1em; display: block; }
	.group-infoCont span{ color:  #f33576; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1.1em; }

/* Formatação da Validação de Campos */

.formee label{ width:100%; float:left; text-align:right; padding:10px 15px 0 0;}
.formee label.error { float: none; position: relative; top: 6px; left:0px; color:#f33576; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #c2322f;  padding: 0px 0 0 5px; margin: 0 0 5px 0;}

.bigBoxSociais{
	border: 1px solid #bcbcbc;
	min-height: 280px;
}

/* MENU GAVETA */

#menu-principal{ border: 1px solid #eee; }

#menu-principal li.parent > a {
	background: transparent url('../imgs/mais.png') right no-repeat;
	left: -20px;
	font-size: 1.2em;
	font-weight: 600;
	color: #7f7f7f;
}
#menu-principal li.aberto > a {
	background: transparent url('../imgs/menos.png') right no-repeat;
}	
	#menu-principal a{ margin-left: 12px; }

	#menu-principal li a{ width: 100%; display: inline-block;}

	.sub-principal{
		padding: 10px 0px; 
		overflow: none;
		height: 100%;    
		display: none;
		margin-left: 22px;
	}

		.sub-principal li{ font-weight: 500; font-size: 1em; color: #7f7f7f; }

/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{
	clear: both;
	background-color: #76c8dc;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; text-align: left; margin-top: 40px; }
	.logoFooter{ 
		width: 171px;
		height: 53px;
		display: inline-block;
		background: url('../imgs/logoFooter.png') no-repeat;
		margin-bottom: -10px;
	 }
	
	.lst-cobertura{ margin-bottom: 20px; }
	.lst-cobertura li{ display: inline-block; margin: 0px 1%; font-size: 1.2em; color: #777; font-weight: 600; color: #0078c1; }

	.lst-footer li a{
		font-weight: 400;
		color: #fff;
		font-size: 1em;
	}

	.footer h5{ margin-top: 6px; }

	/* .lst-footer a{ margin-left: 0px; padding-left: 0px; } */

	.lst-footer span{ font-size: 1.1em; color: #fff; text-align: left; margin-left: 0px; padding-left: 0px; display: inline-block; }

	.lst-footer li a:hover{ padding-left: 10px; color: #ED3276; }

	.lst-footer li, .lst-footer i{ color: #fff; }

	.subTfooter{ float: left; display: block; font-size: 1em; margin-bottom: 12px; margin-top: 30px; color: #777; }
	.groupTels a{ color: #fff; }
	.horario b{ color: #fff; }
	.horario{ margin-top: 12px; }
	.horario li{ color: #fff;  }

	.column-possibilidades{
		text-align: center;
	}

	.copy{
		margin-left: 12px;
		font-style: italic;
		font-weight: 500;
		color: #fff;
		font-size: 0.9em;
		text-align: left;
	 }

	.icon-ideas{
		margin-right: 12px;
		background: url('https://ideiaempixel.com.br/imgs/logo-ideia.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		width: 60px;
		height: 60px;
		display: inline-block;
		float: right;
	}

	.contato-footer p{ color: #777; font-size: 1em; }
		.contato-footer a{ color: #777; }
