@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: #FAFAFA; 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: 83%;}
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: 83%; padding: 20px 1.5%; margin: 320px 7% 0; background-color: #FAFAFA; 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: #FFFFFF; z-index: 200;}
header .mmobile { position: absolute; width: 35px; height: 35px; top: 23px; right: 3%; z-index: 150; display: none;}
header .mmobile .abre { position: absolute; width: 100%; height: 100%; background-image: url(../imagens/icoAbrir.png); background-color: #FFFFFF; z-index: 100;}
header .mmobile .fecha { position: absolute; width: 100%; height: 100%; background-image: url(../imagens/icoFechar.png); background-color: #FFFFFF; z-index: 0;}
header .mmobile .fecha.prioridade { z-index: 200;}

header .logo { position: absolute; top: 15px; padding: 0 0 0 7%; z-index: 100;}
header .logo a { float: left; }
header .logo a img { float: left;}

header .padrao { float: left; width: 86%; height: 80px; padding: 0 7%; position: relative;}
header .padrao .busca { float: left; padding: 0 5px 0 14px; margin: 24px 0 0 26%; background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden;}
header .padrao .busca .campo { float: left; width: 300px; 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); cursor: pointer; outline: 0; border: 0;}
header .padrao .links { float: right; margin: 29px 0 0;}
header .padrao .links a { float: left; padding: 5px 1px 4px; font-family: 'Quattrocento Sans'; font-weight: bold; font-size: 1.1em; color: #1F1E1E;}
header .padrao .links a:hover { border-bottom: 2px solid #1F1E1E !important;}
header .padrao .links a.ativo { border-bottom: 2px solid #1F1E1E;}
header .padrao .links:hover a.ativo { border-bottom: 2px solid #0fbbf6;}
header .padrao .links b { float: left; width: 3px; height: 15px; margin: 7px 18px 0; background-color: #0fbbf6;}

header .topo { float: left; width: 86%; height: 50px; padding: 0 7%; background-color: #0fbbf6; 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: #FFFFFF;}
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;}

header.mobile { height: 100%;}
header.mobile .padrao { width: 44%; height: 100%; padding: 65px 3% 20px;}
header.mobile .padrao .links { width: 100%; display: block;}
header.mobile .padrao .links { float: right; margin: 60px 0 0;}
header.mobile .padrao .links a { width: 94%; padding: 10px 3% 8px; margin: 2px 0; background-color: #EEEEEE; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
header.mobile .padrao .links a:hover { border-bottom: 0 !important; background-color: #1F1E1E !important; color: #FFFFFF !important;}
header.mobile .padrao .links a.ativo { border-bottom: 0; background-color: #1F1E1E; color: #FFFFFF;}
header.mobile .padrao .links:hover a.ativo { border-bottom: 0; background-color: #CCCCCC; color: #1F1E1E;}
header.mobile .padrao .links b { display: none;}
header.mobile .topo { width: 46%; height: 100%; padding: 10px 1% 0; margin: 128px 0 0;}
header.mobile .topo .links a {padding: 5px 3%; margin: 2px; border: 1px solid #FFFFFF;}
header.mobile .topo .icones { float: left;}
header.mobile .topo .icones .ico { margin-left: 0; margin-right: 5px;}

footer { float: left; width: 100%; font-family: 'Quattrocento Sans';}
footer .sociais { float: left; width: 100%; padding: 40px 0 30px; margin: 20px 0 0; background-color: #FFFFFF; -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;}
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;}
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: #0fbbf6;}
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: #CC0000; font-weight: bold; font-size: 1em; color: #FFFFFF;}
footer .rodape .divulgue:hover { background-color: #AA0000;}

@media only screen and (max-width: 1200px) {
	header .padrao .busca .campo { width: 200px;}
}
@media only screen and (max-width: 1100px) {
	body .center { width: 94%;}
	body .fundobranco { width: 91%; padding: 20px 1.5%; margin: 290px 3% 0;}
	header .logo { padding: 0 0 0 3%;}
	header .topo { width: 94%; padding: 0 3%;}
	header .padrao { width: 94%; padding: 0 3%;}
}
@media only screen and (max-width: 1000px) {
	body .fundobranco { margin: 260px 3% 0;}

	header .mmobile { display: block;}
	header .padrao .links { display: none;}

	header .logo { top: 10px;}
	header .topo { height: 0;}

	header .padrao { height: 121px;}
	header .padrao .busca { position: absolute; width: 94%; height: 50px; padding: 0 3%; margin: 72px 0 0; left: 0; background-color: #0fbbf6; border: 0;}
	header .padrao .busca .campo { width: 70%; height: 31px; padding: 0 1%; margin: 9px 0 0 2px; background-color: #0fbbf6; border: 1px solid #CC9A10;}
	header .padrao .busca .botao { margin-top: 9px;}
	header .padrao .busca.border100 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

	header.fixed { height: 72px;}
	header.fixed .busca { height: 50px; border: 0;}

	header.mobile { position: fixed; height: 100% !important;}
	header.mobile .padrao .busca { width: 188%; padding: 0 6%; margin: 0;}

	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;}
}
@media only screen and (max-width: 850px) {
	body .fundobranco { margin: 240px 3% 0;}
}
@media only screen and (max-width: 700px) {
	header { position: relative;}
	body .fundobranco { width: 94%; padding: 5px 0 0; margin: 0 0 0 3%;}

	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;}
	footer .rodape .copyright { width: 100%; margin: 9px 0 0; text-align: center;}
	footer .rodape .divulgue { float: left; width: 100%; padding: 10px 0 8px; text-align: center;}
}
@media only screen and (max-width: 380px) {
	footer .sociais .tab { width: 100%;}
	footer .sociais .tab.ta2 { margin-bottom: 20px;}
}