/* Stili per sovrascrivere e modificare la Navbar di Bootstrap */
.navbar {
  border: none;
  font-family: 'Dosis', sans-serif; 
  padding:0px;
  margin-top:20px;
  width:100%;
  color:#2d2d2d;
}

.navbar-nav {
  margin-top:8px; 
  margin-left:120px;
}

.navbar-brand {
 width: 165px;
 height: 100px;
 background: url(../immagini/logo.jpg);
}

.navbar-default {
 background-color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #ffffff;
  padding:11px;
}

.navbar-default .navbar-nav > li > a:hover{
color:#cccccc; 
}
.navbar-default .navbar-nav > li > a:focus {
  color: #2d2d2d;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #2d2d2d;
  background-color: #ffffff;
}

.navbar-toggle {
  border-radius: 0;
}

.navbar-default .navbar-toggle {
 border: 1px solid #ffffff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #2d2d2d;
}

.navbar-default .navbar-collapse {
  border-color: transparent;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #010101;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #111;
  background-color: #fff;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

/* menu di navigazione su mobile */
@media screen and (max-width: 800px) {

.navbar {
  border: none;
  background-color: #ffffff;
  text-align: left;
  margin-left:0px;
}

.navbar-nav {
  margin-top:8px; 
  margin-left:20px;
}

 .navbar-default .navbar-nav > li > a {
  border-bottom: none;
  margin-left:0px;
  color:#2d2d2d;
  padding:5px;
  margin-left:0px;
}


}

/* menu di navigazione su desktop */
@media screen and (min-width: 801px) {

.navbar {
  border: none;
}

 .navbar-default .navbar-nav > li > a {
  color:#2d2d2d; 
  border-bottom: none;
  margin-left:89px;
}

.navbar-default .navbar-nav > li > a:hover{
color:#cccccc; 
}
.navbar-default .navbar-nav > li > a:focus {
  border-top: 1px solid #ffffff;
  padding-top: 1px;
}
}

/* Stili per sovrascrivere e modificare i menu dropdown di Bootstrap */

.dropdown-menu {
 padding: 0 0;
 border-radius: 0;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
 padding: 7px 10px;
 border-bottom: 1px solid #ccc;
}