/*******************************************
descrição    : Estilos Modulo Cidadão Publico
********************************************/
.invalido{color: red}
.valido{color: green}
.botao_padrao {
	border: 1px solid #B5B6BD;
/* 	font-size: 80%; */
	text-align: center center;
	color: #000;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    background: #CFD0DE; /* For browsers that do not support gradients */
/* 	opacity: 0.7; */
	background: -webkit-linear-gradient(#F9F9F9, #CFD0DE, #F9F9F9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F9F9F9, #CFD0DE, #F9F9F9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F9F9F9, #CFD0DE, #F9F9F9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F9F9F9, #CFD0DE, #F9F9F9); /* Standard syntax */
	border-radius: 3px 3px;
	cursor: pointer;
	width: 75px auto;
	height: 22px;
	min-height: 22px;
	min-width: 22px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.botao_desbloquear {
	border: 1px solid;
	text-align: center;
	font-size: 80%;
	text-align: right;
	color: #000;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    background: #EFEFF7 url('../imagem/icone-cadeado-aberto.png') no-repeat center left;
	opacity: 0.7;
	border-radius: 3px 3px;
	cursor: pointer;
	width: 85px;
	height: 20px;
	float: left;
}

.botao_bloquear {
	border: 1px solid;
	text-align: center;
	font-size: 80%;
	text-align: right;
	color: #000;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    background: #EFEFF7 url('../imagem/icone-cadeado-fechado.png') no-repeat center left;
	opacity: 0.7;
	border-radius: 3px 3px;
	cursor: pointer;
	width: 85px;
	height: 20px;
	float: left;
}

.icone_nega, .icone_check {
    float: right;
    border: none;
/*     cursor: pointer; */
    width: 22px;
    margin-right: 5px;
    height: 22px;
}
.icone_nega {
    background: url(../fmk/imagem/erro.gif) no-repeat;
}
.icone_check {
    background: url(../fmk/imagem/sucesso.gif) no-repeat;
}
.helptip{
	float: right;
	margin-right: 4%;
}
.botao_desbloquear:active {
	background-color: #aaa;
	opacity: 0.9;
}

.botao_bloquear:active {
	background-color: #aaa;
	opacity: 0.9;
}

.group-table{
	position: relative;
	display: inline-block;
	width: 97%;
}
.group-float-left{
	float: left;
	width: 38%;
	
}
.group-float-right{
	float: right;
	width: 46%;
}
.clear-float{
	clear: both;
}

.fieldsLogin{
	display: inline-block;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%;
}
span input[type='radio'] {
	margin-left: 5%;
}
span.negrito {
	font-weight: bold;
}
.esqueci-a-senha{
	color: red;
	margin-left: 5%;
}
/* Aproveitanto o antigo modulo cidadao */
.invisible {display: none;}
.visible {display: true;}
#formLogin{
	width: 98%;
	margin-top: 5%;
	float: left;
}
#acessoPublico {
    margin: auto;
    margin-top: 50px;
    width: 300px;
    height: 300px;
    border-radius: 10px;
}

#acessoPublicoSenha {
    margin: auto;
    margin-top: 50px;
    padding: 2em 0em 0em 2em;
    width: 420px;
    height: 250px;
    border-radius: 10px;
}
.quadro {
    border: solid 1px #BDBDBD;
    background: #F9F9F9;
}
#entrar{
	margin-left: 30%;
	margin-top: 1%;
	float: left;
}
#acessoCertDig{
	margin-top: 1%;
	margin-left: 30%;
	background: url("../imagem/certificado.png") no-repeat;
    height: 40px;
    width: 112px;
}
#acessoCertDig:active{
	border: solid 2px #7575DC;
}
#_cidadaoLogAcessoPubliconaturezaJuridica {
	width: 35%;
}
#acessoPublico h3{
	margin: auto;
	margin-top: 5px;
	text-align: center;
}

#acessoPublico div{
	border: solid 0px #BDBDBD;
	margin: 10px;
	height: 250px;
}

#acessoPublico ul{
	border: solid 0px #BDBDBD;
	margin: 20px;
	margin-left: 50px;
	height: 250px;
}

#acessoPublico li{
	margin: 20px;
}

#formLogin div{
	border: none;
	margin: auto;
	height: auto;
}
/* Merger */
.tituto{
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

#acessoDg{
	width: 285px;
	float: left;
}
#acessoDg p{
	text-align: center;
}

/* From cidadaoInicio */
#opcoes{
	margin: auto;
	margin-top: 50px;
	width: 930px;
	height:300px;
	border-radius: 10px;
	display: table;
	background-color: rgb(218, 230, 236);
}

#opcoes h3{
	margin: auto;
	margin-top: 5px;
	text-align: center;
}

#opcoes div.option{
	float: left;
	width: 200px;
	height: 270px;
	margin: 15px;
	margin-left: 16px;
	margin-top: 0px;
}

#opcoes div.option h5{
	text-align: center;
	margin-top: 10px;
}

#opcoes div.option a #solicitacao{
	text-indent: -50000px;
	background: url("../imagem/Solicitacao.png") no-repeat;
	width: 128px;
	height:115px;
	margin-left: 36px;
	margin-top: 80px;
}

#opcoes div.option a #solicitacao:HOVER{
	height: 128px;
	margin-left: 36px;
	margin-top: 67px;
	margin-bottom: 0px;
}

#opcoes div.option a #agendamento{
	text-indent: -50000px;
	background: url("../imagem/Agendamento.png") no-repeat;
	width: 128px;
	height:115px;
	margin-left: 36px;
	margin-top: 80px;
}

#opcoes div.option a #agendamento:HOVER{
	height: 128px;
	margin-left: 36px;
	margin-top: 67px;
	margin-bottom: 0px;
}

#opcoes div.option a #consulta{
	text-indent: -50000px;
	background: url("../imagem/Consulta.png?1.0.3") no-repeat;
	width: 128px;
	height:115px;
	margin-left: 36px;
	margin-top: 80px;
}

#opcoes div.option a #consulta:HOVER{
	height: 128px;
	margin-left: 36px;
	margin-top: 67px;
	margin-bottom: 0px;
}

#opcoes div.option a #dare{
	text-indent: -50000px;
	background: url("../imagem/Dare.png?1.0.2") no-repeat;
	width: 128px;
	height:115px;
	margin-left: 36px;
	margin-top: 80px;
}

#opcoes div.option a #dare:HOVER{
	height: 128px;
	margin-left: 36px;
	margin-top: 67px;
	margin-bottom: 0px;
}




.icone_inativo {
	float: right;
	border: none;
	background: url(../fmk/imagem/icone-inativo.gif) no-repeat;
	cursor: pointer;
	width: 29px;
	height: 20px;
}

.icone_ativo {
	float: right;
	border: none;
	background: url(../fmk/imagem/icone-ativo.gif) no-repeat;
	cursor: pointer;
	width: 29px;
	height: 20px;
}