/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06/06/2017, 14:20:07
    Author     : daniel.teixeira
*/
html, body {
	font-family: 'Montserrat';
}

h2 {
	font-weight: bold;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

.verde {
	color: #449d44;
}

.vermelho {
	color: #d9534f;
}

.amarelo {
	color: #ec971f;
}

.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	box-shadow: 90px 40px 60px 0px rgba(0, 0, 0, 0.52), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.grid-item {
	padding: 50px;
}

.grid-item i {
	margin-bottom: 15px;
}

.grid-item:nth-child(8n+2), .grid-item:nth-child(8n+4), .grid-item:nth-child(8n+5),
	.grid-item:nth-child(8n+7) {
	background-color: #efefef;
}

.grid-item:nth-child(8n+1), .grid-item:nth-child(8n+3), .grid-item:nth-child(8n+6),
	.grid-item:nth-child(8n+8) {
	background-color: #FFF;
}

ul.list-check {
	list-style: none;
	padding: 0;
	font-size: 27px;
	color: #fff;
}

.list-check li {
	padding-left: 1.3em;
}

.list-check li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}

.solucao {
	position: absolute;
	top: calc(100% - 50px);
	width: calc(100% - 29px);
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #067594c2;
	color: #fff;
}

.recursos {
	padding: 70px 0px 70px 0px;
	background: rgba(236, 236, 236, 0.51);
}

.recursos .row:first-child {
	padding: 40px 0px 40px 0px;
}

@media ( min-width : 1200px) {
	.ficheiro {
		height: 100%;
		display: flex;
	}
}

.ficheiro {
	background-color: #fff;
	box-shadow: 0px 9px 0px 0px #fff, 0px -9px 0px 0px #fff, 0px 0px 0px
		rgba(0, 0, 0, 0.37);
}

.ficheiro .fi-menu {
	padding-right: 0px;
}

.ficheiro .fi-menu ul {
	list-style: none;
	padding: 0px;
}

@media ( min-width : 1200px) {
	.ficheiro .fi-conteudo {
		padding-left: 46px;
		box-shadow: 0 9px 0px 0px #fff, 0px -9px 0px 0px #fff, -6px 0px 9px
			rgba(0, 0, 0, 0.37);
	}
}

.ficheiro .fi-menu li.ativo {
	z-index: 1;
	position: relative;
}

.ficheiro .fi-menu li {
	margin-bottom: 10px;
	height: 40px;
}

body, header, nav, a, img, li {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.ficheiro .fi-menu li a {
	background: #0085f6;
	cursor: pointer;
	display: block;
	height: 40px;
	padding-left: 40px;
	top: 0;
	left: -10px;
	transition: background-color 0.3s;
	color: #FFF;
	text-decoration: none;
}

.ficheiro .fi-menu li.ativo a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -40px;
	width: 0;
	border: 20px solid;
	border-color: transparent transparent transparent #0085f6;
}

.ficheiro .fi-menu li a span {
	line-height: 40px;
	font-size: 14px;
}

.ficheiro h2 {
	margin-top: 0px;
}

.navbar li.active a {
	text-decoration: none;
	background-color: #eee;
}