html{
	overflow-y: scroll;
}

body{
	background: url("../images/bg-body.png") no-repeat scroll center 54px #CCE3D6 !important;
	overflow-y: scroll;
}

.label {
    text-align: right;
    width: 40%;
    color: #436588;
}

.campo {
    width: 50%; 
}

.texto {
    color: #000000 !important;
    text-align: justify;
    font-family: open sans;
    font-weight: normal;
}

.ui-fieldset-content.usuario {
    background: none repeat scroll 0 0 #F4F9F5;
    border-radius: 6px 6px 6px 6px;
    margin: 10px 0;
    padding: 10px;
    width: 95%;
}

.ui-radiobutton-box.ui-state-default{
	background: url("../images/rd-button-off.png") no-repeat scroll 0 0 transparent;
}
.ui-radiobutton-box.ui-state-active {
    background: url("../images/rd-button-on.png") no-repeat scroll 0 0 transparent !important;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
    display: block;
   	color: #717273;
}

.radio td {
	padding-top: 5px;
}

.radio td *{
	vertical-align: middle;
}
 
 .ui-commandlink, .ui-commandlink.ui-state-disabled, a, a:link {
    color: #5b7293 !important;
}

#main-content .tabela-login {
    width: 100% !important;
}

.ajaxStatus{
	width:16px;
	height:16px;
}

.tabela-login{
	width: 95% !important;
}

.form-login {
	width: 305px !important;
}

.form-login td, .form-login tr {
	padding: 5px;
}

.topico {
    color: rgb(0, 0, 0);
    font-family: open sans;
    font-weight: bold;
    margin-bottom: 2px;
}

#layout-login {
}

label {
    color: rgb(0, 0, 0);
    margin-bottom: 2px;
    font-family: open sans;
    font-size: 15px;
}

.grid {
    border-collapse: separate;
    border-spacing: 5px;
    position: relative;
    width: 100%;
    color: #355473;
}

.grid a{
	margin-left: 10px;	
}

.logo {
    border: 0 none;
}

#logoSigepe {
    padding-bottom: 25px;
    padding-left: 40px;
    padding-top: 46px;
    text-align: right;
}

.pnlDestinoLogin {
	text-align: left;
}

.barraInstrucoesAcesso {
    color: rgb(81, 111, 101);
    font-size: 22px;
    font-weight: bold;
    padding-left: 20%;
    padding-bottom: 0%;
    padding-right: 0%;
    padding-top: 0%;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.0);
    border: 0px;
    float: left;
}

.coluna1 {
	background: transparent url(../images/logo-sigepe.png) no-repeat top left !important;
	width: 344px !important;
}

.coluna2 {
	height:280px !important;
	min-height:280px !important;
	padding-left: 111px !important;
	background: transparent url(../images/bg-box-login.png) no-repeat top left !important;
	width: 363px !important;
	vertical-align: top;
}

.portal-pass {
    background: url("../images/ico-lock.png") no-repeat scroll 8px 8px #FFFFFF !important;
    border: 1px solid #AEB6C3;
    height: 21px !important;
    width: 210px;    
}
.portal-user{
    background: url("../images/ico-user.png") no-repeat scroll 8px 8px #FFFFFF !important;
    border: 1px solid #AEB6C3;
    height: 21px !important;
    width: 210px;    
}

.btn-navegar {
	min-width:82px !important;
	height:43px !important;
	line-height:43px !important;
	text-align:center !important;
	color: #fff !important;
	border-radius: 0 !important;
	text-shadow: none !important;
	border: none !important;
	background: transparent url(../images/bt-login.png) repeat top right !important;
	float: right;
}

.select-ajuda label{
	font-size: larger;
}

.link-precisa-ajuda{
    float: left;
	font-size: 15px;
}

.btn-acessar{
    background: url("../images/bt-login.png") repeat scroll right top transparent !important;
    border: medium none !important;
    border-radius: 0 0 0 0 !important;
    color: #FFFFFF !important;
    float: right !important;
    height: 41px !important;
    line-height: 43px !important;
    min-width: 82px !important;
    text-align: center !important;
    text-shadow: none !important;
}
.btn-acessar:hover, .btn-acessar.ui-state-disabled, .btn-acessar.ui-state-focus{
	background: transparent url(../images/bt-login-over.png) repeat top right !important;
}

.btn-certificado:hover, .btn-certificado.ui-state-disabled, .btn-certificado.ui-state-focus{
	background: transparent url(../images/certificadoDigital.png) no-repeat top right !important;
}

#cabecalho{
	width:139px !important;
	height:34px !important;
	position:absolute !important;
	top:85px !important;
	left:50px !important;
	/* Imagem retirada em respeito a lei eleitoral */
	/*background: transparent url(../images/logo-segepe.png) no-repeat top left !important;*/
}

.moduloAutenticacao .label {
    width: 10%;
}

.moduloAutenticacao .ui-commandlink {
    text-decoration: underline;
}


/* Alteracoes leticia */
span.negrito{
	font-weight: bold;
}

.clear{
	clear: both;
}

.colunaMensagem {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    color: rgb(0, 0, 0);
    font-family: open sans;
    font-size: 15px;
    float: left;
    line-height: 200%;
    margin-top: 15px;
    margin-bottom: 40px;
    padding: 10px;
    text-align: left;
    width: 60%;
}

.colunaLogoSEGEPE {
}

.colunaLogoSIGEPE{
    float: right;
}

.colunaLogoSIGEPE img{
	 width: 320px;
	 margin-top: 5px;
}

.colunaEsquerda {
    line-height: 200%;
    color: #355473;
    width: 55%;
    position: absolute;
    top: 250px;
}

.colunaCentro {
    color: #355473;
    width: 380px;
    top: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.colunaDireita {
    color: #355473;
    position: absolute;
    right: 2%;
    top: 245px;
    width: 35%;
}

.colunaMeio{
	left: 10%;
	/*background: url("../images/bg-meio.png") repeat scroll 0 0 transparent;*/
	position: absolute;
	top: 230px;
	width: 70%;
    border-radius: 10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    -khtml-border-radius:10px;         
	height: 485px;
}

.colunaCentro .unit .ui-widget-content{
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}


.colunaDireita .login{
    /* background: url("../images/bg-login.png") repeat-x scroll 0 0 transparent;*/
    width: 98%;
    margin-bottom: 20px;
}

.colunaDireita .certificado{
    /* background: url("../images/bg-login.png") repeat-x scroll 0 0 transparent; */
    width: 98%;
}

.colunaDireita .ui-panel {
    border: medium none;
    border-radius: 6px 6px 6px 6px;
}

.colunaDireita .certificado {
    /* background: url("../images/bg-login.png") repeat-x scroll 0 0 transparent; */
    margin-top: 20px;
}

.duvidasFrequentes {
    float: left;
	font-size: 15px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-top: 0;
}

.tituloInfo {
    color: #4A7268;
    font-size: 15px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}

.colunaDireita .ui-panel .ui-panel-content{
	padding: 15px 2% 1px 5% !important
}

.anteColunaDireita .ui-panel .ui-panel-content{
	padding: 15px 2% 1px 5% !important
}

.colunaMeio .ui-panel .ui-panel-content {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none;
    padding: 8px 20px 10px;
}

.colunaMeio .ui-widget-content{
	/* background: none repeat scroll 0 0 transparent !important; */
}

.bloco {
    /*background: url("../images/bg-login.png") repeat-x scroll 0 0 transparent;*/
    border: 0 none;
    border-radius: 0.5pc 0.5pc 0.5pc 0.5pc;
    line-height: 200%;
    margin-top: 20px;
    padding: 20px;
}

.moduloAutenticacao .ui-fieldset {
    background: none repeat scroll 0 0 #F4F9F5;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    margin: 5px 0 0;
    padding: 10px;
    width: 88%;
}

.moduloAutenticacao .ui-fieldset-content .ui-inputfield{
	font-size: 14px;
	padding: 4px 0 4px 25px;
}

#button_outros {
    padding-bottom: 10px;
    padding-top: 5px;
    width: 93%;
}	
#button_outros .outros{
	margin: 0;	
}


#button_line {
    padding-bottom: 10px;
    padding-top: 5px;
    width: 93%;
}

#button_line .line{
	margin: 0;	
}

.moduloAutenticacao {
	padding: 10px 0 0;
}

.blocoCert {
	position: relative;
	margin: 10px 0;
	width: 96%;
}

.blocoCert .texto{
	text-align: left;
	width: 60%;
	padding-bottom: 10px;	
}

.ui-button.btn-certificado{
	width:82px;
	height:43px;
	line-height:43px;
	background: transparent url("../images/certificadoDigital.png") no-repeat top right !important;
	position: absolute;
	top: -5px;
	right: 10px;
}

.ui-button.btn-certificado-consig{
	width:82px;
	height:43px;
	line-height:43px;
	background: transparent url("../images/certificadoDigital.png") no-repeat top right !important;
	position: static;
	top: 5px;
	right: 10px;
}


#page-content{
    margin: 0 auto;
    min-height: 680px;
    padding: 0;
}

.moduloAutenticacao tr.ui-widget-content {
    /* background: none repeat scroll 0 0 transparent; */
    border: medium none;
}

.moduloAutenticacao .ui-panelgrid td{
	border: medium none;
}

.moduloAutenticacao .ui-panelgrid.ui-widget {
    width: 90%;
}

#main-content {
    margin: 0 5%;
    min-width: 1024px;
    width: 90%;
}

.espaco{
	margin-bottom: 5px;
}

#conteudocabecalho {
    width: 90%;
}

.msgs {
	color:red;
	margin-bottom:8px;
}

.banner {
	text-align: center;
	vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 0;
    /*height: 67px;*/
	background: rgba (240, 240, 240, 0.85);
	width: device-width;
    position: fixed;
} 

.banner *{
	vertical-align: middle;
}

.btn-fechar{
	top: 5px;
	right: 5px;
	width:13px;
	height:13px;
	position: absolute;
	background: transparent url("../images/close.png") no-repeat !important;
	cursor: pointer;
}

.btn-download-app{
	width:60px;
	height:60px;
	background: transparent url("../images/logo_app.png") no-repeat !important;
	border: 1px;
	border-color: #000; 
	cursor: pointer;
}


@media(-webkit-min-device-pixel-ratio: 1.5),
	  (min-device-pixel-ratio: 1.5),
      (min-resolution: 144dpi),
      (min-resolution: 1.5dppx) {
      
	.btn-fechar{
		background-size: 13px 13px;
		background: transparent url("../images/close_26x26.png") no-repeat !important;
	}
	
	.btn-download-app{
		background-size: 60px 60px;
		background: transparent url("../images/logo_app_120x120.png") no-repeat !important;
	}
}