
body {
	background:#043354 url(images/background.png) 50% 0;
	font:normal 12px Georgia,"Times New Roman";
	color:#527086;
	margin:0;
	padding:0;
}

@font-face {
 font-family: MyCustomFont;
 src: url("CygnetRound.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("CygnetRound.ttf") /* TTF file for CSS3 browsers */
}

p{
font:normal 12px Georgia,"Times New Roman";
margin:0;
padding:0;

}

a {
	text-decoration:none;
	color:#4498d9;
}

a:hover { color:#afafaf; }


h2.tytul { 
font-size:60px;
font-weight:normal;
font-family: MyCustomFont;
margin: 30px 0px 0px 0px ;
padding:0;
 }

h2.tytul a {
 color:#ffffff;
font-family: MyCustomFont;
 }

h2.tytul a:hover {
 color:#ffffff; 
font-family: MyCustomFont;
 
 }

  
h1.opis {
  font-size:16px;
	font-weight:normal;
	color:#9cc0dc;
	padding: 0;
  margin:0px 0px 0px 30px;;
	
} 


h3.storytitle{
margin-top: 10px;

} 

.glowny {
	background:transparent url(images/body-in.png) repeat-x 50% 0;
	background-repeat: repeat-x; 
	height: 700px;

	
}

#centrowanie {
	width:980px;
	margin:0 auto;
	padding:20px;
}

#naglowek {
	background:transparent url(images/header-bgn.png) no-repeat 0 0;
  height:193px;
	overflow:hidden;
	font-style:italic;
	margin-top:0px;
}

#data {
	background:transparent url(images/date-now-bg.png) no-repeat 0 0;
	height:33px;
	line-height:32px;
	padding-left:30px;
	color:#ffffff;
	float:right;
	width:142px;
	margin:30px 20px 0 0;
}

.menu{
width: 980px;
height: 50px;
background-image:url('images/menu.png');
float: center;
margin-left: auto;
margin-right: auto;
margin-bottom:15px; 
}




.menu ul{

float: left;
width: 964px;
margin: 0;
padding-left: 30px;

}





.menu ul li{
display: inline;
margin: 0;
padding: 0;

}


.menu ul li a{
float: left;
color: white;
font-weight: bold;
text-decoration: none;
font-size:22px;
float:left;
padding-top:11px;
padding-left:0px;
padding-right:0px;
margin-left:10px;
width: 121px;
color:#afafaf;
text-align: center; 

}

.menu ul li a:hover, .menu ul li.current_page_item a { 
color:#8cbce0; 
background-image:url('images/menuod.jpg');
background-repeat: no-repeat; 
height:50px;
width: 121px;
padding-top:11px;
padding-left: 0px;
padding-right:0px;
text-align: center; 

}



 
#srodekgora, #srodekdol {
	height:10px;
	width: 980px;
} 
 
#srodekgora {
 background:transparent url(images/container-top-bg.png) no-repeat 0 0; 

 }
 
#srodekdol{ background:transparent url(images/container-bottom-bg.png) no-repeat 0 0;


float:left;}
 

#srodek {

	width:980px;
	float:left;
	background-color: white;
	margin-bottom:0px;

}


.tekstsrodek{
padding-left:10px;
margin-bottom:15px;
}


#footer {
	background: url(images/footer-bg.png) no-repeat 0 0;
	height:52px;
	width: 980px;
	text-align:center;
	font:normal 12px Arial,Verdana,Tahoma;
	line-height:18px;
	color:#ffffff;
	padding:28px 0;
	float:left;
}

.omnie{
width: 500px;
height: 200px;
float:left;
}

.omnie p{
font-size: 16px;
word-spacing: 6px;
line-height: 20px;
}


.ostproj{
margin-left: 30px;
border:0px;
float:left;
}

.ostproj p{
font-size: 16px;
padding-bottom:5px;
color:#4498d9;
font-weight: bold;
}

img{
border:0px;
}

#slider{

}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:380px;
	height:241px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-160px;
	}	
#nextBtn, #nextBtn2{ 
	left:380px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:31px;
	height:59px;
	background:url(images/btnprev.png) no-repeat 0 0;

	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/btnnext.png) no-repeat 0 0;	

	}
	
	
	
	
	
	
	
#slideshow {
	margin:0 auto;
	width:910px;
	height:363px;
	position:relative;
	float:center;
	padding:0;
	
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:830px;
  height:363px;
  overflow:auto; /* allow scrollbar */
  position:relative;
	padding:0;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:363px;
	padding:0;
}


.control {
  display:block;
  width:39px;
  height:363px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:60px;
  left:0;
  background:transparent url(img/control_lefta.png) no-repeat 0 0;
	
}
#rightControl {
  top:60px;
  right:0;
  background:transparent url(img/control_righta.png) no-repeat 0 0;
}
	

	
	.slide p{
font-size: 16px;
word-spacing: 6px;
line-height: 20px;
	}
	
	
	.slide h3{
	margin-left:0px;
	padding-left:0px;
text-align: center; 
padding-bottom: 10px;
color: #173650;
font-size: 18px;
	
	}
	
	.slide ul{



	
	}
	
	.slide ul li{
	font-size: 16px;
word-spacing: 6px;
line-height: 20px;
padding-bottom: 10px;
	margin-left: 0px;
padding-left:0px;
	}
	
	.slide img {
	float: right;
	padding-left: 10px;
	width:452px;
	height: 288px;
	
	}

