@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

body { margin: 0 auto; background-color: #FEFEFE; font-family: 'Roboto Condensed', 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 { float: left; width: 100%; font-weight: normal; margin: 0; line-height: 1.5;}
body img { border: 0;}
body input { font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #090F14; border: 0; outline: 0;}
body select { font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #090F14; border: 0; outline: 0;}
body textarea { font-family: 'Roboto Condensed', sans-serif; font-size: 1em; color: #090F14; border: 0; outline: 0;}

body .border {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .tempo {-webkit-transition: 0.8s ease-in; -moz-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
body .sombra { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
body .centro { text-align: center;}

header { position: fixed; width: 100%; background-color: #E2E2E2; z-index: 300;}
header .logo { float: left; margin: 0 0 0 5%; font-size: 0;}
header .logo img { height: 135px;}

header .chave { position: absolute; width: 40px; height: 40px; top: 20px; left: 2%; z-index: 1; display: none;}
header .chave .ico { float: left; width: 40px; height: 40px; background-position: 50%; background-repeat: no-repeat;}
header .chave .ico.abre { background-image: url(../imagens/abre.png?a=2);}
header .chave .ico.fecha { background-image: url(../imagens/fecha.png?a=2); display: none;}

header .topo { float: right; margin: 0 5% 0 0;}
header .topo .menu { float: left;}
header .topo .menu a { float: left; padding: 62px 30px 51px; margin-left: -2px; border-right: 2px solid #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #000000; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg);}
header .topo .menu a:hover { background-color: #FFFFFF !important; color: #000000 !important;}
header .topo .menu a.ativo { background-color: #FFFFFF; color: #000000; border-right: 2px solid #FFFFFF; }
header .topo .menu a b { float: left; -webkit-transform: skewX(15deg); -ms-transform: skewX(15deg); -moz-transform: skewX(15deg); -o-transform: skewX(15deg); transform: skewX(15deg);}
header .topo .menu:hover a.ativo { background-color: transparent; color: #FFFFFF;}

header.fixed .logo img { height: 77px;}
header.fixed .topo .menu a { padding: 31px 30px 24px;}

footer { float: left; width: 100%; margin: 5px 0 0; position: relative;}
footer .rodape { float: left; width: 92%; padding: 30px 4% 5px; background-color: #2253AB;}
footer .rodape .tab { float: left; width: 31.3%; margin: 0 1% 20px;}
footer .rodape .tab h2 { float: left; width: 100%; padding: 10px 0 8px; background-color: #2777A9; line-height: 1; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 1.2em; color: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
footer .rodape .tab a { float: left; width: 94%; padding: 10px 3% 8px; border-bottom: 1px solid #ffffff1d; font-size: 1em; color: #FFFFFF;}
footer .rodape .tab a:hover { text-decoration: underline;}
footer .rodape .tab img { float: left; padding: 4px; border: 1px solid #008DB5; margin: 3px;}
footer .copyright  { float: left; width: 100%; padding: 20px 0 15px; background-color: #000000; text-align: center; font-size: 0.9em; line-height: 2; color: #808C92;}
footer .copyright a { color: #808C92;}
footer .copyright a:hover { color: #FFFFFF;}

@media only screen and (max-width: 1000px){
	header .chave { display: block;}
	header .topo { width: 100%; margin: 0; display: none;}

	header .logo { width: 100%; margin: 2px 0 0; text-align: center;}

	header .topo .menu { width: 100%;}
	header .topo .menu a { width: 90%; padding: 31px 5% 24px; background-color: #2281BD; margin-left: 0; border-right: 0; border-bottom: 1px solid #003E58; -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg); -moz-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}
	header .topo .menu a b { -webkit-transform: skewX(0deg); -ms-transform: skewX(-15deg); -moz-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg);}

	header.fixed .topo .menu a { padding: 31px 5% 24px;}
}
@media only screen and (max-width: 990px){
	footer .rodape .tab { width: 48%;}
}
@media only screen and (max-width: 500px){
	footer .rodape .tab { width: 98%;}
}