/*************************************************************************************************
**                                                                                              **
** @autor: Narmer Abouhassan                                                                    **
** @brief: Formatação da tela de login                                                          **
** @data: 03/06/2013                                                                            **
**                                                                                              **
*************************************************************************************************/

/* Definições para CSS Reset */
@import url("_estilo_css_reset.css");

/* Definições para as mensagens pop-up */
@import url("_estilo_popup.css");

/* Definições para a área Acesso Público */
@import url("_estilo_acesso_publico.css");

/*************************************************************************************************
** 01 -  Formantando a estrutura                                                                **
*************************************************************************************************/

/* Estrutura de texto de toda a página*/
html{
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

	html, body{
		height: 100%;
	}
	
	html b,
	.login_geral strong{
		font-weight: bold;
	}
		
	.login_geral{
		min-height: 100%;
		position: relative;
	}
		/* hack para IE6 que trata height como min-height */
		* html .login_geral{
			height: 100%;
		}

	.siop_clear{
		clear: both;
		height: 0.1em;
		display: block;
	}

/* Corpo do documento */
body{
	margin: 0;
	text-align: center; /* hack para o IE */
}

.login_conteudo{
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #FFF;
}

/*************************************************************************************************
** X - Formatação do conteúdo da página                                                         **
*************************************************************************************************/
.login_geral_cabecalho{
		clear: both;
		background-color: #f1f1f1;
	}
		
		.login_geral_cabecalho_conteudo{
			width: 960px;
			height: 110px;
			margin: 0px auto;
			padding: 0px;
			text-align: left;
		}
	
		.login_geral_cabecalho_col_01{
			float: left;
			margin-top: 1em;
		}
		
		.login_geral_cabecalho_col_02{
			float: right;
		}
		
	/* INÃ�CIO: Formatação da logomarca do SIOP */
	.siop_logo_imagem{
		background-image: url(../_imagens/login/logo_siop.png);
		width: 415px;
		height: 97px;
		background-repeat: no-repeat;
		background-position: center;
		border: none;
	}
	/* FIM: Formatação da logomarca do SIOP */
	
	/* INÃ�CIO: Formatação da barra de acessibilidade */
	.siop_barra_acessibilidade{
		padding: 1em;
		background-color: #1F74B9;
		height: 1em;
	}
	
	.siop_barra_acessibilidade_conteudo{
		width: 960px;
		margin: 0px auto;	
	}
	
	.siop_barra_acessibilidade_conteudo_coluna_01{
		width: 400px;
		float: left;
	}
	
	.siop_barra_acessibilidade_conteudo_coluna_02{
		width: 500px;
		float: right;
	}
	
		.siop_acessibilidade_link_menu,
		.siop_acessibilidade_link_conteudo,
		.siop_acessibilidade_link_rodape
		{
			float: left;
			margin: 0 0.5em;
		}
		
		.siop_acessibilidade_contraste,
		.siop_acessibilidade_saiba_mais,
		.siop_acessibilidade_texto_aumenta_fonte,
		.siop_acessibilidade_texto_diminui_fonte
		{
			float: right;
			margin: 0 0.5em;
		}
		
		.siop_barra_acessibilidade a{
			color: #FFF;
			text-decoration: none;
			font-size: 0.9em;
			font-family: sans,sans-serif;
		}
		
		.siop_barra_acessibilidade a:hover{
			color: #CCC;
			text-decoration: none;
		}
		
		.siop_acessibilidade_link_num{
			background-color: #49D;
			padding: 0 0.5em 0.1em 0.5em;
			margin-left: 0.5em;
		}
		
	/* FIM: Formatação da barra de acessibilidade */
		
	/* INÃ�CIO: Formatação da barra de pesquisa */
	siop_barra_pesquisa{
		clear: both;
	}
	
		/* INÃ�CIO: Formatação da logomarca do SIOP Legis */
		.siop_legis_logo_imagem{
			background-image: url(../_imagens/login/logo_siop_legis.png);
			width: 105px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: center;
			border: none;
			vertical-align: middle;
			margin-right: 1em;
		}
		/* FIM: Formatação da logomarca do SIOP Legis */
	
		.siop_barra_pesquisa_campo{
			float: right;
			margin-top: 6em;
			width: 360px;
		}
		
		.siop_input_pesquisa_legis{
			background-color: #DBEBF9;
			border: 1px solid #1F74B9;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 1em;
			color: #000;
			padding: 0.5em 0.5em 0.5em 1em;
			width: 20em;
			height: 3em;
			margin-right: -3.3em;
		}
		
		.siop_input_pesquisa_legis:focus{
			background-color: #FFC;
			border: 1px solid #FC0;
		}
		
		.siop_button_pesquisa_legis{
			background: transparent;
			border: none;
			background-image: url(../_imagens/icones/icon_pesquisa_exibe_25x25.png);
			background-position: center;
			background-repeat: no-repeat;
			width: 30px;
			height: 25px;
		}
		
	/* FIM: Formatação da barra de pesquisa */
	
	/* INÃ�CIO: Formatação do Menu */
	.login_geral_menu{
		clear: both;
		background-color: #1F74B9;
		padding: 1em 0;
		height: 24px;
	}
	
		.login_geral_menu_conteudo{
			width: 960px;
			margin: 0px auto;
			padding: 0px;
			text-align: left;
			color: #FFF;
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.login_geral_menu_conteudo a{
			color: #FFF;
			text-decoration: none;
		}
		
		.login_geral_menu_conteudo a:hover{
			color: #CCC;
			text-decoration: underline;
		}
		
		.login_geral_menu_link_inicio{
			padding: 0.7em 1em 0.5em 0em;
			border-right: 1px solid #FFF;
		}
		
			.login_geral_menu_img_inicio{
				background: transparent;
				border: none;
				background-image: url(../_imagens/icones/icon_pagina_inicial_20x20.png);
				background-position: center;
				background-repeat: no-repeat;
				width: 20px;
				height: 20px;
				vertical-align: bottom;
			}
		
		.login_geral_menu_link{
			padding: 0.7em 1em 0.5em 1em;
			border-right: 1px solid #FFF;
		}
		
		.login_geral_menu_link_final{
			padding-left: 1em;
		}
	/* FIM: Formatação do Menu */
	
	/* INÃ�CIO: Formatação do Miolo - Conteúdo */
	.login_geral_miolo{
		clear: both;
		margin: 3em auto;
		/* padding: 0px 0px 270px 0px; */
		padding: 0px;
		text-align: left;
		font-size: 1em;
	}
	
		.login_geral_miolo p{
			line-height: 18px;
			margin-bottom: 1.5em;
			font-size: 14px;	
		}
	
		.login_geral_miolo a{
			color: #1F74B9;
			text-decoration: underline;
		}
		
		.login_geral_miolo a:hover{
			color: #333;
			text-decoration: underline;
		}
		
		.login_geral_miolo_lin_01{
			clear: both;
		}
		
		.login_geral_miolo li{
			line-height: 18px;
			margin-bottom: 0.5em;
			font-size: 1.1em	
		}
		
		.login_geral_miolo ol{
			list-style: disc;
			margin-left: 2em;
		}
		
		.login_geral_miolo_destaque_01{
			background-color: #1F74B9;
			color: #FFF;
			font-size: 1.4em;
			height: 25px;
			padding-top: 0.5em;
			padding-left: 0.5em;
			margin-bottom: 1em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.login_geral_miolo_destaque_02{
			background-color: #008D36;
			color: #FFF;
			font-size: 1.4em;
			height: 25px;
			padding-top: 0.5em;
			padding-left: 0.5em;
			margin-bottom: 1em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.login_geral_miolo_solicitacao_linha{
			clear: both;
			text-align: center;
			min-height: 200px;
			margin-bottom: 2em;
		}
		
		.login_geral_miolo_solicitacao_bloco_01,
		.login_geral_miolo_solicitacao_bloco_02,
		.login_geral_miolo_solicitacao_bloco_03
		{
			border: 1px solid #FFF;
			font-size: 	1.2em;
			font-weight: bold;
			float: left;
			width: 170px;
			margin-bottom: 2em;
			padding-left: 5.5em;
			padding-right: 5.5em;
			min-height: 200px;
		}
		
			.login_geral_miolo_solicitacao_bloco_01_link a{
				color: #008D36;	
				line-height: 20px;
				text-decoration: none;
			}
			
				.siop_img_solicita_sof{
					width: 110px;
					height: 110px;
					background-image:url(../_imagens/login/icone_solicita_sof.png);
					background-position: center;
					background-repeat: no-repeat;
				}
			
			.login_geral_miolo_solicitacao_bloco_02_link a{
				color: #1D71B8;
				line-height: 20px;
				text-decoration: none;
			}
			
				.siop_img_solicita_os{
					width: 110px;
					height: 110px;
					background-image:url(../_imagens/login/icone_solicita_os.png);
					background-position: center;
					background-repeat: no-repeat;
				}
			
			.login_geral_miolo_solicitacao_bloco_03_link a{
				color: #BE1622;
				line-height: 20px;
				text-decoration: none;
			}
			
				.siop_img_solicita_uo{
					width: 110px;
					height: 110px;
					background-image:url(../_imagens/login/icone_solicita_uo.png);
					background-position: center;
					background-repeat: no-repeat;
				}
		
		.login_geral_miolo_solicitacao_observacao{
			background-color: #F1F1F1;
			padding: 1em;
			margin-bottom: 2em;
		}
		
			.login_geral_miolo_solicitacao_observacao_titulo{
				font-size: 1.2em;
				font-weight: bold;
			}
			
			.login_geral_miolo_solicitacao_observacao_li{
				font-size: 1.2em;
				margin-bottom: 0.5em;
				line-height: 18px;
				list-style-image: url(../_imagens/login/icone_lista.png);
				margin-left: 2em
			}
		
		.login_geral_miolo_lin_01_marcacao{
			height: 330px;
			background-color: #DBEBF9;
		}
		
		.login_geral_miolo_col_01{
			float: left;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
		/* .siop_img_acesso_siop_publico{
			background-image: url(../_imagens/banners/banner_acesso_publico_01.png);
			background-position: center;
			background-repeat: no-repeat;
			width: 640px;
			height: 390px;
		} */
		
		.siop_img_acesso_siop_publico {
			background-image: url(../_imagens/banners/banner_acesso_publico_01.png);
			background-position: top;
			background-repeat: no-repeat;
			width: 308px;
			height: 290px;
			border: 1px solid #993300;
		}
	
		.login_geral_miolo_col_02{
			float: right;
			margin-top: 2em;
			margin-bottom: 1em;
		}
		
			.login_geral_miolo_col_02_acesso_siop_01{
				clear: both;
				height: 200px;
			}
			
			.login_geral_miolo_col_02_acesso_siop_02{
				clear: both;
				height: 190px;
			}
			
				.siop_img_acesso_siop {
					background-image: url("../_imagens/banners/banner_acesso_siop.png");
					background-repeat: no-repeat;
					background-position: top;
					height: 290px;
					width: 308px;
					border: 1px solid #FFF;
				}				
				/* .siop_img_acesso_siop_bi{
					background-image: url(../_imagens/banners/banner_acesso_siop_bi.png);
					background-position: left;
					background-repeat: no-repeat;
					width: 300px;
					height: 190px;
					border: 1px solid #FFF;
				} */
				
				.siop_img_acesso_siop_bi {
						background-image: url(../_imagens/banners/banner_acesso_siop_bi.png);
						background-position: top;
						background-repeat: no-repeat;
						width: 308px;
						height: 290px;
						border: 1px solid #009900;
				}
				
			
			/* FIM: Formatação da área de Acesso Público */
			
			/* INÃ�CIO: Formatação da área de login */
			.login_geral_miolo_login{
				width: 480px;
				float: right;
			}
			
			.login_geral_miolo_login_janela{
				clear: both;
				border: 1px solid #1F74B9;
				background-color: #FFF;
				height: 230px;
				padding: 10px;
			}
				
				
				.siop_input_acesso_label{
					line-height: 30px;
					font-size: 1.2em;
				}
				
				.siop_input_acesso_text{
					background-color: #DBEBF9;
					border: 1px solid #1F74B9;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 1.2em;
					color: #1F74B9;
					padding: 0.5em;
					width: 250px;
					vertical-align: bottom;
					margin-bottom: 0.5em;
				}
				
				.siop_input_acesso_text:focus{
					background-color: #FFC;
					border: 1px solid #FC0;
				}
				
			.login_geral_miolo_login_janela_botao{
				clear: both;
				margin-top: 60px;
				background-color: #000;
			}
			
				.login_geral_miolo_login_janela_botao_col_01{
					float: left;
					width: 300px;
					font-size: 1.2em;
					text-align: center;
					color: #1F74B9;
					margin-top: 5px;
				}
					.login_geral_miolo_login_janela_botao_col_01 a{
						color: #1F74B9;
						text-decoration: none;
					}
					
					.login_geral_miolo_login_janela_botao_col_01 a:hover{
						color: #666;
						text-decoration: underline;
					}
				
				.login_geral_miolo_login_janela_botao_col_02{
					float: left;
					width: 150px;
					text-align: right;
				}
				
				/* INÃ�CIO: Formatação do botão de Login - Caso imagem */
				.siop_button_login_img{
					width: 140px;
					height: 30px;
					background-image: url(../_imagens/login/botao_acessar.png);
					background-position: center;
					background-repeat: no-repeat;
				}
					.siop_button_login_img:hover{
						background-image: url(../_imagens/login/botao_acessar_hover.png);
					}
				/* FIM: Formatação do botão de Login - Caso imagem */
				
				/* INÃ�CIO: Formatação do botão de Login */
				.siop_button_login{
					color: #FFF;
					font-size: 1.4em;
					font-family: Verdana, Geneva, sans-serif;
					width: 140px;
					height: 30px;
					border: 1px solid #1F74B9;
					background-color: #479BE0;
				}
					.siop_button_login:hover{
						color: #CCC;
						border: 1px solid #479BE0;
						background-color: #1F74B9;
						cursor: pointer;
					}
				
				.siop_button_login_menor{
					color: #FFF;
					font-size: 1.4em;
					font-family: Verdana, Geneva, sans-serif;
					width: 100px;
					height: 30px;
					border: 1px solid #1F74B9;
					background-color: #479BE0;
				}
					.siop_button_login_menor:hover{
						color: #CCC;
						border: 1px solid #479BE0;
						background-color: #1F74B9;
						cursor: pointer;
					}
				
				/* FIM: Formatação do botão de Login */
				
			/* FIM: Formatação da área de login */
			
		.login_geral_miolo_lin_02{
			height: 43px;
			clear: both;
			background-color: #000;
			background-image: url(../_imagens/login/fundo_login_separa.png);
			background-position: center;
			background-repeat: repeat-x;
		}
		
		.login_geral_miolo_lin_03{
				clear: both;
				margin: auto;
				width: 1000px;
		}
		
			.login_geral_miolo_final{
				clear: both;
				width: 960px;
				margin: 0px auto;
				padding: 0px;
				text-align: left;
			}
			
			.login_geral_miolo_final_col_01{
				float: left;
					width: 291px;
				height: 240px;
				
				padding: 1.2em;
			}
			
			/* .login_geral_miolo_final_col_02{
				width: 653px;
			} */
			
			
			/* .login_geral_miolo_final_titulo_fiquepordentro {
					width: 626px;
			} */
			
				.login_geral_miolo_final_titulo_01{
					font-size: 1.8em;
					font-weight: bold;
					color: #666;
					border-bottom: 1px solid #666;
					padding-bottom: 0.5em;
					margin-bottom: 1em;
				}
				
/* 				.login_geral_miolo_final_titulo_02{
				}
 */				
				/* INÃ�CIO: Formatando a área dos servicos */
				.login_geral_miolo_final_servicos{
					background-color: #DBEBF9;
					height: 440px;
					margin-bottom: 20px;
				}				
				.login_geral_miolo_final_servicos ul li{
					padding-left: 3.5em;
					padding-right: 3.5em;
				}
				
				.siop_servicos_botao_anterior{
					float: left;
					height: 440px;
					width: 40px;
					background-color: #1F73B8;
				}
					.siop_servicos_btn_anterior{
						height: 440px;
						width: 40px;
						background-color: transparent;
						border: none;
						background-image: url(../_imagens/login/botao_servico_anterior.png);
						background-position: center;
						background-repeat: no-repeat;
					}
				
				.siop_servicos_conteudo{
					float: left;
					margin-top: 20px;
					margin-left: 4px;
				}	
				
				.siop_servicos_botao_proximo {
					float: right;
					height: 440px;
					width: 40px;
					background-color: #1F73B8;
				}
					.siop_servicos_btn_proximo{
						height: 440px;
						width: 40px;
						background-color: transparent;
						border: none;
						background-image: url(../_imagens/login/botao_servico_proximo.png);
						background-position: center;
						background-repeat: no-repeat;
					}
				
				.siop_img_servicos{
					width: 200px;
					height: 400px;
					box-shadow: 0 0 5px #666;
				}
				
				/* FIM: Formatando a área dos servicos */
				
				.login_geral_miolo_noticia_linha_01{
					min-height: 130px;
					margin-bottom: 2em;
				}
				
				.login_geral_miolo_noticia_linha_02{
					min-height: 130px;
					margin-bottom: 2em;
				}
				
				.login_geral_miolo_final_noticia_col_01{
					float: left;
					width: 190px;
				}
				
				/* .login_geral_miolo_final_noticia_col_02{
					float: right;
					width: 600px;
					min-height: 130px;
					border-bottom: 1px solid #1F74B9;
				} */
				
				.siop_noticia_imagem{
					width: 180px;
					height: 120px;
				}
					
				.login_geral_miolo_final_noticia_lin_01{
					clear: both;
					margin: 0.5em 0;
				}
				
				.login_geral_miolo_final_noticia_lin_02{
					clear: both;
					padding-bottom: 1em;
				}
				
				.login_geral_miolo_final_noticia_titulo_leia{
					color: #1F74B9;
					font-weight: bold;
				}
				
				.login_geral_miolo_final_noticia_titulo a{
					font-size: 1.5em;
					text-decoration: none;
					font-weight: bold;
					color: #1F74B9;
					line-height: 30px;
				}
				
					.login_geral_miolo_final_noticia_titulo a:hover{
						text-decoration: underline;
						color: #666;
					}
					
				.login_geral_miolo_final_noticia_data{
					font-size: 0.9em;
					text-decoration: none;
					color: #666;
				}
								
				.login_geral_miolo_final_noticia_materia a{
					font-size: 1.1em;
					text-decoration: none;
					color: #000;
					line-height: 18px;
				}
				
					.login_geral_miolo_final_noticia_materia a:hover{
						text-decoration: underline;
						color: #666;
					}
				
				.login_geral_miolo_final_noticia_lin_leia{
					clear: both;
					text-align: right;
					padding-top: 1em;
					padding-right: 19px 
				}
				
				.login_geral_miolo_final_noticia_lin_leia a{
					padding-top: 0.1em;
					font-size: 1.2em;
					text-decoration: none;
					font-weight: bold;
					color: #1F74B9;
					line-height: 30px;
				}
				
				.login_geral_miolo_final_noticia_lin_leia a:hover{
					color: #666;
					text-decoration: underline;
				}
				
				.siop_icone_mais_noticias{
					background-image: url(../_imagens/icones/icon_mais_noticias.png);
					background-position: center;
					background-repeat: no-repeat;
					width: 20px;
					height: 20px;
					vertical-align: middle;
					margin-right: 0.5em; 
				}
		
		.login_geral_miolo_breadcrumb{
			clear: both;
			border-bottom: 1px solid #1F74B9;
			padding: 0.8em 0;
			color: #1F74B9;
			background-color: #F1F1F1;
			font-style: italic;
		}
		
		.login_geral_miolo_breadcrumb_conteudo{
			width: 960px;
			margin: 0px auto;
			text-align: left;
		}
		
		.login_geral_miolo_breadcrumb_marcacao{
			font-style: normal;
		}
		
		.login_geral_miolo_breadcrumb a{
			color: #1F74B9;
			text-decoration: none;
			font-style: normal;
		}
			.login_geral_miolo_breadcrumb a:hover{
			color: #333;
			text-decoration: underline;
		}
		
		h2{
			color: #1F74B9;
			padding: 0.5em 0 0.4em 0;
			font-weight: bold;
			font-size: 3em;
		}
	
	/* FIM: Formatação do Miolo - Conteúdo */
	
		
/*************************************************************************************************
** X - Formatação do rodapõ© da página                                                           **
*************************************************************************************************/

	/* siop_rodape: Formatação geral do rodapõ© */
	.siop_rodape{
		width: 100%;
		position: absolute;
		bottom: 0;
		text-align: center;
		height: 300px;
		font-size: 0.9em;
		background-color: #FFF;
	}
	
		/* siop_rodape_conteudo: formatação do conteudo e posicionamento alinhado õ  página */
		.siop_rodape_conteudo{
			margin: 0px auto;
			width: 960px;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
		.siop_rodape_conteudo_linha_01,
		.siop_rodape_conteudo_linha_02,
		.siop_rodape_conteudo_linha_03,
		.siop_rodape_conteudo_linha_04
		{
			clear: both;
		}
		
		.siop_rodape_conteudo_linha_01{
			min-height: 180px;
			background-image: url(../_imagens/login/fundo_rodape.png);
			background-position: top;
			background-repeat: repeat-x;
			padding-top: 1em;
		}
		
		.siop_rodape_conteudo_linha_01 ul{
			padding: 1.5em 0 1em 0;
			line-height: 20px;
		}
		
			.siop_rodape_conteudo_linha_01_titulo{
				font-size: 1.3em;
				color: #1F74B9;
				font-weight: bold;
			}
		
			.siop_rodape_conteudo_linha_01_coluna_01{
				float: left;
				width: 200px;
				text-align: left;
				border-right: 1px solid #1F74B9;
				margin-right: 1em;
			}
			
				.siop_rodape_conteudo_linha_01_coluna_01 a{
					color: #000;
					text-decoration: none;
				}
				
				.siop_rodape_conteudo_linha_01_coluna_01 a:hover{
					color: #666;
					text-decoration: none;
				}
			
			.siop_rodape_conteudo_linha_01_coluna_02{
				float: left;
				width: 120px;
				text-align: left;
				margin-left: 1.5em;
				margin-right: 2em;
			}
			
				.siop_rodape_conteudo_linha_01_coluna_02 a{
					color: #000;
					text-decoration: none;
				}
				
				.siop_rodape_conteudo_linha_01_coluna_02 a:hover{
					color: #666;
					text-decoration: none;
				}
			
			.siop_rodape_conteudo_linha_01_coluna_03{
				float: left;
				width: 200px;
				text-align: left;
				border-left: 1px solid #1F74B9;
				padding-left: 2em;
				margin-right: 1em;
			}
			
				.siop_rodape_conteudo_linha_01_coluna_03 a{
					color: #000;
					text-decoration: none;
				}
				
				.siop_rodape_conteudo_linha_01_coluna_03 a:hover{
					color: #666;
					text-decoration: none;
				}
			
			.siop_rodape_conteudo_linha_01_coluna_04{
				float: right;
				width: 340px;
				min-height: 120px;
				text-align: left;
				padding:1em;
				background-position: top;
				background-repeat: repeat-x;
			}
			
				.siop_rodape_conteudo_linha_01_coluna_04_titulo{
					font-size: 2em;
					color: #666;
					font-weight: bold;
					border-bottom: 1px solid #CCC;
					padding-bottom 0.1em;
					padding-right: 5em;
				}
				
					.siop_rodape_p_horario{
						margin-bottom: 1em;
						margin-top: 1em;
					}
				
				.siop_rodape_img_telefone{
					background-image: url(../_imagens/login/icone_suporte_telefone.png);
					background-position: center;
					background-repeat: no-repeat;
					width: 30px;
					height: 30px;
					vertical-align: middle;
				}
				
					.siop_rodape_p_telefone{
						font-size: 16px !important;
						font-weight: bold;
						color: #666;
						margin-bottom: 0.5em;
					}
				
				.siop_rodape_img_email{
					background-image: url(../_imagens/login/icone_suporte_email.png);
					background-position: center;
					background-repeat: no-repeat;
					width: 30px;
					height: 30px;
					vertical-align: middle;
				}
				
					.siop_rodape_p_email{
						font-size: 14px;
						font-weight: bold;
						color: #666;
						text-decoration: none;
						width: 319px;
					}
					
					.siop_rodape_p_email a{
						font-size: 1.1em;
						font-weight: bold;
						color: #666;
						text-decoration: none;
					}
					
					.siop_rodape_p_email a:hover
					{
						font-size: 1.1em;
						font-weight: bold;
						color: #666;
						text-decoration: none;
					}
		
		
		.login_geral_miolo_final_col_01_hight_200{
			width: 335px;
		}
		.siop_rodape_conteudo_linha_02
		{
			line-height: 3px;
			margin: 0px auto;
			width: 900px;
			height: 70px;
			padding: 0 1em;
		}
		
			.siop_rodape_conteudo_linha_02 a
			{
				color: #000;
				text-decoration: none;
			}
			
			.siop_rodape_conteudo_linha_02 a:hover
			{
				color: #666;
				text-decoration: none;
			}
		
			.siop_rodape_orgao_01 {
				text-align: center;
				float: left;
				width: 210px;
				line-height: 13px;
				margin-top: 0.7em;
			}
			
			.siop_rodape_orgao_02 {
				text-align: center;
				float: left;
				width: 200px;
				line-height: 13px;
				margin-top: 0.7em;
			}
			
			.siop_rodape_orgao_03 {
				text-align: center;
				float: left;
				width: 160px;
				margin-top: 1.4em;
				line-height: 13px;
			}
			
			.siop_rodape_orgao_04 {
				text-align: center;
				float: left;
				width: 160px;
				line-height: 13px;
				margin-top: 0.7em;
			}
			
			.siop_rodape_logo {
				text-align: center;
				float: left;
				width: 170px;
				margin-top: 0.2em;
			}
	
			.siop_rodape_img_brasil{
				width: 135px;
				height: 45px;
				background-color: #FFF;
				background-image: url(../_img/rodape/logo_gov_federal.png);
				background-position: center;
				background-repeat: no-repeat;
			}
		
		.siop_rodape_conteudo_linha_03
		{
			padding: 0.3em 0;
			background-color: #f1f1f1;
			color: #000;
		}
		
			.siop_rodape_conteudo_linha_03 a
			{
				color: #000;
			}
			
			.siop_rodape_conteudo_linha_03 p
			{
				line-height: 14px;
			}
			
		.siop_rodape_conteudo_linha_04
		{
			padding: 0.3em 0;
			background-color: #1F74B9;
			color: #FFF;
		}

/*************************************************************************************************
** XX - Formantando os pop-ups do sistema de login                                              **
*************************************************************************************************/

/* Definição de estilos para o link de ajuda: "Como Acessar" */
/* @Data: 05/07/2011 | @Autor: Narmer Abouhassan */
	.siop_popup_tela{
		width: 100%;
		text-align: left;
	}

/* O z-index do div.siop_popup_mask deve ser menor que do div.siop_popup_boxes e do div.siop_acesso_window */
	.siop_popup_mask{
		  position: absolute;
		  left: 0;
		  top: 0;
		  z-index: 9000;
		  background-color: #479BE0;
		  display: none;
		  cursor: pointer;
	}

	.siop_popup_boxes .siop_popup_window {
		position: absolute;
		left: 0;
		top:0;
		width: 780px; 
		height: 480px;
		display: none;
		z-index: 9999;
		padding: 20px;
	}
	
	siop_popup_boxes a{
		text-decoration: none;
		border: none;
	}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
	.siop_popup_boxes #siop,
	.siop_popup_boxes #siop_acesso_obter,
	.siop_popup_boxes #relatorios,
	.siop_popup_boxes #bi,
	.siop_popup_boxes #siop_video_tutorial,
	.siop_popup_boxes #siop_acesso_rdf{	
		width: 600px; 
		height: 530px;
		padding: 0px;
		background-color: #ffffff;
		border: 1px solid #CCC;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 5px #479BE0;
	}
	
	.siop_popup_boxes #siop_carta{	
		width: 600px; 
		height: 550px;
		padding: 0px;
		background-color: #ffffff;
		border: 1px solid #CCC;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 5px #479BE0;
	}
	
	.siop_popup_boxes #siop_acesso_pub{
		width: 800px; 
		padding: 0px;
		background-color: #ffffff;
		border: 1px solid #CCC;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 5px #479BE0;
	}
	
	.siop_popup_boxes #siop,
	.siop_popup_boxes #relatorios,
	.siop_popup_boxes #bi {
		height:auto;
		min-height: 360px;
	}
	
	.siop_popup_boxes #siop_acesso_obter {
		width: 600px; 
		height: 380px;
		padding: 0px;
		border: 1px solid #CCC;
	}
	
    .siop_popup_boxes #siop_video_tutorial {
        height: 600px;
        width: 700px;
    }
    
    .siop_popup_boxes #siop_acesso_pub ul li{
		margin-left: 6em;
		margin-right: 6em;
		list-style: inside;
		line-height: 20px;
	}
    
    .siop_popup_boxes #siop_acesso_rdf ul li{
		margin-left: 6em;
		margin-right: 6em;
		list-style: inside;
		line-height: 20px;
	}
	
	.siop_popup_boxes #siop_carta ul li{
		margin-left: 6em;
		margin-right: 6em;
		list-style: inside;
		line-height: 20px;
	}
	
	.siop_popup_boxes #siop_acesso_pub ul li a{
		text-decoration: underline; 
	}
	
	.siop_popup_boxes #siop_acesso_rdf ul li a
	.siop_popup_boxes #siop_carta ul li a{
		text-decoration: underline; 
	}
	
	.siop_popup_boxes #siop_acesso_pub .siop_popup_conteudo_pub{
		height: 360px;	
	}
	
	.siop_popup_boxes #siop_acesso_rdf .siop_popup_conteudo_rdf{
		height: 421px;	
	}
	
	.siop_popup_boxes #siop_carta .siop_popup_conteudo_rdf{
		height: 431px;	
	}
	
	.siop_popup_conteudo_coluna_01{
		float: left;
		width: 47%;
		padding: 0 0.5em;
		height: 265px;
	}
	
	.siop_popup_conteudo_coluna_02{
		float: right;
		width: 47%;
		padding: 0em 1em 0em 1em;
		border-left: 1px solid #1F74B9;
		height: 265px;
	}
	
	.siop_popup_conteudo_acesso_publico_titulo{
		text-align: left;	
		padding-bottom: 0.5em;
		font-weight: bold;
		height: 20px;
		color: #1F74B9;
	}
	
	.login_button_acessar_img{
		width: 140px;
		height: 30px;
		background-image: url(../_imagens/login/botao_acessar.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.siop_popup_boxes #siop_acesso_rdf ul li{
		margin-left: 6em;
		margin-right: 6em;
		list-style: inside;
		line-height: 20px;
	}
	
	.siop_popup_boxes #siop_acesso_rdf ul li a{
		text-decoration: underline; 
	}
	
	
	.siop_popup_boxes #siop_acesso_rdf .siop_popup_conteudo_rdf{
		height: 360px;	
	}
	
	.siop_popup_conteudo_video_tutorial {
		padding-top: 0.5em;
		padding-bottom: 2em;
		text-align: center;
	}
	
	.siop_popup_conteudo_video_tutorial_titulo{
		text-align: left;	
		padding-bottom: 0.5em;
		padding-left: 1.5em;
		font-weight: bold;
	}
	
	.siop_popup_conteudo_video_tutorial_inicial{
		height: 470px;
		padding: 1.5em 1.5em 1.5em 1.5em;
	}
	
	.siop_popup_conteudo_alerta{
		color: #F00;
	}
	
	.siop_popup_lista_video{
		list-style-image: url(../_imagens/icones/icon_camera_16x16.png);
	}
	
	.siop_popup_boxes #siop_senha_dialog {
		width: 600px; 
		height: 300px;
		padding: 0px;
		background-color: #FFF;
		border: 1px solid #CCC;
		-moz-border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
		border-radius: 15px 15px 15px 15px;
	}
	
	.siop_popup_titulo {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		clear: both;
		margin-left: -1px;
		margin-top: -1px;
		color: #FFF;
		height: 25px;
		padding-bottom: 8px;
		padding-top: 19px;
		padding-left: 5px;
		-moz-border-radius: 4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		background: #1F74B9;
	}
	
	.siop_popup_titulo{
		width: 597px;	
	}
	
	.siop_popup_titulo_video{
		width: 697px;
	}
	
	.siop_popup_conteudo{
		min-height: 265px;
		padding: 10px 10px 10px 10px;
		text-align: left;	
	}
	
	.siop_popup_conteudo_rdf{
		min-height: 265px;
		padding: 10px 10px 10px 10px;
		text-align: left;	
	}
	
	.siop_popup_conteudo a{
		text-decoration: underline;
		color: #1F74B9;
	}
	
	.siop_popup_logomarca{
		float: right;
		padding: 0.5em 0.5em 0.5em 0.5em;
		margin-left: 1em;
	}
	
	.siop_popup_logomarca_rdf{
		margin-bottom: 1em;
	}
	
	.siop_popup_footer{
		clear: both;
		color: #1F74B9;
		padding: 0px 10px 0px 5px;
		border-top: 3px double #1F74B9;
		text-align: center;
		line-height: 14px;
		font-size: 10px;
	}
	
/* posiciona o link para fechar a janela */
	.siop_popup_fechar{
		margin-top: -52px;
		margin-right: -16px;
		display: block;
		text-align: right;
		width: 100px;
		float: right;
	}
	
	.siop_popup_fechar_trocar_senha{
		margin-top: -80px;
		margin-right: -16px;
		display: block;
		text-align: right;
		width: 100px;
		float: right;
	}
	
	.siop_popup_fechar a{
		text-decoration: none;
		border: none;
	}
	
		.siop_popup_fechar_img{
			width: 40px;
			height: 41px;
			background-image: url(../_imagens/login/botao_fechar_popup.png);
			background-position: center;
			background-repeat: no-repeat;
			margin-top: 2em;
		}	
	
	.siop_popup_fechar_oculta{
		display: none;
	}

/* INÃ�CIO: Formatando o banner da página inicial */
	.login_geral_miolo_final_banner{
		background-color: #FFF;
		padding: 3em 0em 5em 3.5em;
		margin-top: 2em;
	}
	
	#slider{
		width:280px;
		height: 80px;
	}
	
	#slider img{
		width: 280px;
		height: 115px;
	}
	
	ol#controls{
		margin: 1.5em 0em 0em 0;
		list-style: none;
	}
	ol#controls li{
		margin: 0 4px 0 0; 
		padding: 0;
		float: left;

	}
	ol#controls li a{
		font-size: 0.9em;
		float: left;
		height: 16px;
		line-height: 16px;
		border: 1px solid #CCC;
		background: #1F74B9;
		color: #FFF;
		padding: 0 5px;
		text-decoration: none;
	}
	ol#controls li.current a{
		background: #49D;
		color: #FFF;
		border: 1px solid #666;
	}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
		outline:none;
	}
	
/* FIM: Formatando o banner da página inicial */


.login_geral_miolo_avisos {
    background-color: #F1F1F1;
    margin-bottom: 2em;
    margin-top: 1em;
    padding: 3em 1em 1em;
}

#manuais_box_img ul {
	height: 299px;
}
#manuais_box_img li {
	text-align: center;
	margin:0 17px;
	width: 158px;
	float:left;
}

#manuais_box_img p{
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
	color: #1F74B9;
	line-height: 30px;
}