#notificacion {
  position: absolute;
  z-index: 100;
  top: 0px;
  float: right;
  right: 50px;
  width: 300px;
  height: 50px;
  line-height: 50px;    
  background: rgba(241, 187, 65, 0.5);
  text-align: center;  
  overflow: hidden;
  /*-webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;*/
  -webkit-transform: translateY(-150px);
  -webkit-animation: slideDown 4.5s 4.0s 1 ease;
  -moz-transform: translateY(-150px);
  -moz-animation: slideDown 4.5s 4.0s 1 ease;
  -ms-transform: translateY(-150px);    
  -ms-transform: slideDown 4.5s 4.0s 1 ease;
  transform: translateY(-150px);    
  transform: slideDown 4.5s 4.0s 1 ease;    
    
  font-family:"Open Sans";
  color: #000;
  /*border: 1px solid #F1BB41;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  /*border-radius: .5em;*/
}

#notificacion:hover{
  background: rgba(241, 187, 65, 0.8);
}

#close {
  position: absolute;
  right: 10px;
  top: 17px;
  text-indent: -9999px;
  background: url(../../img/priv/close.png);
  height: 16px;
  width: 16px;
  cursor: pointer;
}

@-webkit-keyframes slideDown {
  0%, 100% { -webkit-transform: translateY(-150px); }
  10%, 90% { -webkit-transform: translateY(80px); }
}

@-moz-keyframes slideDown {
  0%, 100% { -moz-transform: translateY(-150px); }
  10%, 90% { -moz-transform: translateY(80px); }
}

@-ms-keyframes slideDown {
  0%, 100% { -ms-transform: translateY(-150px); }
  10%, 90% { -ms-transform: translateY(80px); }
}

@keyframes slideDown {
  0%, 100% { transform: translateY(-150px); }
  10%, 90% { transform: translateY(80px); }
}