*{
	padding:0;margin:0;box-sizing: border-box;
}
body{
	color:#363636;
	background:#F6F6F6;
	font-family: Arial, Helvetica, Sans-serif;
}
::-moz-selection { 
	color:#363636;
	background: #F1FFC0;
}
::selection { 
	color:#363636;
	background:#F1FFC0; 
}
input[type=number]{
	-moz-appearance: textfield;
   appearance: textfield;
   margin:0;
}
.contain{
	max-width: 1120px;
	width: 100%;
	margin:0 auto;
	/*padding:160px 40px;*/
	padding:13.5rem  2.5rem;
	background: 
		url("../img/logo-cremepe.svg") center 40px no-repeat, 
		url("../img/logo-cremepe-simbol.svg") center bottom 32px no-repeat;
	background-size:260px,70px;
}
h1{
	/*font-size: 36px;*/
	font-size: 2.25rem;
	/*margin:0 0 96px 0;*/
	margin:0 0 6rem 0;
	/*line-height:54px;*/
	line-height:3.375rem;
	text-transform: uppercase;
	text-align: center;
}
h2{
	/*font-size:28px;*/
	font-size:1.75rem;
	/*margin:0 0 72px 0;*/
	margin:0 0 4.5rem 0;
	/*line-height:42px;*/
	line-height:2.625rem; 
}
h3{
	font-size:22px;
	font-size:1.375rem;
	/*margin:0 0 48px 0;*/
	margin:0 0 3rem 0;
	/*line-height:36px;*/
	line-height:2.25rem;
}
p{
	/*font-size:18px;*/
	font-size:1.125rem;
	/*line-height:30.6px;*/
	line-height:1.912rem;
	/*margin-bottom:40px;*/
	margin-bottom:2.5rem;
}
/*
.field-erro{
	color:red;
	font-size:14px;
	margin-bottom: 16px;
	--overflow: hidden;--
	--height:0px;--
	margin-top: -16px;
}
.space-input .field-erro{
	padding-left:24px;
	margin-top: 5px;	
	font-size: 13px;
	font-size: .812rem;
}*/

.field-label{
	position: relative;
	width:100%;
	display: block;
	margin-bottom: 24px;
}

.field-input:focus ~ .field-placeholder,
.field-input:not(:focus):valid ~ .field-placeholder{
	font-size: 12px;
	font-size: 0.75rem;
	top:10px;
}
.field-input:not(:focus):valid{
	color:#363636;
}
.field-input:focus ~ .field-placeholder{
	color: #363636;
}
.field-input{
	font-family: Arial, Helvetica, Sans-serif;	
	border:1px solid #B7B7B7;
	border-radius:15px;
	padding: 30px 28px 13px 32px;
	font-size:18px;
	font-size:1.125rem;
	width: 100%;
	background:none;
	color:#AFB0B5;
}
.field-input:focus{
	background-color:#fff;
	border-color:#363636;
	font-weight: bold;
	color:#363636;
	box-shadow: 0px 3px 6px rgba(0,0,0,.25);
}
.field-input:invalid{
	color:red;
}
.field-input.mask-data:invalid{
	color:rgba(0,0,0,0);
}
.field-placeholder{
	pointer-events: none;
	transition: 0.2s ease all;
	position: absolute;
	font-size:1.125rem;
	left:36px;
	top:23px;
	color:#AFB0B5;
}
.field-input--select{
	padding: 15px 28px 15px 32px;
}
.field-btn{
	font-size:18px;
	font-size:1.125rem;
	padding:13px 32px;
	padding:0.812rem 2rem;
	border-radius:15px;
	border:1px solid #B7B7B7;
	color:#363636;
	text-shadow:0px 1px 1px #fff;
	background:#D8D8D8;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: inset 0px 1px 1px #fff;
	-webkit-box-shadow: inset 0px 1px 1px #fff;
	box-shadow: inset 0px 0px 1px 1px #E8E8E8;
	transition: 0.2s ease all;
}
.field-btn.cta{
	padding:21px 43px;
	padding:1.312rem 2.687rem;
}
.field-btn:hover,
.field-btn:focus{
	background:#363636;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	border-color:#363636;
	box-shadow: inset 0px 0px 1px 1px #676767, 0px 4px 6px rgba(0,0,0,.57);
}
.field-btn:active{
	background:#000;
}

.standby{
	font-size:11px;
	color:#9F9F9F;
	margin-top: 8px;
	display: none;
	transition: 0.2s ease all;
}
.field-textarea:focus{ 	
  	padding: 22px 32px;
  	background:#fff;
  	color:#363636;
  	box-shadow: 0px 3px 6px rgba(0,0,0,.25);
}
.field-textarea{
	
	display: none;
	margin: 0;
  	width: 100%;
  	overflow:hidden;
	font-size: 18px;
  	line-height: 1.575;
  	font-family: Arial, Helvetica, Sans-serif;
  	box-sizing: border-box;
  	border:none;
  	border-radius:15px;
  	margin-top:8px;

	padding: 22px 32px;
	box-shadow:0px 0px 0px rgba(0,0,0,.001);
	background:none;
	color:#E62020;
}
.field-textarea.close{
	display: none;
}

.itens li{
	display: block;
	margin-left: -40px;
	padding-left: 40px;
	margin-right: -40px;
	padding-right: 40px;
	padding-top: 56px;
	padding-bottom: 56px;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	border-bottom:1px solid #CFCFCF;
	cursor: pointer;
}
.itens.adm li{
	cursor: default;
}
.itens.adm .header{
	display: flex;
}
.header.open{
	flex-direction: column;
}

.votos{
	display: flex;
	align-items: center;
	padding-top:16px;
}
.header .art-desc{
	height: 57px;
	overflow: hidden;
	margin-right:56px;
	transition: 0.2s ease all;

	background: -webkit-linear-gradient(90deg, #363636 70%, transparent 98%);
	background: linear-gradient(90deg, #363636 70%, transparent 98%);

    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;

}
.header.open .art-desc{
	height: auto;
	overflow:visible;
	background: initial;
	background-clip: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	-webkit-box-decoration-break: initial;
	box-decoration-break: initial;
}
.header .art-desc:hover{
	background: -webkit-linear-gradient(90deg, #3AA872 70%, transparent 98%);
	background: linear-gradient(90deg, #3AA872 70%, transparent 98%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.header.open .art-desc:hover{
	color:#000;
	height: auto;
	overflow:visible;
	background: initial;
	background-clip: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	-webkit-box-decoration-break: initial;
	box-decoration-break: initial;
}
.header .outrosTitulos{
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
}
.votos span{
	text-align: center;
	margin:0 16px;
	font-size:14px;
}
.votos strong{
	font-size:16px;
}
.votos .apoio{
	color:#6B8CE6;
}
.votos .alteracao{
	color:#DC9251;
}
.votos .exclusao{
	color:#CE4F4F;
}

.itens li p{
	margin-bottom:0px;
}
.itens li p.inciso{
	padding-left: 56px;
	margin-top: 16px;
	margin-bottom: 24px;
}
/*
.itens li:hover{
	background:#F8FFE1;
	border: 1px solid #CFCFCF;
}*/
.itens li:hover,
.itens .i.open{
	border-radius: 15px;
	background:#fff;
	border: 1px solid #CFCFCF;
}
.itens li.focus{
	background: #F1FFC0;
	border: 1px solid #CFCFCF;
	border-radius: 15px;
}
.grifado{
	font-weight: bold;
	background-color: #F0FF9D;
	padding: 3px 6px;
}
.capitular{
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: bold;
	vertical-align: middle;
}
.cols{
	display: flex;
	flex-wrap: wrap;
}
.cols > div{
	max-width: 440px;
	width: 100%;
	margin: 0 40px;
}
.cols > div:last-child{
	flex-grow: 1;
	margin-top: 88px;
	text-align: center;
	max-width: 100%;
}
.temp-leitura{
	position: fixed;
	bottom: 0;
	left:0;
	right: 0;
	background:#F6F6F6;
	border-top:1px solid #C8C8C8;
}
.temp-leitura__barra{
	position: absolute;
	top:-2px;
	height:4px;
	background:#008D58;
}
.temp-leitura__contain{
	max-width:1120px;
	width: 100%;
	padding: 12px 10px 12px 10px;
	display: flex;
	margin:0 auto;
}
.localstorage-crm{
	font-size:12px;
	color:#9F9F9F;
	margin-right:24px;
}
.localstorage-limpar{
	font-size:12px;
	color:#008D58;
	text-decoration: none;
}
.localstorage-limpar:hover{
	background:#008D58;
	color:#fff;
}
.pular-intro{
	position: fixed;
	top: 0;left:0;
	width: 100%;
	text-align: center;
	display: none;
}
.pular-intro a{
	display: inline-block;
	padding: 8px 24px 14px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;

	color:#363636;
	text-shadow:0px 1px 1px #fff;
	background:#D8D8D8;
	border:1px solid #B7B7B7;
	-moz-box-shadow: 0px 1px 1px #fff;
	-webkit-box-shadow: 0px 1px 1px #fff;
	box-shadow: inset 0px 0px 1px 1px #E8E8E8,  0px 2px 20px rgba(0,0,0, .2);
}
.pular-intro a:hover{
	background:#363636;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	border-color:#363636;
	box-shadow: inset 0px 0px 1px 1px #676767, 0px 4px 6px rgba(0,0,0,.57);
}
.pular-intro a:active{
	background:#000;
}
.voto {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top:8px;
}
.voto-item{
	position: relative;
}
.voto-item label{
	display: block;
	font-size:11px;
	font-size:0.6875rem;
	padding:7px 26px;
	padding:0.437rem 1.625rem;
	border-radius:15px;
	position: relative;
	cursor: pointer;
	transition: 0.2s ease all;
	text-transform: uppercase;
	margin-right: 16px;
	margin-top: 8px;

	font-weight: bold;
	background:#F6F6F6;
	color:#363636;
	border:1px solid #B7B7B7;
	text-shadow:0px 1px 1px #fff;
	-moz-box-shadow: inset 0px 1px 1px #fff;
	-webkit-box-shadow: inset 0px 1px 1px #fff;
	box-shadow: inset 0px 0px 1px 1px #E8E8E8;
}
.voto-item label:hover{
	background:#363636;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	border-color:#363636;
	-moz-box-shadow: inset 0px 1px 1px #676767;
	-webkit-box-shadow: inset 0px 1px 1px #676767;
	box-shadow: inset 0px 0px 1px 1px #676767, 0px 4px 6px rgba(0,0,0,.57);
}
.voto-item input:checked + label{
	background:#000;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	border-color:#363636;
	-moz-box-shadow: inset 0px 1px 1px #676767;
	-webkit-box-shadow: inset 0px 1px 1px #676767;
	box-shadow: inset 0px 0px 1px 1px #676767;
}
.voto-item input[type=radio]{
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}
.comment{
	padding:0;
	margin:0;
	margin-top:48px;
}
.comment .comment__i{
	padding:16px 0 16px 0;
	margin:0;
	color:#9B9B9B;
}

.comment__link{
	overflow: hidden;
	line-height: 24px;
	height: 20px;
	display: block;
	color:#9B9B9B;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.comment__link::after{
	content: '...';
	display: block;
	position: absolute;
	top: -5px;
	right: 8px;
	font-size: 20px;
}
.comment__link small{
	font-size: 70%;
	padding-left: 8px;
	letter-spacing: .5px;
}
.comment__link:hover,
.comment__link:active{
	color:#3AA872;
}

.comment .comment__i:hover{
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	border-bottom:1px solid #CFCFCF;
	border-radius:0;
}
.comment .comment__i:last-child{
	border-bottom:0;
}
.comment__i.open,
.comment__i.open:hover{
	background:#F1FFC0;
}
.comment__i.open .comment__link::after{
	display: none;
}
.comment__i.open .comment__link{
	color: #414141;
	overflow: visible;
	height: auto;
}

.sessao{
	position: fixed;
	right: 0;
	top: 0;
	padding: 16px;
	background: #F6F6F6;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.sessao .imprimir{
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/icon-printer.png) no-repeat center;
	background-size: 35px 36px;
	margin-right: 16px;
	opacity: .7;
	transition: 0.2s ease all;
}
.impressao-ocultar{
	display: none;
}
.sessao .imprimir:hover{
	opacity: 1;
}
.sessao .btn{
	padding: 6px 12px;
	margin-left:16px;
	font-size: 14px;
	text-decoration: none;
}


@media screen and (max-width:1120px) {
	.itens li{
		border-radius: 0;
	}
}
@media screen and (max-width:1090px) {
	.cols{
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.cols > div{
		margin:0 20px;
		order:2;
	}
	.cols > div:nth-child(2){
		margin-top: 64px;
		order:1;
	}
	.contain{
		padding:11rem  1.5rem;
		background: url("../img/logo-cremepe.svg") center 60px no-repeat, url("../img/logo-cremepe-simbol.svg") center bottom 48px no-repeat;
		background-size:260px,70px;
	}
	.voto{
		flex-wrap: wrap;
	}

	.sessao{
		left: 0;
		justify-content: space-between;
		z-index: 10;
	}
}

/*CSS para impressão*/
@media print {
	body{
		color:#000;
	}
	.sessao{
		display: none;

	}
	.contain{
		padding-top: 70px;
		background: url(../img/logo-cremepe.svg) center top no-repeat, url(../img/logo-cremepe-simbol.svg) center bottom 32px no-repeat;
		background-size: 200px,60px;
	}
	h1{
		font-size: 28px;
		font-size: 1.75rem;
		margin-bottom: 0;
	}
	h2{
		text-align: center;
		font-size: 24px;
		font-size: 1.5rem;
		margin-bottom: 40px;
	}
	.etapa1{
		display: none;
	}
	.etapa2 .field-label{
		display: flex;
		flex-direction: column-reverse;
		border-left: 2px solid black;
		padding-left: 16px;
	}
	.etapa2 select.field-input[name="artigos"]{
		padding: 0;
		border: 0;
		margin: 0;
		display: inline-block;
	}
	.etapa2 .field-placeholder{
		position: relative;
		color: initial;
		padding: 0;
		margin: 0;
		left: 0;
		top: 0;
		margin-bottom: 7px;
		font-size: 14px;
		font-size: .875rem;
	}
	h3[name="resolve"]{
		text-align: left;
		margin-bottom: 0;
	}
	h3[name="resolve"]::after{
		content: '';
		display: block;
		width: 40px;
		border: 1px solid rgba(0,0,0,.43);
		margin-top: 40px;
	}
	.votos .apoio, .votos .alteracao, .votos .exclusao{
		color: initial;
	} 
	.comment__link{
	    overflow: visible;
	    height: auto;
	    color: #000;
	    border-left: 1px solid black;
	    padding-left: 16px;
	}
}