.jigsaw1, .jigsaw2, .jigsaw3, .jigsaw4, .jigsaw5, .jigsaw6, .jigsaw7, .jigsaw8, .jigsaw9 {
    width: 6em;
    height: 6em;  
    position: relative;  
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .1em;      
    box-shadow: 2px 2px 5px #3b3b3b; 
  }
  .jigsaw1 {
    z-index: 10;	
  }
  .jigsaw2 {
    z-index: 100;
  }
  .jigsaw3 {
    z-index: 200;	
  }
  .jigsaw4 {
    z-index: 300;
  }
  .jigsaw5 {
    z-index: 400;
  }
  .jigsaw6 {
    z-index: 500;
  }
  .jigsaw7 {
    z-index: 600;
  }
  .jigsaw8 {
    z-index: 700;
  }
  .jigsaw9 {
    z-index: 800;
  }
  .jigsaw1,
  .jigsaw1 span {
   background-color: #3399fe; 
  }
  
  .jigsaw2,
  .jigsaw2 span {
   background-color: #964806; 
  }
  
  .jigsaw3,
  .jigsaw3 span {
   background-color: #00b052; 
  }
  
  .jigsaw4,
  .jigsaw4 span {
   background-color: #ff6600; 
  }
  
  .jigsaw5,
  .jigsaw5 span {
   background-color: #0033cc; 
  }
  
  .jigsaw6,
  .jigsaw6 span {
   background-color: #61487f; 
  }
  .jigsaw7,
  .jigsaw7 span {
   background-color: #fac090; 
  }
  
  .jigsaw8,
  .jigsaw8 span {
   background-color: #ffff01; 
  }
  
  .jigsaw9,
  .jigsaw9 span {
   background-color: #fe0000; 
  }
  
  .text {
    display: block;
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;  
    position: relative;
    text-shadow: 2px 2px 2px #2b2b2b;
    background: transparent !important;
  }
  
  .txtde {
    padding: 40px 5px 10px 30px;	
  }
  
  .txtiz {
    padding: 40px 10px;	
  }
  
  .jigsaw1 .t, .jigsaw2 .t, .jigsaw3 .t, .jigsaw4 .t, .jigsaw5 .t, .jigsaw6 .t, .jigsaw7 .t, .jigsaw8 .t, .jigsaw9 .t {
   width: 2em;
    height: 2em;
    position: absolute;
    top: -1.5em;
    left: 2em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    
  }
  
  .jigsaw1 .r, .jigsaw2 .r, .jigsaw3 .r, .jigsaw4 .r, .jigsaw5 .r, .jigsaw6 .r, .jigsaw7 .r, .jigsaw8 .r, .jigsaw9 .r {
   width: 2em;
    height: 2em;
    position: absolute;
    top: 2em;
    left: 5.5em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
  }
  
  .jigsaw1 .b, .jigsaw2 .b, .jigsaw3 .b, .jigsaw4 .b, .jigsaw5 .b, .jigsaw6 .b, .jigsaw7 .b, .jigsaw8 .b, .jigsaw9 .b { 
   width: 1.8em;
    height: 1.8em;
    position: absolute;
    top: 4.5em;
    left: 2.2em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    background-color: #fff;
    -webkit-box-shadow: inset -1px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -1px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset -1px 5px 5px 0px rgba(0,0,0,0.75);
  }
  
  .jigsaw1 .l, .jigsaw2 .l, .jigsaw3 .l, .jigsaw4 .l, .jigsaw5 .l, .jigsaw6 .l, .jigsaw7 .l, .jigsaw8 .l, .jigsaw9 .l { 
   width: 1.8em;
    height: 1.8em;
    position: absolute;
    top: 2.2em;
    left: -.4em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    background-color: #fff;
    -webkit-box-shadow: inset -7px -1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -7px -1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset -7px -1px 5px 0px rgba(0,0,0,0.75);
  }
  
  .pzfila
  {
    width: 100%;
    height: auto;
    display: flex !important;
    flex-wrap: wrap;
  }
  
  .pzfila .pieza
  {
    width: auto;
    height: auto;    
  }
  
  .contenedor {
    margin-left: 35%;  	
  }