/*wzornik _ duzo kodu bo IE :( */
ul.wzornik {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style-type: none;
	position: relative;
}
ul.wzornik li {
	margin: 0;
	padding: 0;
	float: left;
}
ul.wzornik li ul {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 100;
}
ul.wzornik li ul {
	background-color: #fff;
}
ul.wzornik li:hover ul, ul.wzornik li.over ul {
	display: block;
	position: absolute;
	top: -32px;
	left: -30px;
	z-index: 200;
	border: 1px solid #80B236;
}


/* wiersz pierwszy /////////////////////////////////////////////////////*/


ul.wzornik li:hover ul.zlotydab, ul.wzornik li.over ul.zlotydab {
	left: -15px;
}
ul.wzornik li:hover ul.ciemnydab, ul.wzornik li.over ul.ciemnydab {
	left: 40px;
}
ul.wzornik li:hover ul.mahon, ul.wzornik li.over ul.mahon {

	left: 105px;
}
ul.wzornik li:hover ul.orzech, ul.wzornik li.over ul.orzech {

	left: 165px;
}
/* elite orzech /////////////////////////////////////////////////////*/
ul.wzornik li:hover ul.orzech1, ul.wzornik li.over ul.orzech1 {

	left: -15px;
}

/*wiersz drugi /////////////////////////////////////////////////////////*/


ul.wzornik li:hover ul.macore, ul.wzornik li.over ul.macore {
	top: 37px;
	left: -15px;
}
ul.wzornik li:hover ul.macore1, ul.wzornik li.over ul.macore1 {

	left: 40px;
}
ul.wzornik li:hover ul.bialykremowy, ul.wzornik li.over ul.bialykremowy {

	left: -15px;
}
ul.wzornik li:hover ul.bialykremowy1, ul.wzornik li.over ul.bialykremowy1 {

	left: 105px;
}
ul.wzornik li:hover ul.brylantowyniebieski, ul.wzornik li.over ul.brylantowyniebieski {

	left: 40px;
}
ul.wzornik li:hover ul.brylantowyniebieski1, ul.wzornik li.over ul.brylantowyniebieski1 {

	left: 165px;
}
ul.wzornik li:hover ul.ciemnazielen, ul.wzornik li.over ul.ciemnazielen {

	left: 105px;
}
ul.wzornik li:hover ul.ciemnazielen1, ul.wzornik li.over ul.ciemnazielen1 {
		top: 37px;
	left: -15px;
}

/*wiersz trzeci////////////////////////////////////////////////////////*/


ul.wzornik li:hover ul.ciemnybraz, ul.wzornik li.over ul.ciemnybraz {

	left: 165px;
}
ul.wzornik li:hover ul.ciemnybraz1, ul.wzornik li.over ul.ciemnybraz1 {
		top: 37px;
	left: 40px;
}
ul.wzornik li:hover ul.czarny, ul.wzornik li.over ul.czarny {
		top: 37px;
	left: -15px;
}
ul.wzornik li:hover ul.czarny1, ul.wzornik li.over ul.czarny1 {
		top: 37px;
	left: 105px;
}
ul.wzornik li:hover ul.czerwony, ul.wzornik li.over ul.czerwony {
		top: 37px;
	left: 40px;
}
ul.wzornik li:hover ul.czerwony1, ul.wzornik li.over ul.czerwony1 {
	top: 37px;
	left: 165px;
}
ul.wzornik li:hover ul.dab, ul.wzornik li.over ul.dab {
		top: 37px;
	left: 105px;
}
ul.wzornik li:hover ul.dab1, ul.wzornik li.over ul.dab1 {
	top: 105px;
	left: -15px;
}

/*wiersz czwarty//////////////////////////////////////////*/


ul.wzornik li:hover ul.dabnaturalny, ul.wzornik li.over ul.dabnaturalny {
	top: 37px;
	left: 165px;
}
ul.wzornik li:hover ul.dabnaturalny1, ul.wzornik li.over ul.dabnaturalny1 {
	top: 105px;
	left: 40px;
}
ul.wzornik li:hover ul.jasnoszary, ul.wzornik li.over ul.jasnoszary {
	top: 105px;
	left: -15px;
}
ul.wzornik li:hover ul.jasnoszary1, ul.wzornik li.over ul.jasnoszary1 {
	top: 105px;
	left: 105px;
}
ul.wzornik li:hover ul.newada, ul.wzornik li.over ul.newada {
	top: 105px;
	left: 40px;
}
ul.wzornik li:hover ul.newada1, ul.wzornik li.over ul.newada1 {
	top: 105px;
	left: 165px;
}
ul.wzornik li:hover ul.oregon, ul.wzornik li.over ul.oregon {
	top: 105px;
	left: 105px;
}
ul.wzornik li:hover ul.oregon1, ul.wzornik li.over ul.oregon1 {
	top: 170px;
	left: -15px;
}

/*wiersz piaty///////////////////////////////////////////////*/


ul.wzornik li:hover ul.sierra, ul.wzornik li.over ul.sierra {
	top: 105px;
	left: 165px;
}
ul.wzornik li:hover ul.sierra1, ul.wzornik li.over ul.sierra1 {
	top: 170px;
	left: 40px;
}
ul.wzornik li:hover ul.sosnagorska, ul.wzornik li.over ul.sosnagorska {
	top: 170px;
	left: -15px;
}
ul.wzornik li:hover ul.sosnagorska1, ul.wzornik li.over ul.sosnagorska1 {
	top: 170px;
	left: 105px;
}
ul.wzornik li:hover ul.stalowoniebieski, ul.wzornik li.over ul.stalowoniebieski {
	top: 170px;
	left: 40px;
}
ul.wzornik li:hover ul.stalowoniebieski1, ul.wzornik li.over ul.stalowoniebieski1 {
	top: 170px;
	left: 165px;
}
ul.wzornik li:hover ul.szary, ul.wzornik li.over ul.szary {
	top: 170px;
	left: 105px;
}
ul.wzornik li:hover ul.szary1, ul.wzornik li.over ul.szary1 {
	top: 235px;
	left: -15px;
}

/*wiersz szosty///////////////////////////////////////////////*/


ul.wzornik li:hover ul.szaryantracyt, ul.wzornik li.over ul.szaryantracyt {
	top: 170px;
	left: 165px;
}
ul.wzornik li:hover ul.szaryantracyt1, ul.wzornik li.over ul.szaryantracyt1 {
	top: 235px;
	left: 40px;
}
ul.wzornik li:hover ul.toscana, ul.wzornik li.over ul.toscana {
	top: 235px;
	left: -15px;
}
ul.wzornik li:hover ul.toscana1, ul.wzornik li.over ul.toscana1 {
	top: 235px;
	left: 105px;
}
ul.wzornik li:hover ul.wisniadaglezja, ul.wzornik li.over ul.wisniadaglezja {
	top: 235px;
	left: 40px;
}
ul.wzornik li:hover ul.wisniadaglezja1, ul.wzornik li.over ul.wisniadaglezja1 {
	top: 235px;
	left: 165px;
}
ul.wzornik li:hover ul.zielenmchu, ul.wzornik li.over ul.zielenmchu {
	top: 235px;
	left: 105px;
}
ul.wzornik li:hover ul.zielenmchu1, ul.wzornik li.over ul.zielenmchu1 {
	top: 295px;
	left: -15px;
}

/* koniec wierszy/////////////////////////////////////////////// */


ul.wzornik li ul li img {
	background-color: #fff;
	z-index: 100;
	margin: 0;
	border: none;
}
ul.wzornik li ul li {
	padding: 2px;
}
ul.wzornik li ul li span {
	display: block;
	color: #666666;
	font-size: 10px;
}
.wzornik img {
	margin: 4px;
	border: 1px solid #80B236;
	padding: 1px;
}