body {
  background: #ffffff;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px; 
  color: #ffffff;
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
}
a { color: #FFF; }

p { text-align: left; }
 .toggle, [id^=drop] {
 display: none;
}

#container {
  margin: 0 auto;
  max-width: 100%;
  vertical-align:middle;
}

nav {
  margin: 0;
  padding: 0px 0px 0px 3px;
  text-align:center;
  background: #E2E2E2;
}

#logo {
  display: block;
  padding: 0 50px;
  float: left;
  font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin:  0px 0px 0px 0px;
  list-style: none;
  position: relative;
  
}

nav ul li {
  padding: 5px;
  display: inline-block;
  float: left;
  background-color:#C09D7A;
  width:auto;
  height:auto;
  margin:1px;
font-size:14px; 
text-align:center;

}

nav a {
  display: block;
  padding: 0 8px;
  color: #FFF;
  text-decoration: none;
  text-align:left;
  line-height: normal;
  padding-top:2px;
  padding-bottom:2px;
font-weight:bold;
}


nav ul li ul li:hover { 
  min-width: 170px;
 }

nav a:hover { background-color: #0463D0;}

nav ul ul {
  display: none;
  position: absolute;
  margin-top:5px;
}

nav ul li:hover > ul { 
display: inherit;  
margin-top:5px;
background-color:#FFFFFF;
}

nav ul ul li {
  min-width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -40px;
  left: 165px;
  min-width: 180px;
  border-bottom: 1px solid  #ffffff;
}

li > a:after { 
content: url('../../../nazionale-2021/img/small_triangle.png');
}

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width: 980px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
.menu { display: none; }

.toggle {
  display: block;
  background-color:#C09D7A;
  padding: 0 5px 2px;
  color: #FFF;
  font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
  font-size: 13px;  
  line-height: 30px;
  text-decoration: none;
  border: none;
  border-bottom: 1px solid  #ffffff;
}
.icon {
  display: block;
  background-color:transparent;
  padding: 0 20px;
  color: #FFF;
  font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 30px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color:#C09D7A; border-bottom: 1px solid  #ffffff;}

[id^=drop]:checked + ul { display: block; }

nav ul li {
display: block;
width: 97%;
background-color:#C09D7A;
border-bottom: 1px solid  #ffffff;
margin:0px;
min-height:10px;}


/* SOTTOMENU*/
nav ul ul .toggle,
nav ul ul a { padding: 0 20px;
}

nav ul ul ul a { padding: 0 0px; background-color:#C09D7A; border-bottom: 1px solid  #ffffff; 
}

nav a:hover,
 nav ul ul ul a { background-color:#0463D0;  
}


/* SOTTOMENU*/
nav ul li ul li .toggle,
nav ul ul a { background-color:#C09D7A; margin:0px;  border-bottom: 1px solid  #ffffff;}
 
nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
border: none;}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; 
}

nav ul ul li {
  display: block;
  width: auto;
  border: none;
}

nav ul ul ul li { position: static;
  min-width: 180px;
  border-bottom: 1px solid  #ffffff;
}

}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 90%;
}

}


/* fine sezione jersey*/
		.tooltip {
			border-bottom: 1px dotted #000000; outline: none;
			cursor: pointer; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left:0px; top: 2em; z-index: 99;
			margin-left: 0; width: 200px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 0px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size:14px; font-weight: bold; color:#0463D0;
			display: block; padding: 0.2em 0 2px 0;
		}
		.info { background: #213452; border: 1px solid #ffffff;	}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }/* fine stile title nei link*/
/* fine sezione jersey*/