Header no ocupa toda la pantalla

[kishama28]

Buenos días,

El header de mi pagina no logra ocupar toda la pantalla cuando a un div debajo de este header le hago un margin left para centrarlo. Les dejo la foto.

https://1drv.ms/i/s!AvolmdWqgSn-ge5XCVC2shb8GQ6mlQ

Mi codigo Header:
No lo puedo poner en codigo porque me sale un error:
Las etiquetas no pueden ser palabras demasiado comunes (div).
Se los dejo en imagen:
https://1drv.ms/i/s!AvolmdWqgSn-ge5YQFiDj7S5a4TwjA

Mi código CSS:

Código CSS:

body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
    background: #E1ECFD; 
    font-size: 1em;
    line-height: 1.5em;
}
 
#main-header {
    background: #125061;
    color: white;
    height: 54px;
display: block;
overflow-x:auto;
}   
#main-header a {
    color: white;
}
 
/* Logo */
 
#titulo{
float: left;
padding: 4px 0 0 10px;
font-size: 16px;
font-weight: bold;
text-shadow: 1.5px 1.5px 1.5px #000;
}
 
#logo{
padding: 12px 0 0 40px;
}
 
#imagen{
float:left;
width: 28px;
    
}
 
.nav-menu{
    background-color: #e3e3e3;
    border: 2px solid #d8d8d8;
    height: 30px;
 
}
 
.nav-menu ul {
    list-style: none;
    text-align: center;
    padding: 0; 
    margin: 0;
    float: left;
 
}
.nav-menu li {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    display:inline-block;
}
 
.nav-menu a {
    text-decoration: none;
    color: #000;
    display: block;
    transition: .3s background-color;
}
 
.nav-menu a:hover {
    background-color: #125061;
    color:#fff;
}
 
.nav-menu a.active {
    background-color: #125061;
    color: #fff;
    cursor: default;
}
 
@media screen and (min-width: 600px) {
    .nav-menu li {
        width: 120px;
        border-bottom: none;
        height: 30px;
        line-height: 30px;
        font-size: 0.8em;
 
    }
}
 
.sec-left{
    background-color: #fffbdd;
}
    
.login{
    background-color: #fff;
    display:inline-block;
    vertical-align:middle;
    border: 2px solid #d8d8d8;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    font-size: 13.66px;
    font-weight: bold;
    color: #000000;
    margin: 100px 525px;
}
 
 
.form-control {
  display: block;
  width: 230px;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
 
 
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
 
.form-control[disabled],
.form-control[readonly],
 
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
 
textarea.form-control{
  height: auto;
}