html {
	padding:0;
	min-height:100%;
	background:#2a3a4b;
	background:radial-gradient(50% 50% at 50% 50%,#a3c760 20.83%,#4c7500 100%) no-repeat;
	scroll-behavior:smooth;
}


fieldset {
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
}
fieldset > legend {
	margin:0;
	padding:0 0 .5em 0;
	font-weight:bold;
}
fieldset > *,
fieldset > label
{
	margin-left:1em
}
fieldset > legend > span {	display:none	}

label {
	overflow:hidden;
	display:block;
	margin:.5em 0;
	padding:.5em;
}

label > * {
	display:inline-block;
	vertical-align:middle
}
label > span > small {
	display:block;
	padding:3px 0 0 0;
	font-size:x-small;
}
label > em {	display:none	}

label > input {	max-width:20em	}




#cxNeutro {
	max-width:50em;
	margin:1em auto;
	background:#fdfdfd;
	border:1px solid #333;
	border-radius:3px
}
#cxNeutro > header {
	display:block;
}
#cxNeutro > header > h1 {
	margin:0;
	padding:10px 20px 15px 20px;
	color:#fff;
	background:#000;
	font-size:25px;
}


#cx {	padding:1em 2em	}
#cx > h2 {
	max-width:20em;
	margin:0 0 1em 0;
	padding:0;
}



#frmIniciar {
	display:table;
	min-height:3em;
	margin:0 auto;
	padding:2em 0 1em 0;
}
#frmIniciar > input {
	margin-top:2px;
	width:15em
}
#frmIniciar > * {
	float:none;
	display:inline-block;
	vertical-align:middle
}



#cxTerminar {
	overflow:hidden
}


#foco-form {	display:none	}



.questao {
	display:table;
	margin:1em 0;
	clear:both;
}
.questao > p {
	margin:0;
	padding:0 0 .5em 0;
	font-weight:bold;
}
.cxQuestao {	margin:0 0 0 1em	}


.grupoOps > .horizontal {	margin-left:0	}


.chk,
.grupoOps label {
	display:block;
	padding-left:1em;
}
.chk > input,
.grupoOps label > input {
	width:auto;
	margin:0 5px 0 -1em;
}
.chk label > span,
.grupoOps label > span {
	display:inline;
	margin:0 0 0 5px;
}
.chk.multilinha > input,
.grupoOps .multilinha > input {
	position:absolute;
	margin:.3em 0 0 -1.3em;
	vertical-align:top
}

.grupoOps.horizontal {
	overflow:hidden;
}
.grupoOps.horizontal > * {
	display:inline-block;
	min-width:5em;
	vertical-align:middle
}
.grupoOps.horizontal > label > span {	white-space:nowrap	}


.anoMes {
	overflow:hidden;
	display:inline-block;
	padding:.5em 1em;
	font-size:90%
}
.anoMes > *,
.anoMes > div > *
{
	display:inline-block;
	padding:0;
	margin:1px;
	vertical-align:middle
}
.anoMes > p {
	min-width:4.5em;
	margin:0 .5em 0 0
}
.anoMes > div {
	white-space:nowrap;
}
.anoMes > div > label:last-child {	margin-left:3px	}
.anoMes em {	display:none	}
.anoMes select {	width:auto	}


.outro {
	margin:0;
	padding:0 0 0 5px;
}
.outro > em {	font-size:90%	}


.grupoHorizontal {
	overflow:hidden;
	padding:.5em 0;
}
.grupoHorizontal:last-child {	padding-bottom:0	}
.grupoHorizontal > * {
	display:inline-block;
	min-width:5em;
	margin:0 .5em 0 0;
	padding:.5em;
	vertical-align:middle
}
.grupoHorizontal > .chk {	padding-left:1em	}



.resposta {
	overflow:hidden;
	margin:1em 0 2em 0;
	clear:both;
}
.resposta > p:first-child {
	margin:0;
	padding:0 0 .5em 0;
	font-weight:bold;
}
.resposta > p:last-child {
	margin:0 0 0 1em;
	padding:.3em;
}





#erros, #avisos, #msgs {
	display:table;
	min-width:15em;
	max-width:40em;
	margin:1em auto;
	padding:.4em 1em .5em 60px;
	background-position:10px center;
	background-repeat:no-repeat;
	border:2px solid #000;
	border-radius:8px
}
#erros > p,
#avisos > p,
#msgs > p
	{	margin:.4em 0	}
#erros > ul,
#avisos > ul,
#msgs > ul
	{	margin:0	}
#erros > ul > li,
#avisos > ul > li,
#msgs > ul > li
	{	margin:.4em 0	}

#erros {
	margin:2em auto;
	padding:.7em 1em .7em 60px;
	background-color:#f1f3b8;
	background-image:url(erro.png);
	border-color:#7e0c0c;
}

#avisos {
	background-color:#f8f9e4;
	background-image:url(aviso.png)
}

#msgs {
	background-color:#fefff0;
	background-image:url(msg.png);
	border:1px solid #666
}


p.msg {
	max-width:40em;
	margin:2em auto;
	color:#333;
	font-size:90%;
}





@media (max-width:800px) {

#cxNeutro {	margin:1px auto	}
#cx {	padding:1em	}

.cxQuestao {	margin-left:0	}

fieldset,
.grupoOps.horizontal {	margin:0	}

fieldset > *,
fieldset > label
{
	margin-left:.5em
}

h1 {	text-align:center	}

}