@charset "utf-8";
/* CSS Document */
body{
	background:#FFFFFF url(images/tlo.jpg) no-repeat center center fixed;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}


.strona
	{
	width:1000px;
	position:relative;
	margin:0 auto;
	font-size:0px;
}
.nazwa {
	width:500px;
	float:center;

}

.menu{

	width:1000px;
	float:center;
	margin:0;
	padding:0;
	border:0; 
	cellpadding:0; 
	cellspacing:0;
}

.lewa{
	width:500px;
	height:750px; 
	float:left;
	background:#ffffff url(images/tlotx.png);
	background-repeat: repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.prawa{	

	width:500px;
	height:750px; 
	background:#ffffff url(images/tlotx.png);
	background-repeat: repeat;
	float:right;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.przerwa4{
	width:500px;
	float:left;
}
.obrazki{
	width:500px;
	float:right;
}

#facebook {
	/*pozycja stala*/

	position: fixed;
	/*pozycja od lewej belki przegladarki*/

	left: -250px;
	/*pozycja od gornej belki przegladarki*/

	top: 50px;
	/*tlo*/

	background: url(images/tlofb.png);
	/*szerokoss (w?asciwa szerokoss minus 20px wypelnienia)*/

	width: 288px;
	/*dsugosc (wlasciwa dlugoss minus 20px wypelnienia) */

	height: 400px;
	/*10px wewnetrznego wypelnienia*/

	padding: 10px;
	/*kursor - lapka*/

	cursor: pointer;
	/*animacje dla kaadej przeglsdarki z osobna*/

	transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-webkit-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
}

#facebook:hover {

	/*css po najechaniu*/

	left: 0;

}