div.contenedor{
    width: 100%;
    border: 1px solid gray;
}

header, footer {
    padding: 1em;
    color: white;
    background-color: rgb(9, 57, 71);
    clear: left;
    text-align: center;
}

nav {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;

}

nav ul {
    list-style-type: none; /* elimina viñeta*/
    padding: 0;
}

nav ul a {
    text-decoration: none;

}

a.active {
    color:chartreuse;
}

article {
    margin-left: 100px;
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
    background-color: #cccccc;
    background-repeat:repeat-y; /*no-repeat;*/
    /*background-size:300px 180px;*/
}

p{
  margin-left: 600px;

}

h1{
  text-align:center;
  font-size: 150%;
}


#mexico{
  color:green;
}

#londres{
  color:red;
}

#paris{
  color:blue;
}

#tokyo{
  color:FireBrick;
}
#nBrasil{
  color:aqua;

}

.banderaMex{
  background-image: url("../img/mexico3.jpg" );
  
  }
.banderaLon{
  background-image: url("../img/combia.jpg");
}
.banderaPar{
  background-image: url("../img/cuba.jpg");
}
.banderaTok{
  background-image: url("../img/chile2.jpg");
}
.banderaNue{
  background-image: url("../img/brasil2.jpg");
  
  
  
}