@charset "utf-8";

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap Regular'), local('Asap-Regular'), url(https://fonts.gstatic.com/s/asap/v5/d_2oOOkhE5_uQ6s6D0T62A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap Regular'), local('Asap-Regular'), url(https://fonts.gstatic.com/s/asap/v5/iadKCBVahjA5ul3LDhwH7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap Regular'), local('Asap-Regular'), url(https://fonts.gstatic.com/s/asap/v5/oiVlPAjaPL0EznW3E5Z2DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v5/xpVluZz3EdZTMPK58lvGZvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v5/ovPqj5yHJvE65V38pSjaNfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v5/YUlqaYZPVSsAAN2ZtG3iyA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	margin: 0 auto;
	font-family: 'Asap', sans-serif;
	font-size:15px;
}

a:link {text-decoration:none;color:#000000;}
a:visited {color:#000000;}
a:hover {color: #555555;}
a:active {color:#555555;}

h1, h2, h3, h4, h5 { float:left; width:100%;  font-weight:normal; margin:0; line-height:1.7; } 
h1, h2 { font-size:3em;}
img { border:0;}

.center { margin:0 auto; width: 85%;}
.border4 {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.sombra { -webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2);}
.t4 {-webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
.t8 {-webkit-transition: 0.8s ease-in; -moz-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
.n { display: none;}

header { float:left; width:100%; padding: 10px 0 8px; position: relative;}
header .logo { float: left;}
header .menu { float: left; margin-top: 32px; margin-left: 5%;}
header .menu a { float: left; padding: 10px 8px 8px; margin-left: 5px; font-weight: bold; font-size: 1.1em; color: #000000;}
header .menu a:hover { color: #FFA400;}
header .menu .ativo { color: #FFA400;}
header .menu:hover .ativo { color: #000000;}

header .menu .submenu { float: left; position: relative; z-index: 200;}
header .menu .submenu .links { position: absolute; width: 150%; left: -25%; top: 32px; height: 0; padding: 0; background-color: #FFC800; overflow: hidden;}
header .menu .submenu .links a { width: 100%; padding: 8px 0 5px; border-bottom: 2px solid #FFFFFF; margin-left: 0; text-align: center;}
header .menu .submenu .links a:hover { background-color: #D8A900; color: #000000;}
header .menu .submenu:hover .links { height: auto;}

header .alunos { float: right; padding: 8px; margin-top: 33px; margin-right: 2%; background-color: #000000; color: #FFFFFF;}
header .alunos:hover { color: #FFEB00;}
header .sociais { float: right; margin-top: 32px; z-index: 100;}
header .sociais .ico { float: left; width: 25px; padding: 5px; margin-left: 3px; background-color: #000000; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}

header .icoMenu { float:right; width: 30px; height: 30px; padding: 35px 0 0; display:none; position:relative;}
header .icoMenu .abrirM { position:absolute; width:30px; height:30px; z-index:100;}
header .icoMenu .fecharM { position:absolute; width:30px; height:30px; z-index:0;}
header .icoMenu .fecharM.prioridade { z-index:200;}
header .icoMenu img { z-index:-10;}

header .mobile { display: none;}
header .descktop { display: block;}

footer { float:left; width:94%; padding: 0 3%; margin-top:4px; background-color: #090902;}
footer .desenvolvido { float:left; width:100%; padding:20px 0 15px; text-align:center; font-size:1em; line-height:1.5; color:#FFFFFF;}
footer .desenvolvido a { color:#FFFFFF;}

@media only screen and (max-width: 1100px) {
	header .menu { margin-left: 2%;}
	header .menu a { margin-left: 5px;}
}
@media only screen and (max-width: 1000px) {
	.center { width: 90%;}
	header .menu a { font-size: 1em; margin-left: 3px;}
	header .alunos { margin-right: 1%;}
}
@media only screen and (max-width: 900px) {
	header .icoMenu { display:block;}
	header .menu { position:fixed; width: 54%; padding: 5px 0; height: 100%; top: 0; left:-57%; margin-top: 0; margin-left: 0; background-color: #000000; border-right:5px solid #FFFFFF; z-index: 10000;}
	header .menu a { float: left; width: 92%; margin-top: 5px; margin-left: 2%; padding: 8px 2%; background-color: #222222; color: #FFFFFF;}
	header .menu:hover .ativo { color: #FFA400;}
	header .menu.mobile { left:0;}
	header .menu .submenu { width: 100%;}
	header .menu .submenu .links { position: relative; float: left; width: 100%; height: auto; left: 0; background-color: rgba(0,0,0,0.00); top: 0;}
	header .menu .submenu .links a { width: 43%; padding: 8px 2%; margin-left: 2%; border: 0; text-align: left;}
	header .menu .submenu .links a:hover { background-color: rgba(0,0,0,0.00); color: #FFA400;}
	header .menu .submenu .sub { background-color: #7B6739;}

	header .sociais { float: left; width: 100%; margin-top: 10px;}
	header .sociais a { width: auto; padding: 0; background-color: rgba(0,0,0,0.00);}
	header .sociais .ico { background-color: #222222;}

	header .mobile { display: block;}
	header .descktop { display: none;}
}
@media only screen and (max-width: 700px) {
	h1, h2 { font-size: 2em;}
	h3 { font-size: 1em;}
	header .menu { width: 70%; left: -78%;}
}
@media only screen and (max-width: 600px) {
	header .menu { width:65%; left:-80%;}
}
@media only screen and (max-width: 550px) {
	.center { width:95%;}
	header .menu { width: 80%; left:-88%;}
}