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

body {
	background-color: #EEE7CB;
}

h1 {
	font-family: museo,serif;
	font-weight: 700;
	font-style: normal;
	font-size: 44pt;
}



.arte {
	width: 100%;
	height: 550px;
	background-image: url("images/background.png");
	background-position: 50% 50%;
	background-size: cover;
}



.destaque {
	background-color: #0D2D43;
	text-align: center;
	color: aliceblue;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.destaque2 {
	background-color: #356789;
	
	color: aliceblue;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.destaque3 {
	background-color: #ffffff;
	
	color: #010202;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.acoes {
	background-color: #DDD092;
	text-align: center;
	color: #0D2D43;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.descricao {
	padding-top: 1.5em;
	width: 200px;
}

.acoes p {
	text-align: left;
}

.noticias {
	background-color: #F1E7CB;
	text-align: center;
	color: #1A1413;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	
	
}

.acoes a {
	color: #0D2D43;
}

.acoes a:visited {
	color: #0D2D43;
}

.acoes a:hover {
	color: #000000;
}

.destaque2 a {
	color: #ffffff;
}

.destaque2 a:visited {
	color: #ffffff;
}

.destaque2 a:hover {
	color: #000000;
}

.destaque3 a {
	color: #000000;
}

.destaque3 a:visited {
	color: #000000;
}

.destaque3 a:hover {
	color: #999;
}

.card {
	float: left;
	text-align: left;
	margin: 0 50px 0 50px;
	border: none;
	background: none;
}

.card-body {
	background: none;
	padding: 0 1rem 0 1rem;
}


.livro {
	background-color: #ffffff;
	text-align: center;
	color: #105865;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.livro2 {
	background-color: #3A85A6;
	text-align: center;
	color: #ffffff;
	padding: 40px 10px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.rodape {
	background-color: #105B7D;
	text-align: center;
	color: aliceblue;
	padding: 40px 20px;
	font-family: museo,serif;
	font-weight: 500;
	font-style: normal;	
	
}

.sep {
	clear: both;
}

.box {
	width: 50%;
	height: 280px;
	float: left;
	text-align: left;
	margin: 0 50px 0 50px;
	padding-top: 30px;
	
}



.box p {
	padding: 0;
	margin: 0;
	font-size: 24px;	
}



.box2 {
	width: 30%;
	height: 280px;
	float: left;
	text-align: left;
	margin: 0 50px 0 50px;
	margin-top: -60px;

}
.box3 {
	width: 30%;
	height: 210px;
	float: left;
	text-align: left;
	margin: 0 50px 0 50px;
	

}

.box4 {
	width: 50%;
	height: 210px;
	float: left;
	text-align: left;
	margin: 0 50px 0 50px;
	padding-top: 30px;
	
}

.box4 p {
	padding: 0;
	margin: 0;
	font-size: 24px;	
}

.ico {
	width: 52px!important;
	height: 52px!important;
	float: left;
	margin: 10px;



	
}

.btn-primary {
	background-color: #356789;
	border-color: #356789;
}



/* Responsividade */

@media (max-width: 840px)
{
	.arte {
		width: 100%;
		height: 300px;
		background-image: url("images/background.png");
		background-position: 50% 50%;
		
	}

	h1 {
		font-family: museo,serif;
		font-weight: 700;
		font-style: normal;
		font-size: 40pt;
	}
	
}