body{
  background-color: #ffffff;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: left;
  padding-bottom: 10px;
}

.p{
  margin: 30px;
}


.ir-arriba{
  display:none;
  padding: 10px;
  background: #bf0811;
  font-size:20px;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.box {
  width:70%;
  height:100%;
  background:#f7f6f6;
  text-align: center;
  margin:40px auto;
}
/* efecto 2 */
.efecto2
{
  position: relative;
}
.efecto2:before, .efecto2:after
{
/* Posiciona la sombra por detras del color de la caja*/
    z-index: -1; 
    position: absolute;
    /* no aplico ningun contenidos HTML */
    content: "";
    /* posiciona la sombra con respecto al borde inferior, izquierdo y superior */
    bottom: 15px;
    left: 10px;
    top: 80%;
    /* configura el ancho */
    width: 50%;
/* color de fondo */
    background: #777;
    /* definicion de la sombra estandar para box-shadow */
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    /* rotacion de la sombra */
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.efecto2:after
{
    /* rotacion de la sombra */
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    /* posiciona la sombra con respecto al borde izquierdo y derecho */
    right: 10px;
    left: auto;
}


div {background: url(imagenes/tiratabla.png);}
div a {
    text-decoration: none;
    color: black;
    font-size: 20px;
    padding: 15px;
    display:inline-block;
}
ul {
  display: inline;
  margin: 0;
  padding: 0;
}
ul li {display: inline-block;}
ul li:hover {background: inherit;}
ul li:hover ul {display: block;}
ul li ul {
  position: absolute;
  width: 200px;
  display: none;
}
ul li ul li { 
  background: #cccccc; 
  display: block; 
}
ul li ul li a {display:block !important;
                font-family: "Trebuchet MS";
                } 
ul li ul li:hover {background: #f7f6f6;}