@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #2F5FE0;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	margin-top: 30%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nomelogado {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#localadm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#postagens {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo-videos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-formulario {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-post {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo-files {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-base {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gridTitulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gridTitulo2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-dados-grid-material {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-dados-grid-mostrar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#dentro-grid-mostra-icones-mat {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-mostra-mate {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#telavideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#b_voltar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-postaaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#basebranca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseFormulario {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo_imput {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#inputs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botoes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botaoenviar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-busca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: linear-gradient(#036, #06C);
	border-radius: 8px 8px 0px 0px; 
}
#base_busca_aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cx_grid_aulas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#select-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botao-busca-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-busca-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulos-grid-buscaA {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#Materia {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#gris-titulo-acoes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#base-resulta-busca-grid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#livre-baixo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#base-aulas {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-top: 20%;
}

#rodape-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#cabeca-grid-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #039;
}

#titulo-left {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	text-align: left;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
}

#detalhes-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	color: #FFF;
	text-align: left;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: Arial;
	font-size: 12px;
}

#nome-arquivo-gd {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
}

#base-grid-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
}

#grid-descricao-mostra {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #666;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	padding-left: 1%;
}

#grid-aluno-aula {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #666;
	text-align: left;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #999;
}

#grid-aluno-arquivos {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #999;
}

#base-aluno-vervideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#botao-voltar-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#baseloginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#basebordalogin {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#baseespaco {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#baseforrecsenhaprof {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#recsenhafolgacima {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#recsenhaproftitu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#recsenhaprofcampo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#recsenhaprofbotao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#ban1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 10%;
}

#Homearealivre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#brevedescricao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#apresentacao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#apresbloco1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#livre2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#tituloProfessores {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	font-family: Arial;
	font-size: 24px;
	color: #999;
	text-decoration: underline;
	margin-right: 2%;
}

#tituloabertura {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	margin-top: 2%;
}

#textaberturaapres {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	font-family: Arial;
	font-size: 14px;
	color: #666;
	margin-right: 2%;
}

#Rodape {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
}

#RodapeblocoA {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#RodapeBlocoB {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#RodapeinfoDes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
}

#RATituloMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
}

#RAMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 1%;
	margin-bottom: 1%;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
}

#Banmenor {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#BlocoSobrenos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#sobrarodaprecsenhaprof {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#tituloanamnese {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamnese-cabecaform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamnese-baseform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamtitulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamimagetitulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamtituloforms {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamtitulocamps {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamTitucampP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamTitucampPInp {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anambsalvar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamTituloCamps25 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamTituloDtNasc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#anamcampDtNasc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamTitRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamCampRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamtitNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamCampNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBasebairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamTitBairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamCampBairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamTitCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamCampCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseTelefone {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseFormPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseEmail {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamTitPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseResCom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBase50Porc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamBaseVeCaracter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamRadiobase1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#AnamRadioBase1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#IndexBaseaulas {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
}

#INdexBaseImgemaula {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}

#IndexBaseTextoAula {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	color: #666;
}

#LoginalunoBasetela {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-right: 2%;
	box-shadow: -2px 2px 5px silver;
	border: 3px solid #1089FF;
	margin-top: 45%;
	border-radius: 4%;
}

#BaseiconeLoginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Textotitulobaseloginaluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#BaseCamploginaluno {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-top: 4%;
	margin-bottom: 4%;
}

#BaseloginBotaoenvia {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}

.bazul {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#2f5fe0;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

.bvermelho {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#F00;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

#Baselogalunolinks {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#LogABaseRecsenha {
	clear: none;
	float: left;
	margin-left: 0;
	width: 48%;
	display: block;
	margin-right: 2%;
	text-align: right;
	font-family: Arial;
	font-size: 16px;
	margin-top: 1%;
}

#LogaBaseCad {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 48%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	text-align: left;
	margin-top: 1%;
}

#cadbasebuscacof {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 40%;
	margin-right: 2%;
	margin-bottom: 0%;
	border: 1px solid #1089FF;
	box-shadow: -2px 2px 5px silver;
	border-radius: 8px 8px 8px 8px;
}

#cadtitulocpf {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #1089FF;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	/* [disabled]border-radius: 8px 8px 0px 0px; */
}

#cadinputcpf {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 3ex;
}

#espacocadastro {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#cadusertitulocampo {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 98%;
	display: block;
	font-family: Arial;
	font-size: 14px;
	color: #666;
	font-style: italic;
	font-weight: bold;
	margin-top: 3%;
	margin-right: 2%;
}

#caduserinput {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 98%;
	display: block;
	margin-right: 2%;
}

#caduserbasesobra {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#ValCadBaseMens {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 30%;
}

#ValCadLinhaAviso {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	text-align: center;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#ValCadRedirecionamento {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 20px;
}

#ValcadBaseNToken {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 30%;
	margin-right: 2%;
	box-shadow: -2px 2px 5px silver;
	border-radius: 3%;
	border: 1px solid #999;
}

#ValCadIconeToken {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
}

#ValCadMensToken {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	margin-top: 2%;
	margin-bottom: 2%;
}

#ValcadSeparaMens {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#ValCadBotaoG {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 6%;
	margin-bottom: 6%;
}

#RsenhaBasesenha {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-top: 30%;
	margin-right: 2%;
	border: 1px solid #428AFF;
	box-shadow: -2px 2px 5px silver;
	border-radius: 8px 8px 8px 8px;
}

#RecSenhaImgIcon {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#RecSenhaTituloCabeca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 20px;
	color: #428AFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#RecSenhaTituloCamp {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #428AFF;
	margin-top: 4%;
	margin-right: 2%;
}

#RecsenhaCampInput {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 96%;
	display: block;
	margin-right: 2%;
}

footer {
      background-color: #2F5FE0; /* cor da tarja */
      color: white;           /* cor do texto */
      text-align: center;     /* centraliza o texto */
      padding: 10px 0;        /* espaço interno (vertical) */
      position: fixed;        /* fixa no rodapé da tela */
      bottom: 0;
      width: 100%;
    }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nomelogado {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#localadm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#postagens {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo-videos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-formulario {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-post {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo-files {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-base {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gridTitulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gridTitulo2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-dados-grid-material {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-dados-grid-mostrar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#dentro-grid-mostra-icones-mat {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-mostra-mate {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#telavideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#b_voltar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-postaaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#basebranca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseFormulario {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo_imput {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#inputs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botoes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botaoenviar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-busca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base_busca_aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cx_grid_aulas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#select-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botao-busca-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-busca-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulos-grid-buscaA {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Materia {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gris-titulo-acoes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-resulta-busca-grid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#livre-baixo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-aulas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#rodape-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cabeca-grid-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#titulo-left {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#detalhes-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nome-arquivo-gd {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-grid-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-descricao-mostra {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-aluno-aula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#grid-aluno-arquivos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-aluno-vervideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botao-voltar-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseloginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#basebordalogin {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseespaco {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseforrecsenhaprof {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#recsenhafolgacima {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#recsenhaproftitu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#recsenhaprofcampo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#recsenhaprofbotao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ban1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Homearealivre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#brevedescricao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#apresentacao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#apresbloco1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#livre2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#tituloProfessores {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#tituloabertura {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#textaberturaapres {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Rodape {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RodapeblocoA {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RodapeBlocoB {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RodapeinfoDes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RATituloMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RAMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Banmenor {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BlocoSobrenos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sobrarodaprecsenhaprof {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#tituloanamnese {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamnese-cabecaform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamnese-baseform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamtitulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamimagetitulo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamtituloforms {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamtitulocamps {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamTitucampP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamTitucampPInp {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anambsalvar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTituloCamps25 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamTituloDtNasc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#anamcampDtNasc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTitRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamCampRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamtitNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamCampNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBasebairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTitBairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamCampBairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTitCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamCampCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseTelefone {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseFormPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseEmail {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTitPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseResCom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBase50Porc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseVeCaracter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamRadiobase1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamRadioBase1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IndexBaseaulas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#INdexBaseImgemaula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IndexBaseTextoAula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LoginalunoBasetela {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BaseiconeLoginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Textotitulobaseloginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BaseCamploginaluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BaseloginBotaoenvia {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Baselogalunolinks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LogABaseRecsenha {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LogaBaseCad {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cadbasebuscacof {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cadtitulocpf {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cadinputcpf {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#espacocadastro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cadusertitulocampo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#caduserinput {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#caduserbasesobra {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadBaseMens {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadLinhaAviso {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadRedirecionamento {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValcadBaseNToken {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadIconeToken {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadMensToken {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValcadSeparaMens {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ValCadBotaoG {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.bvermelho {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#F00;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

#RsenhaBasesenha {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#RecSenhaImgIcon {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#RecSenhaTituloCabeca {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#RecSenhaTituloCamp {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

#RecsenhaCampInput {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

footer {
      background-color: #2F5FE0; /* cor da tarja */
      color: white;           /* cor do texto */
      text-align: center;     /* centraliza o texto */
      padding: 10px 0;        /* espaço interno (vertical) */
      position: fixed;        /* fixa no rodapé da tela */
      bottom: 0;
      width: 100%;
    }

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	float: left;
	background-color: #FFF;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#menu {
	margin-left: 0;
	width: 100%;
	font-family: Arial;
	font-size: 16px;
}
#base1 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: 800%;
	margin-top: 3%;
}
#base {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #1089FF;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
}
#nomelogado {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #666;
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	height: 30px;
	padding-top: 5px;
}
#localadm {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #000;
	font-family: Arial;
	font-size: 20px;
	color: #FFF;
	height: 50px;
	padding-top: 15px;
}
#postagens {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin-top: 8%;
	text-align: center;
	margin-right: 25%;
	margin-left: 25%;
	margin-bottom: 2%;
	border: 0.5px none #999;
}
#titulo-videos {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #999;
	text-align: center;
	border: 0.5px solid #999;
	height: 40px;
	padding-top: 15px;
	font-family: Arial;
	font-size: 18px;
	color: #FFF;
	border-radius: 8px 8px 0px 0px;
}
#base-formulario {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#base-post {
	clear: none;
	float: left;
	margin-left: 20%;
	width: 60%;
	display: block;
	margin-right: 20%;
	margin-top: 2%;
	margin-bottom: 2%;
	border: 0.5px solid #CCC;
	border-radius: 8px 8px 8px 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#titulo-files {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	color: #999;
}
#grid-base {
	clear: both;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-right: 25%;
	background-color: #1565AE;
}
#gridTitulo1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 55%;
	display: block;
	color: #FFF;
	height: 30px;
	padding-top: 5px;
	padding-left: 1%;
}
#gridTitulo2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	color: #FFF;
	height: 30px;
	padding-top: 5px;
	border-left-width: 0.5px;
	border-left-style: solid;
	padding-left: 1%;
	text-align: center;
}
#base-dados-grid-material {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin-right: 25%;
	margin-left: 25%;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#base-dados-grid-mostrar {
	clear: none;
	float: left;
	margin-left: 0;
	width: 55%;
	display: block;
	padding-left: 1%;
	height: 33px;
	padding-top: 10px;
	font-size: 16px;
}
#dentro-grid-mostra-icones-mat {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 1%;
	text-align: center;
}
#base-mostra-mate {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 1%;
	border-top-width: 0.5px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#telavideo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#b_voltar {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4%;
	text-align: center;
}
#base-postaaluno {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-top: 5%;
	background-color: #999;
	margin-right: 25%;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	height: 40px;
	padding-top: 10px;
	border-radius: 8px 8px 0px 0px;
}
#baseform {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-right: 25%;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-bottom: 2%;
}
#basebranca {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#baseFormulario {
	clear: none;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	margin-right: 15%;
	text-align: center;
}
#titulo_imput {
	clear: both;
	float: left;
	margin-left: 0;
	width: 99%;
	display: block;
	text-align: left;
	padding-left: 1%;
}
#inputs {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 3%;
	height: 35px;
}
#botoes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#botaoenviar {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
}
#grid-busca {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	text-align: center;
	margin-right: 25%;
	background-image: url(linear-gradient(red, yellow);


); 
	color: #FFF;
	font-family: Arial;
	font-size: 18px;
	height: 40px;
	padding-top: 10px;
}
#base_busca_aluno {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	text-align: center;
	margin-right: 25%;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#cx_grid_aulas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#select-aluno {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 79%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
}
#botao-busca-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 20%;
	display: block;
	margin-top: 2%;
	margin-bottom: 1%;
	padding-top: 5px;
}
#grid-busca-aluno {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-right: 25%;
	margin-top: 2%;
	background-color: #039;
	font-size: 16px;
	color: #FFF;
}
#titulos-grid-buscaA {
	clear: none;
	float: left;
	margin-left: 0;
	width: 29%;
	display: block;
	padding-left: 1%;
	padding-top: 4px;
}
#titulos-grid-buscaA2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 29%;
	display: block;
	padding-left: 1%;
	padding-top: 4px;
}
#Materia {
	clear: none;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 1%;
	padding-top: 4px;
}
#Materia2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 1%;
	padding-top: 4px;
}
#gris-titulo-acoes {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: center;
	padding-top: 4px;
}
#gris-titulo-acoes2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	padding-top: 4px;
}
#base-resulta-busca-grid {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-right: 25%;
}
#livre-baixo {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 50px;
}
#base-aulas {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-top: 10%;
	margin-right: 25%;
}
#rodape-aluno {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	margin-top: 4%;
	margin-right: 5%;
}
#cabeca-grid-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #039;
}
#titulo-left {
	clear: none;
	float: left;
	margin-left: 0;
	width: 39%;
	display: block;
	padding-left: 1%;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	padding-top: 1%;
	padding-bottom: 1%;
}
#detalhes-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 39%;
	display: block;
	text-align: left;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	padding-top: 1%;
	padding-bottom: 1%;
}
#nome-arquivo-gd {
	clear: none;
	float: left;
	margin-left: 0;
	width: 8.9%;
	display: block;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1ex;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
}
#base-grid-aluno {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 0.5px;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#grid-descricao-mostra {
	clear: none;
	float: left;
	margin-left: 0;
	width: 39%;
	display: block;
	padding-top: 1.7%;
	padding-bottom: 1.7%;
	padding-left: 1%;
	font-family: Arial;
	font-size: 12px;
	color: #666;
}
#grid-aluno-aula {
	clear: none;
	float: left;
	margin-left: 0;
	width: 39%;
	display: block;
	text-align: left;
	padding-top: 1.7%;
	padding-bottom: 1.7%;
	padding-left: 1%;
	border-left-width: 0.5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	font-family: Arial;
	font-size: 12px;
	color: #666;
}
#grid-aluno-arquivos {
	clear: none;
	float: left;
	margin-left: 0;
	width: 8.9%;
	display: block;
	border-left-width: 0.5px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #999;
	padding-left: 1%;
	padding-top: 0.6%;
	padding-bottom: 0.6%;
}
#base-aluno-vervideo {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 1%;
	text-align: center;
}
#botao-voltar-aluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 2%;
}
#baseloginaluno {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #f2f2f2;

}
#basebordalogin {
	clear: both;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	margin-right: 35%;
	height: 300px;
	border: 0.5px solid #CCC;
	border-radius: 10px 10px 10px 10px;
}
#baseforrecsenhaprof {
	clear: both;
	float: left;
	margin-left: 32.5%;
	width: 35%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #999;
	margin-right: 32.5%;
	border-radius: 10px 10px 10px 10px;
	border: 0.5px solid #06F;
	margin-bottom: 18%;
}
#recsenhafolgacima {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 10%;
}
#recsenhaproftitu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 18px;
	color: #06F;
	margin-top: 4%;
	margin-bottom: 4%;
}
#recsenhaprofcampo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#recsenhaprofbotao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 5%;
	margin-bottom: 2%;
}
#ban1 {
	clear: none;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	margin-top: 3%;
	margin-right: 0px;
	margin-bottom: 0px;
}
#Homearealivre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#brevedescricao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 3%;
}
#apresentacao {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	margin-right: 10%;
}
#apresbloco1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	padding-right: 3%;
	padding-left: 3%;
}
#livre2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#tituloProfessores {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 30%;
	display: block;
	font-family: Arial;
	font-size: 32px;
	text-align: left;
	margin-bottom: 2%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #333;
}
#tituloabertura {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 36px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-top: 2%;
}
#textaberturaapres {
	clear: none;
	float: left;
	margin-left: 20%;
	width: 60%;
	display: block;
	margin-right: 20%;
	text-align: justify;
	font-family: Arial;
	font-size: 16px;
	color: #666;
	margin-top: 1%;
}
#Rodape {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
}
#RodapeblocoA {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	color: #FFF;
	margin-top: 1%;
}
#RodapeBlocoB {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	color: #FFF;
	margin-top: 1%;
}
#RodapeinfoDes {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	margin-top: 1%;
	margin-bottom: 0.5%;
}
#RATituloMenu {
	clear: none;
	float: left;
	margin-left: 50%;
	width: 50%;
	display: block;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 0.5%;
}
#RAMenu {
	clear: none;
	float: left;
	margin-left: 50%;
	width: 50%;
	display: block;
	text-align: left;
	color: #FFF;
	margin-top: 0.2%;
	margin-right: 0%;
	margin-bottom: 0.2%;
}
#Banmenor {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BlocoSobrenos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sobrarodaprecsenhaprof {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 9%;
}
#tituloanamnese {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4%;
	font-size: 42px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Gabriola;
	color: #F00;
}
#anamnese-cabecaform {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 79%;
	display: block;
	margin-top: 2%;
	margin-right: 10%;
	font-family: "Nickainley Normal";
	font-size: 24px;
	color: #399;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0.5%;
	padding-left: 0.5%;
}
#anamnese-baseform {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 79%;
	display: block;
	margin-top: 2%;
	margin-right: 10%;
	border: 0.5px solid #399;
	border-radius: 5px 5px 5px 5px;
	padding-right: 0.5%;
	padding-left: 0.5%;
	margin-bottom: 2%;
}
#anamtitulo {
	clear: none;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	text-align: left;
	font-size: 16px;
	color: #399;
	padding-top: 20px;
	margin-top: 1%;
	font-weight: bold;
}
#anamimagetitulo {
	clear: none;
	float: left;
	margin-left: 0;
	width: 4%;
	display: block;
	margin-top: 1%;
}
#anamtituloforms {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom-style: none;
	margin-bottom: 0.5%;
}
#anamtitulocamps {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-bottom: 1%;
}
#anamTitucampP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 16px;
	color: #399;
	text-align: left;
}
#anamTitucampPInp {
	clear: none;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	text-align: left;
	margin-right: 2%;
}
#anambsalvar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamTituloCamps25 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	margin-bottom: 1%;
}
#anamTituloDtNasc {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	font-size: 16px;
	color: #399;
}
#anamcampDtNasc {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	margin-bottom: 0%;
}
#AnamBaseRua {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align: left;
	margin-bottom: 1%;
}
#AnamTitRua {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #399;
}
#AnamCampRua {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamBaseNum {
	clear: none;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
	margin-bottom: 1%;
}
#AnamtitNum {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #399;
	text-align: left;
}
#AnamCampNum {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#AnamBasebairro {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	margin-bottom: 1%;
}
#AnamTitBairro {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	color: #399;
}
#AnamCampBairro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#AnamBaseCid {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-bottom: 1%;
}
#AnamTitCid {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	color: #399;
}
#AnamCampCid {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#AnamBaseTelefone {
	clear: none;
	float: left;
	margin-left: 0;
	width: 15%;
	display: block;
	margin-bottom: 1%;
}
#AnamBaseFormPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#AnamBaseEmail {
	clear: none;
	float: left;
	margin-left: 0;
	width: 35%;
	display: block;
	margin-bottom: 1%;
}
#AnamTitPadrao {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #399;
	text-align: left;
}
#AnamBaseResCom {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 1%;
}
#AnamBase50Porc {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-bottom: 1%;
}
#AnamBaseVeCaracter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #F00;
	text-align: left;
}
#AnamRadiobase1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AnamRadioBase1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 6%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #399;
	margin-top: 0.5%;
}
#IndexBaseaulas {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 18%;
	display: block;
	margin-top: 2%;
	margin-right: 1%;
	margin-bottom: 2%;
}
#INdexBaseImgemaula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#IndexBaseTextoAula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #666;
}
#LoginalunoBasetela {
	clear: none;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	margin-right: 35%;
	margin-top: 13%;
	margin-bottom: 0.5%;
	border: 3px solid #1089FF;
	box-shadow: -2px 2px 5px silver;
	border-radius: 8px 8px 8px 8px;
}
#BaseiconeLoginaluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Textotitulobaseloginaluno {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 24px;
	text-align: center;
	color: #CCC;
	padding-top: 6px;
	padding-bottom: 6px;
}
#BaseCamploginaluno {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	margin-right: 10%;
	margin-top: 4%;
	margin-bottom: 4%;
}
#BaseloginBotaoenvia {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}

.bazul {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#2f5fe0;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

#Baselogalunolinks {
	clear: none;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	margin-right: 35%;
	margin-bottom: 15%;
}

#LogABaseRecsenha {
	clear: none;
	float: left;
	margin-left: 0;
	width: 48%;
	display: block;
	text-align: right;
	font-family: Arial;
	font-size: 16px;
	color: #1089FF;
}

#LogaBaseCad {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #1089FF;
}

#cadbasebuscacof {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-right: 25%;
	margin-top: 6%;
	margin-bottom: 4%;
	border: 1px solid #1089FF;
	box-shadow: -2px 2px 5px silver;
	border-radius: 5px 5px 5px 5px;
}

#cadtitulocpf {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #1089FF;
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
}

#cadinputcpf {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-top: 2%;
	margin-right: 1%;
	margin-bottom: 2%;
	border-radius: 5px 5px 5px 5px;
}

#espacocadastro {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 10%;
	margin-bottom: 20%;
}

#cadusertitulocampo {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	font-style: italic;
	color: #666;
	margin-top: 0.5%;
}

#caduserinput {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	font-family: Arial;
	font-size: 14px;
	color: #666;
	text-align: left;
	margin-bottom: 1%;
}

#caduserbasesobra {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 6%;
	margin-bottom: 6%;
}

#ValCadBaseMens {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	font-family: Arial;
	font-size: 18px;
	color: #000;
	margin-right: 25%;
	margin-top: 6%;
	margin-bottom: 15%;
}

#ValCadLinhaAviso {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 24px;
	color: #666;
	margin-top: 1%;
	margin-bottom: 1%;
}

#ValCadRedirecionamento {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	text-align: center;
}

#ValcadBaseNToken {
	clear: none;
	float: left;
	margin-left: 40%;
	width: 20%;
	display: block;
	margin-right: 40%;
	background-color: #EFEFEF;
	margin-top: 10%;
	border-radius: 3%;
	box-shadow: -2px 2px 5px silver;
	border: 1px solid #999;
}

#ValCadIconeToken {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
}

#ValCadMensToken {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 16px;
	color: #666;
	margin-top: 2%;
	margin-bottom: 2%;
}

#ValcadSeparaMens {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 3%;
	margin-bottom: 3%;
}

#ValCadBotaoG {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align: center;
	margin-top: 6%;
	margin-bottom: 6%;
}

#RsenhaBasesenha {
	clear: none;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	margin-top: 6%;
	margin-right: 35%;
	border: 1px solid #428AFF;
	margin-bottom: 4%;
	border-radius: 8px 8px 8px 8px;
	box-shadow: -2px 2px 5px silver;
}

#RecSenhaImgIcon {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: center;
}

#RecSenhaTituloCabeca {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
	font-family: Arial;
	font-size: 20px;
	color: #428AFF;
}

#RecSenhaTituloCamp {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-top: 4%;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #428AFF;
}

#RecsenhaCampInput {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 3%;
}

}
.imput-titulo {
	height: 35px;
	width: 100%;
	border: 0.5px solid #999;
	font-family: Arial;
	font-size: 16px;
	color: #666;
}
.file {
	border: 0.5px solid #999;
	height: 35px;
	width: 100%;
	color: #999;
}
.comboboxalunos {
	height: 35px;
	width: 100%;
}
.input_aluno {
	height: 35px;
	width: 100%;
	border: 0.5px solid #999;
}
.inputrecsenha {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	height: 35px;
	font-family: Arial;
	font-size: 16px;
	color: #666;
}

.myButton {
	background-color:#1467cc;
	border-radius:13px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:16px 43px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#5395e6;
}
.myButton:active {
	position:relative;
	top:1px;
		
}

.our-team{
    text-align: center;
    background: #222;
    transition: all 0.3s ease 0s;
}
.pic img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
.post-title{
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}
.post{
    font-size: 13px;
    font-weight: 500;
    color:#bbb;
    display: block;
    margin: 5px 0 10px 0;
    text-transform: uppercase;
}
.our-team .description{
    color:#777;
    padding: 0 30px;
    margin-bottom: 20px;
}
.team_social{
	list-style: none;
	border-top: 2px solid #e67e22;
	padding: 28px 0 20px 0;
}
.team_social > li{
    display: inline-block;
    margin: 0 4px;
}
.team_social > li > a{
    border-radius: 50%;
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 36px;
    border: 1px solid #fff;
}
.team_social > li > a:hover{
    background: #e67e22;
    border: 1px solid #e67e22;
}
.our-team:hover{
    background: #272727;
    transition: all 0.3s ease 0s;
}
.our-team:hover .pic{
    transform: translateY(3px);
    transition: all 0.3s ease 0s;
}
@media screen and (max-width: 990px){
    .our-team{
        margin-bottom: 30px;
    }
	
	
.bazul {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#2f5fe0;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

.bvermelho {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
border-radius:4px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
background-color:#F00;
outline:none;
border:none;
cursor:pointer;
display:inline-block;
text-decoration: none;
transition: .4s;
}

footer {
      background-color: #2F5FE0; /* cor da tarja */
      color: white;           /* cor do texto */
      text-align: center;     /* centraliza o texto */
      padding: 10px 0;        /* espaço interno (vertical) */
      position: fixed;        /* fixa no rodapé da tela */
      bottom: 0;
      width: 100%;
    }
	
}

.buttonprof {
  font-size:12px;
  font-family:Arial;
  width:590px;
  height:43px;
  border-width:0px;
  color:#fff;
  border-color:rgba(245, 166, 35, 1);
  border-top-right-radius:15px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  text-shadow: 0px 0px 0px rgba(245, 166, 35, 1);
  background:rgba(245, 166, 35, 1);
}

.buttonprof:hover {
  background: rgba(245, 166, 35, 1)
}

@font-face {
	font-family: Gabriola;
	src: url(fonts/Gabriola.ttf)
}
@font-face {
	font-family: Nickainley Normal;
    src: url(fonts/Nickainley Normal.ttf)
}
.anamInput1 {
	height: 30px;
	width: 98%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.anaminputdata {
	height: 30px;
	width: 40%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
S
.InputNum {
	height: 30px;
	width: 9%;
	border: 0.5px solid #CCC;
}
.AnamInputNum {
	height: 30px;
	width: 80%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.AnamInpuEmail {
	height: 30px;
	width: 95%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.AnamInputTel {
	height: 30px;
	width: 90%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.AnamInput99 {
	height: 30px;
	width: 99%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.Anaminput30P {
	height: 30px;
	width: 30%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.AnamTextArea99P {
	height: 70px;
	width: 99%;
	border: 0.5px solid #CCC;
	border-radius: 6px 6px 6px 6px;
}
.input100 {
	font-family: Arial;
	font-size: 18px;
	color: #999;
	height: 50px;
	width: 100%;
	border: 0.5px solid #999;
	border-radius: 8px 8px 8px 8px;
}
.inputcaduser100X35 {
	height: 35px;
	width: 100%;
	border: 0.5px solid #999;
	border-radius: 5px 5px 5px 5px;
}
.caduserInput50x35 {
	font-family: Arial;
	font-size: 14px;
	color: #666;
	height: 35px;
	width: 50%;
	border: 0.5px solid #999;
	border-radius: 5px 5px 5px 5px;
}