/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-inverse,.navbar-default{
background-color: #f5f5f5;
border-color: #f5f5f5;
margin-right:auto;
margin-left:auto;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar{
  position: relative;
  top: 30px;
  /*right: 0;
  left: 0;
	margin-right:auto;
	margin-left:auto;
	width:970px;
  z-index: 20;            
	float:right;*/
	 background-color:#f5f5f5;  !important; /**/
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
 background-color:#f5f5f5  !important; 
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;

}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* Customize the navbar-nav links to be fill the entire space of the .navbar */
		  .navbar-nav {
    width: 100%;
    text-align: center;
		float: none;
    }
		 .navbar-nav li {
      float: none;
      display: inline-block;
    }

	
@media (min-width:768px){
    .navbar-nav > li > a {
      color: #000 !important;
    }

    .navbar-nav > li.active > a, .navbar-nav > li > a:hover {
      color: #000 !important; background-color:#f5f5f5  !important;
    }
    .navbar-static-top {
      margin-bottom: 0px;
    }
		.navbar-inverse {
background-color: #f5f5f5;
border-color: #f5f5f5;
}
}