body{
  background-image: url(../img/fondo.jpg);
  }
*{
  margin: 0px;
  padding: 0px;
  }
#cabeceralogo{
  width: 96%;
  height: 150px;
  padding: 0% 2%;
  background-image: url(../img/images.jpg);
  }
#cabeceralogo > div {
 max-width: 960px;
 margin: 0px auto;
 padding-top: 45px;
 }
#cabeceralogo h1 {
 font: bold 54px Arial, sans-serif;
 color: #C0CAE2;
 }

 #Fila{
  width: 96%;
  height: 50px;
  padding: 0% 2%;
  background-color: #9FC8D9;
  border-top: 2px solid #4E94AB;
  border-bottom: 2px solid #094660;
   }
 #Fila > div {
  max-width: 420px;
  margin: 0px auto;
  }
 #Fila li{
  display: inline-block;
  height: 35px;
  padding: 15px 10px 0px 10px;
  margin-right: 5px;
    }
 #Fila li:hover {
  background-color: #4E94AB;
  }
 #Fila  a {
  font: bold 18px Arial, sans-serif;
  color: #333333;
  text-decoration: none;
  }
main {
 width: 96%;
 padding: 2%;
 background-image: url("../img/fondo.jpg");
 }
main > div {
 max-width: 960px;
 margin: 0px auto;
 }
#articulosprincipales {
 float: left;
 width: 65%;
 padding-top: 30px;
 background-color: #2C68AF;
 border-radius: 10px;
 }
 #infoadicional {
 float: right;
 width: 29%;
 padding: 2%;
 background-color: #2C68AF;
 border-radius: 10px;
 }
 #infoadicional h1 {
 font: bold 18px Arial, sans-serif;
 color: #2B3948;
 margin-bottom: 15px;
 }
.recuperar {
 clear: both;
 }
 article {
 position: relative;
 padding: 0px 40px 20px 40px;
}
article time {
display: block;
position: absolute;
top: -5px;
left: -70px;
width: 80px;
padding: 15px 5px;
background-color: #2C68AF;
box-shadow: 3px 3px 5px rgba(44, 101, 166, 0.7);
border-radius: 5px;
}
.numerodia {
font: bold 36px Verdana, sans-serif;
color: #FFFFFF;
text-align: center;
}
.nombredia {
font: 12px Verdana, sans-serif;
color: #FFFFFF;
text-align: center;
}
article h1 {
margin-bottom: 5px;
font: bold 30px Georgia, sans-serif;
}
article p {
font: 18px Georgia, sans-serif;
}
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 {
float: left;
width: 27.33%;
padding: 3%;
}
.seccionpie h1 {
font: bold 20px Arial, sans-serif;
}

#menuicono {
  display: none;
  width: 95%;
  height: 38px;
  padding: 12px 2% 0px 3%;
  background-color: #9FC8D9; 
  border-top: 1px solid #094660;
  border-bottom: 1px solid #094660;
 }
 
@media (max-width: 768px) {
  article time {
    position: static;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px;
    border-radius: 0px;
    }
    .numerodia {
    display: inline-block;
    font: bold 14px Verdana, sans-serif;
    color: #999999;
    padding-right: 5px;
    }
    .nombredia {
    display: inline-block;
    font: bold 14px Verdana, sans-serif;
    color: #999999;
    }
    article h1 {
    margin-bottom: 0px;
    }
  #cabeceralogo > div {
    text-align: center;
    }
  #cabeceralogo h1 {
    font: bold 46px Arial, sans-serif;
    }
   #Fila {
   display: none;
   width: 100%;
   height: 100%;
   padding: 0%;
   }
   #Fila li {
   display: block;
   margin-right: 0px;
   text-align: center;
   }
   #menuicono {
   display: block;
   }
   .seccionpie {
   width: 94%;
   text-align: center;
   }
   #cabeceralogo > div {
   text-align: center;
   }
   #infoadicional {
    width: 90%;
    padding: 5%;
    margin-top: 20px;
    }
  }