/********************************************
 * BARRA
 ********************************************/

#entorno-barra {
    position: relative;
    background: var(colorPrimario);
    box-shadow: #666 0 0 15px;
}

#entorno-barra > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 4px;
}

#entorno-barra-botones {
    padding: 0 5px;
}

#entorno-barra .boton {
    margin: 2px;
    cursor: default;
    text-align: center;
    float: left;
    padding: 3px;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 3px;
}

#entorno-barra .boton:hover {
    background: #58c;
    border: 1px outset #69d;
}

#entorno-barra .boton:active {
    border: 1px inset #999;
}

#entorno-barra .separador {
    margin: 4px 10px;
    float: left;
    clear: none;
    border: 1px solid #699;
    width: 0;
    height: 16px;
}

#entorno-barra .boton img {
    width: 16px;
    height: 16px;
}

#barra-botones-version {
    display: table;
    border-spacing: 5px;
}

#barra-botones-version > div {
    display: table-row;
    font-family: monospace;
    font-weight: bold;
}

#barra-botones-version > div > div {
    display: table-cell;
}

#barra-botones-version > div > div + div {
    padding-left: 15px;
    font-weight: normal;
}

#entorno-barra-version {
    display: none;
}