/***************** DIV PRINCIPAL *****************/

  div#principal {
      margin-left: 216px;
      margin-right: 186px;    
      margin-top: 50px; 
      /*border: solid 1px pink;	*************************************************************************************/
      overflow: hidden; 
      text-align: center;
      width: 65%;     
  }  


  div#principal table#tabla{
    display: inline-block;
    white-space: nowrap;
    width: 80%;
    height: auto;
    text-align: center;
  }

  div#principal table#tabla tr td {  
   border: none;
   /* border: solid 1px black;*/
  }

   div#principal table#tabla tr td img {
    width: 100%;
    text-align: center;
  }
   
  div#articulo {
    float: right;
    width: 15%;     
    margin-right: 36px;     
    margin-left: 0px;
    margin-top: 20px; 
    /*border: solid 1px orange;*************************************************************************************/
  }
	
 
 	div#articulo a{
 	  color: black;
    font-size: 10px;
    text-decoration: none;
    font-weight: none;
  }

  div#articulo a:hover{
    background-color: white;
    color: black;
    text-decoration: underline;
  }

  div#articulo div#colorAzulOscuro, div#colorAzul, div#colorRojo, div#colorVerde, div#colorBolsa{
    display: inline-block;
    width: 15px;
    height: 15px; 
   /*border: solid 1px black;*/
    margin-right: 10%; 
  }
  div#articulo div#colorAzulOscuro{
    background-color:#282e39;
  }
  div#articulo div#colorAzul{
    background-color:#a3b2b6;
  }
  div#articulo div#colorRojo{
    background-color:#5a2930;
  }
  div#articulo div#colorVerde{
    background-color:#4a5044;
  }

  div#articulo div#colorBolsa{
    background-color:#e1dbd4;

  }

  button#añadirCesta{
    color: white;
    background-color: #5f5f5f;
    border: none;
    padding: 10px 25px;
    margin: 20px 0px;
    text-align: center;
  }
  li.recomendaciones{
    font-size: 10px;
  }