* {
    margin: 0px;
    padding: 0px;
    }
    #cuerpo{
        background-image: url(../Programa1erParcial/img/fondo.png);
    }
    #cabeceralogo {
    width: 96%;
    height: 150px;
    padding: 0% 2%;
    text-align: center;
    }
    #cabeceralogo > div {
    max-width: 960px;
    margin: 0px auto;
    padding-top: 45px;
    display: flex;
    margin: 10px;
    justify-content:space-around;
	border-radius: 20px; 
	border: 2px solid #000000;
    }
    #cabeceralogo h1 {
    font: bold 54px Arial, sans-serif;
    color: #FFFFFF;
    margin-bottom: 10px;
    }

    #menuprincipal {
    width: 96%;
    height: 50px;
        border: 2px solid ;
        padding: 9px 20px;
        border-radius: 10px;
        margin-right: 100px;
   
        font-size: 18px;
        display: inline-flex;
        justify-content: center;

    }
    #menupincipal li{
        border: 2px solid ;

    }
    #menuprincipal > div {
    max-width: 960px;
    margin: 0px auto;
    }
    #menuprincipal li {
    display: inline-block;
    height: 35px;
    padding: 15px 10px 0px 10px;
    margin-right: 5px;
 }

 #menuprincipal a {
 font: bold 18px Arial, sans-serif;
 color: #333333;
 text-decoration: none;

 }
 main {
 width: 96%;
 padding: 2%;
 }
 main > div {
 max-width: 960px;
 margin: 0px auto;
 }
 #articulosprincipales {

 padding-top: 30px;
 background-color: #FFFFFF;
 border-radius: 10px;
 }
 #infoadicional {
 float: right;
 width: 29%;
 padding: 2%;
 background-color: #E7F1F5;
 border-radius: 10px;
 }
 #infoadicional h1 {
 font: bold 18px Arial, sans-serif;
 color: #333333;
 margin-bottom: 15px;
 }
 .recuperar {
 clear: both;
 }
 article {
 position: relative;
 padding: 0px 40px 20px 40px;
}

    .numerodia {
    font: bold 36px Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
    }
    .nombredia {
    font: 12px Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
    }
    
    figure {
    margin: 10px 0px;
    }
    figure img {
    max-width: 98%;
    padding: 1%;
    border: 1px solid;
    }
    #pielogo {
    width: 96%;
    padding: 2%;
    background-color: #0F76A0;
    }
    #pielogo > div {
    max-width: 960px;
    margin: 0px auto;
    background-color: #9FC8D9;
    border-radius: 10px;
    }
    .seccionpie {
    
    
    border: 2px solid black;
    border-radius: 20px;
    display: flex;
    border-spacing: 10px;
    margin: 20px;
    justify-content:space-around;
    font-size: 18px;
    }
    .seccionpie h1 {
    font: bold 20px Arial, sans-serif;
    }
    @media (max-width: 1120px) {
        
        article h1 {
        margin-bottom: 0px;
        }
       }
       @media (max-width: 820px) {
        #articulosprincipales {
        width: 100%;
        }
        #infoadicional {
        width: 90%;
        padding: 5%;
        margin-top: 20px;
        }
       }
       @media (max-width: 900px) {
        #cabeceralogo > div {
        text-align: center;
        }
        #cabeceralogo h1 {
        font: bold 46px Arial, sans-serif;
        }
        #menuprincipal {
        width: 100%;
        height: 100%;
        padding: 0%;
 }
 #menuprincipal li {
 display: block;
 margin-right: 0px;
 text-align: center;
 }
 .seccionpie {
 width: 94%;
 text-align: center;
 }
}
#menuicono {
    display: none;
    width: 95%;
    height: 38px;
    padding: 12px 2% 0px 3%;

   }
   @media (max-width: 900px) {
    #menuprincipal {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0%;
    }
    #menuprincipal li {
    display: block;
    margin-right: 0px;
    text-align: center;
    }
    #menuicono {
    display: block;
    }
    .seccionpie {
    width: 94%;
    text-align: center;
    }
    #cabeceralogo > div {
    text-align: center;
    }
   }