nav {
  height: auto;
  background: center no-repeat #2a495d;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index: 99;
  -webkit-transition:all 1.3s;
  -moz-transition:all 1.3s;
  transition:all 1.3s;
/*-webkit-box-shadow: 0px 2px 3px 0px rgba(179,179,179,1);
-moz-box-shadow: 0px 2px 3px 0px rgba(179,179,179,1);
box-shadow: 0px 2px 3px 0px rgba(179,179,179,1);*/
}

nav .wrapper {
  width: auto;
  margin:0 auto
}
.nav-top {
  height: auto;
  padding: 0px;
  margin-top:0;
  background: #01a1ff;
  -webkit-transition:all 1.3s;
  -moz-transition:all 1.3s;
  transition:all 1.3s;
}

.nav-top .navbar-toggle {
  margin: 0 0 10px 0;
  background: #FFF;
}

.nav-top .navbar-toggle .fa {
  color:#01a1ff;
  font-size:28px
}

.navbar-collapse {
  padding: 0;
}

.navbar-collapse.in {
  overflow:visible;
}

.main-nav {
  width:100%;
  /*box-shadow:inset 0 1px #e2e2e2*/
}

.main-nav .container {
  position:relative;
}

.main-nav ul.nav {
  list-style-type:none;
  background-color :transparent;
  -webkit-transition:padding 1.3s;
  -moz-transition:padding 1.3s;
  transition:padding 1.3s;
}

.main-nav ul.nav > li {
  vertical-align:top;
}

.main-nav ul.nav > li > a {
	border-top: 0px solid #000;
	height: auto;
	/*line-height: 50px;*/
	font-size:16px;
	background-color :transparent;
	padding: 10 0;
	color: #FFF;
	margin:0;
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;	   
}

.main-nav ul.nav > li > a.active,.main-nav ul.nav > li > a:hover {
  /*border-width:5px;*/
 /* line-height: 50px*/
	background-color: #FFF;
	color: #2a495d;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s; 
}
/*
.main-nav ul.nav > li:nth-child(1) > a {
  border-color:#55acee
}

.main-nav ul.nav > li:nth-child(2) > a {
  border-color:#fc5e6a
}

.main-nav ul.nav > li:nth-child(3) > a {
  border-color:#b9de7f
}

.main-nav ul.nav > li:nth-child(4) > a {
  border-color:#4e4e93
}

.main-nav ul.nav > li:nth-child(5) > a {
  border-color:#fe9e69
}

.main-nav ul.nav > li:nth-child(6) > a {
  border-color:#5fd5c0
}

.main-nav ul.nav > li:nth-child(7) > a {
  border-color:#bf8dc8
}
*/

nav.small {
  height: auto;
}

nav.small .nav-top {
  margin-top:-90px;
}

nav.small .main-nav {
  box-shadow:none;
}

nav.small ul.nav {
 /* padding-left:150px*/
 /*wylaczenie przsuniecia*/
}

nav.small .logo {
  left:0;
}

@media (max-width: 992px) {

}

@media (max-width: 767px) {
  nav {
    height: auto;
  }

  nav .nav-top {
    padding-top: 10px;
    height: auto;
  }

  .main-nav .container {
    padding:0;
  }

  .main-nav .container ul.nav {
    border-bottom: 0px solid #ccc;
  }

  nav.small .nav-top {
    margin-top:0;
  }

  nav.small ul.nav {
    padding-left:0;
  }

  nav.small .logo {
    display:none;
  }
 
 .main-nav ul.nav > li > a {
	font-size:20px;
	padding: 20px 0px;	   
}
}