.datoFront{
    border:2px solid blue;
}
    
.divFormulario{
    display:inline-block;
    padding:36px;
    background-color:#CCC;
    margin-left: auto; 
    margin-right: auto;
    overflow: hidden;
}
    
    
option{
    padding-left: 4px;
    padding-right: 10px;
    background:white;
}

input:focus{
    box-shadow: 2px 2px 5px blue, -1px -1px 5px blue;
    border-color:var(--daledin-turquesa);
    background:white;
}

.ingreso_dato_text, .ingreso_dato_area, .ingreso_dato_number, .ingreso_dato_date,
.ingreso_dato_select, .ingreso_dato_select_contiguo, .ingreso_dato_radio,  
.ingreso_dato_file, .ingreso_dato_telarea, .ingreso_dato_telnum{
    color:var(--daledin-gris-texto); 
    text-align: left;
    padding-left:12px;
    padding-right:12px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:4px;
    margin-top:4px;
    margin-left:12px;
    font-size:16px;
    height:24px;
    text-decoration: none;
    width:400px;
    max-width:400px;
    min-width:400px;
    background: white;
    border-radius:5px;
    border:1px solid var(--daledin-amarillo);
}

.ingreso_dato_area{ height:71px; }
.ingreso_dato_telarea{ width:62px;max-width:62px;min-width:62px; }
.ingreso_dato_telnum{ width:295px;max-width:295px;min-width:295px;}
/* no se porque los select cambian su width respecto a los otros */
.ingreso_dato_select{ 
    width:426px;
    min-width:426px;
    max-width:426px;
    height:38px;    /* equivale a 24px de los input text */
} 
.ingreso_dato_select_contiguo,
.ingreso_dato_file{ 
    width:441px;
    min-width:441px;
    max-width:441px;
    height:38px;    /* equivale a 24px de los input text */
}
.ingreso_dato_select_contiguo{ 
    width:100px;
    min-width:100px;
    max-width:100px;
    margin-left:0; 
    padding-top:0;
    padding-bottom:0;
}



.ingreso_datoleft{
    text-align:left;
    padding-left:4px;
}

/* Inputs que quiero que aparezcan como simples mensajes */
.ingreso_datomostrado{
    color:#fff;
    background:#666;
    text-align:left;
    font-size:11px;
    padding-left: 5px;

    border-style: solid;
    border-width: 1px;
    border-color: #666;
}

.boton, 
.botonAgregar, 
.botonVolver, 
.boton_guardar{
    display:inline-block;
    padding:0.5em;
    margin:1.5em;
    min-width:40px;
    border-radius:7px;
    box-shadow:0px 0px 2px #999;
    color:var(--daledin-negro);
    font-weight: bold;
    text-align:center;
}
.boton:hover, .botonAgregar:hover, .boton_guardar:hover, .botonVolver:hover{
    cursor:pointer;
    box-shadow:1px 1px 4px black, 2px 2px 5px black;
}



.hidden{
        display:none;
}

@media (max-width: 550px) {    
    .ingreso_dato_text, .ingreso_dato_area, 
    .ingreso_dato_number, .ingreso_dato_date,
    .ingreso_dato_select, .ingreso_dato_radio,  
    .ingreso_dato_file, .ingreso_dato_telarea, .ingreso_dato_telnum{
        color:var(--daledin-gris-texto); 
        width:295px;min-width:295px;max-width:295px;
    }
    .ingreso_dato_telarea{ width:50px;min-width:50px;max-width:50px; }
    .ingreso_dato_telnum{ width:176px;min-width:176px;max-width:176px;}
    /* por alguna razón el select queda más chico */
    .ingreso_dato_select{ min-width:321px;width:321px;max-width:321px; }
    .ingreso_dato_file{
        width:130px;min-width:130px;max-width:130px;
        height:38px; /* equivale a 24px de los input text */
        font-size:2em; 
    }
}