.acessibilidade{
    position: absolute;
    left: 50%;
    top: 0;
}
.acessibilidade-bt{
    background: #e9f7f5;
    padding: 5px;
    color: #135276;
    font-size: 0.8em;
    -webkit-border-bottom-right-radius: 3px! important;
    -webkit-border-bottom-left-radius: 3px! important;
    -moz-border-radius-bottomright: 3px! important;
    -moz-border-radius-bottomleft: 3px! important;
    border-bottom-right-radius: 3px! important;
    border-bottom-left-radius: 3px! important;
    cursor: pointer;
}

.altExemploAcessibilidade{padding: 0 6px;border-radius:10px;}
.numberExemploAcessibilidade{padding: 0 6px;border-radius:6px;}
.numberAcessibilidade{
	width: 22px;
	height: 22px;
	border-radius: 10px! important;
    padding: 0 5px;
	margin-right:10px;
	background-color:#E6E6E6;
}

#menuAcessibilidade {
	background: #fff;
	position: fixed;
	margin-left: -500px;
	top: 70px;
	z-index: 100;
	width:220px;
	border-radius: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);

}

#menuAcessibilidade label {
	padding-right:20px;
	font-weight:normal;
	cursor:pointer;
}
#menuAcessibilidade a {
	cursor:pointer;
}
#menuAcessibilidade hr {
	border:0;
	border-bottom:#ccc 1px solid;
	margin:10px 0;
}
#menuAcessibilidade h4 {
	padding: 5px 0; 
	border-bottom:#ccc 1px solid; 
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
}

#menuAcessibilidade .similar-h4 {
	padding: 5px 0; 
	border-bottom:#ccc 1px solid; 
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	margin-top: 5px;
}

#menuAcessibilidade ul {
	padding:0!important;
	margin:0!important;
}
#menuAcessibilidade ul li {
	text-transform:uppercase;
	margin-bottom:0;
	font-size:12px; 
	display:inline-block;
}

#showMenuAcessibilidade {
	box-shadow:#ccc 0 0 2px;
	-webkit-border-bottom-right-radius: 0.8em;
	   -webkit-border-top-right-radius: 0.8em;
		-moz-border-radius-bottomright: 0.8em;
		   -moz-border-radius-topright: 0.8em;
		    border-bottom-right-radius: 0.8em;
			   border-top-right-radius: 0.8em;
}
#hideMenuAcessibilidade {
	cursor:pointer;
	line-height:33px;
	font-size: 28px;
	margin-bottom: 0px; 
	color:#999;
	position:absolute;
	background-color:#fff;
	width:40px;
	height:40px;
	top:7px;
	right:16px;
	text-align:right;
	-webkit-border-bottom-right-radius: 3px;
	   -webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 3px;
		   -moz-border-radius-topright: 4px;
		    border-bottom-right-radius: 3px;
			   border-top-right-radius: 4px;
}


#menuAcessibilidade .content-menuAcessibilidade {
	padding: 16px;
	overflow: hidden;
}

#menuAcessibilidade a.color {
	border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin:4px 2px;
    width: 30px;
	height: 30px;
}

#menuAcessibilidade p small {
	font-size:10px;
}
#menuAcessibilidade p {
	margin:15px 0 10px 0;
	font-size:12px;
	font-weight:400;
}

#menuAcessibilidade .styled-select select {
   background:#f5f5f5;
   width: 100%;
   font-size: 13px;
   line-height: 13px;
   outline:none;

   -webkit-appearance: none;
   cursor:pointer;
}

/** ============ **/
#menuAcessibilidade .menuAcessibilidade_thumb {
	display:inline-block;
	margin:4px 3px;
}
#menuAcessibilidade .menuAcessibilidade_thumb.selected {
	box-shadow:#666 0 0 5px;;
}

@media only screen and (max-width: 479px) {
	#menuAcessibilidade {
		top:6px;
		z-index:1000;
	}
	.acessibilidade{
		position: absolute;
		left: auto;
		right: 0;
		top: 0;
	}
	.btn-portal-transp-header{
		display:none;
	}
}

.contraste{
	background-color: #000000! important;
    color: white! important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  overflow-x:hidden;
}

/*.contraste img,*/
/*.contraste section,*/
/*.contraste .header-toolbar,*/
/*.contraste .nav-search-outer,*/
/*.contraste .container,*/
/*.contraste footer{*/
/*  -webkit-filter: grayscale(100%);*/
/*  filter: grayscale(100%);*/
/*}*/

.contraste p, 
.contraste .dropzone, 
.contraste .alert-info, 
.contraste .alert-warning, 
.contraste section a, 
.contraste section td, 
.contraste section th, 
.contraste .list-group-item, 
.contraste .form-group .radio,
.contraste .eouv-painel,
.contraste .eouv-painel .pager,
.contraste .eouv-painel-form,
.contraste .form-control,
.contraste .btn-default,
.contraste #menuAcessibilidade,
.contraste #hideMenuAcessibilidade,
.contraste .altExemploAcessibilidade,
.contraste .pagination>li>a, .contraste .pagination>li>span,
.contraste .panel,
.contraste .ticker-content,
.contraste .panel-default>.panel-heading {
    background: inherit! important;
}

.contraste .ticker-swipe{
    background: #000000! important;
}

.contraste a, 
.contraste section #box-table-a td, 
.contraste section #box-table-a th, 
.contraste button, 
.contraste .form-group .radio label,
.contraste .eouv-painel .pager h3,
.contraste p,
.contraste h3,
.contraste h4,
.contraste h5,
.contraste h6,
.contraste .box2 > .icon2 > .info2 > h3.title2 {
    color: white! important;
}