*{margin: 0; padding: 0; border: 0 none; position: relative;}*, *:after, *:before{box-sizing: border-box;-moz-box-sizing: border-box;}html, body{width: 100%; height: 90%;}.cabina{position: relative; margin: 0 15px; height: 100%; background: url(../img/litica1.png) no-repeat top center; background-size: 220px 500px;}.cabinaDos{position: relative; margin: 0 15px; height: 100%; background: url(../img/broche-visigodo.png) no-repeat top center; background-size: 220px 500px;}.cabina:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; width: 100%; height: 50px; border: 1px solid teal; background: url(../img/litica2.png) no-repeat top center; background-size: 220px 500px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.35); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.35); box-shadow: 0 0 4px rgba(0,0,0,.35); animation: scaner-X 5s linear alternate infinite, scaner-Y 10s linear infinite; opacity: 1;}.cabinaDos:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; width: 100%; height: 50px; border: 1px solid teal; background: url(../img/broche-visigodo2.png) no-repeat top center; background-size: 220px 500px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.35); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.35); box-shadow: 0 0 4px rgba(0,0,0,.35); animation: scaner-X 5s linear alternate infinite, scaner-Y 10s linear infinite; opacity: 1;}body:before, body:after{content: ''; position: absolute; top: -10px; width: 30px; height: 70px; background-color: teal; border-radius: 0 10px 10px 0; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; z-index: 5; animation: soportes 5s linear alternate infinite;}body:after{width: 30px; height: 70px; right: 0; border-radius: 10px 0 0 10px;}@keyframes scaner-X{to{top: 450px; background-position: bottom center;}}@keyframes scaner-Y{0%{opacity: .6;}5%{opacity: 1;}50%{opacity: 1;}55%{opacity: .6;}100%{opacity: .6;}}@keyframes soportes{to{top: 440px;}}