@media (min-width: 1025px)
{
		body {
    margin: 0;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Cairo', sans-serif;

        }

        header {
            position: fixed;
            top: 0;
            width: 100%;            
            padding: 10px 0;			
            color: #fff;
            z-index: 1000;
			background-color: rgba(255, 255, 255, 0.9);
			border-radius: 0px 0px 90px 30px;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra na borda inferior */
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            padding: 0 15px;
			
        }

        nav .logo
		{
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;		

		}

		nav .logo img
		{
			width: 180px;
			height: auto;

		}


		nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
			
        }

        nav ul li {
            margin-right: 20px;
        }

        nav ul li a {
            color: #000;
            text-decoration: none;
            padding: 8px 12px;
            transition: background-color 0.3s ;
			border-radius: 5px 5px 10px 20px;
			font-family: 'Cairo', sans-serif;
			font-size: 1.1vw;
			
        }

        nav ul li a:hover {
            color: #fff;
			background-color: #004158;
            border-radius: 5px 5px 10px 20px;
			border-bottom: solid 5px #bb2423;
			
        }

        nav ul li a:active {
            color: #fff;
			background-color: #004158;
            border-radius: 5px 5px 10px 20px;
			border-bottom: solid 5px #bb2423;
			
        }

        /* Estilos para a área de login */
        .login-area {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .login-area h2 {
			font-size: 1.1vw;
			color: #FFF;
			font-weight: 400;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #c72c2a;
			border-radius: 3px;
        }


		.login-area p
		{
			display: block;
			width: 100%;
			text-align: right;

		}

        .login-area input[type="text"],
        .login-area input[type="password"] {
            padding: 5px;
            font-size: 1.1vw;
            border: none;
            border-radius: 4px;
            outline: none;
        }

        .login-area input[type="submit"] {
            background-color: #c72c2a;
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 1.1vw;
        }

        .login-area input[type="submit"]:hover {
            background-color: #b21f1d;
        }






		main
		{
            display: block;
            width: 96%;
			float: left;
            padding-left: 2%;
			padding-right: 2%;
			/*background-image: url(../img/skyc-3.jpg);
			background-size:  100% auto;
			background-position: bottom;
			background-repeat: no-repeat;
			background-color:  #40a3c6;*/
			padding-top: 7vw;
	
		}







		section-index
		{
            display: block;
            width: 100%;
			float: left;
			/*background-image: url(../img/skyc-3.jpg);
			background-size:  100% auto;
			background-position: bottom;
			background-repeat: no-repeat;
			background-color:  #40a3c6;*/

		}		

		.contador-area
		{
            display: block;
			width: 50% !important;            
			float: left;
			margin-top: -2%;

			
		}


		.contador-area h2
		{
			color: #c72c2a;
			display: block;
			float: left;
			text-align: right;
			min-width: 90%;
			padding: 5px;
			font-size: 4.5vw;
			line-height: 4.4vw;
		}

		.contador-total
		{
			font-size: 6rem;
			line-height: 4.6vw;
			color: #000;
		}


		.contador-area h3
		{
			color: #000;
			display: block;
			float: left;
			text-align: right;
			min-width: 90%;
			padding: 5px;
			font-size: 3.5vw;
			line-height: 3.2vw;
			margin-top: -2vw;
		}

		.contador-semanal
		{
			font-size: 4vw;
			color: #c72c2a;
		}

		.contador-area a
		{
			display: block;
			float: right;
			width: auto;			
			background-color: #FFF;
			padding: 20px;
			border-radius: 60px 20px 60px 20px;
			text-align: center;
			color: #004158;
			text-decoration: none;
			font-weight: 600;
			margin-right: 60px;
			margin-bottom: 30px;

		}

		.contador-area a:hover
		{
			background-color: #004158;
			color: #FFF;

		}








		/* Configurações da div principal */
		.containerfaixas {
		 
            display: block;
			width: 50% !important;  
			margin-top: 5.3%;
			float: left;
			gap: 10px; /* Espaçamento entre faixas */			

		}

		/* Estilos das faixas */
		.faixa {
		  width: 0; /* Inicia com largura zero para o efeito de entrada */
		  padding-left: 2rem;
		  color: #FFF;
		  opacity: 0;
		  font-size: 2vw;
		  border-radius: 20px; /* Bordas arredondadas */
		  animation: aparecer 3s forwards; /* Animação */
		}

		/* Animação */
		@keyframes aparecer {
		  from {
			width: 0;
			opacity: 0;
			transform: translateX(100%);
		  }
		  to {
			width: 100%;
			opacity: 1;
			transform: translateX(0);
		  }
		}

		/* Atraso para cada faixa aparecer em sequência */
		.faixa:nth-child(1) {
		  animation-delay: 0s;
		}
		.faixa:nth-child(2) {
		  animation-delay: 0.2s;
		}
		.faixa:nth-child(3) {
		  animation-delay: 0.4s;
		}
		.faixa:nth-child(4) {
		  animation-delay: 0.6s;
		}
		.faixa:nth-child(5) {
		  animation-delay: 0.8s;
		}













		s-main
		{
			display: block;
			width: 96%;
			float: left;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 10px;
			margin-top: -1vw;
			margin-top: 50px;
			
		}	




		.main-bairros
		{
			  display: flex;
			  align-items: center; /* Alinhamento vertical */
			  justify-content: center; /* Alinhamento horizontal, opcional */
			  height: 31vh;
			font-size: 3vw;			
			margin-top: 2vw;	

		}

		.main-bairros p
		{
			display: block;
			float: left;
			width: 48.5%;
			text-align: center;
			line-height: 2vw;
			font-weight: bold;
			padding: 5px;
		}


		.main-bairros p strong
		{
			background-color: #37849f;
			color: #FFF;
			font-size: 1.2vw;
			padding: 5px;
			border-radius: 5px;
		}

		.main-bairros h2
		{
			color: #c72c2a;
			display: block;
			float: left;
			text-align: right;
			width: 48.5%;
			padding: 5px;
			font-size: 3.6vw;
			line-height: 3.4vw;			
		}

		.main-bairros a
		{
				border-radius: 4px;
				color: #2e87b8;			
				text-decoration: none;
		}



		.seta-direita
		{
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 30px solid #c72c2a; 
			border-radius: 5px;
			display: block;
			float: left;
			text-align: right;
					
		}



		t-main
		{
            display: block;
            float: left;            
			width: 60%;
			margin-left: 20%;
			padding: 20px;
			margin-top: 6vw;				
			background: linear-gradient(to bottom, #47a8de, #2e87b8);
			border-radius: 10px 60px 10px 60px;			
			
		}

		t-main h2
		{
			color: #FFF;
			display: block;
			float: left;
			text-align: center;
			width: 100%;
			padding: 5px;
			font-size: 2.6vw;
			line-height: 2.2vw;				
			

		}

		t-main h2 sup
		{
			font-size: 1.6vw;
		}

		t-main a
		{
			width: 40%;
			padding: 10px;
			color: #47a8de;
			border-radius: 3px 8px 3px 8px;
			text-align: center;
			background-color: #FFF;
			text-decoration: none;
			display: block;
			float: left;
			margin-left: 30%;
			box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
			margin-bottom: -40px;
			border-bottom: solid 3px #2e87b8;
			border-top: solid 1px #2e87b8;
			font-size: 1.6vw;
			
		}

		t-main a:hover
		{

			color: #fff;
			background-color: #47a8de;
			
		}





		footer
		{
			display: block;
			width: 96%;
			float: left;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 10px;
			margin-top: -1vw;
			margin-top: 100px;
			background-color: #c72c2a;
			
		}




        nav-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            padding: 0 15px;
			
        }

        nav-footer .logo
		{
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;		

		}

		nav-footer .logo img
		{
			width: 90px;
			height: auto;

		}


		nav-footer ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
			
        }

        nav-footer ul li {
            margin-right: 20px;
        }

        nav-footer ul li a {
            color: #FFF;
            text-decoration: none;
            padding: 8px 12px;
            transition: background-color 0.3s ;
			border-radius: 5px 5px 10px 20px;
			font-family: 'Cairo', sans-serif;
			font-size: 1.1vw;
			
        }

        nav-footer ul li a:hover {
            color: #c72c2a;
			background-color: #FFF;
            border-radius: 5px;		
        }


		.mini-rodape
		{
			background-color: #031e27;
			color: #fff;
			text-align: center;
			display: block;
			float: left;
			width: 98%;
			padding-left: 1%;
			padding-right: 1%;
			padding-top: 5px;
			padding-bottom: 5px;

		}

		section
		{
			

		}

		section h3
		{
			display: block;
			float: left;
			width: 90%;			
			font-size: 3vw;
			margin: 0px;
			padding: 0px;			
		}

		section h4
		{
			display: block;
			float: left;
			font-size: 1.7vw;
			width: 90%;
			font-weight: 400;
			margin: 0px;
			padding: 0px;
			padding-bottom: 30px;
		}


		main-internas
		{
            display: block;
            width: 96%;
			float: left;
            padding-left: 2%;
			padding-right: 2%;	
		}

		main-internas p
		{
			display: block;
			float: left;
			padding: 10px;
			font-size: 1.6vw;

		}


		.form-posicao
		{
			display: block;
			float: left;
			width: 55.3%;
			padding: 25px;
			background-color: #fff;
			border-radius: 30px;
			/* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); */
			border:  solid 1px #bec8cc;
			margin-top: 5vw;
				

		}


		.form-campo
		{
			display: block;
			float: left;
			width: 77%;
			padding: 15px;
			background-color: #c7d4dc;
			border-radius: 30px;
			/*box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.1);*/
			border: solid 1px #014158;
			color: #014158;
			margin-bottom: 10px;
			font-size: 1vw;
		}



		.form-botao
		{
			display: block;
			float: left;
			width: 50%;
			text-align: center;
			padding: 15px;
			font-size: 1vw;
			background-color: #c72c2a;
			border-radius: 30px;
			border: none;
			color: #FFF;
			margin-bottom: 10px;
		}


		.lateral-form
		{
			display: block;
			float: left;
			width: 34.3%;
			padding: 25px;
			background-color: #fff;
			border-radius: 30px;
			/* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); */
			border:  solid 1px #bec8cc;
			margin-top: 5vw;
			margin-left: 1%;

		}

		
		.lateral-form h2
		{
			display: block;
			float: left;
			text-align: center;
			width: 100%;
			font-size: 3.3vw;
			line-height: 2.6vw;
			color: #3a3a3a;
			padding: 0px;
			margin: 10px;
			font-weight: 100;

		}


		.lateral-form h2 strong
		{
			font-size: 4vw;
			line-height: 4vw;
			color: #c72d2b;
			font-weight: 600;

		}






		.lateral-form h2 strong sup
		{
			font-size: 0.7vw;
			color: #535353;
			font-weight: 100;

		}


		.lateral-form h3
		{
			display: block;
			float: left;
			text-align: center;
			width: 95%;
			font-size: 1.2vw;
			color: #fff;
			font-weight: 400;
			padding: 8px;
			background-color: #37849f;
			border-radius: 8px;
			margin-top: 50px;			
		}


		.lateral-form img
		{
			display: block;
			float: left;
			text-align: center;
			margin-left: 5%;
			margin-top: 5px;

		}


		.direcionando-pagamento
		{
			display: block;
			float: left;
			text-align: left;
			width: 100%;
			padding: 8px;
			background-color: #379f77;
			border-radius: 8px;
			margin-top: 50px;
			font-size: 1.3vw;
			color: #fff;

		}

		
		bairros
		{
            display: block;
			float: left;
            width: 90%;
			padding: 5%;
		}


		.combo-bairro
		{
			display: block;
			float: left;
			text-align: left;
			width: auto;
			padding: 2vw;
			background-color: #b6c0c7;
			border-radius: 300px;			
			color: #000;
			margin: 6px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
		}
		



		.bc-menu
		{
			text-align: left;
			display: block;
			padding: 20px;	
			float: left;
			width: 90%;
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			text-transform: uppercase;
			color: #121212;
		}

		.bc-menu a
		{
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			text-transform: uppercase;
			color: #121212;
			font-weight: bold;
			text-decoration: none;
		}

		.super-ficha
		{
		-moz-border-radius: 6px;
		border-radius: 6px;
		display: block;
		float: left;
		width: 90%;
		padding: 10px;
		margin-left: 3%;
		

		
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
		-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 

		}

		.linha-imovel
		{
			text-align: left;
			display: block;
			padding: 5px;
			float: left;
			width: 90%;
		}

		.linha-imovel h1
		{
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			color: #121212;
			margin: 3px;
		}

		.linha-imovel h2
		{
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			color: #121212;
			margin: 3px;
		}

		.linha-valor
		{
			text-align: left;
			display: block;
			padding: 5px;
			float: left;
			width: 89%;
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			color: #AF2B23;
			margin: 3px;
		}

		.icones-imovel
		{
			font-family: 'Cairo', sans-serif;
			font-size: 18px;
			color: #121212;	
			text-align: left;
			display: block;
			float: left;
			padding-top: 8px;
			padding-bottom: 8px;
			background-repeat: no-repeat;
			background-position: left center;
			text-indent: 33px;
			padding-right: 3px;
			margin: 0px;
		}


		.linha-b-imovel
		{
			text-align: left;
			display: block;
			padding: 5px;
			float: left;
			width: 98%;
		}


		.combos-itens
		{
			text-align: left;
			display: block;
			margin: 2px;
			float: left;
			width: 150px;
			background-color: #F8F8F8;
		}

		.combos-itens h3
		{
			text-align: right;
			display: block;
			float: left;
			width: 120px;
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			color: #121212;
			font-weight: normal;
			padding: 3px;
			margin: 0px;
		}

		.combos-itens img
		{
			text-align: left;
			display: block;
			float: left;
			padding-top: 2px;
			padding-left: 5px;
		}

		.linha-b-imovel h1
		{
			font-family: 'Cairo', sans-serif;
			font-size: 24px;
			color: #121212;
			text-align: left;
			display: block;
			float: left;
			width: 100%;
			border-bottom-width: 1px;
			border-bottom-style: dotted;
			border-bottom-color: #CCC;
			padding-top: 8px;
			padding-bottom: 8px;
			background-repeat: no-repeat;
			background-position: left center;
			text-indent: 33px;
			padding-right: 3px;

		}

		.linha-b-imovel p
		{
			font-family: 'Cairo', sans-serif;
			font-size: 18px;
			color: #121212;
			margin: 3px;
			text-align: left;
			display: block;
			float: left;
			width: 100%;

		}
}



@media (max-width: 1024px) {
	
	body {
    margin: 0;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Cairo', sans-serif;

        }

        header {
            position: fixed;
            top: 0;
            width: 100%;            
            padding: 10px 0;			
            color: #fff;
			margin-bottom: 30px;
            z-index: 1000;
			background-color: rgba(255, 255, 255, 0.9);
			border-radius: 0px 0px 20px 10px;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra na borda inferior */
        }

        nav {
            display: block;
			float: left;
            justify-content: space-between;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            padding: 0 15px;
			
        }

        .logo
		{
            margin: 0;
            padding: 0;
            display: block;
			width: 100%;			
            justify-content: space-between;
            align-items: center;

		}

		.logo img
		{
			width: 50%;
			margin-left: 24%;
			height: auto;

		}


		nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: block;
			
        }

        nav ul li {
            margin-right: 10px;
			display: block;
			float: left;
			width: auto;
			padding: 3px;
        }

        nav ul li a {
            color: #000;
            text-decoration: none;
            padding: 3px 6px;
            transition: background-color 0.3s ;
			border-radius: 5px 5px 10px 20px;
			font-family: 'Cairo', sans-serif;
			font-size: 12px;
			
        }

        nav ul li a:hover {
            color: #fff;
			background-color: #004158;
            border-radius: 5px 5px 10px 20px;
			border-bottom: solid 5px #bb2423;
			
        }

        nav ul li a:active {
            color: #fff;
			background-color: #004158;
            border-radius: 5px 5px 10px 20px;
			border-bottom: solid 5px #bb2423;
			
        }

        /* Estilos para a área de login */
        .login-area {
            display: block;
			float: left;
            align-items: center;
            gap: 5px;
			width: 90%;
        }

        .login-area h2 {
			font-size: 12px;
			color: #FFF;
			font-weight: 400;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #c72c2a;
			border-radius: 3px;
			width: 99%;
			display: block;
			float: left;
        }


		.login-area p
		{
			display: block;
			width: 100%;
			text-align: right;

		}

        .login-area input[type="text"],
        .login-area input[type="password"] {
            padding: 5px;
            font-size: 12px;
			width: 99%;
			display: block;
			float: left;
            border: none;
            border-radius: 4px;
            outline: none;
        }

        .login-area input[type="submit"] {
            background-color: #c72c2a;
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 12px;
        }

        .login-area input[type="submit"]:hover {
            background-color: #b21f1d;
        }
	
	
		.mobile-posicao
		{
					padding-top: 500px;
		}

		.mobile-posicao
		{
					padding-top: 320px;
		}	
		section-index
		{
            display: block;
            width: 95%;
			float: left;
			margin-top: -280px;
			/*background-image: url(../img/skyc-3.jpg);
			background-size:  100% auto;
			background-position: bottom;
			background-repeat: no-repeat;
			background-color:  #40a3c6;*/

		}		

		.contador-area
		{
            display: block;
			width: 50% !important;            
			float: left;
			margin-top: 2%;

			
		}


		.contador-area h2
		{
			color: #c72c2a;
			display: block;
			float: left;
			text-align: right;
			min-width: 90%;
			padding: 5px;
			font-size: 20px;
			line-height: 18px;
		}

		.contador-total
		{
			font-size: 24px;
			line-height: 22px;
			color: #000;
		}


		.contador-area h3
		{
			color: #000;
			display: block;
			float: left;
			text-align: right;
			min-width: 90%;
			padding: 5px;
			font-size: 18px;
			line-height: 16px;
			margin-top: -25px;
		}

		.contador-semanal
		{
			font-size: 22px;
			color: #c72c2a;
		}

		.contador-area a
		{
			display: block;
			float: right;
			width: 90%;			
			background-color: #FFF;
			padding: 20px;
			border-radius: 60px 20px 60px 20px;
			text-align: center;
			color: #004158;
			text-decoration: none;
			font-weight: 600;
			margin-right: 10px;
			font-size: 14px;
			position: absolute;
			margin-top: 170px;

		}

		.contador-area a:hover
		{
			background-color: #004158;
			color: #FFF;

		}








		/* Configurações da div principal */
		.containerfaixas {
		 
            display: block;
			width: 50% !important;  
			margin-top: 4%;
			float: left;
			gap: 10px; /* Espaçamento entre faixas */			

		}

		/* Estilos das faixas */
		.faixa {
		  width: 0; /* Inicia com largura zero para o efeito de entrada */
		  padding-left: 10px;
		  padding-right: 10px;
		  color: #FFF;
		  opacity: 0;
		  font-size: 11px;
		  border-radius: 20px; /* Bordas arredondadas */
		  animation: aparecer 3s forwards; /* Animação */
		}

		/* Animação */
		@keyframes aparecer {
		  from {
			width: 0;
			opacity: 0;
			transform: translateX(100%);
		  }
		  to {
			width: 100%;
			opacity: 1;
			transform: translateX(0);
		  }
		}

		/* Atraso para cada faixa aparecer em sequência */
		.faixa:nth-child(1) {
		  animation-delay: 0s;
		}
		.faixa:nth-child(2) {
		  animation-delay: 0.2s;
		}
		.faixa:nth-child(3) {
		  animation-delay: 0.4s;
		}
		.faixa:nth-child(4) {
		  animation-delay: 0.6s;
		}
		.faixa:nth-child(5) {
		  animation-delay: 0.8s;
		}













		s-main
		{
			display: block;
			width: 96%;
			float: left;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 10px;
			margin-top: -100px;
			
		}	




		.main-bairros
		{
			  display: flex;
			  align-items: center; /* Alinhamento vertical */
			  justify-content: center; /* Alinhamento horizontal, opcional */
			  height: 150px;
			font-size: 14px;			
			margin-top: 100px;	

		}

		.main-bairros p
		{
			display: block;
			float: left;
			width: autos;
			text-align: center;
			line-height: 14px;
			font-weight: bold;
			padding: 5px;
		}


		.main-bairros p strong
		{
			background-color: #37849f;
			color: #FFF;
			font-size: 14px;
			padding: 5px;
			border-radius: 5px;
			margin-top: 20px;
			display: block;
			float: left;
		}

		.main-bairros h2
		{
			color: #c72c2a;
			display: block;
			float: left;
			text-align: center;
			width: 100%;
			padding: 5px;			
			line-height: 16px;	
			font-size: 12px !important;
		}	

		.main-bairros a
		{
				border-radius: 4px;
				color: #2e87b8;			
				text-decoration: none;

		}
	
	
		t-main
		{
            display: block;
            float: left;            
			width: 80%;
			margin-left: 10%;
			padding: 10px;
			margin-top: 6vw;				
			background: linear-gradient(to bottom, #47a8de, #2e87b8);
			border-radius: 10px 60px 10px 60px;			
			
		}

		t-main h2
		{
			color: #FFF;
			display: block;
			float: left;
			text-align: center;
			width: 100%;
			padding: 5px;
			font-size: 26px;
		
			

		}

		t-main h2 sup
		{
			font-size: 14px;
		}

		t-main a
		{
			width: 40%;
			padding: 10px;
			color: #47a8de;
			border-radius: 3px 8px 3px 8px;
			text-align: center;
			background-color: #FFF;
			text-decoration: none;
			display: block;
			float: left;
			margin-left: 30%;
			box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
			margin-bottom: -40px;
			border-bottom: solid 3px #2e87b8;
			border-top: solid 1px #2e87b8;
			font-size: 18px;
			
		}

		t-main a:hover
		{

			color: #fff;
			background-color: #47a8de;
			
		}





		footer
		{
			display: block;
			width: 96%;
			float: left;
			padding-left: 2%;
			padding-right: 2%;
			padding-top: 10px;
			margin-top: -1vw;
			margin-top: 100px;
			background-color: #c72c2a;
			
		}




        nav-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            padding: 0 15px;
			
        }

        nav-footer .logo
		{
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;		

		}

		.logo-footer img
		{
			width: 120px;
			height: auto;

		}


		nav-footer ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
			
        }

        nav-footer ul li {
            margin-right: 20px;
        }

        nav-footer ul li a {
            color: #FFF;
            text-decoration: none;
            padding: 8px 12px;
            transition: background-color 0.3s ;
			border-radius: 5px 5px 10px 20px;
			font-family: 'Cairo', sans-serif;
			font-size: 14px;
			
        }

        nav-footer ul li a:hover {
            color: #c72c2a;
			background-color: #FFF;
            border-radius: 5px;		
        }


		.mini-rodape
		{
			background-color: #031e27;
			color: #fff;
			text-align: center;
			display: block;
			float: left;
			width: 98%;
			padding-left: 1%;
			padding-right: 1%;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	
		section
		{
			

		}

		section h3
		{
			display: block;
			float: left;
			width: 90%;			
			font-size: 24px;
			margin: 0px;
			padding: 0px;			
		}

		section h4
		{
			display: block;
			float: left;
			font-size: 15px;
			width: 90%;
			font-weight: 400;
			margin: 0px;
			padding: 0px;
			padding-bottom: 30px;
		}


		main-internas
		{
            display: block;
            width: 96%;
			float: left;
            padding-left: 2%;
			padding-right: 2%;	
		}

		main-internas p
		{
			display: block;
			float: left;
			padding: 10px;
			font-size: 14px;

		}	
	
	
	
}