#rozwijany-panel{width: 40px; height: 450px; position: fixed; top: 150px; right: 0px; overflow: hidden;} #rozwijany-panel:hover{width: 340px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;} #deweloperzy-panel{width: 40px; height: 450px; position: absolute; left: 0px; top: 0px; background: url(grafika/deweloperzy-panel.png) no-repeat top left; z-index: 1} #facebook-panel{width: 40px; height: 450px; position: absolute; left: 0px; top: 141px; background: url(grafika/facebook-panel.png) no-repeat top left; z-index: 2} #rozwijany-panel:hover > div{width: 40px; position: absolute; top: 0px; right: 0px;} #deweloperzy-panel:hover{z-index: 3; display: block; width: 340px!important; right: 0px!important} #facebook-panel:hover{z-index: 3; display: block; width: 340px!important; right: 0px!important;} #rozwijany-panel .center{position: absolute; top: 0px; right: 0px; width: 292px; height: 444px; margin: 3px;overflow: hidden; display: none;} #rozwijany-panel #facebook-panel:hover .center{display: block;} #rozwijany-panel #deweloperzy-panel:hover .center{display: block; margin-top: 80px;} #rozwijany-panel #deweloperzy-panel:hover .center img{margin: 3px 10px;} #pozyczki {width: 100%; height: 40px ; position: absolute; margin: 0 auto; top: 108px; overflow: hidden; display: block; z-index: 1; text-align: center; } .blink { animation-duration: 1s; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; } @keyframes blink { from { opacity: 1; } to { opacity: 0; } }