@font-face {
	font-family: 'Fjalla One';
	font-weight: normal;
	font-style: normal;
	src: local('Fjalla One'), local('fontes/FjallaOne-Regular'), url('fontes/FjallaOne-Regular.ttf') format('truetype');
}
img {
	max-width: 100%;
	border: none;
}
* {
	box-sizing: border-box;
}
.cf:after {
	content: '';
	clear: both;
	display: block;
}
body {
	/*	background-color: #59554a;*/
/*	background-color: #ffffff;*/
	background-color: #e4f1f7;
	font-family: Arial, Helvetica, sans-serif;
	/* max-width: 980px; */
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
header {
	/*	width: 95%;*/
	height: 60px;
	/*	background-color: #000;	*/
	background-color: #4fa3ca;
	/*	margin-left: auto;
	margin-right: auto;*/
	padding-left: 20px;
	padding-right: 20px;/*	margin-bottom: 10px;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
/* }
#topo { */
	-moz-box-shadow: 2px 2px 10px #4b4c54, -2px -2px 10px #4fa3ca;
	-webkit-box-shadow: 2px 2px 10px #4b4c54, -2px -2px 10px #4fa3ca;
	box-shadow: 2px 2px 10px #4b4c54, -2px -2px 10px #4fa3ca;
	margin-bottom: 10px;	
}
header p {
	/*	color: #fff;*/
	margin-top: 0px;
	margin-bottom: 0px;
}
#nome {
	font-family: 'Fjalla One', sans-serif;
	color: #05005f;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	/* float: left; */
	/*	text-shadow: -2px -2px 5px #fff;*/
	text-shadow: -1px -1px 10px #fff, 1px 1px 10px #fff;
}
#email {
	/* float: right; */
	font-size: 12px;
	/* line-height: 60px; */
}
#email img {
	vertical-align: middle;
	margin-right: 5px;
}
#menu {
	height: 28px;
	background-color: #4b4c54;
}
#menu ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#menu ul li {
	float: left;
	text-align: center;
	background-color: #4b4c54;
	padding: 0;
	margin: 0;
	border-left: 2px solid #000000;
}
#menu ul li:last-child {
	border-right: 2px solid #000000;
}
.links_menu {
	text-decoration: none;
	color: #f6f6f6;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	line-height: 28px;
}
.links_menu:hover {
	background-color: #e4f1f7;
	color: #1994cc;
}
#active_link {
	padding-left: 15px !important;
	padding-right: 15px !important;
	line-height: 28px;	
	background-color: #e4f1f7 !important;
	color: #1994cc;	
}
#links_menu_home {
	display: block;
	width: 30px;
	height: 28px;
}
#links_menu_home img {
	margin-top: 6px;
}
#home {
	width: 30px;
	line-height: 28px;
	background-color: #fff;	
}

/* ============================
Conteúdo
=============================*/

#conteudo {
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
	flex-wrap: wrap;
}
#conteudo > section {
	flex: 1;
}

/* #conteudo > section:last-child {
	order: 3;
	flex: 1 1 calc(66.66% - 10px);
}
#conteudo > section:first-child {
	order: 1;
	flex: 1 1 calc(33.33% - 10px);
}
#conteudo > section:nth-child(2) {
	order: 2;
	flex: 1 1 calc(66.66% - 10px);
} */

/* #livros {
	float: left;
}	 */
#livros {	
	/* max-width: 480px; */
	/*	margin-left: 25px;*/
/*	background-color: #a8b20a; */
	background-color: #f6f6f6;
	/*	background-color: #ffffff;*/
	border: 1px solid #dedede;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	border-radius: 5px;
	/*	-webkit-box-shadow: 20px 20px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000, -2px -2px 10px #000;	
	box-shadow: 2px 2px 10px #000, -2px -2px 10px #000; */
	-moz-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	-webkit-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
}
/* #meio {
	float: left;
	width: 470px;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 300px;
	background-color: #ffffff;
	border: 1px solid #dedede;
	margin-left: 17px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	-webkit-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
} */
#lado_direito {
	/* float: right; */
	/* width: 480px;	 */
	/* margin-right: 25px; */
}
#info_tecnica, #cursos, #novidades, #noticias, #portfolio {
	/*	background-color: #a8b20a;*/
	background-color: #f6f6f6;
	border: 1px solid #dedede;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	-webkit-box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
	box-shadow: 2px 2px 10px #dedede, -2px -2px 10px #dedede;
}
#lado_direito ul {
	padding-left: 20px;
	margin-top: 0px;
}
/*#footer {
	clear: both;
	color: #fff;
	font-size: 18px;
	padding-left: 20px;
}*/
.titulo {
	text-decoration: none;
	/*	color: #64640a;*/
	color: #407a9c;
	font-size: 18px;
	font-weight: bold;
}
.livro {
	margin-bottom: 20px;
}
.capa {
	float: left;
	margin-right: 20px;
	text-align: center;
}
.livro_info {
	float: left; 
	font-size: 14px;
	margin-top: 10px;
}
.livro_info p {
	margin-top: 2px;
	margin-bottom: 2px;
}
.separador {
	clear: both;
}
.fim {
	clear: both;
}
h2 {
	color: #396a87;
	border-bottom: 1px solid #407a9c;
	padding-bottom:5px;
}
ul#info {
	margin-top:0px;
}

/* --------------------- */

.subtitulo {
	border-bottom: 1px solid #000;
}
.links_artigos {
	/* #64640a; */
	color: #407a9c;
	text-decoration: none;
}
.links_artigos:hover {
	text-decoration: underline;
}
.artigos_externos {
	margin-bottom: 0px;		
}
.datas_artigos {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;	
}
.sites {
	margin-top: 0px;
	font-size: 14px;	
}
.links_sites {
	color: #59554a;
	text-decoration: none;
}
.links_sites:hover {
	text-decoration: underline;
}
hr {
	border: 0;
	height: 1px;
	color: #f00;
	background-color: #f00;	
}

#lista_cursos li {
	margin-top: 10px;
}
#par_levelup {
	text-align: center;
}
@media only screen and (max-width: 600px) {
	header {
		height: auto;
		display: block;
	}
	header p {
		text-align: center;
	}
	#email {
		margin-bottom: 20px;
	}
	#conteudo {
		/* display: block; */
		flex-direction: column;
	}
	#conteudo > section:last-child {
		order: 3;
	}
	#conteudo > section:first-child {
		order: 2;
	}
	#conteudo > section:nth-child(2) {
		order: 1;
	}
	#livros {
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
	#conteudo > section:last-child {
		order: 3;
		flex: 1 1 40%;
	}
	#conteudo > section:first-child {
		order: 2;
		flex: 1 1 40%;
	}
	#conteudo > section:nth-child(2) {
		order: 1;
		flex: 1 1 100%;
	}
}
/* @media only screen and (max-width: 979px) {
	#livros, #lado_direito {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.portfolio_ex p {
		text-align: center;
	}
} */