@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Yantramanav:400,900');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700');

@font-face {
	font-family: 'aller_displayregular';
	src: url('../fonts/allerdisplay-webfont.woff2') format('woff2'), url('../fonts/allerdisplay-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body { margin: 0 auto; background-color: #33004F; font-family: 'Yantramanav', sans-serif; font-size: 16px;}
body a:link { text-decoration: none; color: #000000;}
body a:visited { color: #000000;}
body a:hover { color: #000000;}
body a:active { color: #000000;}
body h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0;} 
body img { border: 0;}

body .center { margin: 0 auto; width: 90%;}
body .sombra1 { -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.4);}
body .sombra2 { -webkit-box-shadow: 0 0 0 1px #CCCCCC; -moz-box-shadow: 0 0 0 1px #CCCCCC; box-shadow: 0 0 0 1px #CCCCCC;}
body .sombra3 { -webkit-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 13px -5px rgba(0,0,0,0.4); box-shadow: 0 0 13px -5px rgba(0,0,0,0.4);}
body .border4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .border100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
body .fundobranco { float: left; width: 90%; padding: 20px 5%; position: relative; z-index: 100;}
body .t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .t7 {-webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; -o-transition: 0.7s ease-in; transition: 0.7s ease-in;}
body .n { display: none;}

header { position: fixed; width: 100%; background-color: #33004F; z-index: 200;}
header .mmobile { display: none; position: absolute; width: 35px; height: 35px; top: 23px; right: 3%; z-index: 150;}
header .mmobile .abre { position: absolute; width: 100%; height: 100%; background-image: url(../imagens/icoAbrir.png); background-color: #FFFFFF;}
header .mmobile .fecha { display: none; position: absolute; width: 100%; height: 100%; background-image: url(../imagens/icoFechar.png); background-color: #FFFFFF;}

header .logo { float: left; margin: 10px 0 8px 5%;}
header .logo a { float: left;}
header .logo a img { float: left;}

header .padrao { float: right; margin: 42px 5% 0 0; position: relative;}
header .padrao .busca { float: left; padding: 0 5px 0 14px; background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden;}
header .padrao .busca .campo { float: left; width: 150px; height: 25px; margin: 6px 0 0; background-color: #FFFFFF; border: 0; outline: 0;}
header .padrao .busca .botao { float: right; width: 35px; height: 35px; margin-top: 2px; background-color: rgba(0,0,0,0.00); background-image: url(../imagens/icoBusca.png); background-repeat: no-repeat; background-position: 50%; cursor: pointer; outline: 0; border: 0;}
header .padrao .links { float: right; margin: 5px 0 0 40px;}
header .padrao .links a { float: left; padding: 5px 1px 4px; font-family: 'Quattrocento Sans'; font-weight: bold; font-size: 1.1em; color: #FFFFFF;}
header .padrao .links a:hover { border-bottom: 2px solid #FFFFFF !important;}
header .padrao .links a.ativo { border-bottom: 2px solid #FFFFFF;}
header .padrao .links:hover a.ativo { border-bottom: 2px solid #33004F;}
header .padrao .links b { float: left; width: 3px; height: 15px; margin: 7px 10px 0; background-color: #33004F;}

header .topo { float: left; width: 86%; height: 50px; padding: 0 7%; background-color: #ffe500; overflow: hidden; position: relative;}
header .topo .links { float: left;}
header .topo .links a { float: left; padding: 18px 15px 14px; border-left: 1px solid #FFFFFF; font-family: 'Quattrocento Sans'; font-weight: bold; font-size: 1em; color: #33004F;}
header .topo .links a:hover { background-color: #000000; color: #FFFFFF;}
header .topo .links a.ativo { background-color: #000000; color: #FFFFFF;}
header .topo .icones { float: right; margin: 12px 0 0; position: relative; z-index: 10;}
header .topo .icones .ico { float: left; width: 28px; height: 28px; margin-left: 5px; background-color: #FFFFFF; background-position: 50%; background-repeat: no-repeat;}
header .topo .icones .ico.instagram { background-image: url(../imagens/micoIns.png);}
header .topo .icones .ico.youtube { background-image: url(../imagens/micoYou.png);}
header .topo .icones .ico.facebook { background-image: url(../imagens/micoFace.png);}

header.fixed .topo { height: 0;}


footer { float: left; width: 100%; font-family: 'Quattrocento Sans';}
footer .whatsapp { float: left; width: 100%; padding: 25px 0 20px; margin: 20px 0 0; background-color: #459C5C; text-align: center;}
footer .whatsapp b { padding: 15px 0 10px 45px; background-image: url('../imagens/whatsapp.png'); background-position: 0 50%; background-repeat: no-repeat; font-size: 1.5em; color: #FFFFFF;}
footer .whatsapp:hover { background-color: #39884e;}
footer .sociais { float: left; width: 100%; padding: 40px 0 30px; background-color: rgb(0 0 0 / 50%); -webkit-box-shadow: 0 0px 15px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0px 15px -5px rgba(0,0,0,0.4); box-shadow: 0 0px 15px -5px rgba(0,0,0,0.4);}
footer .sociais .tab { width: 28%;}
footer .sociais .tab.ta1 { float: left; margin-left: 10%}
footer .sociais .tab.ta2 { float: left; margin-left: 5%;}
footer .sociais .tab.ta3 { float: left; margin-left: 1%;}
footer .sociais .tab .ico { float: left; width: 50px; height: 50px; background-size: 50px; margin: 0 7px 0 0; background-color: #FFFFFF;}
footer .sociais .tab .ico.facebook { background-image: url(../imagens/icoFace.png);}
footer .sociais .tab .ico.youtube { background-image: url(../imagens/icoYou.png);}
footer .sociais .tab .ico.instagram { background-image: url(../imagens/icoInst.png);}
footer .sociais .tab .nome { margin: 0 0 5px; text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #FFFFFF;}
footer .sociais .tab .link { float: left; padding: 4px 10px 3px; font-weight: bold; font-size: 1em; color: #FFFFFF;}
footer .sociais .tab .link.youtube { background-color: #EE0000;}
footer .sociais .tab .link.instagram { background-color: #222222;}
footer .sociais .tab .link.youtube:hover { background-color: #AA0000;}
footer .sociais .tab .link.instagram:hover { background-color: #000000;}
footer .rodape { float: left; width: 100%; padding: 20px 0 15px; background-color: #33004F;}
footer .rodape .copyright { float: left; margin: 9px 0 0; font-weight: bold; font-size: 1em; color: #FFFFFF;}
footer .rodape .divulgue { float: right; padding: 10px 10px 8px; background-color: #111111; font-weight: bold; font-size: 1em; color: #FFFFFF;}
footer .rodape .divulgue:hover { background-color: #000000;}

@media only screen and (max-width: 1200px) {
	header .logo { margin: 10px 0 8px 2%;}
	header .padrao { margin: 30px 2% 0 0;}
}
@media only screen and (max-width: 1100px) {
	body .center { width: 94%;}
	body .fundobranco { width: 94%; padding: 20px 3%;}

	header .logo a img { height: 65px;}
	header .padrao { margin: 25px 2% 0 0;}
}
@media only screen and (max-width: 1000px) {
	header .mmobile { display: block;}

	header .padrao { width: 100%; margin: 0;}
	header .padrao .busca { width: 94%; height: 50px; padding: 0 3%; background-color: #ffe500; border: 0;}
	header .padrao .busca .campo { width: 70%; height: 31px; padding: 1px 1% 0; margin: 10px 0 0; background-color: #ffe500; font-weight: bold; font-size: 1.1em; color: #33004F;}
	header .padrao .busca .campo::-webkit-input-placeholder { color: #33004F;}
	header .padrao .busca .campo:-moz-placeholder { color: #33004F;;}
	header .padrao .busca .campo:-moz-placeholder { color: #33004F;}
	header .padrao .busca .campo:-ms-input-placeholder { color: #33004F;}
	header .padrao .busca .botao { margin-top: 8px;}
	header .padrao .busca.border100 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
		
	header .padrao .links { display: none; width: 100%; margin: 0; background-color: #ffe500;}
	header .padrao .links a { width: 100%; padding: 10px 0; border-top: 1px solid #33004F; text-align: center; color: #33004F;}
	header .padrao .links a.ativo { border-bottom: 0;}
	header .padrao .links b { display: none;}

	header .topo { display: none; width: 100%; height: auto; padding: 0; margin: 1px 0 0;}
	header .topo .links a { width: 100%; padding: 18px 0 14px; border-left: 0; border-bottom: 1px solid #33004F; text-align: center;}
	header .topo .icones { margin: 12px;}

	header.fixed .topo { height: auto;}

	footer .sociais .tab { width: 25%;}
	footer .sociais .tab.ta1 { float: left; width: 40%; margin-left: 0}
	footer .sociais .tab.ta2 { float: left; margin-left: 5%;}
	footer .sociais .tab.ta3 { float: right; margin-left: 0;}
	footer .rodape .copyright { width: 100%; margin: 9px 0 0; text-align: center;}
	footer .rodape .divulgue { float: left; width: 96%; padding: 10px 2% 8px; text-align: center;}
}
@media only screen and (max-width: 700px) {
	header { position: relative;}

	footer .sociais .tab { width: 48%;}
	footer .sociais .tab.ta1 { float: left; width: 100%; margin-left: 0; margin-bottom: 20px;}
	footer .sociais .tab.ta2 { float: left; margin-left: 0;}
	footer .sociais .tab.ta3 { float: right; margin-left: 0;}
}
@media only screen and (max-width: 380px) {
	footer .sociais .tab { width: 100%;}
	footer .sociais .tab.ta2 { margin-bottom: 20px;}
}