/* CSS Document */

/*
https://developers.google.com/fonts/docs/getting_started

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
*/

@import url(https://fonts.googleapis.com/css2?family=Tangerine);


:root{
    --cor0: #15233C; 
    --cor1: #16153c;
    --cor2: #FFCB31;
    --cor3: #31587c;
    --cor4: rgba(255, 255, 255, 0.5);

    --fonte-padrao: 'Roboto Normal';
    --fonte-media: 'Roboto Media';
    --fonte-destaque: 'Roboto Black';

}


body {
	background: var(--cor4);
	font-size:22px;
	line-height: 32px;
	color: black;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	xfont-family: 'Open Sans', sans-serif;
	
	}




h3 a {
	color: #FFF;
}

a {
	color: #FFF;
}



#container {
	margin: 0 auto;
	max-width: 890px;
}

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: var(--cor1);


	
	opacity: 0.92;

	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);


	
}

#logo {
    max-width: 240px;
	width: auto;

	display: block;
	xpadding: 0 30px;
	float: left;
	xfont-size:20px;
	line-height: 30px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;

	padding-top: 10px
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: var(--cor1);
	}

/* Styling the links */
nav a {
	display:block;
	padding: 5px 20px;	
	color: white !important;;
	font-size:17px;
	text-decoration:none !important;
}


nav ul li ul li:hover { background: #000000; }


nav a:hover { 
	background-color: #000000; 
	color: yellow !important;
}

/* Oculta o Dropdowns na posição absoluta absolute */
nav ul ul {
	display: none;
	position: absolute; 
	
	xytop: 60px; 
}
	
/* Mostra Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* camada 1 lista Dropdown */
nav ul ul li {
	xxwidth:170px;
	width:auto;
	float:none;
	display:list-item;
	position: relative;
}

/* camada 2 lista Dropdown */
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Adicionando o simbolo down no menu dropdown*/

/* li > a:after { content:  ' +'; } */
li > a:after { content:   ' \25bc';  font-size: 7px; font-weight: bold;}
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */



 /*customizacoes extras*/
		
		/*fixa nav com sticky (ref. 3school)*/
		.content-principal {
			xmargin-top: 10px;
			padding-top: 0px;
			padding-left: 5px;
			padding-right: 5px;
		}
		
		.sticky {
		position: fixed;
		
		top: 0;
		width: 100%;

	

		z-index: 999; /*força sobreposição ou overlay*/
		}



	   /*classe corrosel (ref. 3school)*/
	   .carousel-inner > .item > img,
	   .carousel-inner > .item > a > img {
		 width: 99%;
		 margin: auto;
		 height: 99%;
	   }

      li{
		  z-index: 999;
		}
		a{
			text-decoration: none !important;
		}





  /*inicio customizado tala maior*/


  #bgdefault {
   
    xbackground-color: var(--corpadrao); /* For browsers that do not support gradients */
    /*background-image: radial-gradient(circle, rgb(32, 3, 42), rgb(78, 9, 101),  rgba(116, 64, 134,.3));*/
  
   

    xbackground-image: url('/images/bgdefault.jpg');    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  

  }



  .conteudo
  {
	margin-top: 0px;
	padding: 1px;
	padding-bottom: 30px;


   /*
	background: rgba(183, 157, 242, 0.1);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.464); 
	*/  	  
  }
  

  #conteudo-extracurricular{
	  margin-bottom: 60px;
  }



  nav
  {
	  padding-top: 5px;
	  xpadding-bottom: 20px;
	  border: 2px solid rgba(8, 8, 8, 0.3); 
	  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);

	  /*força sobreposição ou overlay inicial, aposo scroll recebe a class sticky*/
	  position: sticky;
	  z-index: 999; 
  }


  #img-logo
  {
	  max-width: 200px;
	  width: 100%;
	  vertical-align: middle;
  }


  .margem-inicio
  {
	height: 100px;
	background-color: var(--cor1);
  }



  .elementor-video
{
	object-fit: cover;
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
}


 /*inicio animate text titulo*/

		.titulo-txt-animate {
			color: #3078ed20;
			font-weight:bold; font-size:3em;
			
			animation-name: text-focus-in;
			animation-duration: 0.6s;
			animation-timing-function: linear;
			animation-delay: 0.2s;
			animation-iteration-count: 1;
			animation-direction: normal;
			animation-fill-mode: forwards;
				
			/* shorthand
			animation: text-focus-in 1s ease 0s 1 normal none;*/


			
				
			/* shorthand
			animation: focus-in-contract 1s ease 0s 1 normal none;*/
		}
		@keyframes text-focus-in {
			
			0% {
				color: #3078ed20; 
				filter:blur(12px);
				opacity:0;
			}
			100% {
				color: #3079ed; 
				filter:blur(0);
				opacity:1;
			}
		}
 /*fim animate text*/



 .titulo-txt
 {
	font-size: 32px;
	font-weight: 500;
    color: rgba(122, 189, 247, 0.1);
	text-shadow: 2px 2px 2px rgba(53, 157, 248, 0.1);
	text-align: center;

	margin-bottom: 20px;
 }

 


 .subtitulo-txt
 {
	font-size: 23px;
	font-weight: 500;
    color: #0f7fe7e7;
	text-shadow: 2px 2px 2px rgba(53, 157, 248, 0.1);
	text-align: center;
	xxwidth: 100%;
	
 }



 /*inicio animate text compormisso*/


	.waviy {
		position: relative;
	}
	.waviy span {
		font-size: 18pt;
		position: relative;
		display: inline-block;
		xxfont-size: 40px;
		xxcolor: #fff;
		color: var(--cor0);
		font-weight: 600;
		text-transform: uppercase;
		animation: flip 2s infinite;
		animation-iteration-count: 1;
		animation-delay: calc(.2s * var(--i))
	}
	@keyframes flip {
		0%,80% {
		transform: rotateY(360deg) 
		}
	}



 #texto-missao
 {
	
 }


 #texto-visao
 {
	 xdisplay: none;
 }
 #texto-valor
 {
	 xdisplay: none;
 }





 				.texto-missao-animate {				
					
				animation-name: focus-in-zoomout;
				animation-duration: 1s;
				animation-timing-function: ease;
				animation-delay: 0s;
				animation-iteration-count: 1;
				animation-direction: normal;
				animation-fill-mode: none;
					
				/* shorthand
				animation: focus-in-zoomout 1s ease 0s 1 normal none;*/
			}
			@keyframes focus-in-zoomout {
					
				0% {
					letter-spacing:1em;
					transform:translateY(300px);
					filter:blur(12px);
					opacity:0;
				}
				100% {
					transform:translateY(0px);
					filter:blur(0);
					opacity:1;
				}
			} 
 /*fim animate text compormisso*/




 .carousel-inner{
	 z-index: 0;
 }
 .carousel slide{
	z-index: 0;
 }

     /*inicio linha midlle no texto titulo*/

		h2.titulo-txt {
			display: flex;
			flex-direction: row;
		}

		h2.titulo-txt:before{		
			content: "";
			flex: 1 1;
			border-bottom: 1px solid rgba(225, 187, 35, 0.555);
			margin: auto;
			margin-right: 2%;
			margin-left: 2%;

		}
		h2.titulo-txt:after {
			content: "";
			flex: 1 1;
			border-bottom: 1px solid rgba(225, 187, 35, 0.555);
			margin: auto;
			margin-left: 2%;
			margin-right: 2%;

		}		
     /*fim linha midlle no texto titulo*/		



 p{
	xxfont-size: 1.3vw;
	xxline-height: 2.3vw;
	font-size: 2rem;
	margin-left: 20px;
 }



  .sobreaescola
  {
	  display: flex;
	  flex-direction: row;
	  padding: 10px;
  }
  .sobreaescola-txt{
	  flex: 50%;
	  
	  padding-left: 2%;
	  padding-bottom: 2%;
	  padding-right: 2%;
	  vertical-align: middle;
	  
  }
  .sobreaescola-midia{
	flex: 50%;
	vertical-align: middle;
  }
 


  .quadros-segmento
  {
  display: flex;
  flex-direction: row;
  align-content: flex-start;

  margin-top: 10px;


  }

  .quadros-segmento-extra
  {
	flex: 50%;
	  display: flex;
	  height: auto;

	 
  }
  

  .quadro-segmento
  {
	  xyflex: 50%;

	  flex-grow:1;
	  gap: 1px;

	  display: flex;
	  flex: 50%;

	 

	  flex-direction: column;
	  align-items: center;
	  align-content: center;
	  text-align: center;

	  margin-bottom: 15px;

	  margin-left: 1px;
	  margin-right: 1px;	  
	   
  }


	.img-segmento
	{
		xymax-width: 350px;
		xymax-height: 400px;
		border-radius: 5px;
		width: 100%;
		object-fit: cover;

		transition: transform 0.25s;
	}
	


	.img-segmento:hover {
		transform: scale(1.1);
	}




  .img-extra
  {
	  max-width: 100px;
	  max-height: 100px;
  }





  .estrutura
  {
	  display: flex;
	  flex-direction: row-reverse;
	  padding: 10px;
  }
  .estrutura-txt{
	  flex: 50%;
	  
	  padding-left: 2%;
	  padding-bottom: 2%;
	  padding-right: 2%;
	  vertical-align: middle;
	  
  }
  .estrutura-midia{
	flex: 50%;
	vertical-align: middle;
  }
 



.img-estrutura
  {
	  height: 400px !important;
  }






  .post-session
  {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 10px;

  
  }

  .post
  {
 	 display: flex;
	  height: auto;
	  
	  flex-direction: row;

	  gap: 10px;


  }
  .post-item
  {
	  flex: 25%;
	  background-color:white;
	  padding: 5px;
	  margin-right: 10px;

	  border-radius: 6px;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  }

  .txt-dia
  {
	  color: #f69f2e;
  }
  .txt-evento
  {
	  font-size: 12pt;
  }
 

  .txt-dia-titulo
  {
	color: #31587c;  
	text-align: center;
  }

  .txt-dia-desc{
	  font-size: 12pt;
	  line-height: normal;

	  max-height: 205px;
	  max-width: 370px;

	width: 100%;  /*alinha centro*/
	margin: auto;

  }

 .img-noticia-menor
 {
	 max-height: 205px;
	 max-width: 370px;
	 
	 width: 100%;
	 height: 100%;

	 margin-left: auto; /*alinha imagem no centro*/
	 margin-right: auto;
	 display: block;

 }
	





  .btn-acao-form
  {
   background-color:#FFCB31;
   border-radius: 18px;
   border-style: none;
   box-sizing: border-box;
   color: #FFFFFF;
   cursor: pointer;
   display: inline-block;
   font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 22px;
   font-weight: 500;
   
   line-height: 20px;
   list-style: none;
   margin: 0;
   outline: none;
   padding: 10px 16px;
   position: relative;
   text-align: center;
   text-decoration: none;
   transition: color 100ms;
   vertical-align: baseline;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;    
   

   border: 1px solid rgba(255, 255, 255, 0.464);  
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  }

  .btn-acao-form:hover,
  .btn-acao-form:focus {
	background-color: #f5e105;
  }




  .link-matricula
  {

	background:  #f5e105da !important;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	xbackdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.464);  	

    
	border-radius: 8px;
	margin-right: 5px;
	font-weight: bolder;


	padding: 5px!important;
	
  }



  
   #img-logo2
   {
	   max-width: 200px;
	   min-height: 200px;

	   width: 100%;
	   height: 100%;

   }


   
   #mapa
   {
    flex: 30%;
   }


  
   .footer { 	  

	display: flex;
	flex-direction: row;	
	
	margin-top: 50px;	
	padding: 0px;
	xpadding-bottom: 20px;
	xxbackground-color: var(--cor1);
	

	color: white;


			/* ff 3.6+ */
   /* ff 3.6+ */
   background:-moz-linear-gradient(180deg, rgb(10, 8, 55) 1%,  var(--cor1) 81%); 

   /* safari 5.1+,chrome 10+ */
   background:-webkit-linear-gradient(180deg, rgba(10, 8, 55, 0.848) 1%,  var(--cor1) 81%);

   /* opera 11.10+ */
   background:-o-linear-gradient(180deg, rgba(10, 8, 55, 0.848) 1%,  var(--cor1) 81%);

   /* ie 6-9 */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040030', endColorstr='#121084', GradientType=1 );

   /* ie 10+ */
   background:-ms-linear-gradient(180deg, rgba(10, 8, 55, 0.848) 1%,  var(--cor1) 81%);

   /* global 94%+ browsers support */
   background:linear-gradient(180deg, rgba(10, 8, 55, 0.848)  1%, var(--cor1) 81%);
aki
   }



   #endereco
   {
    flex: 50%;
	text-align: center;
	font-size: 10pt;
	line-height: normal;
	vertical-align:middle;
	margin-top: 2%;
	
   }

   #contato
   {
	flex: 50%;
   
	text-align: center;
	vertical-align:middle;
	padding-top: 2%;


	

   }

   #contato-conteudo
   {
	display: inline;
	vertical-align:middle;

	font-size: 12pt;
	line-height: normal;	
   }

   footer
   {
	background-color: var(--cor1);
	color: white;

	margin-top: 1px;
			
   }
   .copyright
   {
    font-size: 12px;  
    text-align: center;
	
    
   }

.link-segmento{
	text-decoration: none !important;
	color: inherit !important;
	

	display: inherit;
	flex-direction: inherit;
	align-items: inherit;
	align-content: inherit;
	text-align: inherit;

}

.quadro-segmento:hover{
	opacity: 0.7;	
}


   
 .link-noticia
 {
	 text-decoration: none !important;
	 color: inherit !important;
 }
 .post-item:hover img {
    opacity: 0.7;
}  



  .titulo-semento{
	  color: white;
	  border-radius: 15px 1px;
  }




	.img-extra-conteudo{
		margin-top: 5px;
		display: block;

		border: none;
		border-radius: 50%;
		xxbackground: #5a99d4;
		cursor: pointer;
		box-shadow: 0 0 0 0 rgba(#5a99d4, .5);	  
	}
	.img-extra-conteudo:hover {
		animation: pulse-simple 1.5s;
	}  
	@keyframes pulse-simple {
		0% {
		transform: scale(.85);
		}
		70% {
		transform: scale(1);
		box-shadow: 0 0 0 50px #5a99d48f;
		}
		100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(#5a99d459, 0);
		}
	} 





  #mapa{
	  
	  margin-top: 30px;
	  margin-left: auto;
	  margin-right: auto;
	  width: 90%;
  }
  .mapouter{
	  display: flex;
	  justify-content: center;
  }
  .gmap_canvas{
	  
	border-radius: 1px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);	
  }


  #sigaredesocial
  {
    margin-top: 15px;
	display: flex;
	justify-content: center;
	gap: 10px;

  }




  #tour{
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  align-content: center;

	  margin-top: 40px;
	 	  
  }

  #parceiros
  {
	  margin-top: 30px;
  }

  .img-parceiros
  {
	  height: 220px !important;
  }


 .header-pag{
	

	xxborder-style: solid;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;

	border-width: 1px;    
	
    border-image: linear-gradient(to right, rgb(0, 76, 255),  red,orange, rgb(0, 166, 255), green, red) 1;
 }


  .header-pag-img
  {
	  height: 400px;
	  width: 100%;
  }




  /*custon demais paginas*/
  .pag-principal{
	  margin-left: 15%;
	  margin-right: 15%;
	  margin-top: 30px;
	  
  }
 .tiulo-txt-pag{
   color: #16153c;
   margin-top: 50px;
   margin-bottom: 30px;
   font-weight: 710;
 }
 .subtiulo-txt-pag{
   color: #16153c;
   margin-top: 60px;
   margin-bottom: 20px;
   line-height: 30px;
 }

 #parceiros{
	margin-top: 120px;
 }
 .parceiros-midia
 {
	 
	 margin-left: 5%;
	 margin-right: 5%;
 }


 .subtiulo-txt-pag{
	 font-weight: 600;
 }
 /*FIM CUSTOM DEMAIS PAGINAS*/









 #panorama {
	width: 90%;
	height: 500px;
	background-color: rgb(227, 231, 227);
	
	
	border-radius: 1px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);	
 }




  /*inicio efeito loading*/
		.spinner {
			border: 5px solid #DCDCDC;
			border-left-color: #00CC99;
			border-radius: 100%;
			height: 50px;
			width: 50px;
		}



		@keyframes loading {
			0% {
				transform: rotate(0);
			}
			100% {
				transform: rotate(360deg);
			}
		}



		.spinner.is-animating {
			animation: loading 2s linear infinite;
		}


		.spinner.is-animating {
			animation: loading 2s cubic-bezier(0, .25, .7125, .1) infinite;  /*velocidade em 4 pontos*/
		}

    /*fim efeito loading*/




	/*inicio efeito pulsar*/
	.pulse {


		border-radius: 8px;
		margin-right: 5px;
		font-weight: bolder;
		
		
			xmargin:100px;
			display: block;
			xwidth: 22px;
			xheight: 22px;
			
			background: #cca92c;
			xcursor: pointer;
			box-shadow: 0 0 0 rgba(204,169,44, 0.4);
			animation: pulse 2s infinite;
		}
		.pulse:hover {
			animation: none;
		}
		
		@-webkit-keyframes pulse {
			0% {
			-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
			}
			50% {
				-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0.2);
			}
			100% {
				-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
			}
		}
		@keyframes pulse {
			0% {
			-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
			box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
			}
			50% {
				-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0.2);
				box-shadow: 0 0 0 10px rgba(204,169,44, 0.2);
			}
			100% {
				-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
				box-shadow: 0 0 0 0 rgba(204,169,44, 0);
			}
		}	
	/*fim efeito pulsar*/






	/*inicio efeito pulsar 2*/
	.pulse-2 {


		border-radius: 50%;
		margin-right: 5px;
		font-weight: bolder;
		
		
			xmargin:100px;
			display: block;
			xwidth: 22px;
			xheight: 22px;
			
			xxbackground: #cca92c;
			xcursor: pointer;
			box-shadow: 0 0 0 rgba(204,169,44, 0.4);
			animation: pulse-2 3.5s 1; /*infinite*/
			xxanimation-iteration-count: 1;
		}
		.pulse-2:hover {
			animation: none;
		}
		
		@-webkit-keyframes pulse-2 {
			0% {
			-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.8);
			}
			50% {
				-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0.2);
			}
			100% {
				-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
			}
		}
		@keyframes pulse-2 {
			0% {
			-moz-box-shadow: 0 0 0 0 rgba(44, 108, 204, 0.8);
			box-shadow: 0 0 0 0 rgba(44, 108, 204, 0.8);
			}
			50% {
				-moz-box-shadow: 0 0 0 10px rgba(44, 108, 204, 0.4);
				box-shadow: 0 0 0 10px rgba(44, 108, 204, 0.4);
			}
			100% {
				-moz-box-shadow: 0 0 0 0 rgba(44, 108, 204, 0.1);
				box-shadow: 0 0 0 0 rgba(44, 108, 204, 0.1);
			}
		}	
	/*fim efeito pulsar*/	
	



.link-colonia{
	color: #f5e105;
}


.content-principal{   
	
	xposition: relative;
	z-index: -1;
}


 .conteudo-titulo
 {
	 height: 90px;
	 max-height: 90px;
	 min-height: 90px;
  
	 xdisplay: flex;
	 xalign-items: center;
	 xjustify-content: center;
	 xheight: 100%;	 
 }



		
		.painel-loja {
			
			xxmargin: 15% auto; /* 15% from the top and centered */
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;

			padding: 20px;
			border: 1px solid #888;
			xxwidth: 50%; /* Could be more or less, depending on screen size */
			width: 50%;

			background-color:  #0c0329ed;
			color: white;
			border-radius: 5px;
			
		}
		
		

		#dlg-txt-link
		{
			display: flex;
			flex-direction: column;		
		}
		#dlg-txt-link a
		{
			margin-top: 15px;
			font-size: 12pt;
			margin-left: 20px;

			border: 1px solid;
			
		}
		
		/* fim modal */



		#dlg-principal{
			display: flex;
			xxwidth: 220px;
			xxmax-width: 220px;
			xxflex-direction: row;
			justify-content: center;
			align-items: center;
			
		}

		#dlg-img-phone
		{
			border: 1px solid;
		}

		@media all and (max-width : 500px) {

			.painel-loja {
				width: 90%;
			}

			#dlg-principal{
				flex-direction: column;
				align-content: space-around;
				padding: 15px;
    		   gap: 5px;
				
			}

			#dlg-txt-link a
			{
				margin-left: 0px;
			}			

			#dlg-img-phone{
				flex-grow:0;
				flex-shrink:1;				
			}

			#dlg-txt-link{
				flex-grow:0;
				flex-shrink:1;				
			}
			
		}	
		
		

  @media all and (max-width : 800px) {

	#logo {   /*ocultei a logo principal*/
		display: none; xblock;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		xbackground-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		xbackground-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}




   /*inicio customizado tala menor*/

   .link-matricula
   {
	   width: 50%;
   }


	#img-logo2 {
		max-width: 100px;
		min-height: 100px;
		width: 100%;
		height: 100%;	
	}

    .titulo-footer
	{
		font-size: 10pt;
	}
   
	p{
	font-size: 11pt;
	line-height: normal;	
    }

	

	.sobreaescola
	{
		display: flex;
		flex-direction: column-reverse;
		padding: 10px;
	}
	.sobreaescola-txt{
		flex: 50%;
		
		padding-left: 2%;
		padding-bottom: 2%;
		padding-right: 2%;
		vertical-align: middle;
		
	}
	.sobreaescola-midia{
	  flex: 50%;
	  vertical-align: middle;
	}
	
	

	.quadros-segmento
	{
	display: flex;
	flex-direction: column;
	xheight: 270px;
	gap: 10px;
	}	

	.quadros-segmento1
	{
		flex-direction: row;
	}
	.quadros-segmento2
	{
		flex-direction: row;
	}





	.estrutura
	{
	
		flex-direction: column-reverse;
		xpadding: 10px;
	}
	
	

	.post
	{
	
	flex-direction: column;
	
	}	


	.footer { 
		padding-bottom: 15px;
	}




  /*custon demais paginas*/
	.pag-principal{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 30px;
    }

	.header-pag-img
	{
		height: 300px;
		width: 100%;
	}	

	#header-pag-img-sobre{
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		content: url("../images/sobre/header-mob.png");	
	}
	#header-pag-img-infantil{
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		content: url("../images/infantil/header-mob.png");	
	}
	#header-pag-img-fundamental1{
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		content: url("../images/fundamental1/header-mob.png");	
	}
	#header-pag-img-fundamental2{
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		content: url("../images/fundamental2/header-mob.png");	
	}
	#header-pag-img-ensinomedio{
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		content: url("../images/ensinomedio/header-mob.png");	
	}


}




@media all and (max-width : 600px) {
.img-principal
	{
		height: 230px !important;
	}

	.titulo-semento{
		font-size: 12pt;
	}
	
	.img-extra-conteudo i {
		font-size: 78px !important;
	}

	div.publicidade1-principal{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	div.publicidade1-conteudo
	{
		padding: 5px  !important;
	}
 
}	




@media all and (max-width : 330px) {	

nav ul li {
	display:block;
	width: 94%;
	}

}