[Solved] Remove space below the logo and over the menu

Hi. This is my site: http://www.playadictos.net/foro/

As you can see, there is a space between my logo and my menu. I didn't notice before, because I had a white background, but now I do with a colored one.

Can I remove that space?

I'll share with you my css modifications, in case you something that could interfere with yours... THANKS IN ADVANCE!!!

.container.grid-container {
   width: 90% !important;
}
body .grid-container {
   max-width: 90% !important;
}
@media screen and (min-width:900px) {
    #wpforo #wpforo-wrap .wpforo-content {width: 78%;}
    #wpforo #wpforo-wrap .wpforo-right-sidebar{width: 20%;}
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
   padding: 0px !important;
}
#wpforo #wpforo-wrap {
   padding-top: 0;
}
#wpforo #wpforo-wrap #wpforo-title{
      font-size:2px;
      line-height:1px;
      position:absolute;
      color:#3F51B5;
}
#wpforo #wpforo-wrap span.wpf-unread-posts {
   display: none !important;
}
#wpforo #wpforo-wrap span.wpf-unread-posts + sep {
   display: none !important;
} 
#wpforo #wpforo-wrap {
   font-family: "Play", Play, sans-serif !important;
}
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {
   text-align: justify !important;
}
#wpforo #wpforo-wrap .wpforo-post-content .wpf-video iframe{
    left: 1%;
}