body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;   
    
}


a {
    text-decoration: underline;
    
}
a:visited {
    text-decoration: underline;
    color: black;
    
}
a:hover{
    text-decoration: none;
    
}


h1 {
    font-size: xx-large;
    color: black;
    text-align: center;
    font-weight: 600;
    }


h2 {
    font-size: medium;
    color: black;
    text-align: center;
    font-weight: 400;
    }



input {
    font-size: large;
    background-color: orange;
    color:black;
    font-weight: 450;
    border-radius: 5px;
    padding: 5px;
    border: none;
}

.boton{
    background-color: orange;
    color: black;
    border-radius: 5px;
    padding: 5px;
}

.botonAtras {
     background-color: orange;
    color: white;
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
    margin-left:auto;
    margin-right: auto;
    width: 60%;
    text-align: center;
    font-size: 1.5em;

}.botonNaranja {
    background-color: orange;
    color: white;
    line-height : 45px;
    border-radius: 10px;
    padding: 7px;
    margin-top: 25px;
    margin-left:auto;
    margin-right: auto;
    width: auto;
    max-width: 80%;
    text-align: center;
    font-size: 1.5em;

}.botonDiscreto {
     background-color: white;
    color: black;
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
    margin-left:auto;
    margin-right: auto;
    width: auto;
    text-align: center;
    font-size: 1em;
}
a:visited.botonNaranja{
    color: white;    
}



input:hover{
    text-decoration: underline;
}

table {
    margin-left: auto;
    margin-right: auto;
}


.titulo {
    text-align: center;
}

.textoplano{
    margin-left: 100px;
    width: 400px;
    font-size: small;
    color: gray;
        
}


.alerta{
    background-color: red;
    color: white;
    font-weight: bold;
}
.hacerPedido {
    background-color: orange;
    color: black;
    border-radius: 5px;
    padding: 5px;
}

.botonCentrado{
    background-color: orange;
    color: black;
    border-radius: 5px;
    padding: 5px;
    text-align: center;

}

.precio {
    background-color: rgb(248, 248, 248);
    width: 3em;
    text-align: right;
}
.nombreArticulo {
    background-color: rgb(255, 0, 0);
    /*width: 15em;*/
    color: white;
    font-weight: 450;
    border-radius: 5px;
    padding: 5px;
}

.nombreArticuloAgotado {
    background-color: rgb(255, 190, 190);

    /*width: 15em;*/
    color: rgb(95, 95, 95);
    font-weight: 450;
    border-radius: 5px;
    padding: 5px;
}

.descripcion {
    background-color: rgb(255, 255, 255);
    width: 15em;  
    font-size: medium;     
}

.msgEspecial{
    background-color:  orange;
    color:  black;
    font-size: large;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.unidades {
    font-size: large;
    width: 2em;
}

.addToCarro {
    background-color:  orange;
    font-size: large;
    text-align: center;
    width: 3em;
    border-radius: 5px;
    padding: 5px;
}
.addToCarro:hover {
    cursor: hand;
}

.borraArticulo {
    background-color: rgb(231, 231, 231);
    color: orange;
    font-size: xx-large;
    text-align: center;
    width: 1em;
    border-radius: 5px;
    padding: 5px;
}

.borraArticulo:hover {
    cursor: hand;
}

.tituloCentrado {
    text-align: center;
    
}

.numerosBoleanos {
    text-align: center;
    font-size: 2em;
}

#piePedido{
    right: 10px;
    text-align: center;
    background-color: orange;
    color: black;
    font-size: x-large;
    
    width: -webkit-fill-available;
}


#carritoLink {
    position: fixed;
    
    top: 0px;
    right: 10px;
    text-align: right;
    background-color: orange;
    color: black;
    font-size: x-large;
    
    width: -webkit-fill-available;
}

.bloque{
    display: inline-block;
    vertical-align: middle;

}

.centrar{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

.alertaVerde{
    background-color: green;
    color: white;
    font-size: x-large;
    text-align: center;
}

    



.alertaRojo{
    background-color: red;
    color: white;
    font-size: x-large;
    text-align: center;
}

.imgcentrada {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    }

.cajas{
    text-align: center;  
    margin-left: auto;
    margin-right: auto; 
    max-width: 900px;
    color: white;

}

.cajaCentrada{
    
    background-color: #aa0000;
    color: white;
    border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: center;
    font-size: 4em;

}
.cuadro{
    background-color: red;
    color: white;
    border-radius: 10px;
    padding: 10px;
    margin: 20px;
        margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: center;
    font-size: x-large;
}

.bloqueHora{
    display: inline-block;
    background-color: orange;
    color: white;
    border-radius: 10px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    width: auto;
    text-align: center;
    font-size: large;
}

.cajaRoja{
    display: block ;
    background-color:red;
    color: white;
    border-radius: 10px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 400px;
    text-align: center;
    font-size: 2em;

}

.divCentrado{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
    text-align: center;
}