
nav p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

nav ul {  float: right;  padding: 0;  margin:8px 0 0 0;  list-style: none;  position: relative;}
nav > ul > li {  margin: 0px;  display: inline-block;  float: left;  font-size:20px; border-bottom: 1px solid #EEEEEE;}
nav > ul > li + li{ display: block;  }
nav > ul > li > a {  color:#fff; padding-bottom: 0px; display: block; padding:0px 14px 0 14px;}
nav > ul > li > a:hover {  color:#ED1C24; text-decoration: none; }
nav > ul > li:hover { border-bottom: 2px solid #FC6E26; }

.interno nav > ul > li > a{ color: #2B3539; }

nav ul ul {  display: none;  position: absolute;  top: 22px; background-color: #FFF; -webkit-box-shadow: 0px 9px 41px -12px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 9px 41px -12px rgba(0,0,0,0.41); box-shadow: 0px 9px 41px -12px rgba(0,0,0,0.41);}
nav ul ul li {  width: 200px;  float: none;  display: list-item;  position: relative; }
nav ul li ul li a:hover {  color: #ED1C24; text-decoration: none;  }
nav ul li ul li a{  display: block; font-size: 14px; color:#313140; padding:8px 8px !important; border:none !important;  }
nav ul li:hover > ul { display: inherit; }
nav ul ul ul li {  position: relative;  top: -60px;  left: -170px;}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1100px) {

[id^=drop]:checked + ul { display: block; }

.toggle + a, .menu { display: none; }
.toggle {  display: block;  text-decoration: none;  border: none; color:#fff !important; 
  padding: 1px 10px;  cursor: pointer; font-weight: normal;  margin: 0px;}

nav ul {  margin: 16px 0 20px 0; background-color:rgba(170, 170, 170, 0.3);}

nav ul li a{ color:#2B3539  !important;  border-right: none !important;}

nav ul li {  display: block;  width: 100%; padding: 4px 0px !important; border-left:none !important; border-bottom: 1px solid #fff;  }

nav ul ul .toggle, nav ul ul a { padding: 0 0px; }

nav ul ul ul a { padding: 0 80px; }

nav ul a:hover { text-decoration: underline !important; }

nav ul li ul li .toggle,
nav ul ul a { }

nav ul ul {  float: none;  position: static;  color: #ffffff; box-shadow: none;  background-color:inherit; margin: 0px; padding: 0px; }
nav ul li ul li{ text-align: left !important; }
nav ul li ul li a{ padding:2px 8px !important;    }
nav ul li ul li a:hover { background: none !important;   }

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {  display: block;  width: 100%;}
nav ul ul ul li { position: static;}

}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

.box-shadow-menu { width: 70px; float: right; position: relative;  padding-left: 1.45em;  margin: 10px 0 0 10px;  border-bottom: none;  color: #2B3539 !important;
}
.internal .box-shadow-menu { color: #000 !important; }
.box-shadow-menu:before {  content: "";  position: absolute;  left: 0;  top: 0.35em;  width: 1em;  height: 0.15em;
  background: #2B3539;
  box-shadow: 
    0 0.25em 0 0 #2B3539,
    0 0.5em 0 0 #2B3539;
}
