@font-face {
	font-family: "BEBAS";
	src: url("../fonts/BEBAS.ttf");

	font-family: "thebold";
	src: url("../fonts/theboldfont.ttf");

	font-family: "TTNorms-Bold";
	src: url("../fonts/TTNorms-Bold.ttf");
}


html,
body {
	height: 100%;

	background-image: url(../img/fundo.png);
	background-size: cover;
	background-position: top center;
	background-repeat: repeat-x repeat-y;

}


header h1 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: TTNorms-Bold, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
}

.amarelo-fco{
	color: #F5B031;
}

.azul-fco{
	color: #2b5398;
}

.branco-fco, .branco-fco a{
	color:white;
}

.branco-fco a:hover {
	color: #F5B031;
}


.vermelho-fco{
	color: #a10a37;
}


.subtitulo {
	color: #F5B031;
	font-size: larger;
}

.subtitulo a:hover{
	color: rgb(233, 179, 78);
}

.subtitulo2 {
	color: rgb(223, 199, 185);
}


.texto-podcast {
	color: rgb(233, 179, 78)!important;
}

.texto-podcast a:hover {
	color: rgb(255, 255, 255)!important;
}

.conteudo-dev {
	color : black;
	text-align: justify;
}

.text-white {
	color: white;
}

.carousel-inner {
	text-align: center;
}


.copyright {
	color: white;
}

.ae-titulo {
	text-align: center;
}


.rodape {
	background: rgba(9, 8, 14, 0.526)!important;
	padding-top: 10px;
	bottom:0;
    width:100%;
}


.img-footer {
	width: 30%;
	bottom: 50px;

}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev 
{
	text-align: center;
}


#menu-topo  {
	top: 0;
	height: 35px;
	position: absolute;
	padding-left: 10px;
	background: rgba(52, 39, 119, 0.13)!important;
	width:100%;
	color: white;
	font-size: 15px;
	text-decoration: none;
}

#menu-topo span{
	color: rgba(207, 204, 221, 0.562)!important;
}

#menu-topo a {
	
	font-family: Arial, Helvetica, sans-serif;
}

#menu-topo a:hover {
	color: #F5B031;
	text-decoration: none;
}



footer address:last-child {
	margin-bottom: 0;
}

@media(min-width: 768px) {
	#paineis-sobre {
		margin-top: 0;	
	}

	.rodape {
		padding-top: 10px;
		position: absolute;
		bottom:0;
		width:100%;
	}

	
}

@media(min-width: 992px) {
	.conteudo {
		left: 0;
		transform: translate(0, -80%);
		width: 50%;
	}

	.conteudo {
		position: relative;
		height: 100%;
	}
}