@import url(header.css);
@import url(main.css);
@import url(idioma.css);
@import url(aside.css);
@import url(footer.css);


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

body{
    font-family: 'Courier New', Courier, monospace;
    background-color: #000;
    padding: 90px 0;
}

.container{
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: auto;
}

.barra-estado{
    background-color: #3C3C3C;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
}

.barra-estado h4{
    line-height: 40px;
    margin-left: 60px;
}

.barra-estado h4 a{
     color: #9FB9E3;
}

.enla-menu{
    color: blue;
}

.enla-menu:hover{
    color: red;
}

.invisible {
    display: none; 
}

@media (max-width: 800px){
    .container{
        width: 95%;
    }
}

@media (max-width: 768px){
    body{
        padding: 70px 0;
    }

    .barra-estado{
         text-align: center;
    }
}

@media (max-width: 600px){
    .container{}

    .barra-estado h4{
        font-size: 15px;
        margin-left: 0;
    }
}