* {margin:0px; padding:0px;}
body {padding:2px; font-family:Tahoma, Arial; text-align:center;
    background-repeat:repeat; background-size:cover; opacity:1;
}
#ppal {width:100%;  float:none; margin-top:10px; Position:absolute;text-align:center; z-index:-1; opacity:.4}
#texto1 {width:60%; text-align:center; margin:auto; color:blue; font-size:1.5em; margin-top:50px;}
#tabs  {font: bold 14px verdana, tahoma, sans-serif;list-style-type:none;background-color:black;}
#tabs ul {text-align:center; cursor:pointer;}
#tabs li {
  text-align:center;
  overflow:hidden;
  display:inline-table;
  text-transform: uppercase; 
  width: 150px; 
  height:30px;
  position: relative;
}
#tabs a {
  display: block;
  width: 140px; 
  line-height: 30px;
  color:grey; 
  background: black; 
  text-decoration: none; 
  letter-spacing: 2px; 
}
#tabs ul ul a{
  width: 140px; 
  margin-top: 3px;
  border-radius:8px;
 }
#tabs li:hover > a{
  background-color:white;
  border-radius:8px;
}
#tabs ul ul{
  margin-left:20px; 
  position:absolute;
  display:none;
  letter-spacing: 0px; 
}
#tabs ul ul ul {
  top:0px; 
  left:125px;
}
#tabs ul ul ul li{ 
  height:35px;
  margin-left:10px;
  position:relative;
  display:none;
  z-index:2;
}
#tabs ul ul a{ 
  padding-left:10px;
  letter-spacing:0px;
  text-align:left;
}
#tabs li:hover ul{display:block; 
}
#tabs ul ul li:hover li{display:block; 
}

/* #tabs ul, li, a{outline: green solid 1px} */