@azul: #0f3a64;
@amarelo: #b0a100;
@amarelo2: #fff609;

body {
	background-color: #FFF;
	font-weight: 300;
}

header {
	background-image: url('../imgs/header-bg.jpg');
	padding-top: 100px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	.container {
		background-color: #FFF;
		border-top: 5px solid @azul;
		padding-top: 80px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
		.logo {
			text-align: center;
			.fone {
				color: @azul;
				font-size: 22px;
			}
		}
	}
	.nav {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 20px;
		li {
			margin: 0px 20px;
		}
		a {
			font-size: 22px;
			color: @azul;
			text-decoration: none;
			&:hover,
			&.active {
				color: @amarelo;
			}
		}
	}
}

footer {
	background-color: #a8a191;
	color: @azul;
	padding: 20px 0px;
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
	.dev {
		font-size: 16px;
		margin-top: 10px;
		a {
			font-weight: 700;
			color: @azul;
		}
	}
}

.home-links {
	.row {
		margin-bottom: 20px;
	}
	.capa {
		img {
			width: 100%;
		}
	}
	.descr-content {
		background-color: @azul;
		padding: 20px;
		.title {
			color: @amarelo2;
			font-size: 32px;
			font-weight: 700;
			margin-bottom: 20px;
		}
		.descr {
			color: #FFF;
		}
	}
	a {
		display: block;
		&:hover {
			text-decoration: none;
			opacity: 0.9;
		}
	}
}

.nav-side {
	.title {
		background-color: #EEE;
		font-weight: 700;
		font-size: 18px;
	}
	a.list-group-item {
		margin-bottom: 0px;
		&:hover,
		&:focus {
			background-color: lighten(desaturate(@azul, 50%), 50%);
			border: 1px solid lighten(desaturate(@azul, 50%), 50%) !important;
			border: @azul;
		}
		&.active {
			background-color: @azul;
			border: @azul;
			&:hover {
				border: 0px !important;
			}
		}
	}
}

.conteudo {
	.capa {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.galeria a {
		margin: 5px;
		width: 158px;
	}
	.linha {
		margin-left: -30px;
		margin-right: -30px;
		img {
			width: 100%;
		}
		a {
			.title {
				background-color: @azul;
				padding: 20px;
				color: @amarelo2;
				font-size: 18px;
				margin-bottom: 20px;
			}
			&:hover {
				text-decoration: none;
				opacity: 0.9;
			}
		}
	}
	&.container {
		padding-left: 0px;
	}
}

.endereco {
	font-size: 22px;
	margin-top: 85px;
}

.btn-primary {
	background-color: @azul;
	border-color: darken(@azul, 25%);
	&:focus,
	&:hover {
		background-color: darken(@azul, 10%);
		border-color: darken(@azul, 50%);
	}
}