.acessibilidade {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

@media(max-width: 816px) {
  .acessibilidade-label {
    display: none;
  }

  .acessibilidade {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0px;
    background: #f2f2ff;
    border-bottom-right-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25)
  }

}

.redm-font {
	display: table-cell;
	padding: 3px;
	width: 500px;
	margin: 0;
	margin-right: 5px;
	float: right;
}

#aumfonte, #dimfonte {
	display: table-cell;
	padding: 3px;
	height: 40px;
	width: 40px;
	margin: auto;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}


.acessibilidade-label {
	font-size: 11px!important;
}

/* ..................................................................................................... */
/* ALTO CONTRASTE */
.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ul,
.contrast ol,
.contrast span,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast table,
.contrast tr,
.contrast td,
.contraste button,
.contrast .icon-bar,
.contrast article,
.contrast legend {
    background: black !important;
    color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u {
    color: white !important;
}

.contrast a{
    color: yellow !important;
    background: black !important;
    border: none !important;
}


.contrast span {
	color: white !important;
    background: black !important;
    border: none !important;
}

.contrast select {
	color: white !important;
    background: black !important;
    border: 1px #eee solid !important;
}

.contrast th {
	color: white !important;
    background: black !important;
    border: 1px #eee solid !important;
}

.contrast p {
	color: white !important;
    background: black !important;
    border: none !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=mail],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}
/**
.contrast img .on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%) !important;;
}

.contrast img .on-contrast-force-white {
    filter: brightness(0) invert(1) !important;;
}
*/

.contrast img {
    filter: grayscale(100%) contrast(200%) !important;;
}

.contrast .icon-bar {
	background-color: yellow!important;
}

#altocontraste {
	display: table-cell;
	padding: 3px;
	height: 40px;
	width: 40px;
	margin: auto;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}

.altocontraste img {
	width: 15px;
	-webkit-box-shadow: #B4B5B5 3px 3px 3px  ;-moz-box-shadow: #B4B5B5 3px 3px 3px ; box-shadow: #B4B5B5 3px 3px 3px  ;
}

/* ..................................................................................................... */

@media (max-width: 750px) {
  .acessibilidade {
    color: #EED6D3;
    float: right!important;
    margin-right: 10px; 
  }

  .acessibilidade-label {
  	display: none!important;
  }

}