html {
	background-image:url(basico/fundo.jpg);
	background-size:cover
}


#cxConteudo {
	display:table;
	margin:2em auto;
	padding:1em 2em;
	background:#fdfdfd;
	border:1px solid #0971ce;
	border-radius:3px;
}
#cxConteudo > header {
	display:block;
	margin:0 0 1em 0;
}
#cxConteudo > header > a > img {
	width:151px;
	height:43px;
}


#cx2020 {
	position:absolute;
	left:0;
	bottom:20px;
	overflow:hidden;
	display:block;
	width:100%;
}
#cx2020 > img {
	display:table;
	max-height:30px;
	margin:5px 20px 5px auto;
	padding:3px 5px;
	background:#fff;
	border:1px solid #999
}


#err {
	max-width:20em;
	margin:1em 0;
	color:#722;
	font-weight:bold;
}


form {
	overflow:hidden;
}
form > h2 {	margin:0 0 1em 0	}
form > p {
	max-width:20em;
	margin:0 0 1em 0;
	font-size:90%;
}


form > label {
	display:block;
	padding:.5em 0;
	clear:both;
}
form > label > em {
	position:absolute;
	top:-9999em;
}
form > label > input,
form > label > span > input
{
	width:20em;
	margin:0;
	border:none;
	border-bottom:1px solid #999;
	border-radius:0
}
form > label+label input {	width:10em	}
form > label:not(.err) > input:focus,
form > label:not(.err) > span > input:focus
{
	border:none;
	border-bottom:1px solid #0971ce;
	box-shadow:none;
	transition:border-color linear .5s
}

form > .cxBts {
	overflow:hidden;
	padding:2em 0 0 0;
	clear:both;
}
form > .cxBts > a.liga {
	float:right;
	margin:.5em 0 0 2em;
	font-size:90%;
}

#semConta {
	margin:1.5em 0 0 0;
	padding:.8em 0 0 0;
	font-size:90%;
	border-top:1px dashed #999;
	text-align:center
}
#semConta > a > span::before {
	padding:0 .5em 0 0;
	font-family:FontAwesome;
	content:"\f007"
}



@media screen and (max-width:460px) {

form > label:first-child input {	width:18em	}

#cxConteudo {	padding:1em	}

#cx2020 > img {
	max-width:70%;
	max-height:none;
	margin:5px auto
}

}