* {margin: 0; padding: 0} img {border : 0}
body {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}


/*START - Barra de Acessibilidade*/

/* BOTOES */
.btn-primary {
  background-color: #3888b3;
  border-color: #fff;
  color: #fff;  
}
/* Mudar cores quando o botão estiver ativo */
.btn-primary:hover {
  background-color: #e0913d;
  border-color: #fff;
  color: #fff;
}





.row {
  width: 102%;
  overflow: hidden;
}
.row-header {
  background: #e8eaea;

  z-index: 1;
  top: 0;
}

nav ul li {
  float: left;
  list-style: none;
}

nav ul li a {
  color: #000;
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.menu-contrate nav ul li a {
  color: #000;
  display: inline-block;
  padding: 10px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}



/*START - Contraste Branco*/

#contrasteBranco .row-header,
#contrasteBranco .row-top,
#contrasteBranco .row-banner,
#contrasteBranco .row-content,
#contrasteBranco footer{
  border-top: 1px solid #0a0a0a;
  background: #FFFFFF;
}

#contrasteBranco nav ul li a h1 h2 h3 h4 h5 h6,
#contrasteBranco .row-top,
#contrasteBranco .row-banner,
#contrasteBranco .row-content,
#contrasteBranco .row-content .box p,
#contrasteBranco .row-content .box i,
#contrasteBranco .row-banner h1 span,
#contrasteBranco footer {
  color: #000000;
}

#contrasteBranco nav ul li a.contraste-active {
  color: #FFFFFF;
  background: #000000;
}

#contrasteBranco nav ul li a[data-contraste="1"],
#contrastePreto nav ul li a[data-contraste="0"] {
  background: #000000;
  color: #FFFFFF;
}

#contrasteBranco .row-banner .avatar {
  border: 5px solid #000;
}
/*END - Contraste Branco*/
/*START - Contraste Preto*/
#contrastePreto .row-header,
#contrastePreto .row-top,
#contrastePreto .row-banner,
#contrastePreto .row-content,
#contrastePreto footer{
  border-top: 1px solid #FFFFFF;
  background: #000000;
}

#contrastePreto nav ul li a,
#contrastePreto .row-top,
#contrastePreto .row-banner,
#contrastePreto .row-content,
#contrastePreto .row-content .box p,
#contrastePreto .row-content .box i,
#contrastePreto .row-banner h1 span,
#contrastePreto footer {
  color: #FFFFFF;
}

#contrastePreto nav ul li a[data-contraste="2"] {
  color: #000000;
  background: #FFFFFF;
}

#contrastePreto .row-banner .avatar {
  border: 5px solid #FFFFFF;
}


#contrastePreto .row-content .container h1 h2 h3 h4 h5 h6 {
  color: pink;
  background: blue;
}

/*END - Contraste Preto*/
/*START - Contraste azul*/
#contrasteAzul .row-header,
#contrasteAzul .row-top,
#contrasteAzul .row-banner,
#contrasteAzul .row-content,
#contrasteAzul footer{
  border-top: 1px solid #FFFFFF;
  background: #0b325c;
}

#contrasteAzul nav ul li a[data-contraste="0"] {
  background: #0b325c;
}

#contrasteAzul nav ul li a[data-contraste="3"] {
  background: #FFFFFF;
  color: #0b325c;
}

#contrasteAzul nav ul li a,
#contrasteAzul .row-top,
#contrasteAzul .row-banner,
#contrasteAzul .row-content,
#contrasteAzul .row-content .box p,
#contrasteAzul .row-content .box i,
#contrasteAzul .row-banner h1 span,
#contrasteAzul footer {
  color: #FFFFFF;
}

#contrasteAzul nav ul li a.contraste-active {
  color: #0b325c;
  background: #FFFFFF;
}

#contrasteAzul .row-banner .avatar {
  border: 5px solid #FFFFFF;
}
/*END - Contraste azul*/


/*
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
*/




















/*************** SEM CONTRASTE ***************/
/*.nav-pills > li > a:hover {
  color: magenta;
  background-color: purple;
}*/

/*.nav-pills > li > a,*/
.nav-pills > li > a:hover {
  color: #fff;
  background-color: #3888b3;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3888b3;
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #3888b3;
}

/*.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: green;
  border-color: #111;
  color: #111;
}
 .nav .open > a  {  
  color: purple;
}
*/










