/* Folha de estilos responsavel pela formatacao dos itens genericos das paginas */

/* DEFAULT */
html, body, form {
	margin: 0;
	padding: 0;
	color: #303030;
	font-size: 11px;    
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #043a66;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}

.topo {
	width: 100%;
	height: 55px;
	background-color: #053A64;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/top_bg.jpg);
}
#logoPrevidencia {
	float: left;
	padding-top: 6px;
	vertical-align: middle;
}
#logoEntidade { 
	padding-top: 6px;
	vertical-align: bottom;
}
#seloComemorativo { 
	float: right;
}
h1 {
   margin: 0;
   float: left;
   color: #fff;
   font-weight: bold;
   font-size: 14px !important;
   font-family: Arial, Helvetica, sans-serif;
}

/* MENU */
.menu { 
	height:24px;
	background-image:url(../images/bg_menu.gif) !important;
}
#icons { 
	position: absolute;
	text-align:right;
	padding-top:6px;
	z-index:30000;
    width:50px;
    left:100%;
    margin-left: -52px;
}
.usuario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding-right: 15px;
}

/* CONTEUDO */

#conteudo {
}
h2 {
	width: 95%;
	margin: 0 auto;
	color: #043d6a;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
    border-bottom: 1px solid #619b61;
}
/* Estilo usado para tratar dos links dentro das tags H2 para facilitar o acesso ao conteudo das paginas */
h2 a {
	text-decoration: none;
}

h3 {
	width: 90%;
	margin: 0 auto;
	color: #043d6a;
	font-size: 11px;
	font-weight: bold;
	padding-right: 20px;
    border-bottom: 1px solid #619b61;
}
/* Estilo usado para tratar dos links dentro das tags H3 para facilitar o acesso ao conteudo das paginas */
h3 a {
	text-decoration: none;
}


/* Ha tres estilos de paragrafos:
 * - o primeiro (p) pode ser usado em qualquer local que necessitar de texto dentro de uma pagina 
 * - o segundo (p.aviso) deve ser usado sob o titulo da pagina para avisos especi­ficos como, por exemplo, o aviso dos campos obrigatorios
 * - o terceiro pode ser usado para textos que necessitem chamar uma atencao maior do usuario. Deve ser aplicado para um paragrafo apenas.
 */
p {
	width: 90%;
	margin: 0 auto;
}
p.aviso {
	width: 95%;
	padding-right: 10px;
}
p.imperativo {
	color: #000;
	padding: 5px 30px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/aponta.gif);
}
/* A classe abaixo deve ser usada para tornar elementos inline em float, caso seja necessario */
.flutua{
	float: left;
	padding: 2px;
}
/* RODAPE */
.rodape {
	float: left;
	width: 100%;
	margin: 10px 0;
}
.rodape .links { 
	color: #fff;
	height: 18px;
	font-size: 10px;
	padding-top: 6px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_menu.gif) !important;
}
.rodape .links a {
	color: #fff;
	text-decoration: none;
}
.rodape .links a:hover {
	text-decoration: underline;
}
.textoRodape {
	color: #929292;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.textoRodape a {
	color: #929292;
	margin-left: 3px;
	margin-right: 6px;
	font-weight: normal;
	text-decoration: none;
}
.textoRodape a:hover {
	text-decoration: underline;
}
.esquerda {
	width: 19%;
	float: left;
	text-align: left;
	padding-left: 1%;
}
.centro {
	width: 58%;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

.direita {
	width: 19%;
	float: right;
	text-align: right;
	padding-right: 1%;
	height:14px;
}
/* GERAL */
/* Os estilos 'even' e 'odd' sao usados em lugares onde se faz necessario alternar a cor das linhas */
.odd {
	background-color: #ebebeb;
}
.even {
	background-color: #f7f7f7;
}
/* Os estilos 'left', 'right' e 'center' sao usados para o alinhamento do texto */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/* TAMANHOS */

/* Os estilos abaixo possuem diversas opcoes de tamanho e pode ser usados em qualquer elemento. 
 * As regras de tamanho prevalecerao sobre outras regras de tamanho herdadas pelo elemento ao 
 * qual elas serao aplicadas, devido o uso do !important.
 */
.tamanho05{
	width: 05% !important;
}
.tamanho10{
	width: 10% !important;
}
.tamanho15{
	width: 15% !important;
}
.tamanho20{
	width: 20% !important;
}
.tamanho25{
	width: 25% !important;
}
.tamanho30{
	width: 30% !important;
}
.tamanho35{
	width: 35% !important;
}
.tamanho40{
	width: 40% !important;
}
.tamanho45{
	width: 45% !important;
}
.tamanho50{
	width: 50% !important;
}
.tamanho55{
	width: 55% !important;
}
.tamanho60{
	width: 60% !important;
}
.tamanho65{
	width: 65% !important;
}
.tamanho70{
	width: 70% !important;
}
.tamanho75{
	width: 75% !important;
}
.tamanho80{
	width: 80% !important;
}
.tamanho85{
	width: 85% !important;
}
.tamanho90{
	width: 90% !important;
}
.tamanho95{
	width: 95% !important;
}
.tamanho100{
	width: 100% !important;
}

/* MENSAGENS */
div.mensagem ul {
	clear: both;
	width: 90%;
	padding: 0;
	margin: 15px auto;
}
div.mensagem ul li.sucesso {
	padding: 2px 20px; 
	list-style: none;
	font-weight: bold;
	border: 1px solid #696;
 	background-color: #B0E5B0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_verde.png);
}
p.sucesso {
	clear: both;
	width: 85%;
	padding: 2px 20px; 
	font-weight: bold;
	border: 1px solid #696;
 	background-color: #B0E5B0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_verde.png);
}
div.mensagem ul li.alerta {
	padding: 2px 20px; 
	list-style: none;
	font-weight: bold;
	border: 1px solid #fc0;
 	background-color: #fdf6c4;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_amarela.png);
}
p.alerta {
	clear: both;
	width: 85%;
	padding: 2px 20px 3px 25px; 
	font-weight: bold;
	border: 1px solid #fc0;
 	background-color: #fdf6c4;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_amarela.png);
}
div.mensagem ul li.erro, p.erro {
	padding: 2px 20px; 
	list-style: none;
	font-weight: bold;
	border: 1px solid #a02f37;
 	background-color: #fcb8ac;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_vermelha.png);
}
p.erro {
	clear: both;
	width: 85%;
	padding: 2px 20px; 
	font-weight: bold;
	border: 1px solid #a02f37;
 	background-color: #fcb8ac;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_vermelha.png);
}
div.mensagem ul li.dica, p.dica {
	padding: 2px 20px; 
	list-style: none;
	font-weight: bold;
	border: 1px solid #3980f4;
 	background-color: #c4deeb;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_azul.png);
}
p.dica {
	clear: both;
	width: 85%;
	padding: 2px 20px; 
	font-weight: bold;
	border: 1px solid #3980f4;
 	background-color: #c4deeb;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/msg_azul.png);
}
div.mensagem ul li, p.alerta, p.sucesso, p.erro, p.dica {
	margin-top: 5px;
}

.normal {
	font-weight: normal !important;
}
.negrito {
	font-weight: bold !important;
}
.sublinhado {
	text-decoration: underline;
}

#barra-governo-federal {
	min-width: 800px;
	height: 28px;
	background: #004b82 url(../images/barra-brasil-v3-bgx.gif) 0 bottom
		repeat-x;
	position: relative;
	z-index: 1;
}

#barra-governo-federal .acessoinfo,#barra-governo-federal .barrabrasil {
	width: 105px;
	height: 28px;
	margin-left: 25px;
	float: right;
	display: block;
	border: 0;
	background: #004b82 url(../images/brasil.png) right bottom
		no-repeat;
}

#barra-governo-federal .acessoinfo {
	width: 155px;
	background-image: url(../images/ai.png);
}

#barra-governo-federal-fundo-direita,#barra-governo-federal-fundo-esquerdo {
	position: absolute;
	width: 50%;
	height: 28px;
	top: 0;
	z-index: 0;
}

#barra-governo-federal-fundo-esquerdo {
	background: #004b82 url(../images/barra-brasil-v3-bgx.gif) 0 bottom
		repeat-x;
	left: 0;
}

#barra-governo-federal-fundo-direito {
	background: #004b82 none;
	right: 0;
}

#ui-datepicker-div{
	display: none;
}