.grid {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  height: 99vh;  
}
.grid_bases {
  display: grid;
  place-items: center;
  width: 100%;
  height: 89vh;  
}
.grid_contenido {
  margin: auto;
  width: 92%;  
 // height: 100%;
height: 99vh;  
//  border: solid 2px; 
 overflow-y: hidden;
}  
.caja_mensaje_portada {
  margin-top: 8%;
//  display: grid;
  place-items: center;
  width: 100%;
height: 100vh;  
 // border: solid 2px;
 overflow-y: hidden;
}
.caja_mensaje_portada_contenido {
  margin: auto;
  width: 80%;  
  text-align: center;
  font-family: "Courier New";
  font-weight: bold;
  font-size: 1.3em;
  //border-radius: 6%;
 } 
.imagen-responsive{
  width: 80%;
  height: auto;	
}
.imagenes{
  display: block;
  width: 60%;
  margin: auto;
}
#contenedor_padre {
  width: 100%;
  height: 95vh;
 // border-radius: 6%;
 overflow-y: hidden;  
} 
#contenedor_padre_bases {
  width: 100%;
  height: 89vh;
  border-radius: 1%;
 overflow-y: hidden; 
//    border:solid black 2px;
} 
#titulo {
  width: 100%;
  height: 11vh;
  border-radius: 6%;

} 
#contenido {
  width: 100%;
  height: 67vh;
  height: 75vh;  
  border-radius: 6%; 
  overflow-y: scroll;
  text-align: justify;
  //padding: 2%; 
     overflow-y: hidden;
} 
#contenido_inicial {
  width: 100%;
  height: 64vh;  
  border-radius: 6%; 
  overflow-y: scroll;
  text-align: justify;
  //padding: 2%; 
     overflow-y: hidden;
}
#contenido_bases {
  width: 100%;
  height: 72vh;
  margin-top: 15%;  
  margin-top: 5%;    
 // border-radius: 6%; 
  overflow-y: scroll;
  text-align: justify;
  text-indent: 30px;
 // padding: 2%; 
  //   overflow-y: hidden;
//  border:solid red 2px;
}
#pie {
  width: 100%;
  height: 12vh;
  border-radius: 6%;
}
#pregunta_contenido {
  position: absolute;
  width: 92%;
border: solid yelow 6px;
    height: 100vh;
  //border-radius: 6%;
}
#pregunta_reloj {

//  float: right;
  width: 100%;
  height: 7vh;
  font-size: 0.7em;
  font-color:#ff0000;
  //  border:dotted;
}
.crono_wrapper {float:right; margin-left: 63%; text-align:center; width:30%;}

#pregunta_informacion {
  background-color: white;
  width: 100%;
  height: 6vh;
  font-size: 0.9em;
  padding: 2%;
   border-radius: 5%;
}
#pregunta_imagen {
  //background-color: #ff0000;
  margin:15px;
  width: 100%;
  height: 29vh;
  text-align: center;
 // border-radius: 6%;
}
#pregunta_respuestas {
  background-color: white;
  width: 100%;
  height: 33vh;
  border-radius: 6%;
}
#pregunta_btn_continuar {
  background-color: #000000;
  width: 100%;
  height: 5vh;
  border-radius: 6%;
}
.mensaje_portada{
  width: 70%;
  border:solid;
  border-radius: 6%; 
  text-align: justify;
  background-color:red;

}
.titulo_concurso{
  width: 100%;
  text-align: center;
  position: relative;
  font: 2.4em Gentium Basic, Sans-Serif;
  font-weight: bold; 
  color: #B1251E; 
  margin-top: 2%;
  }
.subtitulo_concurso{
  width: 100%;
  text-align: right;
  position: relative;
  font: 1.4em Gentium Basic, Sans-Serif;
  font-weight: bold; 
  color: #B1251E; 
  margin-top: -8%;
  margin-right: 8%;
  text-decoration: overline underline;    
  }  
.nombre_concursante{
  width: 100%;
  text-align: center;
  position: relative;
  font: 1.5em Gentium Basic, Sans-Serif;
  font-weight: bold; 
  color: #B1251E; 
  margin-top: 2%;
  }
.fechas_clave{
  font: 0.8em  Sans-Serif;
}
.aclaraciones{
  font: 1.1em Gentium Basic, Sans-Serif;
  font-weight: bold; 
  color: #B1251E; 
  margin-top: 2%;
}
.clave0 {
  border: 1px solid black;
  //margin: 1rem;
  //padding: 2rem 2rem;
  text-align: center;
}
.clave1 {
//  display: inline-block;
  width: 80%;
  border: 1px solid red;
//  text-decoration: none;
  //padding: 1rem 1rem;
  vertical-align: middle;
}
.clave2 {
//  display: inline-block;
  width: 40%;
  border: 1px solid red;
  text-decoration: none;
  //padding: 1rem 1rem;
  vertical-align: middle;
}
html, body { height: 100%;};