body{
    background-color: #1F2B43;
}
#principal {width:1100px;
            margin:auto;
            }
header{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 60px;
    font-family: Arial, Helvetica, sans-serif;
}
p{
    color:rgb(211, 210, 210);   
}

ul li {
    list-style-type: none;
    display: inline;
    margin: 8px;
    color: rgb(211, 210, 210);
}

.negrita{
    font-weight: bold;
    color:white;
}

ul { text-align: right;
}


#bloque1 img{
    width:100%;
    height: 250px;
}

.grid-container-global{
    display: grid;
    grid-template-columns: repeat(6,auto);
    grid-template-rows: repeat(5,auto);
    column-gap: 15px;
    row-gap: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
}

#bloque1{
    grid-column: 1/7;
    width:100%;
    height:250px;  
}

.grid11{
    grid-column: 1 / 5;
    grid-row: 2 / 4;
    background-color: #ffffff;
    height:361px
}

.grid12{
    grid-column: 5 / 7;
    grid-row: 2 / 3;
    background-color: #2A87CD;
}
.grid13{
    background-color: #041E43;
}
.grid14{
    background-color: #CCE2F0;
}

.bloque3{
    grid-column: 1 / 7;
    height: 60px;
    background-color: #EF6B20;   
}

.bloque4{
    grid-column: 1 / 7;
    display: grid;
    grid-template-columns: repeat(4, auto);
    column-gap: 15px;
    height: 270px;
}

.grid21{
    
    background-color: #B6BFC8;
}
.grid22{
    
    background-color: #595C6F;
}
.grid23{
    
    background-color: #6A96BA;
}
.grid24{
    
    background-color: #1D4082;
} 

#flex-container{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

hr{
    border-color: #22293C;
}
footer{
    color:rgb(211, 210, 210);
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20px;
}
.color_azul{
    color:lightblue
}