﻿/******************************************************

	autor: INPUT CENTER INFORMÁTICA
	versão: 1.0.0
	atualizado em: 17/12/2009
	
******************************************************/

*{
  margin: 0;
  padding: 0;
  border: 0;
}
body{
  background: #000;
  color: #666;
  font-family: Arial, Tahoma, Verdana;
  font-size: 11px;
}
textarea{
	font-family: Arial, Tahoma, Verdana;
}
.clearBoth{
  clear: both;
}
div#container{
  width: 98%;
  min-width: 750px;
  margin: 0 auto;
  background: #FFF;
  overflow: hidden;
}
#container h1{
	display: none;
}
div#topo{
  width: 100%;
  height: 95px;
  position: relative;
}
div#topoLogo, div#topoDataMigalha{
	font-size: 11px;
  float: left;
}
div#topoLogo a{
  width: 213px;
  height: 95px;
  text-indent: -9999em;
  overflow: hidden;
  display: block;
}
div#topoBuscaLogout{
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  z-index: 9999;
}
a.logout{
  width: 85px;
  height: 26px;
  text-indent: -9999em;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
a#personalizar{
  width: 112px;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  padding-left: 24px;
  background: url(../layout/btnPersonalizarHome.png) no-repeat;
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  top: 68px;
  right: 0;
}
div.painelBusca{
  margin-top: 38px;
  position: relative;
}
div.painelBusca input.txtBusca{
	width: 227px;
	margin-right: 6px;
	padding: 3px 5px;
	border-left: 2px solid #999999;
	background: #FFF url(../layout/fundoTxtBuscar.jpg) repeat-x;
	color: #999999;
  font-size: 11px;
}
div.painelBusca input.btnBuscar{
  width: 13px;
  height: 14px;
  background: url(../layout/btnBuscar.jpg) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  *letter-spacing: 1px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 10px;
  top: 3px;
}
p#dataAtual{
  height: 20px;
  margin-top: 40px;
  color: #333;
}
p#migalhaPao{
  height: 20px;
  margin-top: 12px;
  color: #FFF;
}
p#migalhaPao a:link,
p#migalhaPao a:hover,
p#migalhaPao a:visited,
p#migalhaPao a:active{
  color: #FFF;
  text-decoration: none;
}
p#migalhaPao a:hover{
  text-decoration: underline;
}
div#corpo{
  width: 100%;
  background: #F5F5F5 url(../layout/fundoMenu.gif) repeat-y left;
}
div#colunaEsquerda{
  width: 205px;
  float: left;
  position:relative;
}
div#fotoAluno{
  width: 210px;
  height: 206px;
  padding-bottom: 5px;
  background: #F5F5F5;
}
div#lateralDireita{
  width: 10px;
  height: 206px;
  float: right;
}
div#fundoFoto{
  width: 190px;
  padding-left: 10px;
  height: 206px;
  color: #FFF;
  text-align: center;
  float: left;
}
div#fundoFoto img{
  margin: 10px auto 6px;
  border: 2px solid #FFF;
}
div#fundoFoto h5{
  font-size: 11px;
}
div#fundoFoto h6{
  font-size: 10px;
}
div#fundoFoto a{
  color: #FFF;
  text-decoration: none;
}
div#colunaEsquerda ul{
  list-style-type: none;
}
div#colunaEsquerda h4{
  width: 194px;
  height: 23px;
  line-height: 23px;
  padding-left: 11px;
  display: block;
  color: #FFF;
  font-size: 11px;
  background-image: url(../layout/fundoDegradeMenu.png);
}
div#colunaEsquerda ul ul{
  padding: 9px 1px;
}
div#colunaEsquerda ul ul li{
  background: url(../layout/separadorMenu.gif) no-repeat top;
}
div#colunaEsquerda ul li.primeiroItem{
  background: none;
}
/* Menu - Principal  */
div#colunaEsquerda ul ul a:link, 
div#colunaEsquerda ul ul a:active, 
div#colunaEsquerda ul ul a:visited{
  display: block;
  width: 191px;
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
  color: #666;
  font-size: 10px;
  text-decoration: none;
}
div#colunaEsquerda ul ul a:hover{
  background-color: #F5F5F5;
}
div#colunaEsquerda ul ul a span{
  width: 13px;
  height: 13px;
  margin: 3px 6px 0 0;
	text-indent: -9999em;
	overflow: hidden;
	float: left;
}
/*PRIMEIRA LINHA*/
div#colunaEsquerda ul ul a.menuProvas span{
  background: url(../layout/iconesMenu.png) no-repeat 0 0;
}
div#colunaEsquerda ul ul a.menuAjuda span{
  background: url(../layout/iconesMenu.png) no-repeat -13px 0;
}
div#colunaEsquerda ul ul a.menuDados span{
  background: url(../layout/iconesMenu.png) no-repeat -26px 0;
}
div#colunaEsquerda ul ul a.menuSenha span{
  background: url(../layout/iconesMenu.png) no-repeat -39px 0;
}
div#colunaEsquerda ul ul a.menuAniversariantes span{
  background: url(../layout/iconesMenu.png) no-repeat -52px 0;
}
div#colunaEsquerda ul ul a.menuAprofundamento span{
  background: url(../layout/iconesMenu.png) no-repeat -65px 0;
}
div#colunaEsquerda ul ul a.menuAvaliacoes span{
  background: url(../layout/iconesMenu.png) no-repeat -78px 0;
}
/*SEGUNDA LINHA*/
div#colunaEsquerda ul ul a.menuAvisos span{
  background: url(../layout/iconesMenu.png) no-repeat 0 -13px;
}
div#colunaEsquerda ul ul a.menuBoletim span{
  background: url(../layout/iconesMenu.png) no-repeat -13px -13px;
}
div#colunaEsquerda ul ul a.menuLancamento span{
  background: url(../layout/iconesMenu.png) no-repeat -13px -13px;
}
div#colunaEsquerda ul ul a.menuChat span{
  background: url(../layout/iconesMenu.png) no-repeat -26px -13px;
}
div#colunaEsquerda ul ul a.menuContato span{
  background: url(../layout/iconesMenu.png) no-repeat -39px -13px;
}
div#colunaEsquerda ul ul a.menuDownloads span{
  background: url(../layout/iconesMenu.png) no-repeat -52px -13px;
}
div#colunaEsquerda ul ul a.menuReserva span{
  background: url(../layout/iconesMenu.png) no-repeat -65px -13px;
}
div#colunaEsquerda ul ul a.menuForum span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -13px;
}
/*TERCEIRA LINHA*/
div#colunaEsquerda ul ul a.menuHorario span{
  background: url(../layout/iconesMenu.png) no-repeat 0 -26px;
}
div#colunaEsquerda ul ul a.menuPesquisa span{
  background: url(../layout/iconesMenu.png) no-repeat -13px -26px;
}
div#colunaEsquerda ul ul a.menuLicaoCasa span{
  background: url(../layout/iconesMenu.png) no-repeat -26px -26px;
}
div#colunaEsquerda ul ul a.menuAtrasos span{
  background: url(../layout/iconesMenu.png) no-repeat -39px -26px;
}
div#colunaEsquerda ul ul a.menuMelhoresAlunos span{
  background: url(../layout/iconesMenu.png) no-repeat -52px -26px;
}
div#colunaEsquerda ul ul a.menuClasse span{
  background: url(../layout/iconesMenu.png) no-repeat -65px -26px;
}
div#colunaEsquerda ul ul a.menuOcorrenciasCoordenacao span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -26px;
}
div#colunaEsquerda ul ul a.menuOcorrenciasEnfermaria span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -26px;
}
div#colunaEsquerda ul ul a.menuOcorrencias span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -26px;
}
/*QUARTA LINHA*/
div#colunaEsquerda ul ul a.menuPendencias span{
  background: url(../layout/iconesMenu.png) no-repeat 0 -39px;
}
div#colunaEsquerda ul ul a.menuTextoBoletim span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -26px;
}
div#colunaEsquerda ul ul a.menuTextoAlunos span{
  background: url(../layout/iconesMenu.png) no-repeat -78px -26px;
}
div#colunaEsquerda ul ul a.menuQuestoes span{
  background: url(../layout/iconesMenu.png) no-repeat -13px -39px;
}
div#colunaEsquerda ul ul a.menuRenovacao span{
  background: url(../layout/iconesMenu.png) no-repeat -26px -39px;
}
div#colunaEsquerda ul ul a.menuSimulados span{
  background: url(../layout/iconesMenu.png) no-repeat -39px -39px;
}
div#colunaEsquerda ul ul a.menuSolicitacoes span{
  background: url(../layout/iconesMenu.png) no-repeat -52px -39px;
}
div#colunaDireita{
  width: 100%;
  min-height: 470px;
  margin-left: -214px;
  float: right;
}
div.tituloPagina{
	width: 99%;
	position: relative;
	/*background-image: url(../layout/cantoTituloPagina.png);*/
  -moz-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
	background-position: left;
	background-repeat: no-repeat;
}

#conteudo .menuPesquisa{
  background: #71BC09 url(../layout/iconeMenu/iconeTituloPesquisa.png) 12px center no-repeat;
}


#conteudo .menuBoletim{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloBoletim.png) 12px center no-repeat;
}
#conteudo .menuTextoBoletim{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloTextoBoletim.png) 12px center no-repeat;
}
#conteudo .menuTextoAlunos{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloTextoBoletim.png) 12px center no-repeat;
}
#conteudo .menuAniversariantes{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloAniversariantes.png) 12px center no-repeat;
}
#conteudo .menuAvisos{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloAvisos.png) 12px center no-repeat;
}
#conteudo .menuHorario{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloHorarioAulas.png) 12px center no-repeat;
}


#conteudo .menuAprofundamento{
  background: #F16506 url(../layout/iconeMenu/iconeTituloAprofundamento.png) 12px center no-repeat;
}
#conteudo .menuDownloads{
  background: #F16506 url(../layout/iconeMenu/iconeTituloDownloads.png) 12px center no-repeat;
}


#conteudo .menuAvaliacoes{
  background: #A70D0B url(../layout/iconeMenu/iconeTituloAvaliacoes.png) 12px center no-repeat;
}


#conteudo .menuPendencias{
  background: #990066 url(../layout/iconeMenu/iconeTituloPendencias.png) 12px center no-repeat;
}
#conteudo .menuOcorrencias{
  background: #990066 url(../layout/iconeMenu/iconeTituloTextoBoletim.png) 12px center no-repeat;
}


#conteudo .menuOcorrenciasEnfermaria{
  background: #663300 url(../layout/iconeMenu/iconeTituloTextoBoletim.png) 12px center no-repeat;
}


#conteudo .menuOcorrenciasCoordenacao{
  background: #F16506 url(../layout/iconeMenu/iconeTituloTextoBoletim.png) 12px center no-repeat;
}


#conteudo .menuContato{
  background: #006600 url(../layout/iconeMenu/iconeTituloContato.png) 12px center no-repeat;
}
#conteudo .menuAjuda{
  background: #006600 url(../layout/iconeMenu/iconeTituloAjuda.png) 12px center no-repeat;
}


#conteudo .menuChat{
  background: #E01540 url(../layout/iconeMenu/iconeTituloChat.png) 12px center no-repeat;
}
#conteudo .menuForum{
  background: #E01540 url(../layout/iconeMenu/iconeTituloForum.png) 12px center no-repeat;
}
#conteudo .menuClasse{
  background: #E01540 url(../layout/iconeMenu/iconeTituloClasse.png) 12px center no-repeat;
}


#conteudo .menuDados{
  background: #E9BA30 url(../layout/iconeMenu/iconeTituloAlteraDados.png) 12px center no-repeat;
}
#conteudo .menuSenha{
  background: #E9BA30 url(../layout/iconeMenu/iconeTituloSenha.png) 12px center no-repeat;
}

#conteudo .menuLancamento{
  background: #3EA4EC url(../layout/iconeMenu/iconeTituloLancamento.png) 12px center no-repeat;
}

#colunaEsquerda h4.menuBiblioteca{
	background-color: #71BC09;	
}
#colunaEsquerda h4.menuInformacoes{
	background-color: #3EA4EC;	
}
#colunaEsquerda h4.menuMaterial{
	background-color: #F16506;	
}
#colunaEsquerda h4.menuAtividades{
	background-color: #A70D0B;	
}
#colunaEsquerda h4.menuInteratividade{
	background-color: #E01540;	
}
#colunaEsquerda h4.menuPerfil{
	background-color: #E9BA30;	
}
#colunaEsquerda h4.menuSuporte{
	background-color: #006600;	
}
#colunaEsquerda h4.menuRelatorios{
	background-color: #663300;	
}
#colunaEsquerda h4.menuEnfermaria{
	background-color: #663300;	
}
#colunaEsquerda h4.menuSecretaria{
	background-color: #990066;	
}
#colunaEsquerda h4.menuCoordenacao{
	background-color: #F16506;	
}



div.tituloPagina h3{
	height: 38px;
	line-height: 38px;
	padding-left: 58px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../layout/fudoDegradeSessoesHome.png);
}
div#conteudo{
  margin: 10px 0 36px 214px;
}
div#containerGeral{
	width: 100%;
	background: #FFF;
}
div#rodape{
  width: 100%;
  height: 20px;
  line-height: 20px;
  position: relative;
}
div#rodape p{
  padding-right: 50px;
  color: #FFF;
  font-size: 10px;
  text-align: right;
}
div#rodape p a:active,
div#rodape p a:hover,
div#rodape p a:link,
div#rodape p a:visited{
  color: #FFF;
  text-decoration: none;
}
div#rodape p a:hover{
  text-decoration: underline;
}
div#pimenta{
  width: 33px;
  height: 53px;
  background: url(../layout/pimenta.png) no-repeat;
  position: absolute;
  right: 5px;
  bottom: 0;
}
div#boxNavegacaoPagina{
	width: 208px;
	height: 26px;
	padding: 10px 10px 0 0;
	top: 1px;
	right: -3px;
	float: right;
	position: absolute;
	background: url(../layout/fundoNavegacaoPagina.png) no-repeat;
}
#boxNavegacaoPagina a:link, 
#boxNavegacaoPagina a:hover, 
#boxNavegacaoPagina a:active, 
#boxNavegacaoPagina a:visited{
	display: block;
	width: 20px;
	height: 17px;
	margin-left: 18px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	float: right;
	background: url(../layout/iconeImprimir.gif) no-repeat;	
}
#boxNavegacaoPagina a.diminuirFonte:link, 
#boxNavegacaoPagina a.diminuirFonte:hover, 
#boxNavegacaoPagina a.diminuirFonte:active, 
#boxNavegacaoPagina a.diminuirFonte:visited{
	background: url(../layout/iconeDiminuirFonte.gif) no-repeat;
}
#boxNavegacaoPagina a.aumentarFonte:link, 
#boxNavegacaoPagina a.aumentarFonte:hover, 
#boxNavegacaoPagina a.aumentarFonte:active, 
#boxNavegacaoPagina a.aumentarFonte:visited{
	background: url(../layout/iconeAumentarFonte.gif) no-repeat;
}
#boxNavegacaoPagina a.voltar:link, 
#boxNavegacaoPagina a.voltar:hover, 
#boxNavegacaoPagina a.voltar:active, 
#boxNavegacaoPagina a.voltar:visited{
	background: url(../layout/iconeVoltar.gif) no-repeat;
}
div.empty{
  width: 99%;
}
div.empty p{
	padding: 17px 0 17px 70px;
	font-size: 15px;
	border: 1px solid #ccc;
	background: #FFF9F9 url(../layout/iconeInformacao.gif) 10px center no-repeat;
}
.boxListagem div.empty{
  width: 100%;
}
.boxListagem div.empty p{
  border: 0;
}

/* Modal */

div#containerModal{
	width: 500px;
	border: 1px solid #999999;
	background: #F5F5F5;
}
.boxTituloModal{
	width: 495px;
	height: 21px;
	padding: 5px 0 0 5px;
	position: relative;
	background: url(../layout/fundoTituloModal.jpg) repeat-x;
}
.boxListaModal{
	width: 485px;
	height: 288px;
	margin: 10px auto;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #EFEFEF;
}
.boxListaModalTexto{
	width: 485px;
	min-height: 120px;
	_height: 120px;
	margin: 10px auto;
	background: #EFEFEF;
}
.boxListaModalTexto p.divisaoTexto{
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dashed #DDD;
}
.boxListaModal table{
	width: 100%;
	border: 1px solid #CCC;
	margin-left: 1px;
	border-collapse: collapse;
}
.boxListaModal table th{
	padding: 3px;
	color: #FFF;
	font-size: 13px;
	text-align: left;
	background: #666;
}
.boxListaModal table td{
	padding: 3px;
	font-size: 12px;
}
.boxListaModal table tr{
	background: #FFF;
}
.boxListaModal table tr.linhaPar{
	background: none;
}
#containerModal a.fecharModal:link, 
#containerModal a.fecharModal:hover,
#containerModal a.fecharModal:active, 
#containerModal a.fecharModal:visited{
	display: block;
	width: 26px;
	height: 25px;
	color: #770000;
	font-size: 12px;
	text-decoration: none;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	background: url(../layout/iconeCloseModal.gif) no-repeat;
}
.modalBackground{
	filter: alpha(opacity=70);
	*filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: Gray;
}
.boxCarregando{
	display: block;
	width: 99%;
	padding: 10px 0;
	text-align: center;
}
.boxInformacaoPagina{
	width: 98.8%;
	margin-bottom: 20px;
	border: 1px solid #DDD;
	background: #FFF url(../layout/iconeInformacaoAtividade.gif) 12px center no-repeat;
}
.boxInformacaoPagina p{
	padding: 15px 0 15px 62px;
}

table#topoPaginaImpressao{
  display: none;
}

