#menu ul li{
    float:left;  
}
#menu>ul>li ul li{
 float: left;  
    
 position: relative;
 border-radius: 10px;
 margin: 10px;
 overflow: visible;
 width: 100px;
 height: 100px;
}
#menu{
    margin:auto;
    position: relative;
    display: block;
    text-align: center;
    width: auto;
    height: 150px;
    width: 1000px;
}
#menu>ul{
    list-style: none;
    display:block;
    background:#000;
    text-align: center;
    margin: 20px auto;
    position: relative;

}
.pico{
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid rgb(0,0,0);
z-index: 1;
content: "";
top: 124px;
position: fixed;
left: 8%;
opacity: 0.5;
}
#menu>ul>li>ul{
list-style: none;
display: none;
background: rgba(0,0,0,0.5);
margin: 0;
padding: 9px;
z-index: 20;
text-align: center;
position: absolute;
left: 41px;
border-radius: 10px;
margin: 10px;
text-align: center;
max-width: 853px;
    
}
#menu>ul>li>a{
  width: 100px;
  display: block;
  background-repeat: no-repeat;
  padding-top: 90px;
  color:#000;
  text-decoration:none;    
  background-color:#ccc;
  margin-left:10px;
  text-align:center;
  background-position:center;
  font-weight: bold;
  border-radius: 10px;
background-size: 80px;
  
}
#menu>ul>li>a:hover{  
  color:#000; 
  background-color:#fff;
 }
#menu>ul>li>a:visited{ 
  color:#000;
  text-decoration:none;      
}
#menu ul>li>ul>li>a:hover{ 

  color:#fff;
  font-size:18px;
  text-shadow: 2px 2px #000;
  
   
}
#menu ul>li>ul>li>a{ 

  color:#fff;
  
  background-image: url("../imgmenu/catalogos.png");
   background-repeat: no-repeat;
    background-position:center;
      background-size: 67%;
position:absolute;
  min-width: 100px;
     font-size:12px;
       transform-origin: center;

  display: block;

  padding-top: 80px;

  text-decoration: none;

  transform-style: initial;
  z-index:1;

}
html,body{
    height:100%;
}

body{
    margin:0;
    padding:0;
    border:hidden;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    background: #ccf;
    background-size: 300%;
   color:#fff;
    -webkit-animation: ENIM 17s ease infinite;
    -moz-animation: ENIM 17s ease infinite;
    animation: ENIM 17s ease infinite;
    height: 100%; 
} 
@-webkit-keyframes ENIM {
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
} 
@-moz-keyframes ENIM {
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
}
@keyframes ENIM { 
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
}