@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(menu.css);


* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    background-color: #1F3461;
}

main {
    background-color: #ffffff;
    width: 480px;
}

.encabezado {
    height: 50px;
    width: 100%;
    background: #4871ca;
    color: black;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);

}

.container{
    width:100%;
    margin:auto;

}

.logo{
    float:left;
    padding-left: 20px;
    padding-top: 7px;
}
.iconos-menu {
    display: block;
    height: auto;
    float: right;
}
.lupa{
    float:left;
    padding-right: 10px;
    padding-top: 8px;
}
.user{
    float:right;
    padding-right: 10px;
    padding-top: 8px;
}

header .container {
    display: table;
}



@media only screen and (min-width: 480px) {
  header  {
    width: 480px;
    height: 50px; 
  }
    
    .encabezado  {
    width: 480px;
        
  }
    
footer {
    width: 480px;
    font-size: 0.8em;
    color: #ffffff;
    background: #405e99;
    clear: both;
       position:fixed;
    bottom:0;
    z-index: 10;
    height: 3em;
    margin-top: -3em;
}

    footer p {
        text-align: center;
        background: #405e99;
        margin-top: 1em;
    }