@charset "utf-8";

/* fontes */

@font-face {font-family: "Helvetica Heavy"; src: url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff');}
@font-face {font-family: "Helvetica Medium"; src: url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff');}
@font-face {font-family: "Helvetica Bold"; src: url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff');}
@font-face {font-family: "Helvetica Roman"; src: url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff');}
@font-face {font-family: "Helvetica Light"; src: url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff');}
@font-face {font-family: "FontAwesome"; src: url('../fonts/fontawesome-webfont.eot?v=3.2.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/sfontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-social-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: "FontAwesomeSolid"; src: url('../fonts/fa-solid-900.woff') format('woff');}

/* global */

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* geral */

html {height:100%;}
body {height:100%;margin:0;padding:0/*;min-width:420px*/}
a {color:inherit;text-decoration:none;margin:0;padding:0;border:none}
input:required { box-shadow:none; }
input:invalid { box-shadow:none; }
select:required { box-shadow:none; }
select:invalid { box-shadow:none; }

/* icons */

i.icone:before {font-family:"FontAwesome";font-size:inherit;color:#FFF;font-weight:100;}
i.icone.twitter:before {content:"\f081";color:#ccc}
i.icone.facebook:before {content:"\f082";color:#ccc}
i.icone.google:before {content:"\f0d4";color:#ccc}
i.icone.youtube:before {content:"\f166";color:#ccc}
i.icone.instagram:before {content:"\f16d";color:#ccc}
i.icone.proximo:before {content:"\f105";background-color:#333}
i.icone.anterior:before {content:"\f104";background-color:#333}
.icone {font-family:"FontAwesome";}

/* board */

#board {width:100%;min-height:100%;position:relative;float:left;display:block;background-color:#f1f1f1}

/* areas */

main {margin-top:70px;width:100%;z-index:1;display:block;height:100%;position:relative;}
footer {background-color:#0b0b0b;width:100%;z-index:2;border-top:rgba(255,255,255,.08) solid 1px;text-align:center}
nav {display:block;margin:0;padding:0;text-indent:0;position:fixed;top:69px;left:-261px;width:240px;height:100%;background-color:#0b0b0b;z-index:3;border:#242424 solid 1px;transition:left ease .6s;border-left:none}
header {height:70px;background-color:#111;width:100%;transition:all ease .25s;position:fixed;z-index:4;border-bottom:rgba(255,255,255,.1) solid 1px}
section {z-index:2}

/* header */

header .logo {height:70px;width:90px;border-right:rgba(255,255,255,.1) solid 1px;position:absolute;top:0px;left:0px;transition:all ease .25s}
header .logo:hover {background-color:rgba(255,255,255,.1)}
header .logo img {height:48px;display:block;margin:0 auto;margin-top:10px;}
header .titulo {cursor:pointer;height:70px;position:absolute;top:0px;left:155px;font-size:1.6em;color:#e5e5e5;font-family:Arial;line-height:68px;transition:color ease .25s}
header .titulo:hover {color:rgba(255,255,255,.5)}
header .titulo a {}
header .botao {cursor:pointer;height:70px;position:absolute;top:0px;left:105px;color:#FFF;font-family:"Helvetica Bold";line-height:67px;font-size:21px;}
header .botao:before {font-size:24px;content:"\f0c9";font-family:"FontAwesome";color:#fff;width:50px;height:70px;display:block;float:left;text-align:center;line-height:70px;transition:color ease .25s}
header .botao:hover:before {color:rgba(255,255,255,.5)}
header .botao:hover {color:rgba(255,255,255,.5)}
header .busca {width:260px;position:absolute;right:-190px;transition:all ease .3s;height:70px;border-left:rgba(255,255,255,.1) solid 1px;}
header .busca.aberto {right:0;background-color:#111}
header .busca .icone {cursor:pointer;width:70px;height:70px;position:absolute;top:0;left:0;text-align:center;line-height:70px;transition:all ease .25s}
header .busca .icone:hover {opacity:.5}
header .busca .icone img {margin-top:24px}
header .busca .campo {width:100px;height:70px;position:absolute;top:0;left:70px;}
header .busca .campo input {margin-top:20px;border:none;outline:none;border-radius:3px;height:30px;line-height:30px;text-indent:7px;color:#666;transition:all ease .25s}

header .header-botoes{
	position:absolute;
	top:20px;
	right:70px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-end;
	margin:0;padding:0 5px;
}
header .header-botoes > div{
	position:relative;
	margin:0 5px;
}
header .header-botoes > div.apoie{margin-left:35px;}

header .apoie {/*position:absolute;right:315px;top:20px;*/padding:0px 15px;border-radius:4px;font-family:"Helvetica Medium";font-size:12px;line-height:30px;color:#fff;background-color:#09c;}
header .linguas {/*position:absolute;right:95px;top:20px;*/padding:0px 15px;border-radius:4px;font-family:"Helvetica Medium";font-size:12px;line-height:30px;border:transparent solid 1px;color:#fff;text-transform:uppercase;}
header .linguas span,header .linguas a:hover{text-decoration:underline;}
header .redessociais {/*position:absolute;right:145px;top:20px;*/padding:0px 15px;border-radius:4px;font-family:"Helvetica Medium";font-size:12px;line-height:30px;border:rgba(255,255,255,.1) solid 1px;color:#fff;}
header .redessociais a{outline:0;}
header .redessociais ul {position:absolute;top:35px;left:0;margin:0;padding:0;list-style:none;background-color:#111;border:rgba(255,255,255,.1) solid 1px;border-radius:3px;}
header .redessociais ul:not(.aberto){display:none;}
header .redessociais ul i.icone{font-size:24px;font-style:normal;vertical-align:middle;margin-right:10px;}
header .redessociais ul li a{display:block;padding:3px 15px;}
header .redessociais ul li:first-child a{padding-top:5px;}
header .redessociais ul li:last-child a{padding-bottom:5px;}
header .redessociais ul li a:hover {background-color:rgba(255,255,255,.1)}

/*
header .facebook {position:absolute;right:95px;top:20px;padding:6px 10px 6px 7px;border-radius:3px;border:rgba(255,255,255,.1) solid 1px;font-size:0px;transition:background-color ease .2s;cursor:pointer}
header .facebook:hover {background-color:#141414}
header .facebook .icone {display:inline-block;margin-right:6px;}
header .facebook .icone:before {font-family:"FontAwesome";content:"\f082";color:#CCC;font-size:15px;}
header .facebook .texto {font-family:"Helvetica Roman";font-size:12px;color:#CCC;padding-right:6px;display:inline-block;}
header .facebook .curtidas {font-family:"Helvetica Bold";font-size:12px;color:#FFF;padding-left:6px;display:inline-block;border-left:rgba(255,255,255,.085) dashed 1px;}
*/

/* nav */

nav.aberto {left:0px;}	
nav ul {display:block;padding:0;margin:0;list-style:none;}
nav li {text-indent:24px;height:24px;line-height:24px;color:#ddd;font-family:"Helvetica Light";font-size:15px;position:relative;letter-spacing:.3px}
nav > ul {margin-top:20px;border-bottom:#222 dashed 1px;margin-bottom:20px;padding-bottom:17px;}
nav > ul:last-child {border-bottom:none}
nav > ul li > ul {display:none;position:absolute;width:200px;border:#242424 solid 1px;padding:15px;background-color:#131313;border-left:none}
nav > ul li a:hover {color:#0CF}
nav > ul li:hover > ul {display:block;left:100%;top:-16px}
nav > ul li > ul:after, nav > ul li > ul:before {right: 100%;top:28px;border: solid transparent;content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;}
nav > ul li > ul:after {	border-color: rgba(19, 19, 19, 0);border-right-color: #131313;border-width: 15px;margin-top: -15px;}
nav > ul li > ul:before {	border-color: rgba(36, 36, 36, 0);border-right-color: #242424;border-width: 16px;	margin-top: -16px;}
nav .label {width:100%;font-family:"Helvetica Heavy";font-size:10px;text-transform:uppercase;margin-botom:2px;color:#444;line-height:11px;height:15px;}
nav ul.redessociais {padding:10px;padding-left:24px}
nav ul.redessociais li {display:inline-block;text-indent:0px;margin-bottom:5px;margin-right:3px}
nav ul.redessociais li:hover {background-color:transparent}
nav i.icone {font-size:32px;font-style:normal}
nav:after, nav:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
nav:after {border-color: rgba(19, 19, 19, 0);border-bottom-color: #0b0b0b;border-width: 15pxmargin-left: -15px;}
nav:before {border-color: rgba(90, 90, 90, 0);border-bottom-color: #2c2c2c;border-width: 16px;margin-left: -16px;}

/* footer */

footer .logo {width:60px;margin:0 auto;padding-top:35px;margin-bottom:30px;}
footer .redessociais {width:141px;margin:0 auto;margin-bottom:30px;font-size:17px}
footer .redessociais i.icone {margin:0;padding:0;display:inline-block;font-size:34px;font-style:normal}
footer .navegacao {display:inline-block;font-size:0px;vertical-align:top;margin-bottom:30px;text-align:left;margin-right:15%}
footer .navegacao ul {display:inline-block;vertical-align:top;list-style:none;padding:0;margin:0;margin-right:25px}
footer .navegacao ul li {margin:0;padding:0;line-height:20px;font-size:13px;font-family:"Helvetica Roman";}
footer .navegacao ul li ul {display:block;vertical-align:top;list-style:none;padding:0;margin:0;margin-right:25px;margin-bottom:10px}
footer .navegacao ul li ul li {margin:0;padding:0;line-height:22px;font-size:14px;font-family:"Arial";font-weight:100}
footer .navegacao li.espaco {height:16px}
footer .navegacao a {text-decoration:none;transition:all ease .25s;color:#ccc;}
footer .navegacao a:hover {color:#666}
footer .newsletter {width:250px;display:inline-block;position:relative;vertical-align:top;padding-bottom:20px}
footer .newsletter p {margin: 0;padding: 0;font-family: "Helvetica Bold";color: #aaa;font-size: 12px;margin-bottom: 12px;text-align: left;text-transform: uppercase;}
footer .newsletter input, footer .newsletter select {width: 100%; border-radius: 3px;  height: 43px;  line-height: 43px; text-indent: 13px;  font-size: 13px;  margin-bottom: 6px;  color: #999;  border: #222 solid 1px;  background-color: transparent;  font-family: "Helvetica Medium";}
footer .newsletter input:focus {background-color:#09C;color:#111;border:#09c solid 1px;outline:none}
footer .newsletter button {background-color: transparent;color: #999;border: #222 solid 1px; border-radius: 2px; height: 50px;line-height: 50px;padding: 0px 15px 0px 15px;font-family: "Helvetica Bold";font-size: 12px;margin-left: 140px; width: 110px;cursor: pointer;text-transform: uppercase;}
footer .newsletter button:hover {background-color:#09C;color:#111;border:#09c solid 1px}
footer .newsletter .erro {color:#F00;display:none}
footer .newsletter .sucesso {color:#090;display:none}
footer .newsletter .off {display:none;color:#F90}
footer .newsletter .enviando {display:none;color:#09C}				
footer .copyright {font-family:"Helvetica Medium";text-align:center;color:#777;font-size:13px;border-top:rgba(255,255,255,.07) solid 1px;line-height:70px;width:100%;margin-top:25px}

/* respon */

@media screen and (max-width:850px) {
	header .apoie {display:none}
	header .redessociais {display:none}
	footer .newsletter {margin:0 auto;float:none;display:block;clear:both}
	footer .navegacao {width:250px;margin-right:0}
	footer .navegacao ul {width:50%;margin:0;margin-bottom:5px}		
}

@media screen and (max-width:590px) {
	footer .navegacao {max-width:250px;}
	footer .navegacao ul {width:50%;margin:0;margin-bottom:5px}	
}

@media screen and (max-width:510px) {
	header .facebook {display:none}	
}

@media screen and (max-width:690px) {
	header .facebook .texto {display:none}	
}