@charset "iso-8859-2";
@media all {
   body {
   background-color: #006600;
   width: 990px;
   margin-left: auto;
   margin-right: auto;
        }
   body,td,th {
   font-family: "Verdana", "Arial";
   font-size: small;
   color: #006600;
   }
   a:link {
   text-decoration: none;
   color: #006600;
   }
   a:visited {
   text-decoration: none;
   color: #666600;
   }
   a:hover {
   text-decoration: none;
   background-color: #FFFFDD;
   }
   a:active {
   text-decoration: none;
   }
   .styl2 {
   font-size: xx-small;
   font-style: italic;
   }
   .styl3 {
   font-size: small;
   font-weight: bold;
   }
   .styl4 {
   font-size: xx-small;
   }
   .styl5 {
   font-size: x-small;
   }
   .styl6 {
   font-size: xx-small;
   font-weight:bold;
   color:#FF0000;
   }
   .styl7 {
   font-size: small;
   color:#FF0000;
   }
   .styl8 {
   font-size: small;
   font-weight:bold;
   }
   	H1 {
	font-size: large;
	font-weight: bold;
	padding-left: 20px;
	}
   	H2 {
   	font-size: medium;
	font-weight: bold;
	}
	H3 {
	font-size: medium;
	font-weight: bold;
	}
	H4 {
	font-size: small;
	font-weight: bold;
	font-style: italic;
	}
    .ogrod {
    display: inline-block;
    float: right;
    margin-left: 1px;
	margin-right: 6px;
    padding: 2px 3px;
    background-color: #e5f0df;
    color: #356b2b;
    font-size: 8px;
    font-weight: bold;
    line-height: 1.4;
    border-radius: 3px;
    white-space: nowrap;
    }
.ogrod {
    position: relative;
}
.ogrod:hover::after {
    content: "Odmiana polecana do ogrodu przydomowego, niewymagająca intensywnej ochrony.";
    position: absolute;
    left: 0;
    bottom: 100%;
    padding: 6px 8px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 4px;
    white-space: normal;
    width: 200px;
    z-index: 100;
}
    .deserowa {
    display: inline-block;
    float: right;
    margin-left: 1px;
	margin-right: 6px;
    padding: 2px 3px;
    background-color: #f5e2a3;
    color: #765400;
    font-size: 8px;
    font-weight: bold;
    line-height: 1.4;
    border-radius: 3px;
    white-space: nowrap;
    }
.deserowa {
    position: relative;
}
.deserowa:hover::after {
    content: "Odmiana deserowa, do jedzenia na świeżo.";
    position: absolute;
    left: 0;
    bottom: 100%;
    padding: 6px 8px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    white-space: normal;
    width: 200px;
    z-index: 100;
}
    .altanowa {
    display: inline-block;
    float: right;
    margin-left: 1px;
	margin-right: 6px;
    padding: 2px 3px;
    background-color: #dceaf5;
    color: #285477;
    font-size: 8px;
    font-weight: bold;
    line-height: 1.4;
    border-radius: 3px;
    white-space: nowrap;
    }
.altanowa {
    position: relative;
}
.altanowa:hover::after {
    content: "Odmiana polecana do prowadzenia przy altanach i pergolach oraz na wysokie formy.";
    position: absolute;
    left: 0;
    bottom: 100%;
    padding: 6px 8px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 4px;
    white-space: normal;
    width: 200px;
    z-index: 100;
}
	#main {
	background-color: #FFFFCC;
	min-height: 825px;
	}
	#tresc {
	width: 630px;
	padding-left: 180px;
	padding-right: 180px;
	padding-top: 30px;
	}
	#srodek {
	padding-left: 100px;
	padding-top: 50px;
	}
	#tab1 {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: x-small;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	#tab2 {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: x-small;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	#tab3 {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: x-small;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	#tab4 {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: x-small;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	#tab5 {
	background-color: #CCCCCC;
	padding: 10px;
	font-size: x-small;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	}
	#aktual {
	position: absolute;
	top: 180px;
	width: 180px;
	margin-left: 810px;
	}
	#buttonlike {
	position: absolute;
	top: 410px;
	margin-left: 880px;
	}
	#buttonf {
	position: absolute;
	top: 550px;
	margin-left: 850px;
	}
	#buttong {
	position: absolute;
	top: 910px;
	width: 180px;
	margin-left: 820px;
	}
	#piwiw {
	position: absolute;
	margin-left: 15px;
	width: 120px;
	top: 520px;
	}
	#roman {
	position:absolute;
	margin-left: 10px;
	top: 230px;
	}
	#paw {
	position:absolute;
	margin-left: 10px;
	top: 290px;
	}
	#kpw {
	position: absolute;
	margin-left: 15px;
	width: 59px;
	top: 590px;
	}
	#zobacz {
	margin-left: 250px;
	margin-top: 30px;
	}
	#flag {
	position: absolute;
	float: right;
	background-color: #006600;
	padding: 10px;
	top: 620px;
	margin-left: 950px;
	}
	#odmiany {
	font-size: x-small;
	}
	#stopka {
	font-size: x-small;
	color: #FFFFCC;
	margin-left: auto;
	margin-right: auto;
	}
	ul, ul li {
	display: block;
	list-style: none;
	top: 150px;
	padding: 0;
	background-color: #FFFFCC;
	font-weight: bold;
	}
	ul {
	position: absolute;
	margin-left: 5px;
	}
	ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 140px;
	text-align: center;
	padding: 2px 0;
	font-weight: bold;
	color: #006600;
	}
	ul a:hover {
	background-color: #FFFFDD;
	color: #006600;
	}
}