codice:
body{ 
    background-color: green;
}

#container{
    max-width: 1080px;
    background-color: blue;
    margin-left: auto ;
    margin-right: auto ;
    margin-top: -35px;
}

.header{
      margin-top: 35px;
      margin-left: auto;
      margin-right: auto;
      background-color: red;
      width: 1080px;
      height:244px;
      z-index:2;
}

.top{ 
    position:absolute;
    left:0;
    width: 100%;
    height: 1px;
    background-color: yellow;
    opacity:.5;
    z-index: 5;
    top: 0;
    padding-bottom: 35px;
    
 }

.top li{ 
    display: inline;
 }


.top ul { 
    height:10px;
    text-align: right;
    padding-right: 200px;
}
Se poi vuoi che "bla bla" compaia nel rosso, aggiungi padding-top:35px; a .header