body, html{height:100%;font-family: 'Roboto', sans-serif;}



/* DIVERSOS */
	
	.CursorLink{cursor: pointer;}
	.CursorImpedido{cursor: not-allowed;}

	.custom-tooltip{--bs-tooltip-bg: var(--bs-primary);}

	.BotaoHome{background-color:darkgrey; color: white;}
	.BotaoHome: hover{background-color: white; color: navy;}

	.FormInput{background-color: #e6edf9;}

	.Lista{background-color: white;}
	.Lista:hover{background-color: #ececec;}

	.ListaLinks{text-decoration: none;}
	.ListaLinks:hover{text-decoration: underline;color: red;}

	.LinkMenuTop{cursor: pointer; font-weight: bold; text-decoration: none;}
	.LinkMenuTop:hover{text-decoration: underline; color: white;}


	.CelulaSalaDebate
	{
		border-radius: 20px;
		border: solid 2px #1e5856;
		background-color: #ddf1f0;
	}


	.LinkLateral
	{
		color: navy;
		text-decoration: none;
		font-weight: normal;
	}

	.LinkLateral:hover
	{
		color: black;
		text-decoration: underline;
		font-weight: bold;
	}

	.ItemMenu
	{
		color: black;
		font-weight: normal;
	}

	.ItemMenu:hover
	{
		color: brown;
		font-weight: bold;
		background-color: silver;
		border-radius: 10px;
	}

	.MenuPrincipal
	{
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
		border: solid 2px transparent;
		transition: 1s;
	}

	.MenuPrincipal:hover
	{
		color: white;
		background-color: black;
		border: solid 2px red;
		padding: 7px;
	}

	.DivOferecemos
	{
		border-style: solid;
		border-width: 1px;
		border-color: silver;
		cursor: pointer;
		transition: 1s;
	}

	.DivOferecemos:hover
	{
		border-color: #7cadd4;
		border-width: 8px;
		border-radius: 15px;
	}

	.DivMenuComunidade
	{
		border-style: solid;
		border-width: 1px;
		border-color: silver;
		cursor: pointer;
		transition: 0.5s;
	}

	.DivMenuComunidade:hover
	{
		border-color: #7cadd4;
		border-width: 8px;
		border-radius: 15px;
	}

	.CelulaDirecao
	{
		border: solid 1px white;
		cursor: pointer;
	}

	.CelulaDirecao:hover
	{
		border-color: silver;
	}

	.form-control
	{
		background-color: #d7d7d7;
		border: solid 1px black;
	}

	.form-control:hover
	{
		border: solid 2px;
	}


	.BotaoEntrar
	{
		border: solid 1px black;
		background-color: silver;
	}


	.BotaoEntrar:hover
	{
		border: solid 1px black;
		background-color: white;
	}





	.CelulaListaAgenda
	{
		border-radius: 10px;
		border:  solid 1px silver;
		padding: 10px;
	}





/* CORES DE FONTES */

	.TCPreto{color: black;}
	.TCBranco{color: white;}
	.TCVermelho{color: red;}
	.TCCastanho{color: brown;}
	.TCVerde{color: green;}
	.TCAmarelo{color: yellow;}
	.TCCinzentoClaro{color: grey;}
	.TCCinzentoEscuro{color: darkgrey;}
	.TCAzul{color: navy;}


	.FotoNoticia
	{
		max-height: 180px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}


	.CelulaUltimaNoticia
	{
		border-bottom: solid 1px white;
		cursor: pointer;
		opacity: 1;
		transition: 1s;
	}


	.CelulaUltimaNoticia:hover
	{
		border-bottom: solid 6px grey;
		opacity: 0.5;
	}

	.CelulaProximosEventos
	{
		border-left: solid 2px blue;
		border-radius: 10px;
		transition: 0.5s;
		cursor: pointer;
	}

	.CelulaProximosEventos:hover
	{
		border-left: solid 4px red;
	}

	.FotosDirecao
	{
		width: 150px;
		height: 150px;
		border-radius: 50%;
		border: solid 3px grey;
	}

	.LinksRapidos
	{
		color: yellow;
		text-decoration: none;
		cursor: pointer;
	}



	.LinksRapidos:hover
	{
		color: white;
		text-decoration: underline;
	}

/* CONFIGURAÇÕES PARA MÓVEL */

	@media only screen and (max-width: 767px)
	{


		.PicSlideTop1
		{
			background-image: url('../imagens/inicio/carousel/pic1_sm.png');
			background-size:auto;
			height: 100%;
		}


		.PicSlideTop2
		{
			background-image: url('../imagens/inicio/carousel/pic2_sm.png');
			background-size:auto;
			height: 100%;
		}


		.PicSlideTop3
		{
			background-image: url('../imagens/inicio/carousel/pic3_sm.png');
			background-size:auto;
			height: 100%;
		}

		.BotaoEntrarApoioEducativo
		{
			border: solid 1px black;
			background-color: silver;
			width: 125px;
		}

		.offcanvas
		{
			max-width: 300px;
		}

		.Logo{max-height: 60px;}
		
		/* TAMANHO DAS FONTES */
		
			.Texto0{font-size:0.8rem;}
			.Texto1{font-size:1rem;}	
			.Texto2{font-size:1.2rem;}	
			.Texto3{font-size:1.4rem;}	
			.Texto4{font-size:1.6rem;}	
			.Texto5{font-size:1.8rem;}	
			.Texto6{font-size:2rem;}	
			.Texto7{font-size:2.2rem;}	
			.Texto8{font-size:2.4rem;}	
			.Texto9{font-size:2.6rem;}	
			.Texto10{font-size:2.8rem;}	
			.Texto11{font-size:3rem;}	
			.Texto12{font-size:3.2rem;}	
			.Texto13{font-size:3.4rem;}	
			.Texto14{font-size:3.6rem;}	
			.Texto15{font-size:3.8rem;}


		
	    /* MENÚ DE TOP */

			.MenuLateral
			{
				background-color: black;
			    width: 0px;
			    overflow-y: auto;
			    overflow-x: hidden;
			    height: 900px;
			    position:absolute; 
			    top: 0px; 
			    left: 0px;
			    transition: 1s;
			    z-index: 200;
			}




	}




/* CONFIGURAÇÕES PARA TABLET */

	@media only screen and (min-width: 768px)
	{

		.PicSlideTop1
		{
			background-image: url('../imagens/inicio/carousel/pic1_md.png');
			background-size:cover;
			transition: 1s;
		}

		.PicSlideTop2
		{
			background-image: url('../imagens/inicio/carousel/pic2_md.png');
			background-size:cover;
		}	

		.PicSlideTop3
		{
			background-image: url('../imagens/inicio/carousel/pic3_md.png');
			background-size:cover;
		}	

		.offcanvas
		{
			max-width: 400px;
		}

		.BotaoEntrarApoioEducativo
		{
			border: solid 1px black;
			background-color: silver;
			width: 125px;
		}


		.BotaoEntrarApoioEducativo:hover
		{
			border: solid 1px black;
			background-color: white;
		}

		.Logo{max-height: 60px;}
		
		/* TAMANHO DAS FONTES */
		
			.Texto0{font-size:0.8rem;}
			.Texto1{font-size:1rem;}	
			.Texto2{font-size:1.2rem;}	
			.Texto3{font-size:1.4rem;}	
			.Texto4{font-size:1.6rem;}	
			.Texto5{font-size:1.8rem;}	
			.Texto6{font-size:2rem;}	
			.Texto7{font-size:2.2rem;}	
			.Texto8{font-size:2.4rem;}	
			.Texto9{font-size:2.6rem;}	
			.Texto10{font-size:2.8rem;}	
			.Texto11{font-size:3rem;}	
			.Texto12{font-size:3.2rem;}	
			.Texto13{font-size:3.4rem;}	
			.Texto14{font-size:3.6rem;}	
			.Texto15{font-size:3.8rem;}

	    


	    /* MENÚ DE TOP */

			.MenuLateral
			{
				background-color: black;
			    width: 0px;
			    overflow-y: auto;
			    overflow-x: hidden;
			    height: 1500px;
			    position:absolute; 
			    top: 0px; 
			    left: 0px;
			    transition: 1s;
			    z-index: 200;
			}

	}




/* CONFIGURAÇÕES PARA PC NORMAL */

	@media only screen and (min-width: 992px)
	{

		.PicSlideTop1
		{
			background-image: url('../imagens/inicio/carousel/pic1_lg.png');
			background-size:cover;
			transition: 1s;
		}

		.PicSlideTop2
		{
			background-image: url('../imagens/inicio/carousel/pic2_lg.png');
			background-size:cover;
		}	

		.PicSlideTop3
		{
			background-image: url('../imagens/inicio/carousel/pic3_lg.png');
			background-size:cover;
		}		


		.offcanvas
		{
			max-width: 300px;
		}


		.BotaoEntrarApoioEducativo
		{
			border: solid 1px black;
			background-color: silver;
			width: 125px;
		}


		.BotaoEntrarApoioEducativo:hover
		{
			border: solid 1px black;
			background-color: white;
		}


		.Logo{max-height: 30px;}
		
		/* TAMANHO DAS FONTES */
		
			.Texto0{font-size:0.8rem;}
			.Texto1{font-size:1rem;}	
			.Texto2{font-size:1.2rem;}	
			.Texto3{font-size:1.4rem;}	
			.Texto4{font-size:1.6rem;}	
			.Texto5{font-size:1.8rem;}	
			.Texto6{font-size:2rem;}	
			.Texto7{font-size:2.2rem;}	
			.Texto8{font-size:2.4rem;}	
			.Texto9{font-size:2.6rem;}	
			.Texto10{font-size:2.8rem;}	
			.Texto11{font-size:3rem;}	
			.Texto12{font-size:3.2rem;}	
			.Texto13{font-size:3.4rem;}	
			.Texto14{font-size:3.6rem;}	
			.Texto15{font-size:3.8rem;}


		
	}





/* PARA CONFIGURAÇÕES ECRÃ MUITO GRANDE */

	@media screen and (min-width: 1400px)
	{

		.Logo{max-height: 40px;}


		
		/* TAMANHO DAS FONTES */

			.TextoMin1{font-size:0.5rem;}
			.TextoMin2{font-size:0.6rem;}
			.TextoMin3{font-size:0.7rem;}

			.Texto0{font-size:0.9rem;}
			.Texto1{font-size:1rem;}	
			.Texto2{font-size:1.1rem;}	
			.Texto3{font-size:1.2rem;}	
			.Texto4{font-size:1.3rem;}	
			.Texto5{font-size:1.4rem;}	
			.Texto6{font-size:1.5rem;}	
			.Texto7{font-size:1.6rem;}	
			.Texto8{font-size:1.7rem;}	
			.Texto9{font-size:1.8rem;}	
			.Texto10{font-size:1.9rem;}	
			.Texto11{font-size:2rem;}	
			.Texto12{font-size:2.1rem;}	
			.Texto13{font-size:2.2rem;}	
			.Texto14{font-size:2.3rem;}	
			.Texto15{font-size:2.4rem;}	



	}