#animalogo{ height: 270px; width: 900px; position: relative; margin:auto;}
#cuerpo{ display:block; float:none; position:relative; z-index:0; right:0px; top:-500px }
#luz2{ display:block; float:none; position:relative; z-index:0; right:169px; top:-250px }
#luz{ display:block; float:none; position:relative; z-index:0; right:169px; top:0px }
/* La regla general */


@keyframes mymove {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(-30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(-30deg); }
    100%     { transform: translatex(250px,0px); }
}
@-moz-keyframes mymove {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(-30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(-30deg); }
    100%     { transform: translatex(250px,0px); }
}	
@-o-keyframes mymove {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(-30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(-30deg); }
    100%     { transform: translatex(250px,0px); }
}		
@keyframes mymove {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(-30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(-30deg); }
    100%     { transform: translatex(250px,0px); }
}


@keyframes mymove2 {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(-30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(30deg); }
    100%     { transform: translatex(250px,0px); }
}
@-moz-keyframes mymove2 {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(-30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(30deg); }
    100%     { transform: translatex(250px,0px); }
}	
@-o-keyframes mymove2 {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(-30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(30deg); }
    100%     { transform: translatex(250px,0px); }
}		
@keyframes mymove2 {
    0%       { transform: translatex(0px,0px); }
    25%      { transform: translatex(410) translatey(0px) rotate(30deg); }
    50%      { transform: translatex(0px) translatey(0px) rotate(-30deg); }
    75%      { transform: translatex(410px) translatey(0px) rotate(30deg); }
    100%     { transform: translatex(250px,0px); }
}




/*Propiedades CSS*/
#luz {
        animation: mymove 30s infinite;		
		animation-timing-function: ease-out;
}
/* Crhome, Safari */
#luz {
        -webkit-animation: mymove 30s infinite;	
		-webkit-animation-timing-function: ease-out;		
}


#luz2 {
        animation: mymove2 30s infinite;		
		animation-timing-function: ease-out;
}
/* Crhome, Safari */
#luz2 {
        -webkit-animation: mymove2 30s infinite;	
		-webkit-animation-timing-function: ease-out;		
}