:root { 
    --colorFondo: #ffffff; 
    --colorBorder: #0f3a0f; 
    --colorSombra: #000000;  
    --colorSistema: #20A8D8;
    --colorLetra: #000000;      
    --colorLetraSombra: #ffffff;
    --colorSecundario: #F1F1F1;    
}

.estiloModalDialog {
  background: #ffffff; 
  border-radius: 5px;
  border: 2px solid var(--colorBorder); 
  box-shadow: 6px 10px 10px var(--colorSombra); 
}

.estiloModalCabecera {
  background-color: var(--colorSistema);  
  padding: 8px 5px 5px 15px;
  border-bottom: 1px solid var(--colorBorder);   
}

.estiloModalCuerpo {
  padding: 10px 10px 3px 10px;
}

.estiloContenedorModulo {
  background: #ffffff; 
  border-radius: 8px;
  border: 2px solid var(--colorBorder); 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 6px 10px 10px var(--colorSombra); 
  padding: 5px 0px 5px 5px;  
}

.estiloContenedorCabecera {
  background-color: var(--colorSistema);  
  border: 1px solid var(--colorBorder); 
  padding: 8px 5px 5px 15px;
}

.estiloContenedorTitulo {  
  font-family: "Times New Roman", Times, serif;
  color: var(--colorLetra); 
  text-shadow: 2px 2px 1px var(--colorLetraSombra); 
  display: block;
  font-size: 1.5em;
  font-weight: bold;      
  margin: 0px 0px 0px 0px;   
}

.estiloContenedorTituloSub {  
  font-family: "Times New Roman", Times, serif;
  color: var(--colorLetra); 
  text-shadow: 1px 1px 1px var(--colorLetraSombra); 
  display: block;
  font-size: small;
  font-weight: bold;   
  margin: 0px 0px 0px 0px;   
}

.celdaX {
  padding: 0px 0px 0px 0px;  
  margin: 0px 0px 0px 0px;  
}

.estiloPanelLabelMultiple {
  text-decoration: underline;
  font-weight: bold;   
}

.estiloPanelMultiple {
  height: 300px; 
  border:solid 1px black; 
  margin: 0px 10px 2px 10px; 
  padding: 5px; 
  background-color: var(--colorSecundario);
}