@charset "utf-8";
/* CSS Document */

body { background:url('/lib/bg.gif') repeat-x #fff; font-size:13px; line-height:20px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; }

.tmp { border: solid 1px #00FF00; }
.clr { clear:both; }

a { color:#000; }
a:hover { color:#C00; }

.container { width:850px; margin:0px auto; overflow:hidden; position:relative; }

.fiszka { position:absolute; z-index:3; width:323px; height:324px; top:0; left:100px; background:url('/lib/fiszka.png'); }
h1 { bottom: 60px; color: #FFFFFF; font-size: 20px; left: 35px; position: absolute; width: 160px; }

.pager { margin:0 0 0; width:850px; position:relative; z-index:1; margin-top:-68px; }
.pager .page { width:850px; min-height:600px; margin-top: 68px;}
.pager .pic { float:right; width:555px; }

article { width:555px; float:right; }
.pagerNav { position:absolute; left:10px; top:340px; z-index:400; }
.pagerNav > span { background-color:#c00; display:inline-block; height:18px; width:18px; margin:0 5px; border-radius:9px; color:rgba(0,0,0,0); cursor:pointer; }

.buble { position:absolute; bottom:30px; left:50px; }

.pause-resume { width:24px; height:24px; display:block; position:absolute; top:290px; right:0px; z-index:5; background:url('/lib/pause-resume.png'); background-position:0 0;}
.pause-resume.resumed { background:url('/lib/pause-resume.png'); background-position:0 -24px !important; }
.pause-resume.paused { background:url('/lib/pause-resume.png'); background-position:0 0 !important; }
.pagerNav > span.cycle-pager-active { background-color:#ccc; }