body ,html{
/*background: paleturquoise;*/
background-image: url(zdjecia/tlo.jpeg);
background-size: cover;
/*width: 700 px;
height: 500px;*/
}

header{
	background: skyblue;
	box-shadow: inset 0px 0px 7px 7px rgba(0, 0, 0, 0.4);
}

nav{
	width: 150px;
	list-style: none;
	float: left;
}
nav ul{
	list-style: none;
}

nav ul li{
	display: block;
	width: 150px;
	text-decoration: none;
	/*background: -o-linear-gradient(
	left, 
	rgb(191,210,85) 18%,
	rgb(114,170,0) 39%,
	rgb(158,203,45) 44%,
	rgb(142,185,42) 84%);*/
	padding: 8px 8px;
	box-shadow: inset 0px 0px 7px 7px rgba(0, 0, 0, 0.4);
	border: 2px solid #ffffff;
	border-radius: 8px;
	font-weight: bold Times New Roman, Corbel;
	text-align: center;
}

nav ul li:hover{
	border-style: inset;
	padding: 7px 3px 3px 7px;
}

nav:hover{opacity: 0.8}

nav li a{
	display: block;
	padding: 4px;
	text-decoration: none;
}

nav li ul{
	overflow: hidden;
	display: none;
}

nav li:hover ul{
	position: absolute;
	background: #aaa;
	padding: 0;
	display: block;
	width: 150px;
}
section{
	margin: 0px 250px;
	font-family: Times;
		
}

footer{
	float: left;
	margin: auto;
	width: 100%;
	text-align: center;
	background: gray;
}

p{
	margin: 15px 0px;
	font-size: 100%;
	font-family: "Times New Roman";
}

h2{
	font-size: 120%;
	line-height: normal;
}

h4{
	font-size: 105%;
	line-height: normal;
}

h3{
	font-size: 100%;
	line-height: normal;
}

article.kolumny{
	padding: 5px;
	-o-column-count: 9;
}

/*.zdjecie{
	-o-box-reflect: below 0
	-o-linear-gradient(
	linear,
	left top,
	left bottom,
	from(transparent),
	color-stop(0.5, transparent),
	to(white)
	);*/
	
	
}

.zdjecie{
	align: center;
	
}

/* zdjecie z pinezką */

.image img{
	-o-transform: rotate(-8deg);
	-o-box-shadow: 0px 1px 6px #666;
	border: 4px solid #fff;
	background: #fff;
	padding: 4px;
	float: left;
}

.image{
	float: left;
	position: relative;
	-o-transform: rotate(6deg);
	-o-box-shadow: 0px 1px 6px #666;
	background: #fff;
}

.image span:before{
	display: block;
	content: '';
	position: absolute;
	top: -25px;
	right: 30px;
	width: 14px;
	height: 45px;
	z-index: 1;
	border: 2px solid #999;
	-o-transfrom: rotate(4deg);
	-o-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	border-radius: 10px;
	
	-moz-transfrom: rotate(4deg);
	-moz-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	-moz-border-radius: 10px;

}

.image span:after{
	display: block;
	content: '';
	position: absolute;
	top: -17px;
	right: 25px;
	width: 8px;
	height: 8px;
	background: #fff;
	z-index: 2;
}

.kurt img{
	-o-transform: rotate(-8deg);
	-o-box-shadow: 0px 1px 6px #666;
	border: 4px solid #fff;
	background: #fff;
	padding: 4px;
	float: left;
}

.kurt{
	float: left;
	position: relative;
	-o-transform: rotate(6deg);
	-o-box-shadow: 0px 1px 6px #666;
	background: #fff;
}

.kurt span:before{
	display: block;
	content: '';
	position: absolute;
	top: -25px;
	right: 30px;
	width: 14px;
	height: 45px;
	z-index: 1;
	border: 2px solid #999;
	-o-transfrom: rotate(4deg);
	-o-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	border-radius: 10px;
	
	-moz-transfrom: rotate(4deg);
	-moz-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	-moz-border-radius: 10px;

}

.kurt span:after{
	display: block;
	content: '';
	position: absolute;
	top: -13px;
	right: 25px;
	width: 8px;
	height: 8px;
	background: #fff;
	z-index: 2;
}

.GL img{
	-o-transform: rotate(-8deg);
	-o-box-shadow: 0px 1px 6px #666;
	border: 4px solid #fff;
	background: #fff;
	padding: 4px;
	float: left;
}

.GL{
	float: left;
	position: relative;
	-o-transform: rotate(6deg);
	-o-box-shadow: 0px 1px 6px #666;
	background: #fff;
}

.GL span:before{
	display: block;
	content: '';
	position: absolute;
	top: -25px;
	right: 30px;
	width: 14px;
	height: 45px;
	z-index: 1;
	border: 2px solid #999;
	-o-transfrom: rotate(4deg);
	-o-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	border-radius: 10px;
	
	-moz-transfrom: rotate(4deg);
	-moz-box-shadow: 1px 1px 1px #555, inset 1px 1px 1px #555;
	-moz-border-radius: 10px;

}

.GL span:after{
	display: block;
	content: '';
	position: absolute;
	top: -13px;
	right: 25px;
	width: 8px;
	height: 8px;
	background: #fff;
	z-index: 2;
}

.przycisk{
	margin: 0px 250px;
}

.przycisk a{
	font-size: 180%;
}

.przycisk2{
	margin: 0px 250px;
}

.przycisk2 a{
	font-size: 180%;
}

.kurt{
	margin: 20px 700px;
}

.GL{
	margin: 0px 700px;
}

.diego{
	text-align: center;
	
}