#principal{
    width: 1024px;
    margin: 0 auto;    

}
#cuadro{    
    /*width: 100%;*/
    margin: 100px auto !important;   
    /*background-color: antiquewhite;*/    
    text-align: center; 
}

html, body {
    height: 100%;    
    font-size: 83%;        
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#top {
    position: relative;
    /*background-color: #036fab;*/
    color: white;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}


/*.ui-widget-content {
    border: 1px solid #a8a8a8;
    background: bisque;
    color: blue;
}*/


#content {
    /* ... */
    padding-bottom: 81px; /* El tamaño del footer para evitar el sobreposicionamiento */     
    background: url(../img/logo_400x400.png);
    background-size: cover;
    /*background-color: #000000;*/
}

#bottom {
    width: 100%;
    height: 81px;
    position: absolute;
    bottom: 0;
    left: 0;
}



.button-menu{
    width:85px;
    height:40px;
}

.panelGridTablas{
    margin: 0 auto;
}

.ui-layout-unit{
    border: none;    
}


.hide {
    display:none;
    visibility:hidden;
}



.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;

}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

body {
    background-color: #FFFFFF;
}

html.progress, html.progress * {  
    cursor: progress !important;  
}  

.egreso {
    color: red;    
}

.ingreso {
    color: blue;    
}

.mostrador {
    color: brown;    
}

.otrosIngr {
    color: green;    
}

.ui-confirm-dialog .ui-dialog-content p { 
    text-align: center;
    font-size: medium; 
}