﻿.animacja {
	display: block;
	vertical-align: top;
	position: relative;
	border-top:8px solid #fff;
}
.animacja img {
}
.cycle-slideshow {
	overflow: hidden;
}
.cycle-slideshow img {
	width: auto;
	height: auto;
}
.pauza_tlo	{
	text-align: left;
}
#pauseButton 	{
   position: absolute;
	z-index: 1000;
	background: url('../grafika/pauza.png') center center no-repeat;
	width: 96px;
	height: 40px;
     margin: 8px 0px 0px 8px;
	border: none;
	display: none;
}

#pauseButton:hover, #resumeButton:hover{
	opacity: 0.8;
}

#resumeButton	{
   position: absolute;
	z-index: 1000;
	background: url('../grafika/odtwarzaj.png') center center no-repeat;
	width: 120px;
	height: 40px;
	left: -6000px;
      margin: 0px 0px 0px -20px;
	border: none;
}
#pauseButton:focus	{
   margin: 8px 0px 0px 8px;
}
#resumeButton:focus{
	margin: 0px 0px 0px -20px;
}

#pauseButton:active	{
   margin: 8px 0px 0px 8px;
}
 #resumeButton:active{
 	left: -6000px;
 	margin: 0px 0px 0px -20px;
 }

.cycle-prev,
.cycle-next {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 10;
    	display:none;
}
.cycle-prev {
	background: url('../grafika/animacja_prev.png')  left center no-repeat;
}
.cycle-next {
	background: url('../grafika/animacja_next.png') right center no-repeat;
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: 0.8;
}

.animacja:hover>.cycle-prev,
.animacja:hover>.cycle-next{
	display:block;
}



.animacja:hover>#pauseButton{
	display:block!important;
}