Mysterious extra white space in header

Hello!

I followed several suggestions to end white space on header, but I´m stuck here.

This is the site. Here´s a picture, in case it´s resolved and others search this. (I have it hosted at a free host)

I´m using mystile theme. No child though. Never got it to work…

The social icons are a widget of html text, copied below:

<div><a href="http://www.facebook.com/VestuariodeFitnessSuperno" target="_blank"><img src="wp-content/uploads/icon-facebook.png" height="36" width="36" /></a>
<a href="http://twitter.com/RafaCarvalhido" target="_blank"><img src="wp-content/uploads/icon-twitter.png" height="36" width="36" /></a>
<a href="http://br.pinterest.com/VFSuperno" target="_blank"><img src="wp-content/uploads/icon-pinterest.png" height="36" width="36" /></a>
</div>

This is the custom css I have:

#toprightwidgetarea {
    float: right;
    width: 75%;
    margin-top: 0px;
    margin-right: 0px;
	margin: 0px;
    text-align:right;
}
#toprightwidgetarea aside {
    margin-bottom: 0px;
	margin-top: 0px;
	margin: 0px;
}

#header {
        padding: 1px !important;
}

#header #logo {
  float: left;
  margin: 0px;
  padding: 0px;
}

#header #navigation, #header hgroup {
        margin: 0px;
        padding: 0px;
}

Still, there´s some white space I can´t get rid off. Can you help me, please?