/* solo en el index de WebTpv */
.contenedor_login{
    height: 70%;
    float: left;
    width: 30%;
    margin-left: 5%; 
    min-width: 250px;
    background-color: aqua;
    padding: 10px;
}

/* Usuario y Contraseña */
.contenedor_login p{
    font-family: Arial;
    font-size: 26px;
    color: black;
}

/* Insertar Mesa e Insertar Producto */
.contenedor_form{
    height: 76%;
    float: left;
    width: 30%;
    margin-left: 6%; 
    min-width: 250px;
    background-color: aqua;
    padding: 10px;
}

.campoSelect{
    height:40px;
    font-size: 25px;
    border-radius: 10px;
    color: crimson;
}

/*
#boton_atras{
    height:100px;
    width:240px;
    background-color: blue;
    float: left;
    margin-top: auto;
}

#campoUbicacion{
    height:60px;
    font-size: 20px;
    color:crimson;
}
*/

/* input Usuario en WebTpv */
.campoTexto{
    height:40px;
    font-size: 26px;
    border-radius: 10px;
    color: crimson;
}

/* class ubicacion en Botón Enviar en WebTpv, "Estás en Sala" en carpeta sala */
.ubicacion{
    color: white;
    background-color: rgb(60, 0, 255);
    border-radius: 10px;
    margin: 16px;
    padding: 28px;
    width: 160px;
    font-size: 22px;
    text-align: center;
    float: left;
}

/* En carpeta main,  */
#parteIzqUbi{
    width: 50%;
    float: left;
    height: 400px;
}

/* En carpeta main,  */
#parteDerUbi{
    width: 50%;
    float: left;
    height: 400px;
}

/* En carpeta main, sala,  */
#contenedor_usuario{
    float: left;
    font-size: 22px;
    color: white;
    background-color: rgb(60, 0, 255);
    border-radius: 10px;
    margin: 16px;
    padding: 28px;
    width: 160px;
    text-align: center;
}

/* Botones "Atrás", sala y terraza en carpeta main, Botón Atrás e "Ir a Terraza" en carpeta sala y viceversa en carpeta terraza" */
.cont_atras{ 
    color: white;
    background-color:crimson;
    border-radius: 10px;
    margin: 16px;
    padding: 28px;
    width: 160px;
    font-size: 20px;
    text-align: center;
    float: left;
    border:0px;
}

/* En carpeta sala y terraza */
#parteIzqUbiTerraza{
    width: 336px;
    float: left;
    height: 900px;
}

/* En carpeta sala y terraza */
#parteDerUbiTerraza{
    float: left;
}

/* En carpeta sala y terraza */
#parteIzqUbiSala{
    width: 336px;
    float: left;
    height: 900px;
}

/* En carpeta sala y terraza */
#parteDerUbiSala{
    float: left;
}

/* En sala, terraza y nuevaComanda */
.ubicaciones{
    background-color: aqua;
    border-radius: 10px;
    margin: 20px;
    padding: 50px;
    font-size: 22px;
    text-align: center;
}

.refrescos{
    background-color: rgb(0, 136, 255);
    border-radius: 10px;
    margin: 20px;
    padding: 20px;
    font-size: 22px;
    text-align: center;
    color: white;
}

/* En carpeta sala */
.ubicacionesMesas{
    color: white;
    background-color: rgb(60, 0, 255);
    border-radius: 10px;
    margin: 20px;
    padding: 50px;
    font-size: 22px;
    text-align: center;
}


#parteDerUbi a {
    width: 220px;
    display: block;
}

a {
    text-decoration: none;
    color: rgb(2, 1, 1);
    display: block;
}

/*  */
#columnaIzqUbiTerraza{
    width:228px;
    float: left;
}

/* Ojo! hay mas de una */
#columnaDerUbiTerraza{
    float: left;
}

#columnaIzqUbiSala{
    width:228px;
    float: left;
}

/* Ojo! hay mas de una */
#columnaDerUbiSala{
    float: left;
}

#fecha-hora{
                font-size: 2em;
                color: #0000FF;
                float: left;
                width: 100%;
}

#comanda{
    margin-left: 20px;
    background-color: cornsilk;
    float: left;
    padding: 10px;
    width: 188px;
    border-radius: 10px;

}

#comanda a{
    color:red;

}

h1 {
    margin-left: 100px;
    color: #0000FF;

}