#top {
		width: 800px;
       	background-color: transparent;
       	margin-top:0px;
}

#NAGLOWEK {
		width: 800px;
		height: 118px;
		background-image: url('gfx/logo.png'); background-repeat:no-repeat; background-color: transparent;
}

#MAIL {
		color:#ffffff; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:right;
       	line-height:12pt;
       	letter-spacing: 0px;
       	margin:0px 60px 20px 0px;
}

#MENU {
		width: 800px; height: 63px;
   		overflow: hidden;
   		background-image: url('gfx/menu.png'); background-color: transparent; background-repeat:no-repeat;
}

ul, ul li {
		display: block;
		list-style: none;
		margin:4px 30px 0px 0px;
		padding: 0px;
}

ul li {
	display: inline;
	float:right;
}

ul a:link, ul a:visited {
	text-decoration: none;
	text-align: center;
	font-size:11pt; font-family:Arial; font-weight: bold; color: #ffffff;
	background: none;
	opacity: 1;
}

ul a:hover {
	-webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0.6;

	text-decoration: none;
}


*{ margin:0; padding:0; }
#wyszukiwarka{
width: 425px;
margin: 2% auto 0 auto;
color: #000;
font: 12px Verdana;
border: 2px solid #432a78;
}
#wyszukiwarka-form{
padding: 10px;
background: #fff;
}
#wyszukiwarka-wynik{
border-top: 1px solid #432a78;
padding: 10px;
background: #ccc;
border-bottom: 1px solid #432a78; text-align:left;
}
#wyszukiwarka ol{ margin: 7px 10px 10px 0; text-align:left;}
#wyszukiwarka li{ margin: 3px 0 0 31px; text-align:left;}
#wyszukiwarka li.wyszukiwarka-wynik-brak{ list-style-type: none; margin: 0 0 5px 10px; }
#wyszukiwarka a{ color: #432a78; font-size:12px; text-align:left; font-family:Arial; font-weight: bold; text-decoration: underline; }
#wyszukiwarka a:hover{ text-decoration: none; }




#TRESC {
		width: 800px;
		overflow: hidden;
		background-image: url('gfx/srodek.png'); transparent; background-repeat:repeat-y;
		position : relative
}

#TEKST {
		width: 800px;
		overflow: hidden;
		background-color: transparent;
		position : relative
}
#LEWY {
		width: 350px;
		float: left;
		background-color: transparent;
		position : relative;
		margin:0px 0px 0px 40px;
}

#PRAWY {
		width: 350px;
		float: right;
		background-color: transparent;
		position : relative;
		margin:0px 40px 0px 0px;
}


#AKTUALNOSCI {
		width: 675px;
		float: left;
		background-color: transparent;
		position : relative;
		background-color: transparent;
		margin:0px 60px 0px 60px;
}

#STOPKA {
		clear: both;
		width: 800px; height: 12px;
		color:#ccc; font-size:8pt; font-family:Verdana; font-weight:normal; text-align:center;
		background-image: url('gfx/stopka.png'); background-color: transparent; background-repeat:no-repeat;
}

#tekst {
       color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
       line-height:12pt;
       letter-spacing: 0px;
       margin:0px 20px 3px 100px; /* gorny, prawy, dolny, lewy */
}

#tekst_ctr {
       color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:center;
       line-height:12pt;
       letter-spacing: 0px;
       margin:0px 0px 3px 0px; /* gorny, prawy, dolny, lewy */
}

*.tekst_fb {
       color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
       line-height:12pt;
       letter-spacing: 0px;
       margin:0px 275px 3px 275px; /* gorny, prawy, dolny, lewy */
}

#KONTAKT_RAMKA {
		width: 300px;
		border-style: solid; border-color: #cccccc; border-width: 2px;
		background-color: #eeeeee;
		position : relative;
		margin:5px 0px 5px 0px;
}

*.txt_ramka {
       color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
       line-height:12pt;
       letter-spacing: 0px;
       margin:10px 10px 10px 10px; /* gorny, prawy, dolny, lewy */
}

div.galeria340 {
		width:340px; float:left; margin:0px 0px 0px 40px;
}

div.galeria675 {
		width:675px; overflow: hidden; margin:0px 0px 0px 0px;
}

*.galeria_ctr {
       color:#000; font-size:10pt; font-family:Arial; font-weight:bold; text-align:center;
       letter-spacing: 0px;
       margin:0px 0px 5px 0px; /* gorny, prawy, dolny, lewy */
}

*.tekst {
		color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
       	line-height:12pt;
       	letter-spacing: 0px;
       	margin:0px 60px 3px 60px;
}

*.tekst2 {
		color:#000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
       	line-height:12pt;
       	letter-spacing: 0px;
       	margin:0px 40px 3px 40px;
}

*.produkty_ctr {
		color:#ccc; font-size:10pt; font-family:Arial; font-weight:bold; text-align:center;
		background-color: #432a78;
       	line-height:12pt;
       	letter-spacing: 2px;
       	margin:0px 20px 3px 20px;
       	padding: 5px 0;
       	border-radius: 5px 5px 0 0;
}

*.pomoc {
		color:#ccc; font-size:10pt; font-family:Arial; font-weight:bold; text-align:left;
		background-color: #432a78;
       	line-height:12pt;
       	letter-spacing: 2px;
       	margin:0px 60px 3px 60px;
       	padding: 5px;
       	border-radius: 5px 5px 0 0;
}

div.aktualnosci {
		color:#000000; font-size:10pt; font-family:Verdana; font-weight:normal; text-align:justify;
		background-color: #cccccc;
       	line-height:12pt;
       	letter-spacing: 0px;
       	border-radius: 5px 5px 0 0;
       	margin:0px 0px 0px 0px;
       	padding: 5px;
}



#wys
{
background: url("gfx/facebook.png") no-repeat scroll 0 0 transparent;
padding: 12px;
width: 246px;
height:400px;
position: fixed;
margin-top: -157px; /*połowa wysokości panelu w górę */ left: 0px;
top: 50%;
}
.zamknij
{
background-position: 0px 0px -246px 0px;
}


a.reklamalv { color:#ccc; font-size:8pt; font-family:Verdana; font-style: normal; font-weight: normal; text-decoration: none; background: none; margin: 0px 0px 0px 0px; }
a.reklamalv:hover { color:#fff; font-size:8pt; font-family:Verdana; font-style: normal; font-weight: normal; text-decoration: none; background: none; margin: 0px 0px 0px 0px; }


#divwstecz {
		width:700px; clear: both; margin:10px 0px 0px 0px;
}

#wstecz { color:#432a78; font-size:8pt; font-family:Arial; font-weight: bold; text-decoration: none; float: left; margin:10px 50px 0px 0px; }
#wstecz:hover { color:#000; font-size:8pt; font-family:Arial; font-weight: bold; text-decoration: none; float: left; margin:10px 50px 0px 0px; }

*.allegro { color:#432a78; font-size:10pt; font-family:Verdana; text-align:left; font-weight: bold; text-decoration: none;}
*.allegro:hover { color:#000; font-size:10pt; font-family:Verdana; text-align:left; font-weight: bold; text-decoration:none;}

*.reklama { color:#ccc; font-size:8pt; font-family:Verdana; text-align:left; font-weight: normal; text-decoration: none; margin:0px 5px 0px 0px;}
*.reklama:hover { color:#ccc; font-size:8pt; font-family:Verdana; text-align:left; font-weight: normal; text-decoration:underline; margin:0px 5px 0px 0px;}

#odnosnik1 { color:#000; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: underline; letter-spacing: 4px; }
#odnosnik1:hover { color:#333; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: none; letter-spacing: px;}

a.odnosnik { color:#432a78; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: none; margin:0px 0px 0px 0px;}
a.odnosnik:hover { color:#000; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: none; margin:0px 0px 0px 0px;}

a.kontakty { color:#432a78; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: none; margin:0px 0px 0px 0px;}
a.kontakty:hover { color:#000; font-size:10pt; font-family:Arial; font-weight: bold; text-decoration: none; margin:0px 0px 0px 0px;}

*.link { border-style:solid; border-color:#fff; border-width:2px; }
*.link:hover { border-style:solid; border-color:#432a78; border-width:2px; }

*.odnosnik_link { color:#000; font-size:10pt; font-family:Verdana; font-weight: normal; text-decoration: none; margin:0px 0px 0px 0px; }
*.odnosnik_link:hover { color:#333; font-size:10pt; font-family:Verdana; font-weight: normal; text-decoration: none; margin-top:0px; }


*.polekod {
		color:#000; background-color: #fff; font-size: 10pt; font-family: Verdana; width: 600px; height: 55px; border-style: solid; border-color: #000; border-width: 2px;
		float:center; 
		margin:0px 0px 5px 0px;
}

div.formularz_txt {
		width: 350px; overflow: hidden; margin:0px 0px 0px 0px; 
		color:#000; font-size:10pt; font-family:Arial; font-weight:normal; text-align:left;
       	letter-spacing: 0px;
       	margin:0px 0px 0px 0px;
}

*.formularz {
		color: #000; background-color: #fff; font-size: 10pt; font-family: Verdana; border-style: solid; border-color: #432a78; border-width: 2px;
		overflow: hidden;
		margin:0px 0px 5px 0px;
}

*.wyslij { color: #432a78; background-color: #fff; font-size: 10pt; font-family: Arial; font-weight: bold; width: 80px; height: 30px; border-style: solid; border-color: #432a78; border-width: 2px; overflow: hidden; margin:5px 0px 5px 0px;}
*.wyslij:hover { color: #000; background-color: #fff; font-size: 10pt; font-family: Arial; font-weight: bold; width: 80px; height: 30px; border-style: solid; border-color: #432a78; border-width: 2px; overflow: hidden; margin:5px 0px 5px 0px;}

.sklep-button {
	padding: 10px;
	
	background: #432a78;
	height: 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0.6;
}

.sklep-button a {
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url('../gfx/basket_button_icon.png') right no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

.sklep-button:hover {
	opacity: 1;
  }
  
div.produkty {
	background:#ccc;
	position: relative;
	height: 52px;
	width: 310px;
	font-family: Verdana;
	font-size: 11px;
	margin-bottom: 3px;
	-webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
	
}

div.produkty:hover {
	background:#432a78;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
}

div.produkty a {
	color: #000;
	text-decoration: none;
}

div.produkty a:hover {
	color: #ccc;
}

div.produkty img {
	margin-left: 4px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	float: left;
}

div.produkty h3 {
	font-weight:normal;
	text-align:left;
	display: block;
	padding: 17px 0px;	
}

#TRESC p.info {
	display: block;
	width: 660px;
	padding: 10px;
	background: #432a78;
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 5px;
	color: #fff;
	font-family:Verdana;
	font-size: 13px;
	text-align: left;
	line-height: 2;
}

#TRESC p.info > a.allegro {
	color: #fff;
}

/* facebook */

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -184px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 36px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.produkty.welny h3,
p.info.welny {
	text-transform: uppercase;
	font-weight: bold;
}

#TRESC p.info.welny {
	text-align: center;
}

div.produkty.nowosc h3 {
	font-weight: bold;
}