@charset "UTF-8";
/* CSS Document */


#amm{
	position:relative;
	left:40px;
	top:-1130px;
	z-index:6;
	}
	
	
@-webkit-keyframes amm {
		
    from { top:-128px;}
	30% { top:-128px;} 
	to {top:-1130px;}}
	
@-moz-keyframes amm {
	
	from { top:-128px;}
	30% { top:-128px;} 
	to {top:-1130px;}}
	
@-o-keyframes amm {	
	
    	from { top:-128px;}
	30% { top:-128px;} 
	to {top:-1130px;}}
	
@keyframes amm {
	  	from { top:-128px;}
	30% { top:-128px;} 
	to {top:-1130px;}}
	
 .torna{
	 display:inline-block;
	
	z-index:20;
	top:-60px;
	position:relative;
	margin-left:50px;}
	  @-webkit-keyframes torna {
		
    from {opacity:0;} 
	80% {opacity:0;}
	to {opacity:1;}}
	
	@-moz-keyframes torna {
		
    from {opacity:0;} 
	to {opacity:1;}}
	
	 @-o-keyframes torna {
		
    from {opacity:0;} 
	to {;opacity:1;}}
	
	@keyframes torna {
		
    from {opacity:0;} 
	to {opacity:1;}}
#lavori{
	display:block;
	width:100%;
	margin:auto;
	
	position:absolute;
	top:200px;
	max-width:1024px;
	}
	@-webkit-keyframes lavorian {
		
    from { top:1500px;}
	18% { top:1500px;} 
	to {top:200px;}}
	
	@-moz-keyframes lavorian {
		
    from { top:1500px;} 
	to {top:200px;}}
	
	 @-o-keyframes lavorian {
		
    from { top:1500px;} 
	to {top:200px;}}
	
	@keyframes lavorian {
		
    from { top:1500px;} 
	to {top:200px;}}
div.box{display:inline-block;
     width:220 px;
	 height:220 px;
     margin-left:9%;
	 margin-top:100px;
	 position:relative;
	 overflow:hidden;}
div.baseportfolio{display:block;}
div.rollportfolio{
	width:164 px;
	height:164 px;
	top:0px;
	left:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	opacity:0;
	position:absolute;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
div.box:hover div.rollportfolio{
	  opacity: 1;
      left: 0;
      top: 0;}