/* tabelas para cotacoes */
.s21 table {
	font: 400 14px 'Calibri','Arial';
	/*border-spacing: 1;
	border-collapse: collapse;*/
	border: 1px solid #f90 !important;
	background: white;
	border-radius: 6px;
	overflow: hidden;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 3em !important;
	display: revert;
}
.s21 table * {
	position: relative;
}
.s21 table td, .s21 table th {
	padding-left: 8px;
}
.s21 table thead tr {
	height: 60px;
	background: #FFED86;
	font-size: 16px;
}
.s21 table tbody tr {
	height: 48px;
	border-bottom: 1px solid #E3F1D5;
}
.s21 table tbody tr:last-child {
	border: 0;
}
.s21 table td {
	text-align: left;
}
.s21 table th {
	text-align: center;
}
.s21 table td.l, .s21 table th.l {
	text-align: right;
}
.s21 table td.c, .s21 table th.c {
	text-align: center;
}
.s21 table td.r, .s21 table th.r {
	text-align: center;
}

@media screen and (max-width: 35.5em) {
	.s21 table {
		display: block;
	}
	.s21 table > *, .s21 table tr, .s21 table td, .s21 table th {
		display: block;
	}
	.s21 table thead {
		display: none;
	}
	.s21 table tbody tr {
		height: auto;
		padding: 8px 0;
	}
	.s21 table tbody tr td {
		padding-left: 35%;
		margin-bottom: 12px;
	}
	.s21 table tbody tr td:last-child {
		margin-bottom: 0;
	}
	.s21 table tbody tr td:before {
		position: absolute;
		font-weight: 700;
		width: 40%;
		left: 10px;
		top: 0;
	}
	/* cotacao geral e queijo */
	.s21 table tbody tr td:nth-child(1):before {content: "Item";}
	.s21 table tbody tr td:nth-child(2):before {content: "Amazonas";}
	/* boi */
	.s21.r508 table tbody tr td:nth-child(3):before {content: "Famasul";}
	.s21.r508 table tbody tr td:nth-child(4):before {content: "CEPEA/ESALQ";}
	/* milho e tuberculos */
	.s21.r493 table tbody tr td:nth-child(3):before, 
	.s21.r494 table tbody tr td:nth-child(3):before 
		{content: "CEPEA/ESALQ";}
}

/* ajusta banner menor no celular */
@media screen and (max-width: 768px) {
	.slick-slide img {width: 100%}
	.cabecalho .bloco-2 {background-color: #fff;}
}

/* titulo do painel */
.ohs-painel-titulo {text-align: center;}
