@import url('normalize.css');
@import url('foundation.css');
@import url('../fonts/font.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700');
@import url('../font-awesome-4.5.0/css/font-awesome.min.css');
/*****************************************************
GERAL*/
body {
	background: url('../img/bg.jpg') no-repeat center center;
	background-color: #e2e3e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}

.row { max-width: 73em; }

.row.geral {
	background-color: #eeeeee;
	margin-top: 0;
	padding: 15px 0 0 0;
	-webkit-box-shadow: -1px 5px 40px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px 5px 40px 0px rgba(0,0,0,0.3);
	box-shadow: -1px 5px 40px 0px rgba(0,0,0,0.3);
}

/*****************************************************
HEADER*/
header { padding: 40px 0 0 0; }

header .logos { margin-bottom: 30px; }

header .menu { background-color: #dbdbdb; padding: 0; margin: 0 0 -8px 0; }

header nav { text-align: center; padding: 0; margin: 0; }

header nav ul.large-block-grid-12 li { padding: 10px 0 10px 0; height: 60px; width: 8.25%; }

[class*="block-grid-"]{ margin: 0; }

header nav ul.large-block-grid-12 li:first-child { height: 68px; }

header nav ul {
	margin: 0;
	padding: 0;
}

header nav ul li {
	display: inline;
	float: left;
	overflow: hidden;
	line-height: 0.8;
	margin: 0;
	border-right: 0.5px solid #eeeeee;
}

header nav ul li:last-child { border: none; }

header nav ul li.active {
	background-color: #eeeeee;
	padding: 26px 28px 25px 28px;
	margin: -8px 0 0 0;
	-webkit-box-shadow: 6px -18px 50px -4px rgba(0,0,0,0.17);
	-moz-box-shadow: 6px -18px 50px -4px rgba(0,0,0,0.17);
	box-shadow: 6px -18px 50px -4px rgba(0,0,0,0.17);
	border: none;
}

header nav ul li a {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #000;
}

header nav ul li a:hover { color: #363636; }
.logo, .midias {float:rigth; text-align:right  }
.midias { margin-right: 10px; font-size:2em; }
.midias a { color:#33414d}
/*****************************************************
BANNER*/
.banner {
	padding-left: 30px;
	padding-bottom: 20px;
	text-align: center;
	background: url('../img/banner.jpg') no-repeat center center;
	background-color: #e2e3e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
}

.banner h2 {
	font-family: 'Champagne';
	font-size: 4em;
	color: #fff;
	margin-top: 330px;
}

.banner p {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 0.95em;
	color: #fff;
	margin: 20px 0 20px 0;
}

.banner a.button {
	font-family: 'Open Sans';
	font-weight: 700;
	font-size: 1.1em;
	color: #fff;
	background-color: #77bae8;
	border-radius: 3px;
	margin: 0 0 0 15px;
}

.banner a.button:hover { background-color: #4b98cc; }

/*****************************************************
CHAMADAS*/
.chamadas { padding: 40px 30px 0 30px; }

.chamadas img {
	width: 100%;
	margin-bottom: 10px;
}

.chamadas h2 {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1.37em;
	color: #000;
	margin: 0;
}

.chamadas p {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 0.75em;
	color: #000;
	line-height: 1.2;
	margin: 10px 0 10px 0;
}

.chamadas .center { text-align: center; }

/*****************************************************
CONTENT*/
.content {
	padding: 20px;
}

.content h1 {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 2.3em;
	font-style: normal;
	color: #000;
}

.content h2 {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 1.37em;
	font-style: normal;
	color: #000;
	margin: 0;
}

.content p,.content ul li {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 0.95em;
	color: #000;
	line-height: 1.2;
}

.content ul li a {
	margin: 10px 0 10px 0;
	font-size: 1em;
	line-height: 2;
}

/*****************************************************
FOOTER*/
.row.footer { margin-top: 30px; }

.footer {
	padding: 80px 30px 110px 30px;
	background: url('../img/footer.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top;
	text-align: center;
}

.footer h2,.footer address,.footer p.infos {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1.37em;
	font-style: normal;
	color: #fff;
	text-align: center;
	margin: 0;
}

.footer address,.footer p.infos { text-align: left; }

.footer p.infos { margin-top: 30px; }

.footer p.infos a { color: #fff; }

.footer p {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 0.75em;
	text-align: center;
	color: #fff;
	line-height: 1.2;
	margin: 10px 0 10px 0;
}

.footer a.button {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1.37em;
	color: #fff;
	background-color: #47bcea;
	margin: 30px 25px 0 25px;
}

.footer a.button:hover { background-color: #4b98cc; }

/*****************************************************
AVISO*/
.aviso { padding: 20px 0 30px 0; }

.aviso p {
	font-family: 'Open Sans';
	font-size: 0.62em;
	color: #33414d;
	text-align: center;
}

/*******************************************
MENU MOBILE*/
.tab-bar {
  height: 80px;
  background-color: transparent;
}

.tab-bar img { margin-top: 10px; }

.tab-bar .left-small { border-right: none; }
.tab-bar .menu-icon span::after { box-shadow: 0 0 0 1px #33414d, 0 7px 0 1px #33414d, 0 14px 0 1px #33414d; }
.left-off-canvas-menu { background-color: #e2e3e5; }
ul.off-canvas-list li a { text-align: left; color: #33414d; border-bottom: 1px solid #d6d6d6; }
ul.off-canvas-list li a:hover,ul.off-canvas-list li a:active { background: #d6d6d6; }
ul.off-canvas-list li ul li { list-style: none; }

/*****************************************************
MEDIAS QUERIES*/
@media only screen and (min-width: 64em) {
	.tab-bar { display: none; }
}

@media only screen and (max-width: 40.063em) {
	header { display: none; }
	.tab-bar { height: 70px; }
	.banner { padding: 0 0 10px 0; background: url('../img/banner-mobile.jpg') no-repeat center center; }
	.banner h2 { font-size: 2em; margin-top: 120px; }
	.banner p { font-size: 0.85em; }
	.banner a.button { font-size: 1em; margin: 0 0 0 10px; }
	.chamadas { padding: 0 10px 0 10px; }
	.chamadas .columns { margin-top: 40px; }
	.chamadas h2 { font-size: 1em; }
	.content h1 { font-size: 1.8em; }
	.footer a.button { font-size: 1em; padding: 10px 0 10px 0; width: 100%; margin: 3px 0 3px 0; }
	.footer address,.footer p.infos { text-align: center; }
	.footer address,.footer p.infos { font-size: 1em; }
	.footer address { margin-top: 20px; }
	.footer p { margin-bottom: 20px; }
	.footer { padding: 15px 10px 15px 10px; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header { display: none; }
	.banner h2 { font-size: 2.5em; margin-top: 250px; }
	.banner p { font-size: 0.95em; margin: 10px 0 20px 0; }
	.banner a.button { font-size: 1.1em; margin: 0 0 0 15px; }
	.footer a.button { font-size: 1em; padding: 10px 20px 10px 20px; margin: 10px 3px 0 3px; }
	.footer address,.footer p.infos { font-size: 1em; }
	.footer { padding: 10px 30px 60px 30px; }
}