/* CSS Document */
			
* {
	border:none;
	padding:0px;
	text-align: left;
	margin: 0px;
	color: #666666;
	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.*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}

body { background: #EBF5DF url(../images/bg.jpg) repeat-x fixed;}
body#semFundo {	background: #FFFFFF url(none);}

/*  DEFINIÇÕES DE ESTILOS PARA OS LINKS  */
a:link {
			text-decoration:none;
			color: #626262;
}
a:visited {
			text-decoration:none;
			color: #626262;
}
a:hover {
			text-decoration:none;
			color: #3399FF;
}
a:active {
			text-decoration:none;
			color: #626262;
}
ol {
			list-style:none;
}

/*  DEFINIÇÕES DE ESTILOS PARA OS LINKS COM OUTRAS CORES  */
a.linkDiferenciado {
			text-decoration:none;
			color: #005374;
}
a.linkDiferenciado:visited {
			text-decoration:none;
			color: #005374;
}
a.linkDiferenciado:hover {
			text-decoration:underline;
			color: #005374;
}
a.linkDiferenciado:active {
			text-decoration:none;
			color: #005374;
}

/*  DEFINIÇÕES DE ESTILOS PARA OS PARÁGRAFOS  */
p {
			text-align:left;
			font-size: 12px;
}

strong { font-weight:bold; }

/*  DEFINIÇÕES DE ESTILOS PARA OS CABEÇALHOS  */
h1 h2 h3 h4 h5 h6 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
}
h1 {
			color:#333333;
			font-size: 24px;
}
h2 {
			color:#5BBFE6;
			font-size: 18px;
			border-bottom: 1px solid #5BBFE6;
			display: block;
}
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 {
			color:#005374;
			font-size: 12px;
			display: block;
			font-weight: bold;
			padding-left: 3px;
}
h6 { font-size: 10px; }

/*  DEFINIÇÕES DE ESTILOS PARA OS FORMULÁRIOS  */
fieldset {
			border: 1px solid #F26521;
			padding: 5px;
			margin: 0px;
}
legend {
			background: #FEA92D;
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			letter-spacing: 2px;
			text-align: left;
			border: 1px solid #F26521;
			padding: 2px 5px;
			margin-left: 5px;
}
form, input, select, textarea { font-size:12px; }
form input.semCorBack { background-color:none; }
input, select, textarea {
			background-color:#F8F8F8;
			font-size: 11px;
			color:#333333;
			border: 1px solid #005374;
}
input.btForm {
			background-color:#0081C0;
			color:#FFFFFF;
			border-right: 1px solid #B7BAC0;
			border-top: 1px solid #FFFFFF;
			border-left: 1px solid #FFFFFF;
			border-bottom: 1px solid #B7BAC0;
			font: 11px Arial, Helvetica, sans-serif;
			margin-left: -1px;
}
option {
			padding-left: 5px;
}
option.destaque {
			font-weight:bold;
			background: #CCCCCC;
}

/*  DEFINIÇÕES DE ESTILO PARA AS TABELAS  */
table {
			border-collapse:separate;
			width:100%;
}
table tr td {
			padding:2px;
			color: #333333;
			font: 11px Arial, Helvetica, sans-serif;
}
table tr.titulo td {
			font-weight:bold;
			color:#FFFFFF;
			background-color:#005374;
}
table tr.corUm td { background-color:#ffffff; }
table tr.corDois td { background-color:#F6F6F6; }
table tr td.alinhaDir { text-align:right; }
table tr td.alinhaMeio { text-align:center; }
/*  DEFINIÇÕES DE ESTILO PARA AS LARGURAS DAS CÉLULAS DAS TABELAS  */
table td.width5 { width:5px; }
table td.width10 { width:10px; }
table td.width15 { width:15px; }
table td.width20 { width:20px; }
table td.width25 { width:25px; }
table td.width30 { width:30px; }
table td.width35 { width:35px; }
table td.width40 { width:40px; }
table td.width45 { width:45px; }
table td.width50 { width:50px; }
table td.width60 { width:60px; }
table td.width65 { width:65px; }
table td.width70 { width:70px; }
table td.width75 { width:75px; }
table td.width80 { width:80px; }
table td.width85 { width:85px; }
table td.width90 { width:90px; }
table td.width95 { width:95px; }
table td.width100 { width:100px; }
table td.width150 { width:150px; }
table td.width200 { width:200px; }
table td.width250 { width:250px; }
table td.width300 { width:300px; }

/*  EFINIÇÕES DE ESTILO PARA OS SPANS  */		
span.data {
			color: #00ADEF;
			font: 9px Verdana, Arial, Helvetica, sans-serif;
}
span.titulo {
			cor:#ccc;
			color: #666666;
			font-size: 12px;
			display: block;
			padding-top:0px;
}
span.manchete { color: #ccc; }

/*  DEFINIÇÕES DE ESTILO PARA OS LINKS DE MAIS CONTEUDO  */
span.maisConteudo {
			display:block;
			margin-bottom: 5px;
			text-align: left;
			font-size: 12px;
			margin-top: 6px;
}
span.maisConteudo img {
			padding-bottom:-3px;
			padding-right:5px;
			float: left;
}

/*  DEFINIÇÕES DE ESTILO PARA AJUSTAR O LAYOUT NO MEIO DA PÁGINA <div id="principal">  */
#principal {
			width:770px;
			position: relative;
			margin: auto;
			z-index: 1;
}
#principal #topo {
			widows:770px;
			height:92px;
			background: url(../images/bgTopo.png) no-repeat bottom;
			width: 770px;
			float: left;
}
#principal #topo img#logo {
	position: absolute;
	left: 18px;
	top: 10px;
	z-index: 16;
}
#principal #topo img#faleConosco {
	position: absolute;
	left: 573px;
	top: 36px;
	z-index: 16;
}

#principal #banner {
			width:770px;
			height:98px;
			float: left;
			background: url(../images/bgBanner.jpg) no-repeat;
}

/*  DEFINIÇÕES DE ESTILO PARA A COLUNA ESQUERDA ONDE FICA O MENU  */
#principal #colEsq {
			width:245px;
			float: left;
}
#principal #colEsq #menu {
	width:245px;
	height: 325px;
	background: url(../images/bgMenu.png) no-repeat;
}
#principal #colEsq #menu ul {
	display: block;
	list-style: none;
	padding: 30px 0px 0px 30px;
	font-weight: bold;
	font-size: 15px;
}
#principal #colEsq #menu ul li {
	display:block;
	background: url(../images/listaBaseMenu.gif) no-repeat left bottom;
	padding-top: 8px;
}
#principal #colEsq #menu #mulher {
			position:absolute;
			top: 190px;
			right: 525px;
}
#principal #colEsq #rodapeMenu {
			width:27px;
			height:206px;
			float: right;
}

/*  DEFINIÇÕES DE ESTILO PARA A ÁREA DO CONTEÚDO  */
#principal #conteudo {
			width:525px;
			position: relative;
			float: left;
}
#principal #conteudo #conteudoTopo {
			position: relative;
			background: url(../images/bgTopoConteudo.gif) repeat-y;
			width:461px;
			height:20px;
			float: left;
			padding-right: 30px;
			padding-left: 30px;
}

#principal #conteudo #conteudoMeio {
	width:461px;
	min-height:380px;
	/*
			display:table; interpreta a div como se fosse uma tabela
			*/
			padding-left:30px;
	padding-right:30px;
	background: url(../images/bgConteudo.gif) repeat-y;
	float: left;
	padding-top: 10px;
}

#principal #conteudo .separador {
			width: 1px;
			background: url(../images/separador.gif) repeat-y -5px;
			float: left;
			padding-right: 25px;
			padding-left: 30px;
}

#principal #conteudo #rodape {
			widows:770px;
			background: url(../images/rodapeConteudo.png) no-repeat;
			width: 525px;
			height: 52px;
			float: left;
			clear: both;
}
#principal #conteudo #rodape span {
			text-align:right;
			display: block;
			color: #FFFFFF;
			padding: 90px 40px 30px 50px;
}

/*  DEFINIÇÕES DE ESTILOS PARA A PAGINAÇÃO DE CONTEÚDO  */
div.paginacao {
			text-align:left;
			padding-right: 4px;
			font-size: 12px;
			float: left;
}
div.paginacao a:link { color:#0081C0; }
div.paginacao a:visited { color:#333333; }
div.paginacao a:hover {
			color:#0081C0;
			text-decoration: underline;
}
div.paginacao a:active { color:#0081C0; }
div.paginacao img {
			margin-bottom:0px;
			display: inline;
}
div.paginacao span {
			font-weight:bold;
			text-decoration:underline;
}

/*  DEFINIÇÃO DE ESTILOS PARA NAVEGAÇÃO DE RODAPÉ DAS PÁGINAS COM OS LINKS VOLTAR, TOPO, IMPRIMIR  */
div.navRodape {
			text-align:right;
			font-size: 12px;
			float: right;
}
div.navRodape img {
			margin-bottom:0px;
			display: inline;
			padding-right: 5px;
}
div.navRodape span {
			font-weight:bold;
			text-decoration:underline;
}

/*  DEFINIÇÕES DE ESTILO PARA AS MENSAGENS  */
span.mensagens {
			display:block;
			border:1px solid #E0DFE3;
			padding: 3px;
			font-size: 12px;
}
span.mensagens img {
			float:left;
			display:block;
			padding: 3px 3px -3px;
			margin-right: 5px;
}
#principal #conteudo #conteudoMeio #imprimirBoleto {
	font-size: 12px;
	text-align: right;
}
#principal #conteudo #conteudoMeio #imprimirBoleto img {
	margin-bottom: -2px;
	margin-right: 0px;
}
