@import "responsive-style.css";
@import "slideshow.css";
@import "animations.css";
@import url('https://fonts.googleapis.com/css?family=Muli');
* {
	box-sizing: border-box;
	outline: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	margin: 0;
	color: rgb(50,50,50);
}
h1, h2, h3, h4, h5 {
	font-weight: 100;
}

#wrapper {
	max-width: 1440px;
	margin: auto;
	min-height: 100%;
}
.top-menu img {
	position: relative;
	float: left;
	width: 6em;
	margin-top: 6px;
	margin-left: 6px;
}
.top-menu ul {
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: auto;
}
.top-menu li {
	float: left;
}
.top-menu li a {
	display: block;
	color: rgb(50,50,50);
	padding: 1em;
	text-decoration: none;
	margin-left: 25px;
}
.top-menu li a:hover:not(.active) {
	text-decoration: underline rgb(242, 203, 18);
}
.top-menu .active {
	text-decoration: underline rgb(242, 203, 18);
}
.servicos {
	position: relative;
	float: left;
	width: 100%;
	margin: 6% 0;
}
.servicos.servicos-coluna section{
	position: relative;
	float: left;
	width: 23%;
	margin: 0 1%;
	text-align: center;
}
.servicos.servicos-coluna section:nth-of-type(1) {
	animation: mover_esq_dir 2s ease-in-out;
}
.servicos.servicos-coluna section:nth-of-type(2) {
	animation: mover_esq_dir 1.5s ease-in-out;
}
.servicos.servicos-coluna section:nth-of-type(3) {
	animation: mover_esq_dir 1s ease-in-out;
}
.servicos.servicos-coluna section:nth-of-type(4) {
	animation: mover_esq_dir 0.5s ease-in-out;
}
.servicos.servicos-coluna a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
.servicos.servicos-coluna .servicos-link {
	display: block;
	color: rgb(0, 80, 124);
	text-decoration: none;
}
.servicos.servicos-coluna .servicos-texto-link:hover {
	text-decoration: underline rgb(242, 203, 18);
}
.servicos.servicos-coluna .servicos-link::after {
	margin-left: 4px;
	margin-top: 100px;
	content: ">";
	transition: all 200ms ease-in-out;
}
.servicos.servicos-coluna .servicos-link:hover:after {
	margin-left: 12px;
}
.servicos.servicos-coluna img {
	width: 96px;
	height: 96px;
}
.footer {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background-color: rgb(0, 80, 124);
}
.footer.footer-coluna section{
	position: relative;
	float: left;
	width: 33.3%;
	padding: 0.6% 4%;
	font-size: 90%;
	color: rgb(224, 224, 224);
}
.footer a {
	color: rgb(224, 224, 224);
	text-decoration: none;
}
.footer.footer-coluna a:hover{
	text-decoration: underline rgb(242, 203, 18);
}
#recipiente {
	position: relative;
}
#recipiente .conteudo.sobre:nth-of-type(even) {
	background-color: rgb(240, 240, 240);
	animation: mover_esq_dir 1s ease-in-out;
}
#recipiente .conteudo.sobre:nth-of-type(odd) {
	animation: mover_dir_esq 1s ease-in-out;
}
.conteudo {
	position: relative;
	float: left;
	padding: 2em;
	width: 100%;
	text-align: justify;
}
.conteudo h1 {
	width: 100%;
	color: rgb(0, 80, 124);
	margin-bottom: 1em;
}
.conteudo a {
	color: rgb(0, 80, 124);
	text-decoration: none;
}
.conteudo a:hover {
	text-decoration: underline rgb(242, 203, 18);
}
.conteudo .conteudo-texto {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 5%;
}
.conteudo .conteudo-imagem img {
	position: relative;
	float: left;
	vertical-align: middle;
	width: 47%;
	height: 50%;
	padding: 0 2%;
}
.conteudo .conteudo-moldura {
	position: relative;
	float: left;
	width: 20%;
	height: 14em;
	border-right: 1px solid rgba(80, 80, 80, 0.5);
	text-align: center;
	animation: fade 1s;
}
#recipiente .conteudo:nth-of-type(even) {
	background-color: rgba(240, 240, 240, 0.5);
}

.conteudo .conteudo-moldura img{
	border-radius: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.conteudo .conteudo-moldura h3 {
	margin-bottom: 0;
	margin-top: 0;
}
.conteudo .conteudo-moldura:nth-of-type(5) {
	border-right: none;
}
#google-map {
	position: relative;
	animation: mover_dir_esq 2s ease-in-out;
	padding: 2em;
	width: 50%;
}