/* page layout */
*{
    margin:0;
    padding:0;
}
body {




}
#box_trasp {
         background-color:#6699FF;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_leg_pb {
         background-color:#00ffff;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_vetrofusione {
         background-color:#afc6e9;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_satinature {
         background-color:#2a2aff;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_sat_fusion {
         background-color:#aaeeff;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_arte_sacra {
         background-color:#9955ff;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
#box_illuminazioni {
         background-color:#E77845;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_lspot {
         background-color:#ff5555;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      } 
      #box_lstrip {
         background-color:#ff6600;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_tiffany {
         background-color:#ff0000;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }           
#box_argentati {
         background-color:#ffff33;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_specchi {
         background-color:#d48900;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }

      #box_rivestimento {
         background-color:#ddff55;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_sp_decor {
         background-color:#ffff00;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
#box_arredamenti {
         background-color:#339933;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_porte {
         background-color:#66ff00;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_tavoli {
         background-color:#00d455;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_quinte {
         background-color:#71c837;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }  
      #box_mensole {
         background-color:#00aa00;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }     
#box_oggettistica {
         background-color:#cc3300;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_piatti {
         background-color:#c87137;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
      #box_orologgi {
         background-color:#d45500;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }     
      #box_portagioie {
         background-color:#d3bc5f;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
       } 
       #box_birre {
         background-color:#a05a2c;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      } 
#box_antic {
         background-color:#669999;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
}
      #box_antiqua {
         background-color:#999999;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }
#box_info {
         background-color:#ffffff;
         width: 33%;
         border: 1px solid black; 
	      border-radius: 50px;
	      color: black; 
} 
      #box_info1 {
         background-color:#ffffff;
         border: 1px solid black;
	      border-radius: 40px;
	      color: black;
	      word-spacing: 4em;
	      text-align:center;
      }                
#one {
	background:black;
}
.creazioni {

border-spacing: 10px;
border: 10px solid grey;
width: 100%;
}
.creazioni font {

font-family: Verdana;
text-align:center;
font-size:15pt;
color: white;
}
.container {
    background:black;
    margin:auto;
    padding:20px;
    position:relative;
    width:100%;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    /*box-shadow:1px 1px 5px #111;
    -moz-box-shadow:1px 1px 5px #111;
    -webkit-box-shadow:1px 1px 5px #111;*/
}

/* css3 photo gallery styles */
.gallery {
    width:100%;
    margin:0 auto;
}
.gallery a {
    display:inline-block;
    height:300px;
    position:relative;
    width:400px;
}
.gallery a img {
    border:30px solid black ;
    cursor:pointer;
    display:block;
    height:100%;
    left:10px;
    position:absolute;
    top:5px;
    width:100%;
    z-index:1;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
    -webkit-transition-duration:0.5s;
    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
    -moz-transition-duration:0.5s;
    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
    -o-transition-duration:0.5s;
    transition-property:width, height, top, bottom, left, right, z-index, border;
    transition-duration:0.5s;
}
.gallery a:focus img {
    border: ;
    cursor:default;
    height:200%;
    position:absolute;
    width:200%;
    z-index:25;

    /*box-shadow:1px 1px 5px #888;
    -moz-box-shadow:1px 1px 5px #888;
    -webkit-box-shadow:1px 1px 5px #888;*/
    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
    -webkit-transition-duration:0.5s;
    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
    -moz-transition-duration:0.5s;
    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
    -o-transition-duration:0.5s;
    transition-property:width, height, top, bottom, left, right, z-index, border;
    transition-duration:0.5s;
}

/* custom focus rules */
.gallery a:focus:nth-child(3n+1) img {
left:150px;
}
.gallery a:focus:nth-child(3n+2) img {
    left:-50px;
}
.gallery a:focus:nth-child(3n+3) img {
    left:-250px;
}
.gallery a:focus:nth-child(-n+3) img {
    top:140px;
}
.gallery a:focus:nth-child(n+7) img {
    top:-150px;
}
.gallery a:focus:nth-child(n+10) img {
    top:-295px;
}

/* extra close layer */
.gallery .close {
    background:transparent;
    cursor:pointer;
    display:none;
    height:5000px ;
    left:170px;
    position:absolute;
    top:160px;
    width:1200px;
    z-index:30;
}
.gallery a:focus ~ .close {
    display:block;
}