/* Copyright CiaByte Design - 2015 */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
/*Para navegadores antigos*/
header, section, footer, aside, nav, main, article, figure {display: block;}

* {margin: 0; padding: 0;}

body {
	background-color:rgb(0,0,0);
	color: rgb(255,255,255);
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.5;/*valor numérico*/
	letter-spacing:0;
}

.menu{padding:1em;width:auto;z-index:100;position: fixed;top:0;left:0;}
.menu:hover .conteudo{display:block;} 
.menu .conteudo{background-color:rgb(0,97,174);width:5em;max-width:80%;height:95%;position: fixed;top:0.5em;left:0.5em;border:1px solid rgb(255,255,255);overflow:auto;display:none;opacity: 0;transition: width 0.5s,opacity 0.5s;}
.menu .conteudo:hover{width:14em;opacity:1;}
.menu .conteudo a:visited {color:rgb(255,217,0);}
.menu .conteudo a:link {color:rgb(255,255,255);}
.menu .conteudo ul li{margin-top:0.25em;}

.azu{color:rgb(102,186,255);}
.am{color:rgb(255,217,0);}
.vm{color:rgb(253,37,19);}
.inst{background-color:rgb(102,186,255);color:rgb(0,0,0);font-weight:bold;padding:0em 0.5em;}
.breve {background-color:rgb(253,37,19);color:rgb(255,255,255);padding:0 0.5em;}



h1, h2, h3, h4, h5, h6, .fh1, .fh2, .fh3, .fh4, .fh5, .fh6 {font-weight:normal;}
.fh1 {font-size:2em;margin:2em 0 0.75em 0;text-align:center;color:rgb(102,186,255);}
.fh2 {font-size:1.5em;margin:0.75em 0 0.25em 0;text-align:center;color:rgb(255,217,0);}
.fh3 {font-size:1.2em;text-align:center;}
p {margin-top:0.5em;font-size: 1em;font-weight:normal;text-align:center;}

img {max-width: 100%;display:block;margin:2em auto;}
.container {max-width:85em;margin: 0 auto;padding:0 3em;}
.aulas {max-width:30em;margin: 0 auto;padding:0 3em;}
a:link {text-decoration:none;color:rgb(255,255,255);}
a:visited {text-decoration: line-through;color:rgb(180,180,180);}
a:hover {text-decoration:none;font-weight:bolder;color:rgb(255,217,0);}	
ul {
  list-style: none; /* Remove default bullets */
}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color:rgb(255,217,0); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width:0.8em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
ul li{margin-top:1em;}
ul li.qst::before {content: "";}
ul li.qst {padding-left:2em;}






.l {float:left;}
.d {float:right;}
.destaque{color:rgb(48,117,186);}
.az{color:rgb(48,117,186);}
.am{color:rgb(255,204,0);font-weight:bold;}

.atencao {font-size:127%;font-weight:bolder;color:rgb(255,112,0);}

/* .vm{color:rgb(199,32,39);font-weight:bold;} */
/* .atencao {font-size:127%;font-weight:bolder;color:rgb(199,32,39);} */
.inverter {transform: scaleX(-1);}


a.clic-div {display: block;height: 100%;width: 100%;text-decoration: none;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.relative {position:relative; top:0em; left:0em;}
.sup-info{color:rgb(48,117,186);}



ul.nivel0, ol.nivel0 {padding-left:1.5em;list-style-position:outside;margin-top:0.5em;}
ul.nivel1, ol.nivel1 {padding-left:3em;list-style-position:outside;margin-top:0.5em;}
ul.nivel2, ol.nivel2 {padding-left:6em;list-style-position:outside;margin-top:0.5em;}



video {max-width: 100%;}

.imagem-esquerda img{float:left;margin: 0 1.5em 0 0;}
.imagem-direita img{float:right;margin: 0 0 0 1.5em;}
.imagem-centro {display: block; margin: 0em auto;}

.fator {font-size: 1em;}
.fator-body {font-size: 1em;}
.col{width:48%;margin-top:2em;position:relative;}
.col h1, .col .fh1 {font-size:2em;margin-top:0.6em;}
.col h2, .col .fh2 {font-size:1.5em;margin-top:0.4em;}
.col h3, .col .fh3 {font-size:1.5em;margin-top:0.4em;}
.col-e{float:left;}
.col-d{float:right;}
.col-az{background:rgba(29,29,58, 0.05);width:42%;padding: 0 3% 2em 3%;}
.col-am{background:rgba(255,204,0, 0.30);width:42%;padding: 0 3% 2em 3%;}

.traco{width:75%;height:1px;margin:5em auto 1em auto;background:rgb(48,117,186);}
.traco-c{margin:3em auto;}
hr.hr1px  {border-top:1px solid rgb(29,29,58);}
hr.hr2px  {border-top:2px solid rgb(29,29,58);}

.simagora{background:url("imagens/sim-agora.png") top left no-repeat;overflow:hidden;display:block;margin:1em auto 0 auto;text-indent:10000px;
width:25.625em;height:4.25em;background-size:52.5em auto;}
.simagora:hover{background-position: top right;}	

.nao-quebra{white-space: nowrap;} /* em desuso */
.nq{white-space: nowrap;} /* não quebra */

/*Media Queries*/


@media screen and (max-width: 1540px) {
	.fator-body {font-size:0.875em;}
}

@media screen and (max-width: 1360px) {
	.fator-body {font-size:1em;}
}

@media screen and (max-width: 91em) {
	.fator  {font-size:0.9em;}
}
@media screen and (max-width: 77em) {
	.fator  {font-size:0.8em;}
}
@media screen and (max-width: 69em) {
	.fator  {font-size:0.7em;}
}
@media screen and (max-width: 68em) {
	.container {padding:0 1.5em;}
}
@media screen and (max-width: 37em) {
	.fb{display:none;}
	.container {padding:0 0.5em;}
	.col{width:100%;}
	.col-e, .col-d {float:none;}
	.col-az, .col-am {width:90%;padding: 0 5% 2em 5%;}
	.col h1, .fh1 {font-size:2.8em;margin-top:1em;}
	.col h2, .fh2 {font-size:2em;margin-top:0.75em;}
	.col h3, .fh3 {font-size:1.5em;}	
	.col p, li {margin-top:0.5em;font-size: 1.2em;font-weight:normal;}
}