.fundobanner {
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 1px 1px 5px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px #aaaaaa;
    -webkit-box-shadow: 1px 1px 5px #aaaaaa;
	-webkit-align-items: center;

	width: 90%;
	height: auto;
	background-color: #f3f3f3;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 20px;
}

 /* Muda a cor das setas para preto */
  .carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: black; /* Cor de fundo preta */
  }
  
  /* Opcional: Muda a cor da borda das setas para branco, se necessário */
  .carousel-control-prev-icon, .carousel-control-next-icon {
    border: 1px solid white; /* Adiciona uma borda branca */
  }

.fundobanner div{
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.titulo-recados {
	padding-top: 10px;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}

.fundobanner a img{
	margin: 5px;
	width: 98%;
	height: auto;		
	box-shadow: 1px 1px 5px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px #aaaaaa;
    -webkit-box-shadow: 1px 1px 5px #aaaaaa;
}

.fundovideos {
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	
    box-shadow: 1px 1px 5px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px #aaaaaa;
    -webkit-box-shadow: 1px 1px 5px #aaaaaa;
	
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;

	width: 50%;
	height: auto;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-color: #FF8720;
}

.fundovideos h2{
	width: 100%;
	font-family: 'Roboto';
	font-size: 1em;
}

.fundovideos p{
	width: 100%;
	font-family: 'Roboto';
	font-size: 0.8em;
	color: #ffffff;
}

.videos{
	height: 45px;
	padding: 1%;
	margin: 1%;
	color: #ffffff;
	
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	
	border-radius:5px;
	background: #7FACE3;
	
	cursor: pointer;	
	
	-webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;	
	
	box-shadow: 1px 1px 2px #555555;
	-moz-box-shadow: 1px 1px 2px #555555;
	-webkit-box-shadow: 1px 1px 2px #555555;	
}

.videos img{
	float: left;
}

.videos a{
	text-decoration: none;
	color: #ffffff;
	line-height: 40px;
}

.videos a:visited{
	text-decoration: none;
}

.videos:hover {
	font-weight: bold; 
	background: #3D94CF;
}

@media only screen and (max-width: 1440px) {
    .fundobanner {
        width: 95%;
		height: auto;
		margin-bottom: 20px;
    }
	
	.fundobanner a img{
		width: 98%;
	}
	
}


@media only screen and (max-width: 1366px) {
    .fundobanner {
		width: 95%;
		height: auto;
		margin-bottom: 10px;
    }
	
	.fundobanner a img{
		width: 90%;
	}
	
    .fundovideos {
        width: 90%;
    }

}


@media only screen and (max-width: 1024px) {
    .fundobanner {
        width: 95%;
		height: auto;
		margin-bottom: 10px;
    }

	.fundobanner div{
		flex-wrap: wrap;
	}
	
	.fundobanner a img{
		width: 90%;
	}
	
    .fundovideos{
        width:90%;
    }
	
	.videos {
		width: 90%;
		line-height: 15px;
	}
	
	.videos img{
		float: left;
	}
	
	.vidtxt{
		font-size: 0.6em;
		text-align: right;
	}
		
}