@font-face {
	font-family: LATO;
	/*src: url('../fonts/Lato-Regular.ttf');*/
}
body{
	margin: 0;
	padding: 0;
	background: #226099 url('../images/bg_login.jpg') repeat-x top left;
}
.logos{
	padding: 0 45px;
}
.All{
	margin: 50px 14% 0;
}
.imageRight{
	width: 100%;	
	height: 752px;
	/* (10/07/2014) Background retirado por solicitação do cliente */
	/* background: url('../images/bg-grafismo-login.png') no-repeat bottom right; */
	background: url('../images/bg-login-right.png') no-repeat bottom right;
}
.logo-sahem-novo{
	width: 66%;
	height: 155px;
	float: left;
	background: url('../images/logo-sahem-login-assinatura.png') no-repeat 0 43px;
}
.logo-tesouro-novo{
	width: 34%;
	height: 155px;
	float: right;
	background: url('../images/logo-tesouro-login.png') no-repeat right 83px;
}
.logo-gov-br{
	height: 60px;
}
.logo-serpro{
	width:400px;
	height:74px;
	position:absolute;
	z-index:1;
	right:10px;
	bottom:10px;
	background: url(../images/logo_serpro_2025.png) no-repeat top left;
	background-size: 400px;
}
.botao-acesso{
	text-align: center;
}
.btn-acesso-publico{
	height: 30px;
	margin-top: 84px;
	padding: 5px 10px;
}
.btn-login {
	height: 30px;
    margin-top: 24px;
    padding: 5px 10px;
}
.btn-gov-br {
	height: 30px;
	margin: 0 25%;
	padding: 5px 10px;	
}
.box-login {
	width: 30%;
	min-height: 260px;
	font-weight: normal;
	font-size: 14px;			
	color: #595959;	
	padding: 20px 0;
	text-align: center;
	font-family: LATO, Arial, sans-serif;
	background: none repeat scroll 0 0 #c9e0f0;
    box-shadow: 0 0 50px #ffffff inset, 0 8px 17px #124777 !important;
	float:left;
}
.box-login h1{
	font-family: LATO, Arial, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #2e6699;
	margin: 35px 35px 10px 35px;
}
.box-login p{
	margin: 1rem 1.5rem;
	text-align: justify;
}
.box-login-esquerda{
	border-radius: 40px 10px 10px 10px;
}
.box-login-centro {
	border-radius: 10px;
}
.box-login-direita {
	width: 30%;
	min-height: 260px;
	border-radius: 10px 10px 40px 10px;
}

.box-login-centro a{
	font-family: LATO, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;			
	color: #0770d1;
}
.box-login-centro a:hover{
	text-decoration: underline;
}
.box-login-centro label{
	width: 76%;
	font-family: LATO, Arial, sans-serif;
	font-weight: normal;
	display: inline-block;
	color: #575757;
	font-size:14px;
	margin-bottom:5px;
	text-align: left;
	text-transform: none;
}
#blockUsuarioSenha{
	text-align: center;
}
#linkEsqueciSenha{
	width: 76%;
	display: inline-block;
	text-align: left;
}
.changePassword, .text-certificado{
	display: inline-block;
	margin: 10px 0;
	width: 50%;
}
.box-login-centro h3{
	font-family: LATO, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;			
	color: #fff;			
	position: absolute;
	margin-left: 38px;
  	margin-top: -64px;
}
.boxes {
	padding: 0 10px;
}

.boxes > div {
	margin: 10px;
}		

.bt-consult-credito{
	width: 210px !important;
	cursor: pointer;
	border-radius: 7px;
	border: none;
	margin: 10px 35px;
	padding: 10px 20px;
	color: #634e04;
	text-align: center;
	font-family: LATO, Arial, sans-serif !important;
	box-shadow: 4px 7px 13px #B3C2CF !important;
	
	/*---IE9---*/
	border: 1px solid #fadb30\9 !important; 
	background: #fadb30\9 !important;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Opera */ 
	background-image: -o-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fadb30), color-stop(1, #f1c424)) !important;

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fadb30 0%, #f1c424 100%) !important;
}

.button-login-box{
	width: 100px !important;
	cursor: pointer;
	border-radius: 7px;
	border: none;
	text-align: center;
	margin: 10px 35px;
	padding: 10px 20px;
	color: #634e04;
	font-family: LATO, Arial, sans-serif !important;
	box-shadow: 4px 7px 13px #B3C2CF !important;

	/*---IE9---*/
	border: 1px solid #fadb30\9 !important; 
	background: #fadb30\9 !important;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Opera */ 
	background-image: -o-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fadb30), color-stop(1, #f1c424)) !important;

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fadb30 0%, #f1c424 100%) !important;

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fadb30 0%, #f1c424 100%) !important;
}

.bt-consult-credito:hover, .button-login-box:hover{

	/*---IE9---*/
	border: 1px solid #f3cd47\9 !important; 
	background: #f3cd47\9 !important;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #fadb30 0%, #DDB422 100%) !important;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #fadb30 0%, #DDB422 100%) !important;

	/* Opera */ 
	background-image: -o-linear-gradient(top, #fadb30 0%, #DDB422 100%) !important;

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fadb30), color-stop(1, #DDB422)) !important;

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #fadb30 0%, #DDB422 100%) !important;

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #fadb30 0%, #DDB422 100%) !important;
}


.button-login-box-modal{
	width: 100px !important;
	cursor: pointer;
	border-radius: 7px;
	border: none;
	text-align: center;
	margin: 10px 35px;
	padding: 5px 10px;
	color: #634e04;
	font-family: LATO, Arial, sans-serif !important;
	box-shadow: 4px 7px 13px #B3C2CF !important;
	background-image: -moz-linear-gradient(center top , #fadb30, #f1c424) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fadb30), to(#f1c424)); /*Chrome, Safari, Mobile Webkit*/ 
	background: -moz-linear-gradient(top, #fadb30, #f1c424); /*Firefox*/
	background: -ms-linear-gradient(top , #fadb30, #f1c424); /* IE */
}

.button-login-box-modal:hover{
	background-image: -moz-linear-gradient(center top , #fadb30, #ddb422) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fadb30), to(#ddb422)); /*Chrome, Safari, Mobile Webkit*/ 
	background: -moz-linear-gradient(top, #fadb30, #ddb422); /*Firefox*/
	background: -ms-linear-gradient(top , #fadb30, #ddb422); /* IE */
}

input[type='text'], input[type='password']{
	width: 70%;
	font-family: LATO, Arial, sans-serif;
	text-transform: none;
	font-size: 16px;
	color: #575757;
	padding: 10px 15px;
	margin-bottom: 20px;
	border-radius: 7px;
	border: 1px solid #9eb6c6;
	background-image: -moz-linear-gradient(center top , #d9e9f3, #f4f9fd) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9e9f3), to(#f4f9fd)); /*Chrome, Safari, Mobile Webkit*/ 
	background: -moz-linear-gradient(top, #d9e9f3, #f4f9fd); /*Firefox*/ 
	background: -ms-linear-gradient(top , #d9e9f3, #f4f9fd); /* IE */
}

input[type='password']{
	margin-bottom: 10px;
}

.link-certificado{
	width: 127px;
	height: 56px;
	display: inline-block;
	background: url('../images/certificado.png') no-repeat top left;
}
.iconChange{
	width: 21px;
	height: 31px;
	background: url('../images/icon-cadeado.png') no-repeat top left;
}
.text-cadastro{
	margin-top: 20px;
  	padding-left: 12%;
  	text-align: left;	
}
#idCaptcha {
	width: 30%;
}
#divCaptcha {
  	float: left;
  	margin-left: 44px;
  	margin-top: 19px;
}
.changePassword {
  	float: left;
}

#labelCaptcha {
 	display: inline-block;
  	font-size: 10px;
  	width: 179px;
}
.blockCaptcha{
	margin-top: 20px;	
	padding: 0 20px;
}
.erroLogin {
  	color: #EE9B21;
    font-size: 13px;
	font-weight: bold;
	list-style: none outside none !important;
	text-align: justify;
	list-style: none !important;
	list-style-type: none !important;
	padding: 10px 20px;
	/*background: url('../images/warning-icon.png') no-repeat top left;*/
}
.icon-senha{
	width:18px !important;
	height:18px !important;
	cursor:pointer !important;
	display:block !important;
	margin-right: 4px;
    margin-top: -60px;
    float:right;
    position: relative;
	text-decoration: none !important;
	background:	transparent url(../images/icon-help.png) no-repeat top left !important;
}

/* ---------------------- JANELA MODAL ----------------------- */

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
	background-image: -moz-linear-gradient(center top , #f7f7f8, #b7c5d4) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f8), to(#b7c5d4)); /*Chrome, Safari, Mobile Webkit*/ 
	background: -moz-linear-gradient(top, #f7f7f8, #b7c5d4); /*Firefox*/ 
	background: -ms-linear-gradient(top , #f7f7f8, #b7c5d4); /* IE */
	border-bottom: 1px solid #EEEEEE;
	padding: 3px 15px;
}
.ui-dialog.ui-widget-content .ui-dialog-title {
  	color: #19394E;
  	font-family: LATO, Arial, sans-serif;
  	font-size: 16px;
  	font-weight: normal;
}
.ui-widget-overlay {
  	filter: alpha(opacity=50);
  	opacity: 0.5;	
}

/* ---------------------- ICONE SENHA ----------------------- */

.icon-senha {
    background: url("../images/icon-help.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;
    cursor: pointer !important;
    display: block !important;
    float: right;
    height: 18px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    position: absolute;
    text-decoration: none !important;
    width: 18px !important;
}

/* ------------------------- AJUDA ----------------------------- */

.topBoxAjuda h2 {
	font-family: Arial;
	color: #666;
	font-size: 16px;
	padding-left: 55px;
	padding-top: 29px;
	padding-bottom: 10px;
	background: url(../images/icones/icon_help.jpg) no-repeat 20px 25px
}

.boxAjuda {
	display: none;
	width: 424px;
	height: 430px;
	text-align: left;
	position: absolute;
	z-index: 1;
	top: 190px;
	_top: 210px;
	right: 50px
}

.topBoxAjuda {
	height: 59px;
	background: url(../images/bg_top_ajuda.gif) no-repeat top left
}

.containerBoxAjuda {
	height: 351px;
	padding: 15px;
	border: 1px solid #afc3d9;
	border-top: 1px solid #dce6ed;
	background: #cedce7 url(../images/bg_content_boxAjuda.jpg) repeat-x top
		left
}

.contentBoxAjuda {
	height: 331px;
	background: #fff;
	overflow: auto;
	padding: 10px
}

.contentBoxAjuda h2 {
	font-family: Arial;
	color: #666;
	font-weigth: bold;
	font-size: 14px;
	margin-bottom: 10px
}

.contentBoxAjuda h3 {
	font-family: Arial;
	color: #666;
	font-weigth: bold;
	font-size: 12px;
	margin-bottom: 10px
}

.contentBoxAjuda p {
	margin-bottom: 10px;
	text-transform: none;
}

#functionsMenu {
	text-align: right;
	float: right;
	width: 80px;
	height: 23px
}

#functionsMenu a {
	height: 23px;
	display: block;
	float: left;
	text-decoration: none;
	color: #666;
	border-right: 1px dashed #666;
	margin-right: 10px;
	padding-right: 10px
}

#functionsMenu a.btAjuda {
	width: 50px;
	height: 23px;
	margin-top: -70px;	
	line-height: 20px;
	padding-left: 9px;
	background: url(../images/icones/ico_help.png) no-repeat left -1px;
	border-right: none !important;
	margin-right: 0 !important;
	padding-right: 0 !important
}

.boxAjudaModal {
	display: none;
	width: 424px;
	height: 430px;
	text-align: left;
	position: absolute;
	z-index: 1;
	top: 190px;
	_top: 210px;
	right: 50px
}

.ajudaModalControl {
	display: none
}

#functionsMenu a.btAjudaModal {
	width: 50px;
	height: 20px;
	margin-top: -12px;	
	padding-left: 9px;
	background: url(../images/icones/ico_help.png) no-repeat left -2px;
	border-right: none !important;
	margin-right: 0 !important;
	padding-right: 0 !important
}

.infoBoxContent #functionsMenu {
	margin-top: -45px;
	*position: absolute;
	*right: 10px;
	text-align: left;
	width: 60px !important
}

.infoBoxContent #functionsMenu a {
	border: 0;
	margin-right: 0;
	color: #153f58 !important
}

.infoBoxContent #functionsMenu a.btAjudaModal {
	width: 25px !important;
	padding: 0 !important;
	background: transparent url(../images/icon_help_modal.png) no-repeat top
		left
}

/* Adaptações para tela de consulta publico */ 
.exigido {
	border: 1px solid red !important;
}
.required{
	color: #cc0000 !important;
	font-size:11px !important;
}

.br-button {
  --button-background: transparent;
  --button-border: transparent;
  --button-color: var(--interactive);
  --button-radius: 100em;
  --button-font-size: var(--font-size-scale-up-01);
  --button-font-weight: var(--font-weight-semi-bold);
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-img: 20px;
  --interactive-rgb: var(--rgb-primary-default);
  align-items: center;
  background-color: var(--button-background);
  border: 1px solid var(--button-border);
  border-radius: var(--button-radius);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-size);
  justify-content: center;
  padding: var(--button-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button img {
  max-height: var(--button-img);
}
.br-button.block {
  width: 100%;
}
@media (min-width: 576px) {
  .br-button.block-sm {
    width: 100%;
  }
  .br-button.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-button.block-md {
    width: 100%;
  }
  .br-button.auto-md {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .br-button.block-lg {
    width: 100%;
  }
  .br-button.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-button.block-xl {
    width: 100%;
  }
  .br-button.auto-xl {
    width: auto;
  }
}
.br-button.circle, .br-button[circle], .br-button.is-circle {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.xsmall, .br-button[xsmall], .br-button.is-xsmall {
  --button-size: var(--button-xsmall);
}
.br-button.small, .br-button[small], .br-button.is-small {
  --button-size: var(--button-small);
}
.br-button.medium, .br-button[medium], .br-button.is-medium {
  --button-size: var(--button-medium);
}
.br-button.large, .br-button[large], .br-button.is-large {
  --button-size: var(--button-large);
}
.br-button.primary, .br-button[primary], .br-button.is-primary {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01);
}
.br-button.primary.inverted, .br-button.primary.is-inverted, .br-button.primary[inverted], .br-button[primary].inverted, .br-button[primary].is-inverted, .br-button[primary][inverted], .br-button.is-primary.inverted, .br-button.is-primary.is-inverted, .br-button.is-primary[inverted] {
  --interactive-rgb: var(--rgb-primary-default);
  --hover: var(--surface-opacity-xs, 0.16);
  --button-background: var(--color-secondary-01);
  --button-color: var(--color-primary-default);
}
.br-button.secondary, .br-button[secondary], .br-button.is-secondary {
  --button-background: var(--color-secondary-01);
  --button-border: var(--color-primary-default);
}
.br-button.secondary.inverted, .br-button.secondary.is-inverted, .br-button.secondary[inverted], .br-button[secondary].inverted, .br-button[secondary].is-inverted, .br-button[secondary][inverted], .br-button.is-secondary.inverted, .br-button.is-secondary.is-inverted, .br-button.is-secondary[inverted] {
  --hover: var(--surface-opacity-xs, 0.16);
  --button-background: var(--color-primary-default);
  --button-border: var(--color-secondary-01);
  --button-color: var(--color-secondary-01);
}
.br-button.inverted, .br-button.is-inverted, .br-button[inverted] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --color-hsl: var(--color-dark-hsl);
  --text-color: var(--color);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --interactive-dark-hsl: var(--interactive-dark-hsl);
  --visited: var(--gray-20);
  --hover: var(--surface-opacity-sm);
  --pressed: var(--surface-opacity-lg);
  --focus-color: var(--gold-vivid-20);
  --focus: var(--gold-vivid-20);
  --active: var(--pure-0);
  --interactive: var(--color-secondary-01);
  --interactive-rgb: var(--rgb-secondary-01);
}
.br-button.danger, .br-button[danger], .br-button.is-danger {
  --button-background: var(--color-danger);
  --button-color: var(--color-secondary-01);
}
.br-button.success, .br-button[success], .br-button.is-success {
  --button-background: var(--color-success);
  --button-color: var(--color-secondary-01);
}
.br-button.warning, .br-button[warning], .br-button.is-warning {
  --button-background: var(--color-warning);
}
.br-button.info, .br-button[info], .br-button.is-info {
  --button-background: var(--color-info);
  --button-color: var(--color-secondary-01);
}
.br-button:disabled {
  cursor: not-allowed;
}
.br-button:not(:disabled):focus {
  outline: none;
}
.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.active, .br-button.is-active, .br-button[active] {
  --button-background: var(--active);
  --button-color: var(--color-secondary-01);
}
.br-button.active:hover, .br-button.is-active:hover, .br-button[active]:hover {
  --interactive-rgb: var(--rgb-secondary-01);
  --hover: var(--surface-opacity-sm, 0.3);
}
.br-button.loading::after, .br-button[loading]::after, .br-button.is-loading::after {
  border-color: var(--button-color) var(--button-color) transparent;
  border-style: solid;
}
.br-button.loading.primary::after, .br-button.loading.danger::after, .br-button.loading.success::after, .br-button.loading.info::after, .br-button[loading].primary::after, .br-button[loading].danger::after, .br-button[loading].success::after, .br-button[loading].info::after, .br-button.is-loading.primary::after, .br-button.is-loading.danger::after, .br-button.is-loading.success::after, .br-button.is-loading.info::after {
  border-color: var(--button-color) var(--button-color) transparent;
}
.br-button.sign-in {
  --button-background: var(--color-secondary-02);
  z-index: var(--z-index-layer-0);
}

/*# sourceMappingURL=signin.css.map*/

