table {
  width: 100%;
  border-collapse: collapse;
}

table, td, th {
  border: 1px solid black;
  padding: 5px;
}

th {
  text-align: left;
}

div.participantes { 
  padding: 20px;
}

div.logoIMDEJ { 
  background-image: url("http://deportecdjuarez.gob.mx/images/LogoIMDEJ_1280x610.jpg");
  /* position: absolute; */
  /* top: 100px; */
  width: 200px;
  height: 100px;
  /* left: 700px; */
  background-color: #edeef2;
  background-size: 100% 100%;
  /* font-family:Century Gothic; */
  /* padding: 15px 10px 10px 10px; */
  /* text-align: left; */
  /* font-size:14px; */
  /* line-height: 15%; */
  /* border-style: groove; */
  border-width: medium;
  /* line-height: 50%; */
}

div.etapas { 
  /* background-image: url("http://deportecdjuarez.gob.mx/images/Original_2048x2048.jpg"); */
  /* flex-grow: 1; */
  position: absolute;
  /* top: 10px;  */
  /* left: 500px; */
  width: 150px;
  height: 150px;
  /* left: 700px; */
  background-color: #610909;
  /* background-size: 100% 100%; */
  /* font-family:Century Gothic; */
  /* padding: 15px 10px 10px 10px; */
  /* text-align: left; */
  /* font-size:14px; */
  /* line-height: 15%; */
  /* border-style: groove; */
  border-width: medium;
  /* line-height: 50%; */
}

div.logoGOBIERNO { 
  background-image: url("http://deportecdjuarez.gob.mx/images/Original_2048x2048.jpg");
  /* flex-grow: 1; */
  /* position: absolute; */
  /* top: 10px;  */
  /* left: 800px; */
  width: 100px;
  height: 100px;
  /* left: 700px; */
  background-color: #edeef2;
  background-size: 100% 100%;
  /* font-family:Century Gothic; */
  /* padding: 15px 10px 10px 10px; */
  /* text-align: left; */
  /* font-size:14px; */
  /* line-height: 15%; */
  /* border-style: groove; */
  border-width: medium;
  /* line-height: 50%; */
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 400px;
}

.container {
  background: rgba(192, 57, 43, 0.2);
  width: 1200px;
  height: var(--div-height);
  padding: 35px 15px 5px;
}
.container:before,
.container:after {
  content: "";
  display: table;
  clear: both;
}

.container div {
    float: left;
    width: 350px;
		height: var(--div-height);
  }

  #box1 {
    background: rgba(93, 173, 226, 0);
}

  #box2 {
  background: rgba(202, 207, 210, 0.4);
  margin-left: 30px;
  margin-right: 30px;
}

#box3 {
  background: rgba(249, 231, 159, 0);
}

/* p {
  color: black;
  padding: 5px 10px;
  text-align: center;
} */