			* {
				border:none;
				padding:0px;
				text-decoration:none;
				margin: 0px;
				font: 12px/16px Arial, Helvetica, sans-serif;
				color:#333333;
				list-style: none; /*define as caractristicas das listas, */
				text-decoration:none; /*nesse atributo você define o tamanho da linha*/
				outline: none; /*nenhuma margem ao redor dos elemntos.*/
				}
			body { background: url(../images/bg.jpg) repeat-x; } /* cor de fundo alternativa #EBF5DF */
			/* fim */

			/* PRINCIPAL */
			#principal {/*  DEFINIÇÕES DE ESTILO PARA AJUSTAR O LAYOUT NO MEIO DA PÁGINA <div id="principal">  */
				width:770px;
				margin-right: auto;
				margin-left: auto;
				position: relative;
				background: #999999;
				}
			/* fim */

			/*   CLASSES PARA OS ELEMENTOS DE FORMULÁRIO   */
			label {
				padding-top: 2px;
				padding-bottom: 2px;
				}
			input, select, textarea {
				background-color:#FFFFFF;
				border:1px solid #cccccc;
				height: 18px;
				padding: 2px;
				}
			input.textfield {
				border: 1px solid #E0DFE3;
				}
			input.imageField {
				border-style: none;
				background: transparent;
				height: auto;
				width: auto;
				}
			/*  fim  */

			/*  DEFINIÇÕES DE ESTILO PARA AS TABELAS  */
			table {
				border-collapse:separate;
				width: 377px;
				}
			table tr td { padding:2px; 
				}
			table td.width80 { width:80px; }
			table tr td.alinhaDir {	text-align:right; }
			/*  fim  */

			/*  DEFINIÇÕES DE ESTILO PARA AS MENSAGENS  */
			.mensagens {
				width:377px;
				line-height: 22px;
				color: #FF0000;
				width: 300px;
				display: block;
				}
			.mensagens img {
				display: block;
				float: left;
				margin-right: 5px;
				margin-top: 3px;
				}
			/*  fim  */
			
			/* ÁREA DE LOGIN */
			#principal #bgLogin {
				height: 567px;
				width: 435px;
				position: absolute;
				left: 160px;
				background: url(../images/bgLogin.png) no-repeat;
				top: 7px;
				}
			#principal #bgLogin #login {
				height: 249px;
				width: 435px;
				float: left;
				margin-top: 142px;
				}
			#principal #bgLogin #logo{
				width: 367px;
				padding-left:39px;
				float: left;
				display: block;
				}
			#principal #bgLogin #login #loginTopo {
				height: 38px;
				width: 435px;
				float: left;
				background: url(../images/loginTopo.png);
				}
			#principal #bgLogin #login #loginTopo span {
				color: #FFFFFF;
				margin-left: 49px;
				display: block;
				margin-top: 10px;
				}
			#principal #bgLogin #login #loginMeio {
				float: left;
				width: 435px;
				background: url(../images/loginMeio.png);
				height: 159px;
				}
			#principal #bgLogin #login #loginMeio form {
				width: 377px;
				height: auto;
				margin-left: 29px;
				margin-right: 29px;
				}
			#principal #bgLogin #login #loginMeio .textfield {
				background: #ccc;
				border: 1px solid #7F9DB9;
				}
			#principal #bgLogin #login #loginRodape {
				float: left;
				width: 435px;
				height: 52px;
				background: url(../images/loginRodape.png);
				}
			#principal #bgLogin #login #loginRodape span {
				margin-left: 49px;
				margin-top: 12px;
				display: block;
				color: #666;
				width: 200px;
				}
			/* fim */

			/* POSICIONA A LOGOMARCA DO CTI NO RODAPÉ DA TELA DE LOGIN */
			#principal #bgLogin #rodapeLogin {
				position: absolute;
				bottom: 11px;
				left: 30px;
				}
			/* fim */
			
			#loginRodape ul {
	display: block;
	margin-left: 100px;
	margin-top: 12px;
				}
			#loginRodape ul li {
				display: inline;
				float: left;
				}
			#loginRodape ul li  a.linkDiferenciado { color: #C00; }
			#loginRodape ul li  a.linkDiferenciado:hover {
				color: #C00;
				text-decoration: underline;
				}
#loginRodape ul .manual {
	background: url(../images/marcadores/manual.png) no-repeat left center;
	padding-left: 24px;
}
