/*  BACKGROUND (fundo)  */
			body { background: url(../images/servicos/online/bgCesmacOnline.jpg) repeat-x; }
			/*  FIM  */
			
			/*  BACKGROUND (fundo da barra de acesso rápido do Cesmac)  */
			#bgCesmacOnLineBack { background-image:none; }
			#bgCesmacOnLineBack #cesmacOnLine { background-image:none; }
			/*  FIM  */
			
			/*  LOGO  */
			#principal #topo #logo {
				position: absolute;
				left: 20px;
				top: 24px;
				z-index: 8;
				}
			#principal #topo #logoTexto {
				position: absolute;
				left: 148px;
				top: 40px;
				}
			/*  FIM  */
			
			/*  BOTÃO CESMAC EM UM CLIQUE  */
			#principal #topo #btnCesmacEmUmClique {
				position: absolute;
				left: 538px;
				top: 48px;
				z-index: 17;
				}
			/*  FIM  */
			
			/*  SUB-MENU CESMAC EM UM CLIQUE  */
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique {
				position: absolute;
				left: 13px;
				top: 21px;
				width: 172px;
				z-index: 3;
				height: 115px;
				visibility: hidden;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique .topo {
				width: 199px;
				height: 17px;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique .meio {
				width: 198px;
				background: url(../images/cesmacEmUmClique/meioCesmacEmUmClique.gif) repeat-y left top;
				padding-right: 1px;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique .rodape {
				width: 199px;
				height: 10px;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique .rodape img { display:block; }
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique ul {
				list-style-type: none;
				display: block;
				padding-left: 30px;
				padding-right: 15px;
				overflow: auto;
				height: 200px;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique ul li {
				background: url(../images/marcadores/setaBranca.gif) no-repeat 0px 0.3em;
				display:block;
				text-indent: 15px;
				padding-bottom: 3px;
				width: auto;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique ul li a {
				color:#FFFFFF;
				text-decoration:none;
				font-size:11px;
				}
			#principal #topo #btnCesmacEmUmClique #subMenuCesmacEmUmClique ul li a:hover {
				color:#FFFFFF;
				text-decoration:underline;
				font-size:11px;
				}
			/*  FIM  */
			
			/*  BACKGROUND (fundo) DO TOPO  */
			#principal #bgLayoutTopo {
				background: url(../images/servicos/online/bgLayoutTopo.gif) no-repeat bottom;
				height: 70px;
				width: 690px;
				padding-right: 40px;
				padding-left: 40px;
				float: left;
				position: relative;
				z-index: 16;
				}
			/*  FIM  */
			
			/*  BACKGROUND (fundo) DO MEIO  */
			#principal #bgLayoutMeio {
				background: url(../images/servicos/online/bgLayoutMeio.gif) repeat-y;
				width: 690px;
				padding-right: 40px;
				padding-left: 40px;
				padding-top: 20px;
				float: left;
				}
			/*  FIM  */
			
			/*  DEFINIÇÕES DE ESTILO PARA H1  */
			#principal #bgLayoutTopo h1 {
				font-size: 22px;
				float: left;
				width: 183px;
				display: block;
				position: absolute;
				left: 45px;
				top: 42px;
				}
			/*  FIM  */
			
			/*  LOGO CESMAC ON-LINE  */
			#principal #bgLayoutTopo #logoCesmacOnline {
				position: absolute;
				left: 700px;
				top: 32px;
				}
			#principal #bgLayoutTopo #usuarioLogado {
				position: absolute;
				left: 248px;
				top: 5px;
				text-align: right;
				width: 484px;
				padding: 0px;
				color: #333333;
				font-style: italic;
				}
			/*  FIM  */
			
			/*  TOPO  */
			#principal #topo {
				width: 770px;
				float: left;
				position: relative;
				z-index: 17;
				height: auto;
				}
			/*  FIM  */
			
			/*  MENU  */
			#principal #menu {
				width: 750px;
				height: auto;
				padding-left: 20px;
				float: left;
				z-index: 17;
				}
			#principal #menu div {
				padding-top: 4px;
				float: left;
				}
			#principal #menu .btMenuAlunoHome {
				float: left;
				position: relative;
				margin-right: 3px;
				padding-top: 80px;
				}
			#principal #menu .btMenuAluno {
				float: left;
				position: relative;
				margin-right: 3px;
				padding-top: 90px;
				}
			#principal #menu .btMenuAluno .subMenuAluno {
				position:absolute;
				left: 0px;
				top: 110px;
				width: 147px;
				visibility:hidden;
				z-index: 999;
				padding-top: 0px;
				height: 106px;
				}
			#principal #menu .btMenuAluno .subMenuAluno .topoSubMenuAluno {
				width: 156px;
				background: url(../images/servicos/online/aluno/bgTopoSubMenuAluno.gif) no-repeat;
				height: 11px;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno {
				width: 156px;
				float: left;
				background: url(../images/servicos/online/aluno/bgMeioSubMenuAluno.gif) repeat-y left;
				padding-top: 0px;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno ul {
				display:block;
				padding-left:10px;
				padding-right:10px;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno ul li {
				background: url(../images/marcadores/setaAzul.gif) no-repeat 0px 0.3em;
				border-style: none;
				display:block;
				text-indent: 15px;
				padding-bottom: 3px;
				width: auto;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno a {
				text-decoration:none;
				color:#0067AC;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno a:visited {
				text-decoration:none;
				color: #0067AC;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno a:hover {
				text-decoration:underline;
				color: #0067AC;
				}
			#principal #menu .btMenuAluno .subMenuAluno .meioSubMenuAluno a:active {
				text-decoration:none;
				color: #0067AC;
				}
			#principal #menu .btMenuAluno .subMenuAluno .rodapeSubMenuAluno {
				width: 156px;
				height: 3px;
				background: url(../images/servicos/online/aluno/bgRodapeSubMenuAluno.gif) no-repeat left top;
				}
			/*  FIM  */
			
			/*  BACKGROUND (fundo) DO RODAPÉ  */
			#principal #bgLayoutRodape {
				height: 60px;
				width: 690px;
				background: url(../images/servicos/online/bgLayoutRodape.gif) no-repeat top;
				padding-right: 40px;
				padding-left: 40px;
				float: left;
				}
			#principal #bgLayoutRodape span {
				text-align: right;
				display: block;
				padding-top: 25px;
				color: #999999;
				}
			/*  FIM  */