body 
{
    background-color: rgb(196, 225, 255);
    font-family: "Roboto", helvetica, arial, sans-serif;
    text-rendering: optimizeLegibility;
}

/*DIV para ventanas de datos*/
.ventana_datos
{
    text-align:center;
    border: 4px solid #170073;
    border-radius: 8px;
    background-color: rgb(196, 225, 255);
    top:1px;
    left:1px;
    width:1px;
    height:1px;
    visibility:hidden;
    
}

.cuerpo_ventana_datos
{
    position:relative;
}

.barra_ventana_datos
{
    border-radius: 5px;
    background-color:rgb(26, 113, 167);
    width:100%;
    height:50px;
}

.iframe_datos
{
    border-radius: 5px;
    text-align:center;
    border: 0px solid #000000;
    width:100%;
    height:90%;
    visibility:hidden;
}

/*FIN de DIV para ventanas de datos*/

/*DIV para ventanas de imagen*/
.ventana_imagen
{
    text-align:center;
    border: 4px solid #170073;
    border-radius: 8px;
    background-color: rgb(196, 225, 255);
    top:1px;
    left:1px;
    width:1px;
    height:1px;
    visibility:hidden;
}

.cuerpo_ventana_imagen
{
    position:relative;
}

.barra_ventana_imagen
{
    border-radius: 5px;
    background-color:rgb(119, 5, 117);
    width:100%;
    height:50px;
}

/*FIN de DIV para ventanas de imagen*/

/*DIV para ventanas de ayuda*/
.ventana_ayuda
{
    text-align:center;
    border: 4px solid #170073;
    border-radius: 8px;
    background-color: rgb(196, 225, 255);
    top:1px;
    left:1px;
    width:98%;
    height:98%;
    visibility:hidden;
    
}

.cuerpo_ventana_ayuda
{
    position:relative;
}

.barra_ventana_ayuda
{
    border-radius: 5px;
    background-color:rgb(186, 42, 29);
    width:100%;
    height:50px;
}

.iframe_ayuda
{
    border-radius: 5px;
    text-align:center;
    border: 0px solid #000000;
    width:100%;
    height:90%;
    visibility:hidden;
}

/*FIN de DIV para ventanas de ayuda*/


/*DIV para ventanas de mensaje*/
.ventana_mensaje
{
    text-align:center;
    border: 4px solid #170073;
    border-radius: 8px;
    background-color: rgb(196, 225, 255);
    top:100px;
    left:10px;
    width:600px;
    height:340px;
    visibility:hidden;
}

.cuerpo_ventana_mensaje
{
    position:relative;
}

.barra_ventana_mensaje
{
    border-radius: 5px;
    background-color:rgb(6, 133, 72);
    width:100%;
    height:50px;
}

.iframe_mensaje
{
    text-align:center;
    border: 0px solid #000000;
    border-radius: 6px;
    width:100%;
    height:270px;
    visibility:hidden;
}

/*FIN de DIV para ventanas de mensaje*/

.botones
{
    border-radius: 8px;
    padding: 4px 5px;
    font-size: 16px;
    background-color: #ff938b;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 3px #999;
    margin-bottom:4px;
    margin-left:3px;
    margin-right:3px;
    transition-duration: 0.5s;
}

.botones:hover
{
    background-color: #bb473f;
}

.botones:active
{
    box-shadow: 0 1px rgb(208, 208, 208);
}

.boton_icono
{
    cursor: pointer;
    width:35px;
    height:35px;
    border: 2px solid #4CAF50;
    border-radius: 8px;
    box-shadow: 0 3px #999;
    padding: 5px 5px 5px 5px;
    margin:3px 5px;
    transition-duration: 0.5s;
}

.boton_icono:hover
{
    background-color: #4CAF50;
}

.tabla_estandar
{
    background: white;
    border-radius:8px;
    border-collapse: initial;
    margin: auto;
    margin-top: 5px;
    padding:0px;
    width: auto;
    animation: float 5s infinite;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 3px solid rgb(0, 0, 0);
    border-collapse: collapse;
}

.tabla_estandar td
{
    border: 1.5px solid rgb(125, 125, 125);
    padding: 5px;
}

.tabla_estandar :nth-child(even) td 
{
    background:rgb(199, 199, 199);
}

.tabla_estandar :nth-child(odd) td 
{
    background:rgb(236, 236, 236);
}

.tabla_estandar tr:hover td
{
    background:rgb(165, 165, 165);
}

.tabla_estandar th 
{
    color:#D5DDE5;
    background:#1b1e24;
    border-right: 2px solid #484f5b;
    font-size:16px;
    font-weight: 100;
    padding:6px;
    text-align:center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align:middle;
}

.casilla_texto
{
    border: 2px solid #484f5b;
    border-radius: 8px;
    font-size:16px;
    text-align:center;
    padding:2px;
}

.casilla_texto_area
{
    border: 2px solid #484f5b;
    border-radius: 8px;
    font-size:16px;
    text-align:left;
    padding:2px;
}

.casilla_box
{
    width:21px;
    height:21px;
    cursor:pointer;
}

.casilla_select
{
    border: 2px solid #484f5b;
    border-radius: 8px;
    font-size:16px;
    padding:2px;
}

.casilla_radio
{
    width:21px;
    height:21px;
    cursor:pointer;
}



.cuerpo_ventana_datos
{
    position:relative;
    background-color:#A0EEF0;
}