body {
    margin:0; 
    padding:0;
    font-family:Arial,Verdana,sans-serif;
}

.container {  display: grid;
    grid-template-columns: 65.1em 14.2em;
    grid-template-rows: 5.5em 33.3em 5.5em;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "zeus helios"
      "atlas atenea"
      "hades kronos";
  }
  
  .atlas { grid-area: atlas; }
  
  .zeus { grid-area: zeus; }
  
  .kronos { grid-area: kronos; }
  
  .atenea { grid-area: atenea; }
  
  .hades { grid-area: hades; }
  
  .helios { grid-area: helios; }
  

.zeus {
    
    margin: 0px;
    height: 100%;
    
}


.helios {
    background-color: #232323;
    margin: 0px;
    height: 100%;
    background-image: url("../imagenes/cabecera.png");
    background-repeat: no-repeat;
    background-position: center top;
}

#map {
     
    width:100%;
}
#map2 {
     
    width:100%;
}
.titulo {
    background-color: #000;
    color:#fff;
    margin:0px;
    text-align: center;
    height: 3em;
    font-size: 4em;
}
.titulo2 {
    background-color: #000;
    color:#fff;
    margin:0px;
    text-align: center;
    height: 3em;
    font-size: 4em;
}
.titulo3 {
    background-color: #000;
    color:#fff;
    margin:0px;
    text-align: center;
    height: 3em;
    font-size: 4em;
}
.titulo4 {
    background-color: #000;
    color:#fff;
    margin:0px;
    text-align: center;
    height: 3em;
    font-size: 4em;
}
.tiempo {
    font-size: 5.33em;
    
}

.kronos {
    text-align: center;
    font-size: 5.3em;
    background-color: #232323;
    color:#ff9b03;
    margin:0px;
    padding: 0px;
}
.hades {
    background-color: #232323;
    background-image: url("../imagenes/escudo.png");
    background-repeat: no-repeat;
    background-position: left;
}
.cpaso{
    background-color: black;
    color:#ff9b03;
    margin:0px;
    text-align: center;
}
.dpatacona{
    background-color: #ff9b03;
    text-align:center;
    font-size: 2em;
    margin:0px;

}
.dpsaplaya{
    background-color: #3366ff;
    text-align:center;
    font-size: 2em;
    margin:0px;

}
#tPata {
    font-size: 5.3em;
    text-align: center;
}
#tSapla {
    font-size: 5.3em;
    text-align: center;
}