body {
	max-width: 100%;
	font-size: 100%;
	background-color: #fff;
	letter-spacing: 0;
	overflow-x: hidden;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
}

/* Geral
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.seta {
	cursor: pointer;
}

.none {
	display: none;
}

/* Container
----------------------------------------------------------------------------------------------------*/

.container {
	width: auto;
	max-width: 960px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

/* TEXTO
----------------------------------------------------------------------------------------------------*/

.oswald {
	font-family: 'Oswald', sans-serif;
}

.xiomara {
	font-family: 'Pacifico', 'Xiomara', serif;
}

/* TOPO
----------------------------------------------------------------------------------------------------*/

.logo {
	position: relative;
	width: 190px;
	height: 90px;
	margin: 40px 0px 50px 60px;
	float: left;
}

.faixa1, .faixa2 {
	position: absolute;
	height: 6px;
	background-color: #ffd388;
}

.faixa1 {
	width: 72%;
	top: 62px;
	left: 28%;
	margin-left: 1px;
}

.faixa2 {
	width: 30%;
	top: 102px;
	right: 70%;
}

.search-form {
	margin: 15px;
	padding: 0;
	outline: 1px solid #EEE;
	width: 240px;
	height: auto;
}

.search-form input.search-text {
	font-size: 100%;
	color: #8D8D8D;
	font-family: sans-serif;
	background-color: #FFF;
	display: block;
	width: 200px;
	height: 20px;
	padding: 5px 5px;
	border: none;
	float: left;
}

.search-form input.search-text:focus::-webkit-input-placeholder, .search-form input.search-text:focus::-moz-placeholder, 
.search-form input.search-text:focus:-moz-placeholder, .search-form input.search-text:focus::-ms-input-placeholder {
	color: transparent;
}

.search-form input.search-submit {
	display: block;
	height: 30px;
	width: 30px;
	border: none;
	float: left;
	cursor: pointer;
	background-image: url("../img/btn_busca.png");
	background-repeat: no-repeat;
	background-position: top center;
}

.search-form input.search-submit:hover {
	background-position: bottom center;
}

.facebook, .twitter, .skype {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 15px;
	margin: 80px 5px 0;
	background-position: top;
	background-size: 20px;
	background-repeat: no-repeat;
}

.facebook {
	right: 10px;
	background-image: url(../img/facebook.jpg);
}

.twitter {
	right: 35px;
	background-image: url(../img/twitter.jpg);
}

.skype {
	right: 60px;
	background-image: url(../img/skype.jpg);
}

.facebook:hover, .twitter:hover, .skype:hover {
	background-position: bottom;
}

.menu-inst {
	position: absolute;
	right: 100px;
	top: 90px;
}

.menu-inst ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu-inst a {
	float: left;
	text-decoration: none;
	color: #67beeb;
	padding: 0.2em 1em;
	border-right: 1px solid #67beeb;
}

.menu-inst a:hover {
	text-decoration: underline;
}

.menu-inst li {
	display: inline;
}

/* MENU HORIZONTAL
----------------------------------------------------------------------------------------------------*/

.menu-principal {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 100px;
	padding: 0px;
	background: -webkit-linear-gradient(#00417d, #0056a2);
	background: -o-linear-gradient(#00417d, #0056a2);
	background: -moz-linear-gradient(#00417d, #0056a2);
	background: linear-gradient(#00417d, #0056a2);
	z-index: 2;
}

.menu-principal li.gradiente {
	background: -webkit-linear-gradient(#00417d, #0056a2);
	background: -o-linear-gradient(#00417d, #0056a2);
	background: -moz-linear-gradient(#00417d, #0056a2);
	background: linear-gradient(#00417d, #0056a2);
}

.menu-principal li.gradiente:hover {
	background: -webkit-linear-gradient(#0056a2, #00417d);
	background: -o-linear-gradient(#0056a2, #00417d);
	background: -moz-linear-gradient(#0056a2, #00417d);
	background: linear-gradient(#0056a2, #00417d);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
}

.menu-principal:after {
	content: url('../img/dir-menu.png');
	position: absolute;
	right: -91px;
}

.menu-principal:before {
	content: url('../img/esq-menu.png');
	position: absolute;
	left: -91px;
}

.menu-principal li {
	position: relative;
	float: left;
}

.menu-principal li ul {
	position: absolute;
	display: none;
	top: 100px;
	left: -32px;
	background: rgba(255,255,255,.9);
	padding: 4px 10px 4px 6px;
	border-radius: 5px;
	font-size: .70em;
}

.menu-principal li ul.sub1 {
	width: 620px;
	height: 310px;
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
}

.menu-principal li ul.sub2 {
	width: 340px;
	height: 310px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
}

.menu-principal li ul.sub3 {
	width: 240px;
	height: 240px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
}

.menu-principal li ul.sub4 {
	width: 240px;
	height: 210px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
}

.menu-principal li ul.sub5 {
	width: 240px;
	height: 280px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
}

.menu-principal li:hover ul {
	display: block;
}

.menu-principal li:hover ul:before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 60px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 5px solid #00417d;
}

.menu-principal li ul li {
	display: inline-block;
	text-transform: uppercase;
	width: 100px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 10px;
	text-align: center;
	float: left;
	border-bottom: 1px solid #acabab;
}

.menu-principal li ul li a {
	text-decoration: none;
	color: #0a2748;
}

.bg-banner {
	position: relative;
	background-image: url('../img/fundo2.gif');
	background-position: bottom center;
	background-repeat: repeat-x;
	margin-top: -73px;
	width: 100%;
	height: 471px;
}

.espiral {
	position: absolute;
	top: 100px;
	left: -35px;
	z-index: 6;
}

.auxiliar {
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 6;
}

.linha-produto {
	position: relative;
	float: left;
	margin: 0;
	height: 100px;
	width: 80px;
}

/* SLIDE
----------------------------------------------------------------------------------------------------*/

.slide {
	position: absolute;
	overflow: hidden;
	top: 100px;
	left: 0;
	width: 620px;
	height: 330px;
}

/* MENU VERTICAL
----------------------------------------------------------------------------------------------------*/

.menu-vertical {
	width: 25%;
	float: left;
	position: relative;
	margin: 60px 10px 60px -10px;
	background: -webkit-linear-gradient(#00587d, #0085a2);
	background: -o-linear-gradient(#00587d, #0085a2);
	background: -moz-linear-gradient(#00587d, #0085a2);
	background: linear-gradient(#00587d, #0085a2);
}

.menu-vertical ul li {
	font-size: 1.1em;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	color: #fff;
	height: 35px;
	padding-top: 7px;
	padding-left: 10px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px solid #0a2748;
}

.menu-vertical ul li.ultimo {
	border: none;
	height: 36px;
}

.menu-vertical ul li:hover {
	padding-left: 20px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #0a2748;
	border-top: 1px solid #0a2748;
	margin-top: -1px;
}

.menu-vertical ul li.ultimo:hover {
	border-bottom: none;
}

.menu-vertical ul li:hover:after {
	content: "";
	position: relative;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 12px solid #0a2748;
	float: right;
	margin-right: -12px;
	margin-top: -8px;
}

/* MIOLO
----------------------------------------------------------------------------------------------------*/

.miolo {
	width: 73%;
	position: relative;
	float: left;
	margin: 60px 0 60px 10px;
}

.titulo {
	width: 100%;
	position: relative;
	color: #fff;
	padding: 5px 5px 5px 10px;
	margin-bottom: 20px;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	background: -webkit-linear-gradient(#a60f56, #e51f7c);
	background: -o-linear-gradient(#a60f56, #e51f7c);
	background: -moz-linear-gradient(#a60f56, #e51f7c);
	background: linear-gradient(#a60f56, #e51f7c);
}

.produto {
	width: 29%;
	min-height: 335px;
	height: 335px;
	float: left;
	position: relative;
	text-align: center;
	outline: 1px solid #c5c5c5;
	padding: 0px 2%;
	margin: 0;
}

.produto h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	color: #303030;
	text-transform: uppercase;
	line-height: 1.3em;
}

.produto:hover h1 {
	text-decoration: underline;
}

.produto p {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	color: #303030;
	text-transform: none;
}

.produto img {
	width: auto;
	max-width: 90%;
	max-height: 181px;
	margin: 8px auto 12px auto;
}

/* RODAPÉ
----------------------------------------------------------------------------------------------------*/
.rodape {
	width: 100%;
	background: -webkit-linear-gradient(#00417d, #0056a2);
	background: -o-linear-gradient(#00417d, #0056a2);
	background: -moz-linear-gradient(#00417d, #0056a2);
	background: linear-gradient(#00417d, #0056a2);
}

.menu-rodape {
	position: relative;
	padding: 5px 0px 5px 15px;
	border-left: 1px solid #67beeb;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.5em;
}

.quebra-menu {
	float: left;
	width: 18%;
	margin-right: 1%;
	padding: 0;
}

.menu-rodape h1 {
	font-size: 1.25em;
	margin-bottom: 10px;
	font-weight: 300;
}

.menu-rodape a {
	color: #67beeb;
	font-family: 'Oswald', sans-serif;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
}

.menu-rodape a:hover {
	color: #67beeb;
	text-decoration: underline;
}

.institucional-rodape {
	position: relative;
	padding: 5px 0px 5px 15px;
	border-left: 1px solid #67beeb;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.5em;
}

.institucional-rodape h1 {
	font-size: 1.25em;
	margin-bottom: 10px;
	font-weight: 300;
}

.institucional-rodape a {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
}

.institucional-rodape a:hover {
	color: #fff;
	text-decoration: underline;
}

address {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
	font-weight: 300;
	font-size: 1.25em;
}

/* POPUP
----------------------------------------------------------------------------------------------------*/

.bg-popup {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 7;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}

.popup {
	position: relative;
	background-color: #fff;
	width: 48%;
	margin: 5% auto 5% auto;
	border-radius: 5px;
	padding: 30px 40px;
	overflow: hidden;
}

div.pop {
	position: relative;
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

img.pop {
	position: relative;
	width: 300px;
	height: 300px;
}

h1.pop {
	margin-top: 60px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #1f1f1f;
}

p.pop {
	text-align: left;
	max-width: 92%;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #1f1f1f;
	line-height: 1.5em;
	margin-top: 20px;
	margin-left: 20px;
}

a.pop {
	color: #1f1f1f;
}

.seletor {
	position: relative;
	float: left;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	width: 40%;
	padding: 15px 0px;
	border: 1px solid #ccc;
	color: #1f1f1f;
}

.seletor:hover, .seletor.active {
	color: #fff;
	background: -webkit-linear-gradient(#02a1b9, #0dc7e3);
	background: -o-linear-gradient(#02a1b9, #0dc7e3);
	background: -moz-linear-gradient(#02a1b9, #0dc7e3);
	background: linear-gradient(#02a1b9, #0dc7e3);
}

.seletor:after {
	content: "";
	position: absolute;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 10px solid #ccc;
	left: 50%;
	top: 100%;
	transform:translateX(-50%);
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%); 
}

.seletor:hover:after, .seletor.active:after {
	content: "";
	position: absolute;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 10px solid #0dc7e3;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%); 
}

/* FORMULÁRIOS
----------------------------------------------------------------------------------------------------*/

.form1 {
	font-family: arial, helvetica, sans-serif;
}

.form1 .caixa {
	position: relative;
	margin: 0 0 14px 20px;
	font-size: 0.8em;
	line-height: 1.4em;
	float: left;
}

.formtx {
	font-size: 1em;
	color: #818285;
	width: 98%;
	height: 24px;
	background-color: #ffffff;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid #9fa1a4;
}

.formta {
	font-size: 1em;
	color: #818285;
	width: 98%;
	height: 120px;
	background-color: #ffffff;
	padding: 1%;
	resize: none;
	border: 1px solid #9fa1a4;
	font-family: arial, helvetica, sans-serif;
}

.frmbtn1 {font-size: 1em;
	color: #ffffff;
	width: 80px;
	height: 28px;
	border: none;
	background-color: #00549f;
}

/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1240px) {
	.faixa1 {width: 78%; left: 22%;}
	.faixa2 {width: 24%; right: 76%;}
}

@media screen and (max-width: 900px) {
	.menu-principal {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%;}
	.menu-principal li {width: 9%; float: none;}
	.linha-produto {width: 100%; height: auto;}
}

@media screen and (max-width: 800px) {
	.menu-inst {display: flex; justify-content: center; align-items: center; top: 136px; right: 0; width: 100%;}
	.menu-rodape img {width: 100%;}
}

@media screen and (max-width: 640px) {
	.espiral, .auxiliar {display: none;}
	.bg-banner {margin-top: 0; height: auto; padding: 10px 0 20px 0;}
	.slide {position: relative; top: 0; width: 100%; height: 0; padding-top: 54%;}
	.bg-banner .nivoSlider {position: absolute !important; top: 0; left: 0; width: 100%; height: 100% !important;}
	.bg-banner .nivoSlider img {height: 100% !important;}
}

@media screen and (max-width: 540px) {
	.logo {margin: 10px 0px 50px 60px;} 
	.faixa1 {top: 32px;}
	.faixa2 {top: 72px;}
	.search-form {width: 38%; margin: 6px 6px 0 0;}
	.search-form input.search-text {width: 100%; height: 11px; font-size: 0.82em;}
	.search-form input.search-submit {position: absolute; top: 6px; right: 6px; height: 22px; width: 22px; background-size: 22px auto;}
	.facebook, .twitter, .skype {margin: 50px 5px 0;}
	.menu-inst {top: 110px;}
	.menu-principal {display: none; flex-wrap: wrap; height: auto;}
	.menu-principal li {width: 80px;}
	.menu-principal li.gradiente {background: transparent;}
	.menu-principal li ul.sub1 {z-index: 1;}
	.menu-vertical {width: 100%; margin: 0; float: none;}
	.menu-vertical ul {text-align: center;}
	.menu-vertical ul li {display: inline-block; margin: 0; padding-left: 20px; padding-right: 20px; border-bottom: none;}
	.menu-vertical ul li:hover {margin: 0; padding-left: 20px; padding-right: 20px; border-top: none;}
	.miolo {width: 100%; margin: 20px 0 40px 0; float: none;}
	.titulo {margin-bottom: 10px;}
	.produto {width: 45%;}
	.quebra-menu {width: 100%; margin-right: 0;}
	.menu-rodape {padding: 0 15px; margin-top: 0; margin-bottom: 0; text-align: center; border-left: none;}
	.menu-rodape.nomobile {display: none;}
	.institucional-rodape {padding: 5px 15px; margin-top: 20px; margin-bottom: 0; text-align: center; border-left: none;}
	.menu-rodape h1, .institucional-rodape h1 {margin-bottom: 6px;}
	address {margin-top: 20px;}
	.menu-rodape img {width: auto; margin-bottom: 40px;}
}

@media screen and (max-width: 440px) {
	.search-form {width: 30%;}
	.menu-inst {top: 114px;}
	.menu-inst li {text-align: center;}
	.menu-inst a {line-height: 1.2em;}
	.menu-principal {margin-top: 14px;}
	.bg-banner {margin-top: 4px;}
	.produto {width: 95%;}
}

@media screen and (max-width: 435px) {
	.menu-inst {top: 106px;}
	.menu-inst li:first-child a {padding: 0.8em 1em;}
}

@media screen and (max-width: 320px) {
	.faixa1 {top: 32px;}
	.faixa2 {top: 72px;}
	.search-form, .facebook, .twitter, .skype {display: none;}
}