CSS conflict in index

I have the page below with an error of css :

link

In it it has a div with classe top and within that div I have 3 div's :

<div class="topo">

  <div class="topoTel" id="topoTel"><img src="_img/sgb.png" /></div>

  <div class="topoMeio" id="topoMeio"><h1><?php echo $constantes->getWwwSite(); ?></h1></div>

  <div class="topoRedesSociais" id="topoRedesSociais">
    <img class="face" src="_img/facebook.png" />
    <img class="insta" src="_img/instagram.png" />
  </div>

</div>

To save code that was like this,

 div.topo div.topoTel, 
 div.topo div.topoMeio, 
 div.topo div.topoRedesSociais {
     position:relative;
     display:inline-block;
     vertical-align:middle;
     width: 33%;
 }

I did so:

 div.topo div {
     position:relative;
     display:inline-block;
     vertical-align:middle;
     width: 33%;
 }

But if you look at the web page, you'll find that the layout of the top is messy. It looks like it has been changed from inline-block to block the display of% internal%.

As can be seen below:

whereasthecorrectonewouldbeasbelow:

ButImadeapage,

link

Only with the top part. And to my surprise, the error did not occur!

I have been looking for conflict for a long time and my experience with css is not good, I am not finding it and I ask for your help.