/**
 * @version 
 * @author Aparecido celso <Celsojrbr@gmail.com>
 * @controle de Posição e distribuição do site.
*/

@font-face {
    font-family: Franklin;
    src: url(FranklinGothicBookC.otf);
}


@media only screen and (max-width: 1048px) {
	.container{
		width:100% !important;
	}
}


body{
	font-size:12px;
	font-family:'Franklin gothic';
}
a{
	text-decoration:none;
	color:#333;
}
header{
	min-height: auto;
	
}

.container{
	width:1080px;
}


#cabecalho .ImagemLogo{
	width: 95%;
	margin-top: 5px;
	margin-bottom: 0px;
}

#cabecalho #NavegadorTopo{
	float:right;
	margin-bottom:0em;
}

.instituicao{
	font-size:1.4em;
	text-align:justify;
	font-family: 'Franklin';
}
.instituicao h1{
	font-family: 'Franklin Gothic';
}
.tituloProjeto{
	margin-top:0px;
	font-family: 'Franklin Gothic';
}

.Projeto{
	margin-bottom:20px;
	overflow:hidden;
}

.dropdown .dropdown-toggle{
	color:#fff !important;
	height: 80px;
}


.dropdown-menu li a:hover{
	background: #00987f !important;
	text-decoration:underline;
}

.dropdown-menu li a{
	color:#fff !important;
}

.dropdown-menu{
	background-color: #f5811e;
	
}


#cabecalho #NavegadorTopo ul li a{
	/*padding:1.4em;*/
	padding: 0.9em 0.7em;
	font-size:1.3em;
}

#Rodape{
	Color:#fff;
	font-size:1.4em;
}

#inputText{
	width:100%;
	padding:0.6em;
	margin-bottom:1.0em;
	
}

#inputTextarea{
	width:100%;
	padding:0.6em;
	height:10.0em;
	margin-bottom:1.5em;
	/*font-size:1.4em;*/
}

#inputButton{
	padding:0.6em 1.5em;
	/*font-size:1.4em;
	/*font-weight:bold;*/
}

#iconredes{
	padding-left:0em;
}

#iconredes img{
	width:100%;
	padding:0.4em;
}

sub {
	bottom: .4em;
	left:1em;
    font-size: 0.4em;
}

#noticiasSmall,#noticiasMed{
	font-size: 1.2em;
}
#noticiasSmall p, #noticiasMed p{
	margin-top:1.2em;
}

#noticiasSmall img{
	width:100%;
	
}

#videoPlayerCanvas img{
	width:100%;
	border:solid #fff;
	border-width: 2px;
}

#VideoControler p{
	margin-top: 1.2em;
	font-size:1.4em;
}

#VideoControler img{
	width:100%;
	border:solid #fff;
	border-width: 2px;
}
#imagemVideo{
	position:relative;
}
#imagemVideo .player{
	display:block;
	width:15%;
	height:auto;
	top:40%;
	left:41%;
	position:absolute;
	z-index:10;
	/*padding:1.0em;*/
}

#VideoControler .controledores img{
	border:None;
}
#VideoControler .controledores{
	width:100%;
}

#VideoControler #iconcotroler{
	width:3.4em;
	float:left;
	margin-top:0em;
	margin-right:1.4em;
	margin-bottom:3em;
	margin-top:0em;
}

.linkYoutube{
	font-size:1.6em;
	font-weight:bold;
	line-height:1.0em;
}

#depoimentos{
	
}
#depoimentos .texeDepo{
	position:relative;
}
#depoimentos .texeDepo::before {
    content: "”";
	font-size:5em;
	position:absolute;
	left:-30px;
	top:-0.3em;
	/*font-family:arial;*/
	font-weight:bold;
	transform: rotateY(180deg);
}
#depoimentos .texeDepo::after {
    content: "\”";
	font-size:5em;
	position:absolute;
	/*font-family:arial;*/
	font-weight:bold;
	bottom:-0.9em;
}

#depoimentos img{
	width:80%;
}


#inicialSlide{
	/*background-color:#343;*/
	height:500px;
	position:relative;
	padding-left:0px;
}

#inicialSlide:before{
	content: " ";
	background-color: #e30613;
}

#buttoncontroler{
	
}

#buttoncontroler #indice1{ 
	z-index: 3;
	margin:auto;
	width:15px;
	height:15px;
	position:absolute;	
	left:35%;
	top:95%
}

#buttoncontroler #indice2{ 
	z-index: 3;
	margin:auto;
	width:15px;
	height:15px;
	position:absolute;	
	left:40%;
	top:95%
}

#buttoncontroler #indice3{ 
	z-index: 3;
	margin:auto;
	width:15px;
	height:15px;
	position:absolute;	
	left:45%;
	top:95%;
}

#buttoncontroler #indice4{ 
	z-index: 3;
	margin:auto;
	width:15px;
	height:15px;
	top:95%;
	position:absolute;	
	left:50%;
}

#buttoncontroler #indice5{ 
	z-index: 3;
	margin:auto;
	width:15px;
	height:15px;
	top:95%;
	position:absolute;	
	left:55%;
}

#buttoncontroler a{
	background:#ccc;
	/*border-radius: 100%;*/
}

.tituloComBarraSlide:hover{
	text-decoration:underline;
	color:#fff;
}
.tituloComBarraSlide{
	position:absolute;
	bottom:40px;
	right: 0px;
	display:block;
	font-size:2.2em;
	text-align:right;
	padding:20px;
	margin:auto;
	width:60%;
}


.tituloComBarraSlide p{
	position: relative;
	display:block;
	color:#FFF;
	font-weight:bold;
	z-index:10;
	text-align:right;
}


.texto{
	color:#404040;	
	/*font-family:Arial;*/
	position:relative;
	/*overflow:hidden;*/
}


#slide{
	display:none;
	
}

#slide:before{
	border-style:solid;
	border-width: 2px;
	display:inline-block;
	content: " ";
	left:-0em;
	position: absolute;
	color:#e30613;
	padding:20px 0px;
	border-image:url(../../imgs/bordarcor.png) 10;
	background-color: rgba(0, 0, 0, 0.5);
}

#slidefundoFotos{
	position:relative;
	filter: grayscale(0%);
	background-color: rgba(0, 0, 0, 0.5);
}
/*#slidefundoFotos::after{
	content: " ";
	position:absolute;
	/*background:#00f;
	background:#1d534a;
	/*background:rgba(0,153,127,0.5);
	width:100%;
	height:100%;
	top:0px;
	opacity:0.5;
	
}*/
#dadosRodape p{
	margin-bottom:25px;
}

#dadosRodape #tituloBrancoForce,#dadosRodape #tituloBrancoForce sub a{
	line-height: 1px;
	font-size: 45px;
}

.titulo{
    margin-top: 0px;
    font-family: 'Franklin Gothic';
	font-size: 24px;
}
.texto{
	font-size: 1.4em;
	text-align: left;
	font-family: 'Franklin';
}
.ImagemTamanho{
	width:100%;
}
.linkRight{
	float:right;
	padding: 15px;
	font-size:1.5em;
}

.linkCentral{
	padding: 5px;
	font-size:1.5em;
	margin:auto;
	text-align:center;
	display:block;
	width:290px;
}

.thumbnail{
	border-radius: 0px;
	border-color:#fff;
	color:#fff;
}
.tituloComBarraSlide .texto{
	font-family: 'Franklin gothic' !important;
	line-height:1.1;
	
	text-shadow: 0 1px 3px rgba(0,0,0,.8);
	color:#fff !important;
}

.tituloComBarraSlide .texto h1{
	font-size:1.8em;
	
	color:#fff !important;
}

.imagelogoParceria{
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}
.imagemcontroler{
	text-align:center;
	vertical-align: middle;
	display: table-cell;
	width:80%;
}
.MaternalImagem{
	width:100%;
}
.RedesSociaisProjeto {
	width:100%;
}
.RedesSociaisProjeto a img{
	width:20%;
	float:right;
	margin-right:10px;
}
.RedesSociaisProjeto a:hover > img{
	opacity:0.8;
}

.TextoCurso{
	vertical-align: middle;
	display: table-cell;
	height: 220px;
}
.fixoTopTransparente{
	position: fixed;
	width:100%;
	z-index:10;
}


.menu {
	position:relative;
	font-weight: bold;
}
.menu ul {
	margin:auto;

}

.menu a li {
	
	float:left;
	/*width: 135px;**/
	width:auto;
	text-align: justify;
	height:80px;
	list-style: none;
	/*background: #00987f;*/
	color: #FFFFFF;
	padding: 2em 0.6em;
	
	font-weight:600;
	position: relative;
	font-size: 1.1em;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	text-align: center;

	
}

.dropdown .dropdown-toggle {
	font-size: 1.1em;
	padding: 2em 0.8em;
	font-weight:600;
	/*line-height: 68px;*/
	text-align: center;
}

.menu a{
    color: #fff;
	
}

.ImagemLogo{
	margin-top: 25px !important;
}

.menu a img:first-child {
    color: #fff;
	height:20px;
	overflow:hidden;
}

.menu li a:hover ,.menu li:hover{
    /*background: rgb(102, 183, 255);*/
    background: #00987f;
}

.intro .item {
	min-height: 410px;
}
.intro .carousel-control.right, .intro .carousel-control.left{
	 display: block !important;
}
#maternalCabecalho{
	/* margin-top: 8px; */
}
.intro .item:before{
	background:none;
}
.carousel-inner{
	/*height:600px;*/
}
.carousel-indicators{
	background-image: linear-gradient(to top, #333 , RGBA(0,0,0,0));
	width:100%;
	margin-left: -50%;
	height: 50px;
	bottom: 0px;
	position:absolute;
	margin-bottom:0px;
} 
.carousel-indicators li, .carousel-indicators li.active{
	margin-top:20px;
}
.carousel-inner > .item > img {
	/*margin-top: -250px;
	height: 840px;
	width: auto;*/
}

#NoticiaInicial img, .imagemCardapio{
	display:block;
	height:100%;
	border-width: 3px;
	border-style: solid;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	margin-bottom:5px !important;
}
.imagemCardapio:hover .dadosCardapio a{
	color: #00987f;
}
.dadosCardapio{
	margin-top:15px;
	margin-bottom:15px;
}
.imagemCardapio .dadosCardapio a{
	color:#777;
	margin-bottom:10px;
}

#NoticiaInicial a:hover > img,.imagemCardapio:hover{
	background-size: 120% auto !important;
	opacity: 0.8;
	border-style: solid;
	border-width: 3px;
	color: #00987f;
}

.imagemCardapio .dadosCardapio{
	text-align:center;
	font-size:16px;
	
}


.tituloProjeto, .titulo, .TituloThumnail{
	color: #fff !important;
	bottom: 10px;
	left: 20px;
	line-height: 20px;
}
#NoticiaInicial a:hover > .titulo{
	text-decoration:underline;
}
.titulo{
    width: 100% !important;
	color: #00987f !important;
	font-size: 20px !important;
}
.Gradiente{
	background:#fff;
}
#noticiasel{
	font-size: 18px;
	line-height: 1;
}
#projpedagogico p{
	font-size: 18px;
	line-height: 1.5;
}
#descricao a{
	color: #00987f !important;
}

#ultimasnot{
	min-height:850px;
	position:relative;
	float:right;
	line-height: 1.5;
}
#ultimasnot a{
	min-height:70px;
	width:100%;
	margin-bottom:25px;
	text-decoration:none;
}
#ultimasnot a #minnoticia{
	min-height:50px;
	width:100%;
	margin-bottom:25px;
	color:#777;
	font-size:17px;
	text-decoration:none;
	line-height: 1.3;
}
#ultimasnot a #minnoticia {
	text-decoration:none;
	color:#777;
	font:Arial;
}
#ultimasnot a:hover  #minnoticia,
#ultimasnot a:hover  #minnoticia img{
	text-decoration:underline;
	color:#00987f;
	font:Arial;
}

#ultimasnot #minnoticia img{
	margin-right:20px;
	margin-bottom:10px;
	border-style:solid; 
	border-width:3px; 
	color:#EfEfEF;
	margin-top:10px;
}

#ultimasnot #publicacao{
	min-height:200px;
	margin-bottom:25px;
}

#publicar{
	font-weight: normal;
	font-size:30px;
}
#ultimasnot h1{
	font-size:30px;
}


#bannertemp{
	position: relative;
    width: 100%;
}
#bannertemp .imageinicial {
	opacity: 1;
	display: block;
	width: 100%;
	height: 600px;
	transition: .5s ease;
	backface-visibility: hidden;
}

#bannertemp .Efeitomiddle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	bottom: 5%;
	left: 90%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#bannertemp:hover .imageinicial {
	opacity: 1;
}

#bannertemp:hover .Efeitomiddle {
	opacity: 1;
}

#bannertemp .text {
	background-color: #00987f;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
	line-height: 4;
	border:solid;
	
}

#carousel .text {
	position: absolute;
	top: 40%;
	z-index: 10;
}

.item {
	overflow: hidden;
	width: 100%;
}
.prev-arrow, .next-arrow {
	background: none repeat scroll 0 0 #00283a;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 1px;
	text-align: center;
	width: 30px;
}
#carousel .text h2 {
	background: none repeat scroll 0 0 rgba(146, 197, 0, 0.8);
	color: #fff;
	display: inline-block;
	font-size: 2em;
	font-weight: 300;
	margin: 1px 0;
	max-width: 600px;
	padding: 10px 20px;
	width: 100%;
}
#carousel .text p {
	background: none repeat scroll 0 0 #00283a;
	color: #fff;
	max-width: 600px;
	padding: 10px 20px;
	width: 100%;
}
#carousel .owl-dots {
	background: none repeat scroll 0 0 rgba(0, 40, 58, 0.53);
	bottom: 0;
	margin: 0;
	padding: 0.625em 0;
	position: absolute;
	width: 100%;
}

.owl-carousel.owl-theme .owl-dot span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 3px solid rgba(0, 40, 58, 0.57);
	height: 18px;
	margin: 0 0.3125em;
	opacity: 1;
	width: 18px;
}
.owl-carousel.owl-theme .owl-dot.active span, .owl-carousel.owl-theme .owl-dot:hover span {
	background: none repeat scroll 0 0 #92c500;
}


.mobileative{
	display:none;
}

#descricao a{
	color: #00987f !important;
}

@media only screen and (max-width: 481px) {
	#NoticiaInicial .titulo{
		font-size: 30px !important;
	}
	#NoticiaInicial{
		max-height:max-content !important;
	}
	.carousel-inner{
		height: auto !important;
		min-height: max-content;
	}
	
	#maternalCabecalho{
		display:none;	
	}
	#maternalCabecalhoMobile{
		display:block;
		background: #f5811e !important;
	}
	
	.nav li{
		padding: 15px;
	}
	.nav{
		font-size: 23px;
		padding: 1.5em 0.8em;
		font-weight: 600;
		
	}
	.dropdown .dropdown-toggle{
		font-size: 23px;
	}
	
	/************************************************** novo botão menu do site **************************/

	#nav-icon, #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
		width: 42px;
		height: 42px;
		position: relative;
		margin: 10px 5px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		margin-left: 15px !important;
		margin-top: 35px !important;		
		/*margin-bottom: 25px !important;*/	
	}


	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 6px; /*9px*/
	  width: 100%;
	  background: #fff; /*#d3531a*/
	  border-radius: 9px;
	  opacity: 1;
	  left: 0; 
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-icon1 span:nth-child(1) {
	  top: 0px;
	  background:#fff;
	}

	#nav-icon1 span:nth-child(2) {
	  top: 13px; /*18px*/ /*23*/
	  background:#fff;
	}

	#nav-icon1 span:nth-child(3) {
	  top: 26px; /*36px*/
	  background:#fff;
	}

	#nav-icon1.open span:nth-child(1) {
	  top: 18px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#nav-icon1.open span:nth-child(2) {
	  opacity: 0;
	  left: -60px;
	}

	#nav-icon1.open span:nth-child(3) {
	  top: 18px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	
	.ativomanu{
		display:block !important;
	}
	
	#callmenu{
		display:none;
	}
	
	#redeSociaisIcones{
		display:flex;
		align-items: center;
		justify-content: space-between;
		-moz-display:flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-webkit-display:flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		margin-bottom:25px;
		
	}
	.mobileative{
		display: block;
	}
	.esquerda{
		padding-left:0px;
	} 
	#iconredes img{
		width:100%;
	}
	#NoticiaInicial a img{
		height:auto !important;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
		text-align: center;
		font-size: 26px;
 
	}
}