.g_ventana{
    --g_ventana_bar_h: 30px;
    --g_ventana_bar_bgc: #333333;
    --g_ventana_bar_color: #FFFFFF;
    
    width: calc(100% - var(--g_left_w) - 4px );
    height: calc(100% - var(--g_top_h) - var(--g_foo_h) - 4px );
    position: absolute;
    top: calc( var(--g_top_h) + 1px);
    left: calc( var(--g_left_w) + 1px) ;
    border: 1px solid var(--g_color_border);
    background-color: var(--g_color_fdo);
    
}
/* ==================================================================== */
.g_ventana_bar{
    height: calc( var(--g_ventana_bar_h) - 1px);
    background-color: var(--g_ventana_bar_bgc);
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
}
.g_ventana_bar div{
    float: left;
    margin: 4px;
    padding: 2px 4px;
    border: 1px solid;
    height: calc( var(--g_ventana_bar_h) - 14px );
    
    line-height: calc( var(--g_ventana_bar_h) - 14px );
    color: #FFFFFF;
    background-color: #666666;
    border-color: #999999;
}

.g_ventana_bar div:last-child{
    float: right;
}

.g_ventana_bar div a{
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

.g_ventana_bar div:hover{
    background-color: 999999;
    border-color: #BBBBBB;
}
.g_ventana_bar div:hover a{
    color: #000000
}

/* ==================================================================== */
.g_ventana_bdy{
    height: calc(100% - var(--g_ventana_bar_h));
}