.ContenedorClaqueta
{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgb(235,235,235);
	overflow:hidden;
	z-index:1;
}

.ContenedorClaqueta .claquetaDuration
{
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;	
}

.ContenedorClaqueta .claqueta1
{
	position:absolute;
	width:150%;
	height:50%;
	left:0px;
	top:0px;
	background-color:rgb(235,235,235);
	z-index:2;
		
}
.ContenedorClaqueta .claqueta2
{
	position:absolute;
	width:150%;
	height:50%;
	left:0px;
	top:50%;	
	background-color:rgb(235,235,235);
	z-index:2;

}

.ContenedorClaqueta .AnimINIClaqueta1{
    -webkit-transform: rotate(0deg) translateX(0px);
    -moz-transform: rotate(0deg) translateX(0px);
    -o-transform: rotate(0deg) translateX(0px);
    -ms-transform: rotate(0deg) translateX(0px);
    transform: rotate(0deg) translateX(0px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;	
    -webkit-transition-delay:0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;	
}
.ContenedorClaqueta .AnimINIClaqueta2{
    -webkit-transform: rotate(0deg) translateX(0px);
    -moz-transform: rotate(0deg) translateX(0px);
    -o-transform: rotate(0deg) translateX(0px);
    -ms-transform: rotate(0deg) translateX(0px);
    transform: rotate(0deg) translateX(0px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;	
    -webkit-transition-delay:0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;	
}
.ContenedorClaqueta .AnimFINClaqueta1
{
	-webkit-transform:  translateY(-100%) translateX(-10%) rotate(-10deg) ;
	-moz-transform: translateY(-100%) translateX(-10%) rotate(-10deg);
	-o-transform: translateY(-100%) translateX(-10%) rotate(-10deg);
	-ms-transform: translateY(-100%) translateX(-10%) rotate(-10deg);
	transform: translateY(-100%) translateX(-10%) rotate(-10deg);	
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;	
    -webkit-transition-delay:0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;		
}
.ContenedorClaqueta .AnimFINClaqueta2{
    -webkit-transform:  translateY(100%) translateX(-10%) rotate(10deg) ;
    -moz-transform: translateY(100%) translateX(-10%) rotate(10deg);
    -o-transform: translateY(100%) translateX(-10%) rotate(10deg);
    -ms-transform: translateY(100%) translateX(-10%) rotate(10deg);
    transform: translateY(100%) translateX(-10%) rotate(10deg);			
	-webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition-delay:0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;	
}


.btn{
	position:absolute;
	left:500px;
	top:700px;
}