#facebook {
	margin-top: 20px;
	margin-bottom: 20px;
}
#leftbar {
	background-color: #F9F9F9;
}
#leftbar a:link {
	text-decoration: none; 
}
#leftbar a:visited {
	text-decoration: none;
}
#leftbar a:hover, #leftbar a:active, #leftbar a:focus { 
	text-decoration: none;
}
#leftbar h1 {
	font-size: 30px;
	font-family: "MuseoSans-300";
	color: #73CF15;
	padding-left: 5px;
}
/* ~~ Style listy nawigacyjnej lewej*/
#leftnav {
	font-family: "MuseoSans-300", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
ul.leftnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.leftnav li {
	background-image: url(../obrazy/trojkat.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 5px;


}
ul.leftnav a, ul.leftnav 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: #808b3d;
}
ul.leftnav a:hover, ul.leftnav a:active, ul.leftnav a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #9C9E9F;
}
#topsec {
	text-align: left;
	margin-bottom: 20px;
}
#topsec h1 {
	font-size: 30px;
	text-align: right;
}
#topsec h2 {
	color: #728219;
	margin: 0px;
	font-size: 24px;
	float: right;
	font-family: "MuseoSans-100";
}
ul.topsec {
	list-style: none;
}
ul.topsec li {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
#rightsection {
	text-align: center;
	background-color: #c3df16;
	font-family: "MuseoSans-100", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70px;
	color: #FFF;
	height: 290px;
}
.pic {
	display: block;
	text-align: center;
	height: 250px
}
/*GROW*/
.grow img {
	height: 200px;
	width: 70px;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
	margin-top: 25px;
}
.grow img:hover {
	width: 88px;
	height: 250px;
	margin-top: 0px;
}
.etykieta {
	height: 32px;
}
/* style strony mango */
.mango {
	position: relative;
	height: 500px;
}
.mango h1 {
	color: #F59C20;
	font-size: 30px;
	margin-top: 25px;
}
.mango h2 {
	font-size: 16px;
	text-decoration: underline;
	margin-top: 15px;
}
.mango ul {
	list-style-image: url(../obrazy/listek.png);
}
.mango a:link {
	background-image: url(../obrazy/etyk_gruszka_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mango a:visited {
	background-image: url(../obrazy/etyk_gruszka_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mango a:hover, .mango a:active, .mango 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. */
	background-image: url(../obrazy/etyk_gruszka_small.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.mango1 {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F59C20;
}
.mango1 h2 {
	font-size: 16px;
	text-decoration: underline;
	margin-top: 15px;
	color: #F59C20;
}
/* style strony gruszka */
.gruszka {
	position: relative;
	height: 500px;
}
.gruszka h1 {
	color: #FECD18;
	font-size: 30px;
	margin-top: 25px;
}
.gruszka h2 {
	font-size: 16px;
	text-decoration: underline;
	margin-top: 15px;
}
.gruszka ul {
	list-style-image: url(../obrazy/listek.png);
}
.gruszka a:link {
	background-image: url(../obrazy/etyk_mango_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.gruszka a:visited {
	background-image: url(../obrazy/etyk_mango_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.gruszka a:hover, .gruszka a:active, .gruszka 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. */
	background-image: url(../obrazy/etyk_mango_small.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.gruszka1 {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FECD18;
}
.gruszka1 h2 {
	font-size: 16px;
	text-decoration: underline;
	margin-top: 15px;
	color: #FECD18;
}
#przenies {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 120px;
	width: 120px;
	text-align: center;
	display: block;
}