@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	color: #666666;
	height: 100%;
	font-family: "MuseoSans-500", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	font-style: normal;
	font-weight: normal;
	min-width: 960px;
}

/* ~~ Selektory elementów i znaczników ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	list-style-type: none;
}
h1 {
	font-family: "MuseoSans-100";
	font-size: 40px;
	color: #C3DF16;
}
h2 {
	font-family: "MuseoSans-300", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
	color: #9c9e9f;
}
a img { /* Ten selektor usuwa domyślną, niebieską ramkę, wyświetlaną przez niektóre przeglądarki wokół obrazków otoczonych łączem. */
	border: none;
}

/* ~~ Ostylowanie łączy serwisu musi być definiowane w podanej tu kolejności. Dotyczy to również grupy selektorów odpowiedzialnych za efekt „hover” (zmianę wyglądu łącza po umieszczeniu nad nim kursora) ~~ */
a:link {
	color: #6633CC;
	text-decoration: underline; /* Jeśli nie zamierzasz tworzyć łączy o wyjątkowo nietypowym wyglądzie, najlepiej zachować wyróżnienie graficzne w postaci podkreślenia, które pozwala na szybkie zidentyfikowanie łącza. */
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Ta grupa selektorów jest odpowiedzialna za stworzenie efektu „hover” przy nawigacji za pomocą klawiatury, identycznego z efektem uzyskiwanym przez użytkownika korzystającego z myszy. */
	text-decoration: none;
	color: #F30;
}

/* ~~ Ten kontener o stałej szerokości otacza wszystkie pozostałe bloki DIV ~~ */
.wrap {
	min-height: 100%;
}

/* ~~ kolumny układu ~~ */
 
#headerfix {
	position: fixed;
	z-index: 50;
}
#header {
	background-color: #FFF;
	border-radius: 5px;
}
#upnav {
	height: 70px;
	padding-top: 20px;
}
#haslo {
	font-family: "MuseoSans-100", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #A9C23F;
	padding-top: 23px;
	font-weight: lighter;
}
#cocofarmlink {
	margin-bottom: 5px;


}
#cocofarmlink a:link, #cocofarmlink a:visited {
	color: #C3DF16;
	text-decoration: none;
}
#cocofarmlink a:hover, #cocofarmlink a:active, #cocofarmlink a:focus {
	text-decoration: underline;
}
#cocofarmlink ul li {
	display: block;
	float: left;
	list-style-type: none;
}
			
#cocofarmlink ul li a {
	background-image: url(../obrazy/trojkat.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: "MuseoSans-500", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 15px;
}
#icons {
	background-image: url(../obrazy/tlo_icon.png);
	height: 30px;
	background-repeat: no-repeat;
}
#icons ul {
	margin-top: 5px;
	margin-left: 10px;

}
#icons ul li {
	display: block;
	font-family: "MuseoSans-500", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
/* ~~ Style listy nawigacyjnej głównej*/
#nav {
	font-family: "MuseoSans-500", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	height: 30px;
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C3DF16;
}
#nav img {
	margin-top: 5px;
}
ul.nav {
	list-style: none;
	margin-top: 5px;
}
ul.nav li {
	float: left;
	width: 151px;
}
ul.nav a, ul.nav a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	display: block;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	text-decoration: none;
	color: #A9C23F;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #FF9900;
}
#nawigacja {
	height: 0px;
	margin: 0px;
	padding: 0px;
}
#nawigacja1 {
	height: 0px;
	width: 151px;
	margin-left: 40px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #A9C23F;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#nawigacja2 {
	height: 0px;
	width: 151px;
	margin-left: 191px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #C3DF16;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#nawigacja3 {
	height: 0px;
	width: 151px;
	margin-left: 342px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #C3DF16;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#nawigacja4 {
	height: 0px;
	width: 151px;
	margin-left: 493px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #C3DF16;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#nawigacja5 {
	height: 0px;
	width: 151px;
	margin-left: 644px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #C3DF16;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#nawigacja6 {
	height: 0px;
	width: 155px;
	margin-left: 795px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #C3DF16;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.content {
	margin-top: 160px;

}
#bottom {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #c8d400;
	margin: 20px;
}
#bottomlogo{
	margin-top: 5px;
}
#bottomnav{
}
#prodkokosowe {
	font-family: "MuseoSans-300";
	font-size: 14px;
	color: #600223;
	padding-left: 5px;
}
#prodkokosowe a:link {
	color: #7E3750;
	text-decoration: none;
}
#prodkokosowe a:visited {
	color: #7E3750;
	text-decoration: none;
}
#prodkokosowe a:hover, #prodkokosowe a:active, #prodkokosowe a:focus {
	text-decoration: underline;
	color: #592A5E;
}
ul.pkt {
	list-style-type: circle;
}
ul.pkt li {
	padding-top: 10px;
	padding-bottom: 10px;
}
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
img { -ms-interpolation-mode: bicubic; }