*	{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body	{
	margin: 0px auto 0px auto;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 14px;
	color:  #605d5d;
	background-color: #FFF;
}

/* Cała góra nad MENU */

#gora	{
	position: relative;
	margin: 0px auto 0px auto;
	width: 926px;
}
#logo	{
	position: absolute;
	top: 5px;
	left: 25px;
	width: 200px;
	height: 110px;
}
#right_top_corner	{
	position: absolute;
	top: 25px;
	right: 0px;
	color: #625f5f;
	font-size: 10px;
}
#right_top_corner a	{
	color: #625f5f;
	font-size: 10px;
}
.facebook	{
	position: absolute;
	top: -100px;
	left:-100px;
}

/* MENU */

#menu	{
	margin: 0px auto 0px auto;
	width: 926px;
	height: 33px;
}
a.o_nas, a.oferta, a.realizacje, a.porady_menu, a.kontakt	{
	margin-top: 85px;
	float: left;
	height: 33px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #FFF;
}
a.o_nas	{
	margin-left: 315px;
	width: 126px;
	background-image: url(obrazki/onas.png);
}
a.oferta	{
	width: 118px;
	background-image: url(obrazki/oferta.png);
}
a.realizacje	{
	width: 120px;
	background-image: url(obrazki/realizacje.png);
}
a.porady_menu	{
	width: 118px;
	background-image: url(obrazki/porady.png);
}
a.kontakt	{
	width: 124px;
	background-image: url(obrazki/kontakt.png);
}
a.o_nas:hover	{	background-image: url(obrazki/onas2.png); background-repeat: no-repeat;  }
a.oferta:hover	{	background-image: url(obrazki/oferta2.png); background-repeat: no-repeat; }
a.realizacje:hover	{	background-image: url(obrazki/realizacje2.png); background-repeat: no-repeat; }
a.porady_menu:hover	{	background-image: url(obrazki/porady2.png); background-repeat: no-repeat; }
a.kontakt:hover	{	background-image: url(obrazki/kontakt2.png); background-repeat: no-repeat; }	

#o_nas a.o_nas	{	background-image: url(obrazki/onas2.png);}
#oferta a.oferta	{	background-image: url(obrazki/oferta2.png);}
#porady_menu a.porady_menu	{	background-image: url(obrazki/porady2.png);}
#realizacje a.realizacje	{	background-image: url(obrazki/realizacje2.png);}
#kontakt a.kontakt	{	background-image: url(obrazki/kontakt2.png);}

/* USTAWIENIE CAŁO¦CI */

#main	{
	width: 924px;
	min-height: 500px;
	margin: 85px 0px 0px 0px;
	color: #FFF;
	border: 1px solid;
	border-color: #D0D0D0;
	border-top-color: #8B898A;
	background-image: url(obrazki/tlo_1b.png);
}

/* kolumna prawa PORADY */

#porady	{
	position: relative;
	float: right;
	margin: 5px 8px 0px 0px;
	width: 305px;
	height: 545px;
	background-image: url(obrazki/tlo3.png);
	color: #FFF;
	font-size: 12px;
	text-align: justify;
}
#porady_gora	{
	position: absolute;
	top: 45px;
	width: 262px;
	height: 190px;
}
#porady_dol	{
	position: absolute;
	top: 285px;
	width: 262px;
	height: 215px;
}
#kreska_gorna	{
	position: absolute;
	top: 30px;
	left: 20px;	
}
#kreska	{
	position: absolute;
	top:270px;
	left: 20px;	
}

/* Ustawienie ¦RODEK MENU */

#srodek	{
	margin: 5px 0px 0px 8px;
	width: 598px;
}
#srodek_gora	{
	width: 598px;
	height: 209px;
}

#google	{
	float: left;
	width: 195px;
	height: 209px;
	background-image: url(obrazki/reklamanagoogle.png);
}
#strony_www	{
	margin: 0px 0px 0px 6px;
	float: left;
	width: 195px;
	height: 209px;
	background-image: url(obrazki/stronywww.png);
}
#hosting	{
	float: right;
	width: 195px;
	height: 209px;
	background-image: url(obrazki/hosting.png);
}
#google:hover	{	background-image: url(obrazki/reklamanagoogle2.png);}
#strony_www:hover	{	background-image: url(obrazki/stronywww2.png);}
#hosting:hover	{	background-image: url(obrazki/hosting2.png);}


#google ul li, #strony_www ul li, #hosting ul li	{
	visibility: hidden;
	list-style: none;
	padding-top: 12px;
}
#google:hover ul li ,#strony_www:hover ul li, #hosting:hover ul li	{
	visibility: visible;
	list-style: none;
	padding-top: 12px;
}

#google ul li, #strony_www ul li, #hosting ul li	{
	list-style: none;
	padding-top: 12px;
}
#google a, #strony_www a, #hosting a	{
	margin-left: 20px;
	font-size: 11px;
}
#google a:hover, #strony_www a:hover, #hosting a:hover	{
	text-decoration: none;
}
#google ul li:hover, #strony_www ul li:hover, #hosting ul li:hover	{
	background-image: url(obrazki/ptaszek.png);
	background-repeat: no-repeat;
	background-position: 5px 16px;
	text-decoration: none;
}

/* ustawienie ¦RODEK REALIZACJE obrazki stron */

#realizacje_index	{
	background-image: url(obrazki/tlo2.png);
	width: 598px;
	height: 336px;
	font-size: 11px;
}
#realizacja_lewa	{
	float: left;
	margin-left: 30px;
}
#realizacja_prawa	{
	float: left;
	margin-left: 50px;
}

/* ustawienie tekstów na podstronach  */

#text_index	{
	margin: 0px 50px 0px 50px;
	text-align: left;
	line-height: 20px;
}
#text_glowna	{
	border: 1px solid #CBC9CA;
	width: 596px;
	height: 543px;
	overflow: auto;
	background-color: #FFF;
}
#text	{
	padding: 10px 30px 10px 30px;
	color: #605d5d;
	text-align: justify;
}
#text a	{
	color: #605d5d;
}

/* STRONA REALIZACJE.HTML */

#realizacje_www	{
	padding: 10px 30px 10px 30px;
	color: #605d5d;
	text-align: justify;
}
#realizacje_img	{
	width: 518px;
	height: 445px;
}
#realizacje_img a	{
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}

#dol	{
	margin: 0px auto 0px auto;
	background-image: url(obrazki/tlo4.png);
}

/* Dół STRONY */

#hasla_dolne	{
	width: 904px;
	padding: 10px 10px 10px 10px;
	height: 28px;
}

/* Inne ustawienia */

#facebook	{
	position: absolute;
	top: 500px;
	right: 20px;	
	background-image: url(obrazki/logo_facebook.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 30px;
}

.kreska	{
	padding-bottom: 20px;
}

h1	{
	font-size: 16px;
	padding: 20px 0px 0px 0px;
}
h2	{
	padding-top: 20px;
	padding-bottom: 20px;	
	color: #87888A;
}
h3	{
	color:  #333333;
}
h4	{
	font-size: 22px;
	padding: 20px 0px 20px 0px;
}
#mapa	{
	float: right;
}
a	{
	text-decoration: none;
	color: #FFF;
}
ul	{
	list-style: square;
	list-style-position: inside;
}

a:hover	{
	text-decoration: underline;
}
#jellinek {
	margin-bottom: 10px;
	padding-top: 10px;
	margin-left: 12px;
	text-align: left;
	color: #1a171b;
	font-size: 11px;
} 

.fl	{ float: left;}
.fr	{ float: right;}
.center	{ text-align: center;}
.ml20	{ margin-left: 20px;}

#wysuwane
{
 
    background: url("http://burned.pl/wp-content/uploads/2011/02/fbpodklad.png") no-repeat scroll 0 0 transparent;
 
    padding: 10px;
    width: 235px;
    height:402px;
 
    position: fixed;
    margin-top: -200px; /*połowa wysokości panelu w górę */
    left: 0px;
    top: 50%;
 
}
.zamknij
{
    background-position: 0px 0px -242px 0px;
}