/* usado para centralizar a tabela na página de impressão */
			.A
			{
				text-align:center;
			}			
			.AA
			{
				font-family: arial;
				font-weight:bold;
				font-size:9px;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;
			}
			/* usado para as laterais direitas do título para colocar a borda direit esquerda e superior*/
			.AB
			{
				font-family: arial;
				font-weight:bold;
				font-size:9px;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;
				border-right: 1px solid black;
			}
			/* usado para as laterais direitas do título para colocar a borda inferior, esquerda e superior*/
			.AC
			{
				font-family: arial;
				font-weight:bold;
				font-size:9px;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;
				border-bottom:1px solid black;
			}
			/* usado para as laterais direitas do título para colocar a borda inferior, esquerda e superior*/
			.AD
			{
				height:21;
			}
			.AE
			{
				font-family: arial;
				font-weight:bold;
				font-size:11px;
				padding-left:4px;
			}		
			.AF
			{
				font-family: arial;
				font-weight:bold;
				font-size:9px;
				padding-left:4px;
				border-top: none;
				border-left: none;
			}									
			/* usado para colocar o nosso número a direita*/
			.AZ
			{
				text-align:right;
			}
			
			/* usado para alinhar o campo do nosso número */
			.AY
			{
				float:left;
			}
			
			/* usado para definir a altura da primeira linha do boleto, onde está o logo do BRB */
			.B
			{
				height:20;
			}

			/* usado para remover as bordas de um componente */ 
			.C
			{
				border:none;
			}

			/* usado para definir altura e largura do logo do BRB */
			.D
			{
				width:100;
				height:20;
			}
			/* usado para definir altura e largura do logo do BRB no verso*/
			.D1
			{
				width:300;
				height:60;
			}			

			/* define o estilo da célula que exibe "Cobrança Eletrônica" e da imagem. */
			.E
			{
				font-family: arial;
				font-weight:bold;			
				font-size:11px;
				border-right: 1px solid black;
				border-left:none;
				border-top:none;
				text-align:center;
			}
			
			/* define o estilo da célula que exibe "Cobrança Eletrônica" */
			.E1
			{
				font-family: arial;
				font-weight:bold;			
				font-size:11px;
				border-left:none;
				border-right:none;				
				border-top:none;
				text-align:center;
			}

			/* define o estilo da célula que exibe o número do banco */
			.F
			{
				font-family: arial;
				font-weight: bold;			
				font-size:15px;
				border-right: 1px solid black;
				border-left:none;
				border-top:none;
				text-align:center;
			}

			/* define o estilo da linha digitável */
			.G
			{
				font-size:13px;
				font-family: arial;
				font-weight:bold;
				text-align:right;
				border-left:none;
				border-top:none;
			}
			/* define o estilo da linha digitável */
			.G1
			{
				font-size:15px;
				font-family: arial;
				font-weight:bold;
				text-align:right;
				border-left:none;
				border-top:none;
			}

			/* define o estilo do header dos dados */
			.H
			{
				font-size:8px;
				font-weight:normal;
			}
			
			/* define o estilo do campo do nosso número, que deve conter o campo parcela também */
			.H1
			{
				font-size:8px;
				font-weight:normal;
				text-align:left;
			}
			/* define o estilo do header dos dados */
			.H2
			{
				font-size:12px;
				font-weight:normal;
				font-family: Courier New;
			}
			/* define o estilo do header dos dados do verso do boleto */
			.H3
			{
				font-size:9px;
				font-weight:bold;
				font-weight:normal;
				font-family: arial;
			}										
			/* define o estilo de um header dos dados que não tem dado */
			.I
			{
				font-size:8px;
				font-weight:normal;
				vertical-align:top;
				font-family: arial;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;								
			}
			/* define o estilo de um header dos dados que não tem dado, do lado direito com a borda direita */
			.I1
			{
				font-size:8px;
				font-family: arial;
				font-weight:normal;
				vertical-align:top;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;	
				border-right: 1px solid black;			
			}
			/* define o estilo de um header dos dados que não tem dado, do lado direito com a borda direita e no rodapé */
			.I2
			{
				font-size:8px;
				font-family: arial;
				font-weight:bold;
				font-weight:normal;
				vertical-align:top;
				padding-left:4px;
				border-top: 1px solid black;
				border-left: 1px solid black;	
				border-right: 1px solid black;
				border-bottom:1px solid black;		
			}	
			/* define uma classe para a data de vencimento */
			.J
			{
				float:right;
				vertical-align:bottom;
				border-left:none;
				text-align:right;
				
			}

			/* anula a borda da esquerda e define a da direita */
			.K
			{
				border-left:none;
				border-right: 1px solid black;
			}
			
			/* anula a borda da esquerda, define a da direita e define a margem na direita*/
			.K1
			{
				border-left:none;
				border-right: 1px solid black;
				text-align:right
			}
			/* define a margem na direita e a margem superior*/
			.K2
			{
				border-left:none;
				border-right: none;
				border-top: none;
				text-align:right
			}			
			/* define uma classe para os dados que ficam à direita do título */
			.L
			{
				float:right;
			}

			/* anula a borda da esquerda */
			.M
			{
				border-left:none;
			}

			/* define o alinhamento vertical no topo */
			.N    
			{ 
				vertical-align: top; 
				font-family: Courier New; 
				font-size: 10px; 
         		border-left: 1px solid black; 
          		border-top: 1px solid black; 
          		padding-left: 4px 
          }
			.N1
			{
				vertical-align:top;
				font-family: Courier New; 
				font-size: 10px; 
				padding-left:4px;
				border-right: 1px solid black;
				border-left: 1px solid black;				
			}		

			/* define o estilo da linha do sacado */
			.O
			{
				height:41;
				vertical-align:top;
			}

			/* define a fonte como 9px */
			.P
			{
				font-size:9px;
			}

			/* define o estilo do componente que exibe o tipo de guia */
			.Q
			{
				text-align:right;
				vertical-align:bottom;
				border-left:none;
				font-weight:bold;
				font-size:12px;
				border-top:none;
				border-right:none;
				font-family:arial;				
			}
			/* define o estilo do componente que exibe o tipo de guia */
			.Q1
			{
				text-align:right;
				vertical-align:bottom;
				border-left:none;
				font-weight:bold;
				font-size:12px;
				font-family: arial;				
			}			
			/* define o estilo do componente que exibe o tipo de guia */
			.Q2
			{
				border-left:1px solid black;
				border-top: 1px solid black;
				border-right: 1px solid black;			
			}			

			/* define a linha do sacador */
			.R
			{
				height:15;
				vertical-align:middle;
			}

			/* define o estilo das células com borda na parte de baixo */
			.S
			{
				border-top:none;
				border-right:1px solid black;
				border-bottom:1px solid black;
				font-size:8px;
			}
			
			/* define o estilo da célula do sacador */
			.S1
			{
				font-family: arial;
				border-top:none;
				border-left: 1px solid black;
				border-right:1px solid black;
				border-bottom:1px solid black;
				font-size:9px;
				padding-left:4px;
			}

			/* define o estilo do rodapé do título */
			.U
			{
				font-family: arial;
				border:none;
				font-weight:normal;
				font-size:8px;
				padding-left:0;
			}

			/* define o tamanho da linha que separa o título do rodapé */
			.V
			{
				height:3;
			}

			/* define o estilo do texto da Autenticação Mecânica */
			.X
			{
				font-family: arial;
				/*position:relative;*/
				top:-3px;
				border:none;
				vertical-align:top;
				text-align:center;
				font-weight:normal;
				font-size:8px;
			}

			/* define a classe da linha que separa as guias do boleto */
			.Y
			{
				border:1px dashed black;
			}

			/* define a classe do código de barras com fundo branco, fino */
			.W
			{
				background-color:white;
				width:1;
				height:40;
				padding-left: 0;
				padding-right: 0;
				padding-top: 0;
			}
			/* define a classe da tabela onde fica o botão para impressão */
			.W1
			{
				background-color:#f7f3f7;
				width:170;height:60;
			}
			/* define a classe do link imprimir boleto simplificado */
			.W2
			{
				font-family: Verdana; 
				font-size: 8pt; 
				text-align: center; 
				font-weight: bold
			}
			/* define uma quebra de página */
			.Z
			{
			    page-break-after: always;
			}

			/* define a classe do código de barras com fundo branco, grosso */
			.A1
			{
				background-color:white;
				width:2;
				height:40;
			}

			/* define a classe do código de barras com fundo preto, fino*/
			.A2
			{
				background-color:black;
				width:1;
				height:40;
				padding-left: 0;
				padding-right: 0;
				padding-top: 0;
			}

			/* define a classe do código de barras com fundo preto, grosso*/
			.A3
			{
				background-color:black;
				width:3;
				height:40;
				padding-left: 0;
				padding-right: 0;
				padding-top: 0;
			}
			
			/* define fonte de tamanho 10 */
			.A4
			{
				font-size: 10px;
			}
				
			A.CONSULTA:link
			{
			    color: #003399;
			    text-decoration: underline;
			}

			A.CONSULTA:active
			{
			    color: #003399;
			    text-decoration:underline;
			}

			A.CONSULTA:visited
			{
			    color: #003399;
			    text-decoration: underline;
			}

			A.CONSULTA:hover
			{
			    color: #FA8F00;
			    text-decoration: underline;
			}
			
			@media print
			{
				.Z1 
				{
					font-size: 1pt; 				
					visibility:hidden;
				}
				.Z2
				{
					visibility:hidden;
				}
				.Z3
				{
					height:1;
				}
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto.*/
				.Z4
			         {
			           zoom:105%;
			           width: 100%;
			    }				
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto, dependendo do formato tem  que  aumentar determinado valor.*/
				.Z5
			         {
			           zoom:333%;
			           width: 100%;
					   text-align:left;
			    }					
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto, dependendo do formato tem  que  aumentar determinado valor.*/
				.Z6
			         {
			           zoom:100%;
			           width: 100%;
					   text-align:left;
			    }				
			}
			@media screen
			{
				.Z1 
				{
					visibility:show;
					position:absolute;
					top:35px;
					left:35px;
					background-color:#f7f3f7;
					width:170;height:60;	
					font-family: Verdana; 
					font-size: 7pt; 
					text-align: center; 
					font-weight: bold									
				}
				.Z2
				{
					visibility:show;
					float:right;
					font-family: arial;
					font-size:10px;
				}
				.Z3
				{
					height:23;
   					BORDER-RIGHT: medium none;
   					BORDER-TOP: medium none;
   					BORDER-LEFT: medium none;
   					BORDER-BOTTOM: medium none;
   					BACKGROUND-COLOR:transparent;
   					BACKGROUND-IMAGE: url(../images/bg_menu.jpg);
   					color:#FFFFFF;
   					padding:0;
   					FONT-SIZE: 10pt;
   					FONT-FAMILY: VERDANA;				
				}	
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto.*/
				.Z4
			         {
			           zoom:100%;
			           width: 100%;
			    }	
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto.*/
				.Z5
			         {
			           zoom:100%;
			           width: 100%;
			    }					
				/* define o tamanho que a folha será impressa, para o internet explorer 7 é obrigatório, pois ele adapta o tamanho da impressão do boleto, dependendo do formato tem  que  aumentar determinado valor.*/
				.Z6
			         {
			           zoom:100%;
			           width: 100%;
					   text-align:left;
			    }				
			}