#przyklady{
	
	width:940px;
	height:auto;
	float:left;
	margin:0 0 0 5px;
	padding-bottom:20px;
	
}
body{
	width:950px;
	height:1180px;
	margin:auto;
	text-align:center;
	box-shadow:0 0 20px 10px rgb(30,30,30);
}

#container{
	border:1px solid rgb(32,33,37);
	width: 667px;
	height: 511px;
	background-image: url("../img/before15.jpg");
}
#resizable {
border-right:3px solid white;
width: 334px;
height: 511px;
background: #ccc;
background-image: url("../img/after15.jpg");
}

#centerbox{
	width:800px;
	height:400px;
	float:left;
}
#pasekprzyklady{
	background-image: url("../img/pasekprzyklady.jpg");
	width:920px;
	height:94px;
	
	border:5px solid white;
	margin:-65px 0 0 10px;
	float:left;
	box-shadow:0 0 5px 2px rgb(60,60,60);
}
#opis{
	width:900px;
	text-align:left;
	font-family:verdana;
	font-size:20px;
	color:white;
	margin:20px 0 0 60px;
	float:left;
}
#opis b{
	font-size:12px;
	font-weight:normal;
}

#next{
	
	width:50px;
	height:50px;
	float:left;
	margin:300px 0 0 6px;
	
	background-image: url("../img/next.png");
	background-repeat:no-repeat;
}
#prev{
	
	width:50px;
	height:50px;
	float:left;
	margin:300px 0 0 4px;
	
	background-image: url("../img/prev.png");
	background-repeat:no-repeat;
	
}
#przyklady1, #przyklady2, #przyklady3, #przyklady4, #przyklady5, #przyklady6, #przyklady7, #przyklady8, #przyklady9, #przyklady10, #przyklady11, #przyklady12, #przyklady13, #przyklady14, #przyklady15, #przyklady16{
	border:1px solid white;
	width:88px;
	height:58px;
	float:left;
	box-shadow:0 0 9px 2px rgb(30,30,30);
}
#przyklady1, #przyklady9{
	margin:20px 0 0 57px;	
}
#przyklady2, #przyklady3, #przyklady4, #przyklady5, #przyklady6, #przyklady7, #przyklady8, #przyklady10, #przyklady11, #przyklady12, #przyklady13, #przyklady14, #przyklady15, #przyklady16{
	margin:20px 0 0 15px;	
}
#przyklady1{
	background-image: url("../img/przyklady1.jpg");
	width:88px;
	height:58px;
}
#przyklady1:hover{
	background-image: url("../img/przyklady1hover.jpg");
}
#przyklady2{
	background-image: url("../img/przyklady2.jpg");
	width:88px;
	height:58px;
}
#przyklady2:hover{
	background-image: url("../img/przyklady2hover.jpg");
	\
}
#przyklady3{
	background-image: url("../img/przyklady3.jpg");
	width:88px;
	height:58px;
}
#przyklady3:hover{
	background-image: url("../img/przyklady3hover.jpg");
	
}

#przyklady4{
	background-image: url("../img/przyklady4.jpg");
	width:88px;
	height:58px;
}
#przyklady4:hover{
	background-image: url("../img/przyklady4hover.jpg");
	
}
#przyklady5{
	background-image: url("../img/przyklady5.jpg");
	width:88px;
	height:58px;
}
#przyklady5:hover{
	background-image: url("../img/przyklady5hover.jpg");
	
}
#przyklady6{
	background-image: url("../img/przyklady6.jpg");
	width:88px;
	height:58px;
}
#przyklady6:hover{
	background-image: url("../img/przyklady6hover.jpg");
	
}
#przyklady7{
	background-image: url("../img/przyklady7.jpg");
	width:88px;
	height:58px;
}
#przyklady7:hover{
	background-image: url("../img/przyklady7hover.jpg");
	
}
#przyklady8{
	background-image: url("../img/przyklady8.jpg");
	width:88px;
	height:58px;
}
#przyklady8:hover{
	background-image: url("../img/przyklady8hover.jpg");
	
}
#przyklady9{
	background-image: url("../img/przyklady9.jpg");
	width:88px;
	height:58px;
}
#przyklady10{
	background-image: url("../img/przyklady10.jpg");
	width:88px;
	height:58px;
}
#przyklady11{
	background-image: url("../img/przyklady11.jpg");
	width:88px;
	height:58px;
}
#przyklady12{
	background-image: url("../img/przyklady12.jpg");
	width:88px;
	height:58px;
}
#przyklady13{
	background-image: url("../img/przyklady13.jpg");
	width:88px;
	height:58px;
}
#przyklady14{
	background-image: url("../img/przyklady14.jpg");
	width:88px;
	height:58px;
}
#przyklady15{
	background-image: url("../img/przyklady15.jpg");
	width:88px;
	height:58px;
}
#przyklady16{
	background-image: url("../img/przyklady16.jpg");
	width:88px;
	height:58px;
}
#przyklady9:hover{
	background-image: url("../img/przyklady9hover.jpg");
}
#przyklady10:hover{
	background-image: url("../img/przyklady10hover.jpg");
	
}
#przyklady11:hover{
	background-image: url("../img/przyklady11hover.jpg");
	
}
#przyklady12:hover{
	background-image: url("../img/przyklady12hover.jpg");
	
}
#przyklady13:hover{
	background-image: url("../img/przyklady13hover.jpg");
	
}
#przyklady14:hover{
	background-image: url("../img/przyklady14hover.jpg");
	
}
#przyklady15:hover{
	background-image: url("../img/przyklady15hover.jpg");
	
}
#przyklady16:hover{
	background-image: url("../img/przyklady16hover.jpg");
	
}