﻿@charset "utf-8";

/* ImageFlow Settings
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:900;
		position:relative;
		top:15px;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:901;
	}
	.imageflow .scrollbar {
		position:relative; 
		width:200px;
		visibility:hidden;
		z-index:902;
	}
	.imageflow .slider {
		background:none;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:903;
	}
	.imageflow .slideshow {
		cursor:pointer;
		height:14px;
		margin:20px 0 0 20px;
		position:absolute;
		width:14px;
		z-index:904;
	}
	.imageflow .slideshow.pause {
		background:url(../img/button_pause.png) no-repeat;
	}
	.imageflow .slideshow.play {
		background:url(../img/button_play.png) no-repeat;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
		
	}

	.imageflow .previous {
		background: url(../img/button_left.png) bottom center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .previoustxt {
		/*background: url(../img/button_left.png) top left no-repeat;*/
		float:left;
		height:20px;
		position:relative;
		top:20px;
		width:200px;

		height:42px;
	}
		.imageflow .previoustxtspan {
		background: url(../img/poprzedni_txt.png) center 0px;
		float:left;
		height:20px;
		position:relative;
		top:20px;
		width:200px;
		height:42px;
	}


	.imageflow .previous10txtspan {
		background: url(../img/poprzedni_txt.png) center 80px;
		float:left;
		height:20px;
		position:relative;
		top:20px;
		width:200px;
		height:42px;
	}
		.imageflow .previousendtxtspan {
		background: url(../img/poprzedni_txt.png) center 40px;
		float:left;
		height:20px;
		position:relative;
		top:20px;
		width:200px;
		height:42px;
	}
	.imageflow .next {
		background: url(../img/button_right.png) bottom center no-repeat;
		float:right;
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .nextxt {
		/*background: url(../img/button_right.png) top left no-repeat;*/
		float:right;
		position:relative;
		top:20px;
		width:200px;
		height:42px;
	}
	.imageflow .nextxtspan {
		background: url(../img/next_txt.png) center 0px;
		float:right;
		position:relative;
		top:20px;
		width:200px;
		height:40px;
	}
		.imageflow .nextendxtspan {
		background: url(../img/next_txt.png) center 40px;
		float:right;
		position:relative;
		top:20px;
		width:200px;
		height:40px;
	}
		.imageflow .next10xtspan {
		background: url(../img/next_txt.png) center 80px;
		float:right;
		position:relative;
		top:20px;
		width:200px;
		height:40px;
	}
	.przyc1 {
		background: #fff;
		cursor:pointer;
		position:relative;
		float:left;
		width:25px;
		height:62px;
	}
	.przyc2 {
		background: #f0f;
		cursor:pointer;
		position:relative;
		float:left;
		width:25px;
		height:62px;
	}
	
	.imageflow .previous_glowna {
		background: url(../img/left2.png) top left no-repeat;
		float:left;
		cursor:pointer;
		position:relative;
		bottom:170px;
		width:55px;
		height:62px;
	}
	.imageflow .next_glowna {
		background: url(../img/right2.png) top left no-repeat;
		float:right;
		cursor:pointer;
		position:relative;
		bottom:170px;
		width:55px;
		height:62px;
	}
	.imageflow .previous_glownaspan {
		background: url(../img/left.png) top left no-repeat;
		float:left;
		cursor:pointer;
		position:relative;
		bottom:170px;
		width:55px;
		height:62px;
	}

	
	.imageflow .next_glownaspan {
		background: url(../img/right.png) top left no-repeat;
		float:right;
		cursor:pointer;
		position:relative;
		bottom:170px;
		width:55px;
		height:62px;
	}
	.imageflow .previous10 {
		background: url(../img/button_left10.png) bottom center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .next10 {
		background: url(../img/button_right10.png) bottom center no-repeat;
		float:right;	
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .previousend {
		background: url(../img/button_leftend.png) bottom center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .nextend {
		background: url(../img/button_rightend.png) bottom center no-repeat;
		float:right;	
		cursor:pointer;
		height:20px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
	.imageflow .previousspan {
		background: url(../img/button_left.png) top center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:21px;
		right:1px;
		width:50px;
		height:50px;
	}
	.imageflow .nextspan {
		background: url(../img/button_right.png) top center no-repeat;
		float:right;
		cursor:pointer;
		height:20px;
		position:relative;
		top:21px;
		left:1px;
		width:50px;
		height:50px;
	}
	.imageflow .previous10span {
		background: url(../img/button_left10.png) top center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:21px;
		right:1px;
		width:50px;
		height:50px;
	}
	.imageflow .next10span {
		background: url(../img/button_right10.png) top center no-repeat;
		float:right;	
		cursor:pointer;
		height:20px;
		position:relative;
		top:21px;
		left:1px;
		width:50px;
		height:50px;
	}
	.imageflow .previousendspan {
		background: url(../img/button_leftend.png) top center no-repeat;
		float:left;
		cursor:pointer;
		height:20px;
		position:relative;
		top:21px;
		right:1px;
		width:50px;
		height:50px;
	}
	.imageflow .nextendspan {
		background: url(../img/button_rightend.png) top center no-repeat;
		float:right;	
		cursor:pointer;
		height:21px;
		left:1px;
		position:relative;
		top:20px;
		width:50px;
		height:50px;
	}
}
