* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, Verdana, Thoma, sans-serif;
 font-size: 11px;
}
#wrapper { 
 margin: 0 auto;
 width: 982px;
 background: #F2F0F0;
 background-repeat: repeat-x;
 border: 0px solid #000000;

}
#header {
 color: #333;
 width: 960px;
 float: left;
 padding: 10px;
 height: 300px;
 margin: 0px 0px 0px 0px;
}
#leftcolumn { 
 color: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background: url('grafika/nad_kat.gif') no-repeat center top;
 height: auto;
 width: 740px;
 display: inline;
}
#footer { 
 width: 960px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background: url('grafika/stopka.png') no-repeat top center;
 height: 315px;
}

/* glowny styl linkow */

/* style dla tekstu */
.tytul_kategorii { text-decoration: none; color: #151B08; font-size: 10px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: right; border-bottom: 1px solid #5F670C; }
.tytul_kategorii_lewa { text-decoration: none; color: #151B08; font-size: 12px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px solid #5F670C; font-weight:bold; }
.tytul_news { background: url('grafika/top_tyt.png') no-repeat center; height: 30px; text-decoration: none; color: #6D1500; font-size: 16px; font-family: Tahoma, Verdana, Arial, Helvetica; padding-top:7px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; text-align: center; }
.podtytul { text-decoration: none; color: #000000; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 10px 0px 0px; text-align: center;}
.news { text-decoration: none; color: #3E372A; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 0px 0px 0px; text-align: justify; }
.podpis { margin-right: 10px; margin-top: 5px; text-align: right; }
.info_center { text-decoration: none; color: #000000; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.info_problem_center { text-decoration: none; color: #B12422; font-size: 14px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.wyjasnienie { text-decoration: none; color: #3E372A; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 10px 0px 15px; text-align: center; }
.blok_center { text-decoration: none; color: #000000; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.tytul_mod_lewa { background: url('grafika/dzial.png') no-repeat center left; text-decoration: none; color: #594E21; font-size: 14px; padding-left: 20px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; font-weight:bold; }
.tytul_mod_center { text-decoration: none; color: #000000; font-size: 14px; font-family: Tahoma, Verdana, Arial, Helvetica; margin-top: 10px; text-align: center; margin-bottom: 5px; }
.zamknij_folk { background: url('grafika/folklor.png') no-repeat center; height: 45px; text-decoration: none; color: #6D1500; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; padding-top:7px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; text-align: center; }
.zamknij_folk2 { background: url('grafika/folklor2.png') no-repeat center; height: 45px; text-decoration: none; color: #6D1500; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; padding-top:7px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; text-align: center; }

.podzialka10 { text-decoration: none; color: #151B08; font-size: 10px;  margin: 10px 10px 10px 10px; text-align: justify; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px solid #5F670C; }
.podzialka5 { text-decoration: none; color: #151B08; font-size: 10px;  margin: 5px 5px 5px 5px; text-align: justify; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px solid #5F670C; }
.pasek { background: url('grafika/pasek.png') no-repeat center; height: 15px; text-decoration: none; color: #6D1500; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; padding-top:7px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; text-align: center; }

a, ul.menu a:hover, li#current a, li.parent li#current a, li#current li a:hover, #bottom li a:hover, a.mainlevel:hover, a#active_menu.mainlevel{
color:#53a31c;
}

ul.menu a:hover, li#current a,  a.mainlevel:hover, a#active_menu.mainlevel{
background:url(../arrow_active.png) no-repeat;
background-position:3px 9px;
}

#karta { width: auto; margin: 0px auto; text-align: center; }
#le { width: 510px; height: auto;  margin: 0px auto; padding: 11px; float: left; border: 0px solid #5F670C; }
#pr { width: 180px; height: auto;  margin: 0px auto; padding: 11px; float: right; border: 0px solid #5F670C; }


a:link {text-decoration: none; color: #BD282F; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:active {text-decoration: none; color: #BD282F; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:visited { text-decoration: none; color: #BD282F; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:hover {text-decoration: underline; color: #BD282F; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold }

/* styl tytulu kategorii */
#kategoria_tytul { text-align: left; font-family: tahoma; font-size: 13px; color: #504326; font-weight: bold ; }
#kategoria_podtytul { text-align: left; font-family: tahoma; font-size: 11px; color: #504326; font-weight: bold ; }

/* styl linkow do kategorii */
a.kg, a:link.kg, a:active.kg, a:visited.kg { text-decoration: none; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; padding-top:2px; padding-bottom:2px; }
a.kg:hover { text-decoration: underline; color: #0F0F04; font-size: 11px; font-family: Verdana, Arial, Helvetica; padding-top:2px; padding-bottom:2px; }

/* styl linkow do podkategorii */
a.pk, a:link.pk, a:active.pk, a:visited.pk { text-decoration: none; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; }
a.pk:hover { text-decoration: underline; color: #0F0F04; font-size: 10px; font-family: Verdana, Arial, Helvetica;  }

/* styl linkow do podkategorii wybranej */
a.pkw, a:link.pkw, a:active.pkw, a:visited.pkw, a:hover.pkw { text-decoration: none; color: #3C3C2E; font-size: 11px; font-family: Verdana, Arial, Helvetica;  }

/* styl linkow do kategorii wybranej */
a.kgw, a:link.kgw, a:active.kgw, a:visited.kgw, a:hover.kgw { text-decoration: none; color: #3C3C2E; font-size: 11px; font-family: Verdana, Arial, Helvetica; padding-top:2px; padding-bottom:2px;  }

div.koniec { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px;}

body { background: url('grafika/grafika_tlo.jpg') repeat top left; font-size: 10px; font-family: Verdana, Arial, Helvetica; margin-top:0; margin-bottom:0;	}


div.info {text-align: center; color: #000000 ; padding: 5px;  }
div.info span { font-weight: bold; }

form { margin: 0px; padding: 0px; }

#top-reklama { width: 960px; margin: 0px auto; text-align: left; }
#naglowek { width: 960px; margin: 0px auto; text-align: center; }
#logo { width: 350px; height: 285px; float: left; margin: 0px auto; }
#baner { width: 350px; height: 285px; float: right; margin: 0px auto; }

#menu { width: auto; height: auto; clear: both; text-align: left; padding: 0px; margin: 0px 0px;}
#srodek { width: 960px; margin: 0px auto; background: #F3ECD2; overflow:auto;  }

#kategorie { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie li { list-style-type: none; display: block;  margin: 0px; padding: 0px;}
#kategorie li.kategoria { background: url('grafika/menu/bg-bubplastic-h-red.gif') no-repeat center left; padding-left: 20px; padding-right:2px; padding-top:8px; padding-bottom:8px  }
#kategorie li.podkategoria { padding: 2px 2px 2px 20px;  }

#kategorie_linia { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie_linia li { list-style-type: none; display: inline; margin: 0px; padding: 0px;}
#kategorie_linia li.kategoria { background: url('grafika/menu/bg-bubplastic-h-red.gif') no-repeat center left; padding-left: 20px; padding-right:2px; padding-top:4px; padding-bottom:4px }
#kategorie_linia li.podkategoria { padding: 2px 10px;  }

#kategorie_select { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie_select option.kategoria { background: url('grafika/menu/bg-bubplastic-h-red.gif') no-repeat center left; padding-left: 20px; margin: 0px 5px; padding-right:2px; padding-top:4px; padding-bottom:4px }
#kategorie_select option.podkategoria { padding: 2px 10px; margin: 0px 5px; }

#link { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#link li { list-style-type: none; display: inline; margin: 0px; padding: 0px;}
#link li.kategoria { padding-left: 21px; padding-right:2px; padding-top:4px; padding-bottom:4px }
#link li.podkategoria { padding: 2px 10px;  }

#dot li.dot { padding-left: 21px; padding-right:2px; padding-top:2px; padding-bottom:2px }

#stopka { width: 960px; margin: 10px auto; clear: both; text-align: center; }
#dol_strony { width: 960px; margin: 0px auto; text-align: center; }
#zamknij { width: 960px; height: 20px; float: middle; margin: 0px auto; }


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url('grafika/menu/bg-bubplastic.gif') repeat-x top left;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: url('grafika/menu/bg-bubplastic-button.gif') no-repeat top left;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 26px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 26px;
	background: url('grafika/menu/bg-bubplastic-button.gif') no-repeat top right;
	cursor: pointer
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url('grafika/menu/bg-bubplastic-button.gif') no-repeat top left;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 30px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
	background: url('grafika/menu/bg-bubplastic-button.gif') no-repeat top left;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 30px;
	background: url('grafika/menu/bg-bubplastic-button.gif') no-repeat top right;
	cursor: pointer
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-aqua.gif') no-repeat top left;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-aqua.gif') no-repeat top right;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-blue.gif') no-repeat top left;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-blue.gif') no-repeat top right;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-gray.gif') no-repeat top left;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-gray.gif') no-repeat top right;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-lime.gif') no-repeat top left;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-lime.gif') no-repeat top right;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-orange.gif') no-repeat top left;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-orange.gif') no-repeat top right;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-pink.gif') no-repeat top left;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-pink.gif') no-repeat top right;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-purple.gif') no-repeat top left;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-purple.gif') no-repeat top right;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: url('grafika/menu/bg-bubplastic-h-red.gif') no-repeat top left;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: url('grafika/menu/bg-bubplastic-h-red.gif') no-repeat top right;
}

#test li {
	display: block;
	border: solid 1px red;
}