.fondo_cafe{
    background: #b28774; 
    color:blue; 
    font-size: 20px;
}

.fondo_gris{
    background: grey; 
    color:blue; 
    font-size: 20px;
}

label.por_clase, span.por_clase {color: pink; }
label#por_id, span#por_id {color: purple}

/* p, h1 {color: blue;} */

p strong {color: blue; }

a {color:blue; }
a:hover {color: rgb(30, 17, 107);}

p {
  font-family: 'helvetica neue', helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid rgba(0,0,200,0.6);
  background: rgba(0,0,200,0.3);
  color: rgba(0,0,200,0.6);
  box-shadow: 1px 1px 2px rgba(0,0,200,0.4);
  border-radius: 10px;
  padding: 3px 10px;
  display: inline-block;
  cursor: pointer;
}