@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
body { 
	font-size: 15px;
	font-family: Lato, Helvetica, arial, sans-serif;
	background:#000000 url('images/background.jpg') center top repeat-x;
	background-size:auto;
	width:100%;
	margin-left:0px;
	margin-top:0px;
} 


/* --------------------------------
     Header
   -------------------------------- */
#header {
	background:url('images/wzorek.png') center top repeat-x;
	height:12px;
}
#logo {
	margin: 0 auto;
	height:150px;
	background:url('images/logo.png') center no-repeat;	
}
#nav {
	/*background:url('Img/Nav.png') center no-repeat;*/
	height:52px;
	text-align:center;
	width:900px;
	margin:0 auto;	 
}
/* #nav a {
	font-weight: 400;	 
	font-size: 18px;
	text-decoration:none;
	color: #b2b2b2;
	height:52px;
	padding:10px 25px;/*Wysokosc Szerokosc
	text-align:center;
	padding-top:0px;
}
#nav a:hover {
	
	background-size: auto 100%;
}*/
ul, ul li {
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul li {
	text-align:center;
	display:inline;
	margin-right:15px;
}

ul li a:link, ul li a:visited {
	text-decoration: none;
	width: 100px;
	text-align: center;
	color: #000;
	padding: 5px;
}

ul li a:hover {
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

/* --------------------------------
     Content
   -------------------------------- */
#content {
	height:136px;
	margin:0 auto;
	background:url('images/rolka.png') center top no-repeat;
	overflow:visible;
}
#content2 {
	background:url('images/content3.png') center top repeat-y;
	width:905px;
	margin:0 auto;
}
#content3 {
	height:150px;
	width:905px;
	margin:0 auto;
	background:url('images/endpaper.png') center no-repeat;
	overflow:visible;
}

/* --------------------------------
	 Panel tekstowy
   -------------------------------- */
section {
	padding:0px auto;
	color:#222;
}
section h1 a {
	float: right;
	font-size: 12px !important;
	margin-top: 5px;
	border: none !important;
}
section h1 { 
	text-shadow: 0 1px 1px #000;
	font-size: 30px;
	font-weight: 900;
	margin-left: 5px;
	
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(77,77,77,0.3);
}
	 /*----------Średnie Litery------------*/
section h3 {
	color: #222;
	font-size: 20px;
	font-weight: 300;
	margin-left: 5px;
}
	 /*----------Małe Litery------------*/
section h4 {
	color: #b6b6b6;
	font-size: 17px;
	font-weight: 300;
	margin-left: 5px;
}
#text {
	margin:0 auto;
	width:96%;	
}

/* --------------------------------
     Footer
   -------------------------------- */
   
#footer {
	color:#0F0;
	position:relative;
	text-align:center;
	font-size: 8px;
	width:900px;
	padding-top:20px;
	margin:0 auto;
	
	/*background-image:url('Img/Footer2.png'); 
	background-repeat:no-repeat;*/
}

/* --------------------------------
     Gallery
   -------------------------------- */
   
.clear			{ clear:both; }
.photo-link		{ padding:5px; margin:5px; border:1px solid #ccc; display:block; width:200px; float:left; }
.photo-link:hover	{ border-color:#999; }