/*www.agrafnet.pl - projektowanie stron www */
.agrafnet_logo { position: fixed;  bottom: 0; right: 0; z-index: 999999;  background: url('img/agr_logo.png') no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:124px; width:34px;}
 

/* font reset etc.. */
@font-face {
 font-family: pfb;
 src: url("font/PFBeauSansPro-BoldItalic.eot") /* EOT file for IE */
}
@font-face {
 font-family: pfb;
 src: url("font/PFBeauSansPro-BoldItalic.ttf") /* TTF file for CSS3 browsers */
}

span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #525252; list-style-type: none; font-family:pfb; font-size:14px;}
div {display:block;}
h1 { font-size:22px;  font-family:pfb; color:#5c1717;   margin: 0 0 15px 0;}
h2 { font-size:18px; font-weight:bold; color:#fff; margin: 0 0 15px 0;}


body { background:#eed6ba;}


#belka_gora { display:block; overflow:hidden; margin:0 auto; width:100%; height:72px;  background:url(img/tlo_gora.png) repeat-x;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.89);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.89);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.89);}

#belka_logo {  margin:0 auto; width:2500px; height:200px; position:absolute;  }
a.logo { margin:28px  0 0 30%; position:absolute; width:305px; height:200px; display:block; overflow:hidden; float:left; background:url(img/logo.png) no-repeat; text-indent:-9999px; z-index:1;}
#box_logo {  margin:108px  0 0 36%; position:absolute; width:305px; height:200px; display:block; overflow:hidden; float:left; z-index:1; color:#5c1717; font-size:24px;}



#menu { display:block; overflow:hidden; margin:0 auto; width:1000px; height:72px;  padding:20px 0 0 0; }

#menu li {list-style-type: none; margin: 0 auto; float: left; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#menu li:hover {background: #eed6ba; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#menu li a {display: block; color: #fff; text-decoration: none; padding: 7px 10px 7px; font-size:18px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
#menu li a:hover {background: #eed6ba; color: #5c1717; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #5c1717;}
#menu li:hover ul {position: absolute; padding: 0 20px 0 0; display: block; width: 160px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
 

#menu *:hover {transition: 0.3s ease-in;}
 

#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}


#content { margin:0 auto;  width:1000px; padding:50px; }

#stopka {background:url(img/stopka_tlo.gif) repeat-x; width:100%; height:168px; display:block; padding:20px 0 0 0; display:block; overflow:hidden;}
#stopka_center {width:1000px; height:168; display:block; margin:0 auto; color:#fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); }
  
 /*galeria*/
#foto_podklad { width:174px; height:150px; margin:10px; padding:3px; background:#5c1717; color:#fff; display:block; overflow:hidden; float:left; text-align:center; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#foto_podklad a { width:170px; float:left;}
#foto_podklad img { height:130px; display:block; overflow:hidden;}
.kontaktowy { width: 280px; float:left;}


#dynamic { position:relative; left: 50%; width: 2500px;   margin:0 0 0 -1250px;   }
/* Basic   */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:0;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
 
#container{
   width:2500px;
	margin:0 auto; 
}

#banner-fade,
#banner-slide{
	margin-bottom: 0;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

 

 






	#timeline {
		width: 700px;
		
		overflow: hidden;
		margin: 40px auto;
		position: relative;
		background: url('img/dot.png') left 45px repeat-x;
	}
		#dates {
			width: 800px;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 140px;
				height: 50px;
				font-size: 18px;
				text-align: center;
				background: url('img/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					 
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 20px;
				}
		
		#issues {
			width: 700px;
			
			overflow: hidden;
		}	
			#issues li {
				width: 700px;
				
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					 
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			 
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../images/next.png');
			}
			#prev {
				left: 0;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}