/******************** JQUERY ********************/

/* Oculta Objetos */
.bt-lupa-mobile {
	display:none;
}

/* Botão subir para topo */
.jquery-up {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	cursor:pointer;
}

/******************** GERAL ********************/

@font-face {
    font-family:'aileronregular';
    src:url('fontes/aileron-regular-webfont.ttf');
}

/* RESET */

* {
	margin:0;
	padding:0;
	border:none;
	font-family:'aileronregular';
	box-sizing:border-box; /* Impede que o padding expanda os elementos */
	outline:none; /* Remove borda do chrome */
}

html {
	background-color:#E1E1E1;
}

html, body {
	height:100%;
	min-height:100%;
}

body {
	width:100%;
}

/******************** TOPO ********************/

header {
	width:100%;
	height:90px;
	display:inline-table;
	background-color:#FFF;
	border-bottom:1.5px solid #D1D1D1;
}

header > .area {
	width:1000px;
	height:90px;
	margin:0 auto;
}

header > .area > .logo {
	width:250px;
	height:90px;
	float:left;
	/* interno */
	display:flex;
	justify-content:center;
	align-items:center;
}

header > .area > .logo > img {
	height:58px;
}

header > .area > #form_busca {
	width:500px;
	height:90px;
	float:left;
	margin-left:230px;
	/* interno */
	display:flex;
	align-items:center;
}

header > .area > #form_busca > input[name=busca] {
	width:440px;
	height:50px;
	float:left;
	padding-left:20px;
	font-size:15px;
	color:#777;
	border-radius:25px 0 0 25px;
	background-color:#F1F1F1;
	border:1px solid #F1F1F1;
}

header > .area > #form_busca > input[name=busca]:focus {
	border:1px solid #D1D1D1;
}

header > .area > #form_busca > .bt-lupa {
	width:55px;
	height:50px;
	float:left;
	cursor:pointer;
	border-radius:0 25px 25px 0;
	background-color:#0055A2; /* Azul */
	background-image:url(img/lupa.png);
	background-size:30px 30px;
	background-position:10px center;
	background-repeat:no-repeat;
}

header > .area > #form_busca > .bt-lupa:hover {
	transition:all 0.1s linear;
	background-color:#0098DA; /* Azul Claro */
}

/******************** SECTION ********************/

section {
	width:100%;
	display:flex;
}

section > .area {
	width:1000px;
	margin:0 auto;
}

/******************** DESTAQUES ********************/

section > .area > .destaque {
	width:1000px;
	height:470px;
	padding:15px 0 15px 0;
	display:inherit;
}

section > .area > .destaque > a {
	float:left;
	width:333px;
	height:220px;
	/* interno */
	display:flex;
	justify-content:center;
	align-items:center;
}

section > .area > .destaque > a > img {
	width:300px;
	height:195px;
	margin-left:5px;
	border-radius:15px;
}

/******************** TITULOS ********************/

section > .area > .titulo {
	width:100%;
	height:40px;
	/* interno */
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-weight:bold;
	color:#0055A2;
}

/******************** ATIVIDADES ********************/

section > .area > .atividade {
	width:1000px;
	padding:20px 0 0 0;
	float:left;
}

section > .area > .atividade > .bt {
	float:left;
	width:25%;
	height:60px;
	margin-bottom:12px;
	/* interno */
	display:flex;
	align-items:center;
	justify-content:center;
}

section > .area > .atividade > .bt > a {
	width:95%;
	height:60px;
	padding-right:10px;
	background-color:#FFF;
	border-radius:10px;
	text-decoration:none;
	font-size:15px;
	color:#0055A2;
	/* interno */
	display:flex;
	align-items:center;
}

section > .area > .atividade > .bt > a:hover {
	transition:all 0.1s linear;
	background-color:#DCEEFF;
}

section > .area > .atividade > .bt > a > img {
	width:16px;
	height:16px;
	margin:0 10px 0 15px;
}

/******************** RODAPE ********************/

footer {
	min-width:1000px;
	height:70px;
	margin-top:20px;
	background-color:#0055A2; /* Azul */
	/* interno */
	display:flex;
	justify-content:center;
	align-items:center;
}

footer > .texto {
	width:1000px;
	text-align:center;
	font-size:14px;
	color:#FFF;
}

footer > .texto > a {
	text-decoration:none;
	margin-left:25px;
	margin-right:25px;
	color:#FFF;
}

footer > .texto > a:hover {
	transition:all 0.1s linear;
	color:#0098DA; /* Azul Claro */
}