/*a:visited {color:blue} */

a {
color: blue;
display: inline-block;
}

body {
  background-color:white;
  margin-left: 10px;
  font-size: 18px;
}

#menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
}

/* nomes per la barra de navegacio */
.head {
/* for text in list, not links*/
li {
  float: left;
  color: white;
  text-align: center;
  text-decoration: none;
}

/* linia divisoria */
li:first-child {
  border-right: 1px solid white;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 15px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: grey;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #C8C8C8;}

.dropdown:hover .dropdown-content {
  display: block;
}

.active {
  background-color: #008BFF;
}


} /* goes with head class */

/* for hovering text */
.hide {
  display: none;
}

.myDIV:hover + .hide {
  display: inline;
  color:grey;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-size: 16px;
  border: none;
  outline: none;
  transition: 0.1s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}