#banner{
   width: 800px;
   
}
.caixa{
   position: relative;
   width: 940px;
   right: 0 auto;
}
header{
   background: #CCCCCC;
}
nav li{
   display: inline;     /*lista de lado*/
   margin: 0 0 0 15px; /*espasçamento*/
}
nav a{
   text-transform: uppercase;    /*dx maiusculo*/
   font-weight: bold;            /*negrito*/
   font-size: 22px;
   text-decoration: none;        


}
nav{
   position: absolute;
   top: 110px;
   right: 0;
}
nav a:hover{ /*/ MUDAR A COR QUANDO PASSA O MOUSE SOBRE O ELEMNTO */
   color: #C78C19; 


}
.produtos li{
   display: inline-block;
   text-align: center;
   width: 30%;
   vertical-align: top;
   margin: 0 1.5%
   padding: 20px 30px;
   box-sizing: border-box;
   border: 2px solid #FF0000;
   border-radius: 10px; /*/ ARREDENDAR A BORDA */
   border-style: bold;
   }
   #banner{
      width: 100px;
      height: 100px;


   }
   .produtos li:hover{ 
      border-color: #C78C19;
   }
    
.produtos li:active{ /*/ MUDAR A COR QUANDO CLICADO */
   border-color: #088C19;
}
.produtos li:hover h2{ 
   text-transform: uppercase;
   font-size: 30px;