.barra{
display: table;
               width:100%;
               height:100%;
               position:relative;
               text-align:center;
               line-height:100%;
               font-size:17px;
               position: relative;
}
.texto{
 
               color:#041A4C;
			   font-weight: bold; /* O usa 700 para negrita */

}
.fondo{
float:left;margin: 3px;
               width:168px;
               height:70px;
               background-color:#FFF;
               left:30px;
               overflow:hidden;
               border: 1px solid #041A4C; /* Definiendo el grosor, estilo y color */
               
}
 
.fondo:hover{
 background-color:#CCC;
}
#bandeja{
width:1057px;
height:35px;
margin:0 auto;
background:url('/wps/estilosMenu/images/bandeja.png');

z-index:0;
}
@media screen and (max-width: 500px) {
 .fondo {
    float: left;
    margin: 0 0 1px 0; 
    width: 100%;
    height: 40%;
    background-color:#FFF;
    left: 30px;
    overflow: hidden;
    border: 1px solid #041A4C; /* Definiendo el grosor, estilo y color */
}
}