body.contraste{
  color: #000;
}


body.contraste img,
.contraste .highlight-img,
.contraste .header-container,
.contraste #map{
  -webkit-filter: grayscale(1); /* Old WebKit */
  filter: grayscale(1);
}


.contraste .header-container::after {
  content: "";
  background: #000;
  opacity: .6;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.contraste .form-seach{
  background: #000;
}



/* --------- NAVIGATION ---------- */

.contraste .header-container nav{}
.contraste .header-container nav a {
  color: #fff;
}
.contraste .header-container nav a:hover {
  color: #fff;
}


.contraste .header-container nav > ul > li > a{
  color: #999;
}

.contraste .navbar-toggle{
  background: #000;
}

.contraste .header-bar{
  background: #fff;
}

.contraste .footer-container nav > ul > li > a{ /* TITULO*/
  color: #fff;
}
.contraste .footer-container nav > ul ul li > a{ /* SUBTITULO*/
  color: #fff;
}

.contraste .header-container{
  background-color: #000;
}

.contraste .header-container-nav{
  background-color: #000;
}

.contraste .main-container{
  background: #fff;
}

.contraste .footer-container{
  background: #000 ;
  color: #fff;
}

.contraste .box-aside h5 {
  color: #000;
}

.contraste .box-aside ul li a{
  color: #000;
}


.contraste .box-aside.submenu{ background: #ddd; }
.contraste .box-aside.submenu h5,
.contraste .box-aside.submenu h5 a { color: #000;}
.contraste .box-aside.submenu li a.selected{ color: #000;  font-weight: 700; }

.contraste .box-aside.related{ background: #fff; }
.contraste .box-aside.related h5,
.contraste .box-aside.related h5 a { color: #000; }
.contraste .box-aside.related li a.selected{ color: #000; }

.contraste .main-content ol li::before {
  color: #000;
}


.contraste .main-content ul li::before {
  color: #000;
} 



/* ------ GALLERY ------- */

.contraste blockquote {
  color: #000;
}


.contraste table caption {

  color: #666;
}
.contraste table caption a {

  color: #000;
}

.contraste table td a, table th a{
  color: #000;
}

.contraste table thead tr {
    border-bottom: 3px solid #000;
}

.contraste table thead th {
    color: #000;
}

.contraste table td a:hover, table th a:hover{
  color: #000;
}

.contraste table thead th{
  color: #000;
}
.contraste table tbody tr{
  border-bottom: 1px dotted #000;
}
.contraste table tbody tr:hover{
  background: #fff;
}


/* ------ TABLE ------- */

.contraste .main-container > div p > a{
  color: #000;
}
.contraste .main-container > div p > a:hover{
  color: #fff;
}
.contraste .main-container header .breadcrumb,
.contraste .main-container header .breadcrumb a{
  color: #fff;
}
.contraste .main-container header h2{
  color: #000;
}
.contraste .main-container header p{
  color: #000;
}
.contraste .main-container header p a{
  color: #000;
  font-weight: 700;
}

.contraste .main-container h2{ color: #666; }

.contraste .main-container h3{color: #000 !important; }

.contraste .main-container h3 span,
.contraste .main-container h3 a{
  color: #000;
}

.contraste .main-container h3 a:hover{
  color: #fff;
}

.contraste .btn {
  color: #ccc;
  background: #fff;
  border-color: #ccc !important;
}


.contraste .btn-title {
  color:#666; 
}


.contraste .btn-website{
  color: #fff  !important;
  background: #000 !important;
  border-color: #fff !important;
}

.contraste .btn.btn-verde {
  color: #fff;
  background: #000;
  border-color: #000 !important;
}
.contraste .btn.btn-form-project {
  color: #fff;
  background: #fff;
  border-color: #fff !important;
}

.contraste .btn:hover,
.contraste .btn:active{
  color: #444 !important;;
  background: #ccc;
  border-color: #ccc;
}
.contraste .btn.btn-verde:hover,
.contraste .btn.btn-verde:active {
  color: #fff !important;
  background: #666;
  border-color: #666 !important;
}
.contraste .btn.btn-form-project:hover {
  color: #fff !important;
  background: #666;
  border-color: #666 !important;
/*  border-width: 2px !important;*/
}

.contraste .feature-box{
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


.contraste .feature-box > *:first-child { margin-top: 0; }
.contraste .feature-box > *:last-child { margin-bottom: 0; }

.contraste .image-box{
  display: inline-block;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  overflow-x:auto;
}

.contraste .image-box > *:first-child { margin-top: 0; }
.contraste .image-box > *:last-child { margin-bottom: 0; }

/*----------------*/

.contraste .highlight-container{
  background: #fff;
  border-top: 2px solid #000;
}

.contraste .highlight-container h3{
  color: #000;
}

.contraste .highlight-item-title a {
  color: #444;
}
.contraste .highlight-item-title a:hover {
  color: #000;
}
.contraste .highlight-item-title:after{
  background: #444;
}

/*------- HOME ------*/

.contraste .home-banner{
  color: #fff;
  background: #000;
}

.contraste .home-banner span.amp{
  color: #666;
}

.contraste .home-banner-description{
  color: #999;
}

.contraste .btn-more{
  color: #000;
}

.contraste .dashboard-box{
  background-color: #fff;
  border: 1px solid #fff;
}

.contraste .dashboard,
.contraste .dashboard-item{
  margin-bottom: .5em;
}


.contraste .dashboard-numbers{
  color: #000;
}
.contraste .dashboard-numbers span.dot {
  font-weight: 400 !important;
}

.contraste .dashboard-numbers span.unidade {
  font-weight: 400 !important;
  /*display: block;*/
  font-size: .5em;
}

.contraste .dashboard-image img{
  width: 100%;
}
.contraste .dashboard-text{
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: 900;
  margin-top: 0;
  color: #666;
  width: 90%;
}
.contraste .dashboard-text span{
  text-transform: uppercase;
  white-space: nowrap;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  color: #666;
}

.contraste .map{
  border: 1px solid #ddd;
  margin: 0;
  padding: 0;
}
.contraste .map img{
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.contraste .graph{
  margin-top: 2em;
  margin-bottom: 0;
}
.contraste .graph > div{
  margin-bottom: 1em;
}
.contraste .graph img{
  max-width: 90%;
  margin: 0;
  padding: 0;
}
.contraste .graph p{
  font-size: .7em;
  font-weight: 700;
  line-height: 1.2;
  margin: 6px 0 0 0;
}

.contraste .graph-legend-home {
  margin: 2em 2% !important;
}

.contraste .graph-legend,
.contraste .graph-legend a{
  font-size: .9em;
  font-weight: 700;
  color: #444;
  text-decoration: none;
}
.contraste .graph-legend a:hover{
  color: #000;
}
.contraste .main-content ul.graph-legend{
  list-style-type: none;
}

.contraste .main-content ul.graph-legend li:before{
  content:"";
  padding: 0;
  margin-left: 5px;
  margin-right: 12px;
  display: inline-block;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  vertical-align: middle;
  width: 11px;
  height: 11px;
  border-width: 3px;
}

.contraste .main-content ul.graph-legend li.cor1:before{
  /*vermelho*/
  background:   rgb(222,77,51);
  border-color: rgb(179,62,41);
}
.contraste .main-content ul.graph-legend li.cor2:before{
  /*laranja*/
  background:   rgb(243,151,35);
  border-color: rgb(204,127,29);
}
.contraste .main-content ul.graph-legend li.cor3:before{
  /*amarelo*/
  background:   rgb(250,215,55);
  border-color: rgb(212,182,47);
}
.contraste .main-content ul.graph-legend li.cor4:before{
  /*verde*/
  background:   rgb(192,202,49);
  border-color: rgb(155,163,40);
}
.contraste .main-content ul.graph-legend li.cor5:before{
  /*turquesa*/
  background:   rgb(74,183,207);
  border-color: rgb(60,149,168);
}
.contraste .main-content ul.graph-legend li.cor6:before{
  /*azul*/
  background:   rgb(63,128,191);
  border-color: rgb(46,94,140);
}
.contraste .main-content ul.graph-legend li.cor7:before{
  background:   rgb(218,94,183);
  border-color: rgb(179,77,150);
}

.contraste table.graph-bar tr {
  border: 0 !important;
}
.contraste table.graph-bar td {
  padding: 0.25em 10px 0.25em 0 ; 
}
.contraste table.graph-bar .graph-bar-title{
  width: 50%;
  font-size: .8em;
  font-weight: 700;
}
.contraste table.graph-bar .graph-bar-total{
  /*width: 10%;*/
  font-weight: 900;
  font-size: 0.8em;
  text-align: right;
}
.contraste table.graph-bar .graph-bar-item{
  width: 50%;
}
.contraste table.graph-bar .graph-bar-item a{
  display: inline-block;
  height: 12px;
  background: #ccc;
  vertical-align: middle;
}
.contraste table.graph-bar tr:hover{
  background: transparent !important;
}
.contraste table.graph-bar tr:hover .graph-bar-item a{
  background: #000;
}

.contraste .relatorio-img {
  width: 100%; 
  margin-top: 0.5em; 
  margin-bottom: 1.5em;
}

/*--- SEARCH ---*/

.contraste .news{}

.contraste .news-item{
  padding-bottom: 1.3em;
  margin-bottom:  1.2em;
}
.contraste .news-search-item{
  margin-bottom:  4em;
}

.contraste .news-item.destaque{ 
  background: #000;
}
.contraste .news-search-item.destaque{ 
  background: #fff;
  border: 1px solid #000;
} 

.contraste .news-item.destaque:before,
.contraste .news-search-item.destaque:before{
  color: #999;
}

.contraste .news-image img{ 
  width:90%; margin-top: .5em; margin-bottom: .5em;
}

.contraste .news-search-image img{ 
  width:100%;
  margin-bottom: 1em;
}

.contraste .news-search-date,
.contraste .news-date{
  font-weight: 900; 
  font-size: 0.8em; 
  color: #000; 
  letter-spacing: 1px; 
  margin-bottom: 0.5em;
}

.contraste .news-search-item.destaque .news-search-date,
.contraste .news-item.destaque .news-date{ display: none;}

.contraste .news-search-date:after,
.contraste .news-date:after{
  background: #fff;
}

.contraste .news-search-title a,
.contraste .news-title a{
  text-decoration: none; 
  color: #000;
}
.contraste .news-search-title a:hover,
.contraste .news-title a:hover{
  color: #000;
}


.contraste .news-item.destaque .news-search-title a,
.contraste .news-item.destaque .news-title a{
  text-decoration: none; 
  color: #fff;
}
.contraste .news-item.destaque .news-search-title a:hover,
.contraste .news-item.destaque .news-desc,
.contraste .news-item.destaque .news-title,
.contraste .news-item.destaque .news-title a:hover{
  color: #fff;
}


.contraste .news-search-date:after,
.contraste .news-date:after {
    background: #000;
}

.contraste .news-creditos {
  color: #666; 
}
.contraste .news-creditos:before { 
  background: #ccc;
}

.contraste .share a {
  background-color: #ddd;
  color: #fff;
}

.contraste .share a:hover {
  background: #000;
}

/*-------------------------------------------------*/


.contraste .project-search{ border-top: 2px solid #444; }

.contraste .project-search-item{ border-bottom: 1px dotted #444; }
.contraste .project-search-item:hover{ background-color: #fff; }

.contraste .project-search-resp a{ text-decoration: none; color: #444;}
.contraste .project-search-resp a:hover { color: #000;}
.contraste .project-search-type{ color:#000; }

.contraste .project-search-desc{ color: #666;}
.contraste .project-search-value{}


/* -------------- */

.contraste .form-project{ }

.contraste .form-project-item{}

.contraste .form-project label{}

.contraste .form-project label.visible{}

.contraste .form-project ::-webkit-input-placeholder,
.contraste .form-project ::-moz-placeholder,
.contraste .form-project :-ms-input-placeholder,
.contraste .form-project :-moz-placeholder {
  color: #666;
  font-weight: normal;
  font-size: .6em
}


.contraste .form-project input[type=text],
.contraste .form-project select {
  color: #000;
  border-bottom: 1px solid #ddd;
}


.contraste .form-project input[type=text]:focus,
.contraste .form-project select:focus {
  border-bottom: 1px solid #444;
}

.contraste .form-project select optgroup{
  color: #999;
}
.contraste .form-project select optgroup,
.contraste .form-project select option {}

.contraste .form-project input[type=text]{}




/* ------------ PAGINATION ------------ */ 

.contraste .pagination{}

.contraste .pagination a {}

.contraste .pagination a,
.contraste .pagination span {}
.contraste .pagination a.pagination-prev,
.contraste .pagination a.pagination-next,
.contraste .pagination a.pagination-page{
  color: #999;
}

.contraste .pagination a.pagination-prev:hover,
.contraste .pagination a.pagination-next:hover,
.contraste .pagination a.pagination-page:hover{
  color: #444;
}
.contraste .pagination span.pagination-current {
  background: #000;
  color: #fff;
}

.contraste .pagination-top {}
.contraste .main-container.expanded .pagination-top {}
.contraste .pagination-top a{
  color: #999;
}

.contraste .pagination-top a:after{}

/*--------------------   PROJETO -----------------------------------*/

.contraste .filtro {}
.contraste .filtro-item {color: #000; }
.contraste .filtro-item a{color: #000; }
.contraste .filtro-item a:hover{color: #000; }
.contraste .filtro-tema a{color: #000; }
.contraste .filtro-tema a:hover{color: #000; }
.contraste aside h6{}
.contraste .project-tab{border-bottom: 2px solid #999; }
.contraste .main-container.expanded .project-tab {border-bottom: 2px solid #eee; }
.contraste .project-tab-btn{color: #aaa; }
.contraste .project-tab-btn:hover{color: #666; }
.contraste .project-tab-btn.selected{
  font-weight: 900;
  color: #666;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 2px solid #999;
  border-bottom: 2px solid #fbfbfb;
}

.contraste .project-tab-all{
  background: #000;
  color: #fff;
}
.contraste .project-tab-all:hover{
  color: #ddd;
}

.contraste aside.project-detail{}

.contraste .busca-home{
  color: #999;
}

/* ---------- */

.contraste .biblioteca-container {}
.contraste .biblioteca-container a {}
.contraste .biblioteca-container a:hover {
  color: #000;
}

.contraste .biblioteca-container ul {}
.contraste .biblioteca-container ul li {}
.contraste .biblioteca-container ul li:before{}
.contraste .biblioteca-container > ul {}
.contraste .biblioteca-container > ul ul {}
.contraste .biblioteca-container > ul > li{}
.contraste .biblioteca-container > ul > li > a{ /* TITULO*/
  color: #000;
}
.contraste .biblioteca-container > ul ul li > a{ /* SUBTITULO*/
  color: #747a73;
}
.contraste .biblioteca-container > ul ul li > a:hover{ /* SUBTITULO*/
  color: #444;
}

.contraste .biblioteca-search{ border-top: 2px solid #444;}

.contraste .biblioteca-search-item{ border-bottom: 1px dotted #444;}
.contraste .biblioteca-search-item:hover{ background-color: #fff; }

.contraste .biblioteca-search-resp{}
.contraste .biblioteca-search-resp a{ color: #444; }
.contraste .biblioteca-search-resp a:hover { color: #000; }
.contraste .biblioteca-search-title{}
.contraste .biblioteca-search-type{ color:#fff; }

.contraste .biblioteca-search-desc{ color: #666;}
.contraste .biblioteca-search-value{}

.contraste .biblioteca-search-img{ 
  background: #eee;
  border: 1px solid #ccc;
}

  .contraste .video img{
    width: 100%;
    display: block;
    opacity: .4;
  }
  .contraste .video{
    background: #000
  }

  .contraste .video:before{
    color: #fff;
    opacity: 1;
    z-index: 9;
  }

  .contraste .video:hover:before {  opacity: 1; }

  .contraste .social {}
  .contraste .social span{}


  .contraste .social:before {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, .5);
  }

  .contraste .header-social .social:before {
    color: #fff;  
  }
  .contraste .header-social-menu .social:before {
    color: #fff;  
  }

  .contraste .social-menu:before { }

  #chart-tooltip{
    background: #000;
    color: #fff;
  }

  #chart-tooltip span{ }

  /* ----- */

  .contraste .etapas-projeto{     border: 1px solid #000; }
  .contraste .etapas-projeto-row{ }
  .contraste .etapas-projeto-item span{ }
  .contraste .etapas-projeto-item{
    color: #000;
    background: #fff;
  }
  .contraste .etapas-projeto-item:first-child{ }
  .contraste .etapas-projeto-item.concluido { background: #000; color: #fff;}
  .contraste .etapas-projeto-item.concluido + .etapas-projeto-item {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/seta_next_c.png);
  }
  .contraste .etapas-projeto-item.concluido + .etapas-projeto-item.concluido { }
  .contraste .etapas-projeto-item.concluido .etapas-projeto-titulo{
    color: #fff;
  }
  .contraste .etapas-projeto-item .etapas-projeto-titulo{
    font-weight: 900;
    color: #000;
  }
  .contraste .etapas-projeto-data{ }

  .contraste .desembolso{ border: 1px solid #000;  }
  .contraste .desembolso-bg{
    background: #fff;
  }
  .contraste .desembolso-prog{
    background: #000;
    color: #fff;
  }

  .contraste .newsletter{
    border: 2px #dedede solid;
  }
  .contraste .newsletter-title{
    color: #666;
  }
  .contraste .newsletter-title span{ }
  .contraste .newsletter input[type=text]{
    background: #fff;
  }
  .contraste .newsletter input[type=button]{
    background: #fff !important;
    color: #fff;
  }
  .contraste .newsletter input[type=button]:hover{
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important; 
  }

  /*--------------------   QUADRO LÓGICO -----------------------------------*/

  .contraste .quadro-logico {
  }

  .contraste .quadro-logico a{
    color: #fff;
    background: #fff;
    border: 3px solid #fff !important;
  }

  .contraste .quadro-logico a div{ }
  .contraste .quadro-logico a div:not(:last-child){
    border-bottom: 2px #fff solid;
  }

  .contraste .quadro-logico a:hover{
    color: #fff;
    background: #fff;
  }

  .contraste .header-container .header-quote {
    background: #000;
  }

  .contraste .main-container header .breadcrumb, 
  .contraste .main-container header .breadcrumb a {
    color: #000;
}

.contraste .btn.btn-form-project {
    color: #fff;
    background: #000;
    border-color: #000 !important;
    border-width: 2px !important;
    margin-top: 1em;
}


  /*--------------------   QUADRO LÓGICO -----------------------------------*/

  .contraste .main-content select,
  .contraste .main-content input[type=email],
  .contraste .main-content input[type=text],
  .contraste .main-content textarea { 
    border: 1px #000 solid;
  }