body {
            font-family: verdana, arial;
            font-size: 0.8em;
        }


    table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}    

        
.fruitul{
      margin-top: 0px;
      background: #000;
      color: #fff;
    }
    .fruit{
      padding: 12px;
      cursor: pointer;
      color: #fff;
    }
    .fruit:hover{
      background: #000;
    }

.fruitull{
      margin-top: 0px;
      background: #000;
      color: #fff;
    }
    .fruitt{
      padding: 12px;
      cursor: pointer;
      color: #fff;
    }
	
	.fruitte{
      padding: 12px;
      cursor: pointer;
      color: #fff;
    }
	
    .fruitt:hover{
      background: #000;
    }

.formaul{
      margin-top: 0px;
      background: #000;
      color: #fff;
    }
    .forma{
      padding: 12px;
      cursor: pointer;
      color: #fff;
    }
    .forma:hover{
      background: #000;
    }
    

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: verdana, arial;
            font-size: 0.8em;
}
nav ul li {
  /* Sub Menu */
}
nav ul li a {
  
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
nav ul li a:hover {
  background: #505355;
  color: #fff;
}
nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float:right;
}
nav ul ul {
  background: rgba(0, 0, 0, 0.2);
}
nav ul li ul li a {
  
  border-left: 4px solid transparent;
  padding: 10px 35px;
}
nav ul li ul li a:hover {

  border-left: 4px solid #3498db;
}

nav ul li ul li a{

  font-size: .85rem;
  text-decoration: none;
  transition:0.2s linear;
}

nav ul li a:hover {
  text-decoration: none;
  /*border-left: 4px solid #e74a3b;*/
}