@charset "utf-8";
/* CSS Document */

html{
   scroll-behavior: smooth;
}

	body{
		margin:0px;	
		font-family: 'Poppins', sans-serif;
		background-color: #FFF;
		color:#FFF;
		/*background-size: 100%;*/
		font-size: 18px;
		/*background-image: url("imagens/bg_textura.jpg");*/
	}

	a { 
		text-decoration:none; color:aliceblue; 
	}

	.linha{
		position:relative;
		float:left;
		width: 100%;	
	}

	.linhaCentro{
		position:relative;
		float:none;
		width: 100%;
		left: 50%;
		margin-left: -40% !important;
	}

	
	.top10{
		margin-top:10px;	
	}
	.top20{
		margin-top:20px;	
	}
	.top15{
		margin-top:15px;	
	}

	.top30{
		margin-top:30px;	
	}
	.top300{
		margin-top:400px;	
	}
	.top50{
		margin-top:50px;	
	}
	#bg{
		width: 100%;	
	}


	.sfull{
		text-align: center; 
		background-color: #d1bca1; 
		overflow:hidden; 
		margin-bottom: -9px;
	}
	

	td,th {
		font-family: Poppins, sans-serif;
	}


	footer{
		text-align: center;
		background-color: #023450;
		margin-bottom: 0px;
		position: relative;
		float: left;
		/* bottom: 0px; */
		width: 100%;
	}

	
	.container {
		height:105px;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}

	
	.bg{
		/*background-color: #1c3a69;*/
		background-image: linear-gradient(90deg, #14182E, #181E37, #1B2C4A,
			#1D3C6B, #0557A3);
	}

    .bgcor01{
        /*background-color: #ededed;*/
        background-color: #14182ed6;
		/*height: 680px;	*/
    }

    .bgcor02{
        /*background-color: #cedded;*/
        /*background-color: #034c8cd6;*/
        background-color: #14182ed6;
    }


	.imgtopo{
		width:100%;
		/*height: 80px;*/
	}

    .posBanner{
        margin-bottom: -8px;
    }

	.whats{
		width: 30px;
		padding: 4px 4px 0px 4px;
	}


    .bgFooter{
        text-align: center; 
        background-color: #ffffff;
		padding-top: 25px;
    	padding-bottom: 25px		
    }

	.fundomenutopo{
		background-color: #e0e4e7;
		height: 70px;
		/* float: left; */
		z-index: 499;
	}

	.fundologo {
		background-color: #FFF;
		position: relative;
		float: left;
		width: 100%;
		text-align: center;
	}



	.menu{
		background-color: #000000cf;
		position: relative;
		float: left;
		width: 100%;
	}

	.introPatr{
		margin-top: 20px;
		margin-bottom: 40px;
		text-align: center;	
	}

	nav #menu-desktop {
		text-align: center;
		position: relative;
		padding-inline-start: 0px;
		FLOAT: LEFT;
		WIDTH: 100%;
		margin-block-start: 0;
		margin-block-end: 0;
		z-index: 100;
	}




	.seta-baixo:after {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  margin-left: 8px;
	  width: 0; 
	  height: 0; 

	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #eee;
	}

	nav ul#menu-desktop li {
		float: left;
		list-style: none;
		position: relative;
		content: "";
		width: 14.28%;
		margin-top: 2.2vw;
		margin-bottom: 0.7vw;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	nav ul#menu-desktop li a {
		display: block;
		/*font-family: 'Open Sans', sans-serif;*/
		color: #ffffff;
		font-size: 1.1vw;
		padding: 0px 0px;
		text-decoration: none;
		/* line-height: 19px; */
		font-weight: 600;
		text-shadow: 0px 0px 5px #000;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}



	nav ul#menu-desktop li a:hover{
		color: #bdb4b4;

	}

	nav ul#menu-desktop li ul{
		display: none;
		background-color: #252525;
		padding: 10px 8px 8px 8px;
		border-radius: 0px 0px 5px 5px;
		position: absolute;
		z-index: 100;
		opacity: 90%;
		margin-top: 0px;
	}

	nav ul#menu-desktop li:hover ul{
		display: block;
	}

	nav ul#menu-desktop li ul li {
		width: 100%;
		border-radius: 4px;
		z-index: 100;
	}

	nav ul#menu-desktop li ul li a{
		padding: 4px 4px;
	}

	nav ul#menu-desktop li ul li a:hover{
		background-color: #66666694;
	}

	nav div#menu-btn {
		position: fixed;
		display: block;
		top: 10px;
		right: 17px;
		height: 28px;
		width: 26px;
		cursor: pointer;
		z-index: 503;
		background-color: #6f6a6a;
		padding: 4px;
		border-radius: 6px;
		box-sizing: unset;
	}

	nav ul#menu-mobile, nav div#menu-btn {
		display: none;
	}

	.logo {
		width: 30%;
		margin: 30px 0px;
		max-width: 400px;
	}

	.txtMenu{
		margin-top: -1px;
	}	

	.social{	
        text-align: right;
		font-size: 0;
		width: 250px;
		/*height: 40px;*/
		/*/left: 50%;*/
		margin-left: 30px;
		position: relative;
        float: left;
		margin-top: 17px;
        
	}	
	.social a i {
		float: left;
		width: 40px;
		height: 40px;
		line-height: 20px;
		text-align: center;
		font-size: 25px;
		color: #fff;
		transition: all .3s ease-in-out;
	}	
	
    .blocotexto{
        width: 80%; 
        margin: 0 auto;
        color: #FFF;
        /*font-size: 18px;*/
        margin-bottom: 30px;
    }

	.div40 {
		width: 36%;
		position: relative;
		float: left;
		margin-left: 15%;
	}

	.div40a {
		width: 36%;
		position: relative;
		float: left;
		margin-left: 20%;
		top: 30px;
	}

	.div40b {
		width: 36%;
		position: relative;
		float: left;
	}

	.div60{
		width: 45%;
		position: relative;
		float: left;
		margin-left: 5%;			
	}


	.fig01_capa{
		position: relative;
		float: left;
		background-image: url(imagens/fig02_capa.jpg);
		width: 350px;
		height: 350px;
		border-radius: 50%;
		background-size: cover;
	}

	.fig01_programas{
		background-image: url(imagens/fig01_programas.jpg);
		width: 350px;
		height: 350px;
		/*border-radius: 50%;*/
		background-size: cover;
		position: relative;
		float: left;
		border-radius: 10px;
		margin-left: 10%;
	}

	.fig01_servicos{
		background-image: url(imagens/fig01_prefeitura.jpg);
		width: 350px;
		height: 350px;
		background-size: cover;
		float: left;
		border-radius: 10px;
	}





	.mnPortf{
		width: 84%;
		float: left;
		position: relative;
		/* margin-left: 10%; */
		left: 50%;
		margin-left: -34%;	
	}

	.fotos{
		position: relative; 
		float: left; 
		width: 32%; 
		margin-right: 10px;
		margin-bottom: 25px;		
	}

	.fotos img{
		/*border: 1px solid #8e828273;*/
		width: 100%;
		border-radius: 10px;
	}

.fotos_esporte{
	width: 40%;
    border-radius: 20px;
    z-index: 10;
	left: 50%;
	margin-left: 30%;
    margin-bottom: 30px;
}

	.quadro1{
		text-align: center;
		margin-bottom: 40px;
		width: 80%;
		margin-left: 10%		
	}

	.quadro2{
		text-align: center;
		margin-bottom: 40px;
		width: 80%;
		margin-left: 10%		
	}

	.descrCentroEsportivo{
		width: 80%;
		position: relative;
		float: left;
		margin-left: 10%;
		margin-bottom: 40px;	
	}


	.box{
		padding: 1%;
		border-radius: 10px;
		margin-left: 1%;
		position: relative;
		float: left;
		width: 10%;
		text-align: center;
	}

    .titulos01{
        color: #FFF;
        font-size: 40px;
        text-transform: uppercase;
        margin-bottom: 40px;
        margin-top: 70px;
		font-weight: 600;
		text-shadow: 1px 2px 2px black;
    }

    .titulos02{
        color: #FFF;
        font-size: 18px;
		font-weight: 600;
        /*text-decoration: underline;
        text-underline-position: under;*/
        /*text-transform: uppercase;*/
    }

    .titCentro {
        text-align: center;
    }

    .blocotitulo{
		width: 100%;
		/*margin: 0 auto;*/
		color: #FFF;
		text-align: center;
		margin-bottom: 40px
    }

    .blocosubtitulo{
		width: 50%;
		/* margin: 0 auto; */
		color: #FFF;
		margin-bottom: 40px;
		font-size: 25px;
		background-color: #276ba991;
		padding: 8px 0px 8px 8px;
		text-align: center;
		left: 50%;
		position: relative;
		margin-left: -25%;		
    } 


    .portfol{ 
        border-radius: 10px; 
        padding: 18px 15px 15px 40px;
		background-color: #1826337a;
		line-height: 35px;
    }



    .portfolio{
		width: 80%;
		float: left;
		/* position: relative; */
		/* margin-left: 5%; */
		left: 50%;
		margin-left: -40%;
		border-radius: 5px;
		margin-top: 100px;
		display: flex;
    	/*align-items: center;		*/
		color: #FFF;
    }

    .btn1 {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-color: #e0e4e7;
        text-decoration: none;
        border-radius: 26px;
        box-shadow: 0px -1px 7px #000;
    }

    .btn1::after {
        content: "";
        font-size: 20px;
        font-weight: bold;
        color: #323232;
        transition: margin-top 250ms;
		border-top: 7px solid transparent;
  		border-bottom: 7px solid transparent; 
  		border-right: 10px solid #00438a;
	}

    .btn1:hover::after {
		border-top: 8px solid transparent;
  		border-bottom: 8px solid transparent; 
  		border-right: 12px solid #00438a;
    }

	.inputindica_cel{
		border: 2px solid #fff;
		background-color: #FFF;
		color: #666;;
		padding: 8px 2%;
		margin-left: -8px;
		width: 70%;
		border-radius: 10px;
		font-family: 'Poppins', sans-serif;
		font-size: inherit;
	}

	.inputindica_ddd{
		border: 2px solid #fff;
		background-color: #FFF;
		color: #666;;
		padding: 8px 2%;
		margin-left: -8px;
		width: 8%;
		border-radius: 10px;
		font-family: 'Poppins', sans-serif;
		font-size: inherit;
		margin: 0px 4%;
	}		

	.inputindica {
		border: 2px solid #fff;
		background-color: #FFF;
		color: #666;;
		padding: 8px 2%;
		width: 86%;
		border-radius: 10px;
		font-family: 'Poppins', sans-serif;
		font-size: inherit;
		margin: 0px 4%;
	}

	.inputindica_aceite {
		border: 2px solid #fff;
		background-color: #FFF;
		color: #666;
		padding: 8px 2%;
		width: 90%;
		border-radius: 10px;
		font-family: 'Poppins', sans-serif;
		font-size: inherit;
		margin: 0px 4%;
	}

	.corBox{
		background-color: #154877;
		border: 3px solid #00000026;
		box-shadow: 6px 3px 10px rgb(0 0 0 / 40%);
	}


	

	.corBox:hover{
		background-color: #164369db;
	}	


	textarea {
		border-radius: 10px;
		font-size: 16px;
		margin-left: 17px;
		margin-top: 12px;
		width: 90%;	
		font-family: 'Poppins', sans-serif;
	}

	.btnenvia{
		border: 2px solid #296532;
		background-color: #ef7c2c;
		color: #fff;
		padding: 10px;
		width: 40%;
		border-radius: 10px;
		font-family: 'Poppins', sans-serif;
		font-size: inherit;
		cursor: pointer;
		box-shadow: 5px 5px 14px #000;
	    left: 50%;
		position: relative;
		margin-left: -20%;
	}
	.btnenvia:hover{
		background-color: #4ED985;
		color: #FFF;
	}	


	.top10{
		margin-top: 10px;
	}

	.bloco{
		float: left;
		width: 40%;
		font-size: 16px;
		margin-bottom: 40px;
		margin-top: 100px;
		padding: 20px 4%;
		position: relative;
		left: 50%;
    	margin-left: -20%;
		height: 700px;
	}

	.linhaautoriza{
		font-size: 1em;
		line-height: 1.2em;
	}

	.sfbott{
		margin-top: 14px;
		background-color: #14182ed6;
	}

	.bloco_programas{
		margin-top: 20px;
		margin-bottom: 60px;
		margin-left: 0%;
		font-size: 24px;
		width: 45%;
		line-height: 40px;
		background-color: #434867;
		top: 0px;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		padding: 92px 30px 11px 30px;
    	height: 249px;
		float: left;
	}



	.bloco_servicos{
		margin-top: 20px;
		margin-bottom: 60px;
		margin-left: 15%;
		font-size: 20px;
		width: 45%;
		line-height: 35px;
		background-color: #434867;
		padding: 0px 19px 0px 0px;
		top: 0px;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		height: 420px;
		position: relative;
		float: left;
	}

	.div60a{
		width: 45%;
		position: relative;
		float: left;
		margin-left: 15%;			
	}


	.mgInicio{
		margin-top: 180px;
		margin-bottom: 100px;

	}

	ul{
		/*list-style: none;*/
	}

	.item{
		position: relative;
		margin: 10px 0px;
		z-index: 100;
	}

	.track-pkg-form {
		margin-top: 350px !important;
		padding-bottom: 300px !important;
		position: relative;
		float: left;
		color: #fff;
		z-index: 300;
		height: 700px !important;
	}

.eventos_patrocine img{
	width: 60%;
	margin-left: 5%;
	/*border: 1px solid #6f6a6a59;
	margin-bottom: 40px;*/
	border-radius: 20px;
	z-index: 10;
}

.eventos_patrocine{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

.eventos_prefeituras img{
    width: 40%;
    /* margin-left: 6px; */
    border: 1px solid #6f6a6a59;
    margin-bottom: 40px;
    border-radius: 20px;
    margin: 0px 80px 0px 0px;
    z-index: 2;
}

.eventos_prefeituras{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.texto_eventos {
    width: 60%;
    border-radius: 7px;
	background-color: #1826337a;	
	padding: 15px;
	/*margin-bottom: 0px !important;*/
}


.texto_prefeituras{
    width: 50%;
    margin-left: 79px;
    border-radius: 7px;
    background-color: #33485d;
    padding: 5px;
    z-index: 5;
	margin-bottom: 0px !important;
}

.texto_eventos_semfoto {
    width: 50%;
    border-radius: 7px;
    background-color: #33485d;
    padding: 15px;
    left: 50%;
    position: relative;
    margin-left: -25%;
	margin-bottom: 60px;
}

.qfotos{
	position: relative;
    float: left;
    width: 31%;
    margin-left: 1%;
    margin-bottom: 2%;
    text-align: center;
    /* height: 285px; */
    overflow: hidden;
}
.qfotos img{
	width:80%;
	border-radius: 10px;
    border: 1px #bdb4b42e solid;	
}

.qfotos_eventos{
	position: relative;
    float: left;
    width: 31%;
    margin-left: 1%;
    margin-bottom: 2%;
    text-align: center;
    height: 325px; 
}

.qfotos_eventos img{
	width:80%;
	border-radius: 10px;
    border: 1px #bdb4b42e solid;	
}

.legenda{
    position: absolute;
    bottom: 7px;
    width: 80%;
    padding: 6px 0px;
    background-color: #020202b5;
    z-index: 50;
    margin: 0px 10%;
	font-size: 15px;
}

.track-pkg-form {
	z-index: 50 !important;
}



		@media only screen and (max-width: 414px) {
			
			
			
				.blocosubtitulo{
					width: 80%;
					font-size: 20px;
					left: 50%;
					position: relative;
					margin-left: -40%;					
				}			
			
				.seta-baixo:after {
					border-top: 0px solid transparent;
					border-bottom: 0px solid transparent;
					border-right: 0px solid #eee;
				}
			
				.seta-baixo:before {
					content: "";
					display: inline-block;
					vertical-align: middle;
					margin-right: 8px;
					width: 0;
					height: 0;
					border-top: 5px solid transparent;
					border-bottom: 5px solid transparent;
					border-right: 5px solid #eee;
				}			
								
			
				.descrCentroEsportivo{
					top: 16px;	
				}			
			
				.fotos {
					position: relative;
					float: none;
					width: 97%;
					margin-right: 10px;
					margin-bottom: 25px;
				}			
			
			
				.fig01_servicos{
					background-image: url(imagens/fig01_prefeitura.jpg);
					width: 280px;
					height: 280px;
					/* border-radius: 50%; */
					background-size: cover;
					position: relative;
					float: none;
					left: 50%;
					margin-left: -140px;					
				}
			
				.box {
					padding: 1%;
					border-radius: 5px;
					margin-left: 1%;
					margin-bottom: 1%;
					position: relative;
					float: left;
					width: 27%;
					text-align: center;
					font-size: 16px;
				}			

				.mnPortf {
					width: 84%;
					/* float: left; */
					position: relative;
					/* margin-left: 10%; */
					left: 50%;
					margin-left: -39%;
				}		
			
				.portfolio {
					width: 80%;
					/* float: left; */
					/* position: relative; */
					/* margin-left: 5%; */
					left: 50%;
					/* margin-left: -35%; */
					margin-top: 0px;
					border-radius: 5px;
					font-size: 18px;
					/* display: flex; */
					background-size: cover;
					/* position: relative; */
					/* float: none; */
					margin-left: 12px;
					display: unset;
				}			

		
			
				.fig01_programas{
					background-image: url(imagens/fig01_programas.jpg);
					width: 250px;
					height: 250px;
					/*border-radius: 50%;*/
					background-size: cover;
					position: relative;
					float: none;
					margin-left: -125px;
					left: 50%;
				}			
			
				.bloco_programas{
					margin-top: 5px;
					margin-bottom: 60px;
					margin-left: -39%;
					font-size: 24px;
					width: 70%;
					line-height: 32px;
					background-color: #434867;
					border-bottom-right-radius: 10px;
					border-top-right-radius: 10px;
					padding: 25px 18px 50px 18px;
					height: 100%;
					position: relative;
					left: 50%;
				}			
			
				.titulos01 {
					font-size: 30px;
					text-shadow: 1px 2px 2px black;
				}			
			
				.div40a {
					float: none;
					width: 80%;
				}			
			
				.sfbott{
					margin-top: 0px;
				}			
			
				.fundomenutopo{
					height: 55px;
				}			
			
				.logo {
					width: 170px;
					margin-top: 15px;
					margin-left: 10px;
				}			

				.div40 {
					width: 90%;
					left: 50%;
					margin-left: -45%;
				}

				.fig01_capa {
					width: 250px;
					height: 250px;
					position: relative;
					float: left;
					left: 50%;
					margin-left: -125px;	
					top: 25px;
				}			
			
				.bloco_servicos{
					margin-top: 20px;
					margin-bottom: 60px;
					font-size: 20px;
					width: 80%;
					height: 100%;
					line-height: 35px;
					background-color: #434867;
					padding: 5px 10px 4px 0px;
					top: 0px;
					border-bottom-right-radius: 10px;
					border-top-right-radius: 10px;
					position: relative;
					float: none;
					margin-left: -40%;
					left: 50%;
				}

				.bloco {
					width: 80%;
					font-size: 16px;
					margin-bottom: 40px;
					padding: 20px 4%;
					position: relative;
					left: 50%;
					margin-left: -42%;
				}				
			
			
				/* MENU MOBILE */

				nav ul#menu-mobile{
					position: fixed;
					right: 20px;
					margin-top: 40px;
					padding: 0;
					z-index: 503;
					top: 14px;
					width: 160px;
					font-size: 14px;
				}

				nav ul#menu-mobile li{
					width:100%;
					list-style-type: none;
					z-index: 98;
				}

				nav ul#menu-mobile li a {
					display: block;
					text-decoration: none;
					color: #fff;
					text-align: center;
					background-color: #6f6a6a;
					padding: 10px 5px;
					border-bottom: 1px solid #cccccc;
					font-size: 80%;
					letter-spacing: 0.6;
					z-index: 97;
				}

				nav ul#menu-mobile li a:hover {
					background-color: #4a4949;
				}
			
			

			
			
				/* SUB-MENU */
			
				nav ul#submenu-mobile {
					position: absolute;
					right: 156px;
					margin-top: -34px;
				}

				nav ul#submenu-mobile li {
					width: 160px;
					border-radius: 4px;
					z-index: 600;
				}				

				nav ul#submenu-mobile li a{
					padding: 8px 8px;
				}			

				nav ul#submenu-mobile li:hover {
					float: left;
					display: block;
					background-color: #66666694;
				}

				nav ul#submenu-mobile li a:hover{
					background-color: red;
				}	
			
				nav ul#submenu-mobile li {
					display:  none;
				}

				nav ul#menu-desktop{
					display: none;
				}

				nav div#menu-btn {
					display: block;
				
				}	
			
				.eventos_patrocine img{
					margin-left: 5%;
					width: 90%;
				}

				.eventos_patrocine{
					display: block;
				}		
			
				.texto_eventos {
					font-size: 20px !important;
					position: relative;
					margin-left: -45%;
					left: 50%;
    				width: 84%;
					margin-top: 50px;
				}
				
		}




		@media only screen and (min-width: 701px) and (max-width: 1100px) {

				nav ul#menu-desktop li a {
					display: block;
					color: #FFF;
					font-size: 11px;
					padding: 14px 7px;
					text-decoration: none;
				}

				nav ul#menu-desktop li ul {
					margin-top: 2px;
				}

			}




.portf_img {
	border-radius: 10px;
	margin-top: 30px;
}