/* Start of CMSMS style sheet 'forest' */
/* Layout */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #8bc63e;
}

div.facebook {
	position: fixed;
	top: 120px;
	right: -320px;
	width: 347px;
	z-index: 1000;
}

div.facebook img.facebook-przycisk {
	float: left;
}

div.facebook div.facebook-ramka {
	width: 300px;
	height: 300px;
	float: right;
	padding: 10px;
	background: #DCDCDC;
	font-size: 11px;
}

div.facebook div.facebook-ramka a {
	text-decoration: none;
	color: #547F0F;
	border-bottom: 1px dotted #547F0F;
}

div.facebook div.facebook-ramka a:hover {
	text-decoration: none;
	color: #000018;
	border-bottom: 1px dotted #000018;
}

div.main {
	width: 980px;
	margin: auto;
	background: url(/images/cell.jpg) top repeat-y;
}

div.forest-fitness-01_ {
	width: 980px;
	height: 120px;
	background: url(/images/forest-fitness-01.jpg);
}

div.forest-fitness-02_ {
	width: 980px;
	background: url(/images/forest-fitness-02.jpg) top no-repeat;
}

div.forest-fitness-03_ {
	width: 980px;
	height: 135px;
	background: url(/images/forest-fitness-03.jpg);
}

div.clear {
	clear: both;
}

/* Wyszukiwarka */

div.wyszukiwarka {
	float: left;
	width: 259px;
	padding: 80px 0 0 300px;
}

div.wyszukiwarka form {
	margin: 0;
	padding: 0;
}

div.wyszukiwarka form input.wyszukiwarka-input {
	width: 185px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0 0 0;
	padding: 3px;
	background-color: transparent;
	border: 0;
	color: #333333;
	float: left;
}

div.wyszukiwarka form input.wyszukiwarka-button {
	border: 0;
	outline: none;
	width: 61px;
	height: 21px;
	background-color: transparent;
	padding: 0;
	margin: 0;
	float: right;
}

/* Loga do BKKK i KOKORO */

div.loga {
	float: right;
	width: 285px;
	padding: 44px 10px 0 0;
}

div.loga a.link-bkkk {
	display: block;
	width: 135px;
	height: 66px;
	float: left;
}

div.loga a.link-kokoro {
	display: block;
	width: 135px;
	height: 66px;
	float: right;
}

/* Flash */

.flash {
	outline: none;
}

/* Stopka */

div.panoramy a.link-panoramy {
	width: 263px;
	height: 95px;
	margin: 0 0 0 19px;
	float: left;
}

div.stopka {
	width: 653px;
	height: 67px;
	float: right;
	padding: 10px 19px 0 0;
}

div.aginus {
	font-size: 9px;
	color: #486F14;
	text-align: center;
	clear: both;
	padding: 5px 0 0 0;
}

div.aginus a {
	text-decoration: none;
	color: #486F14;
}

div.aginus a:hover {
	text-decoration: none;
	color: #000000;
}

div.top {
	width: 75px;
	float: right;
	padding: 0 45px 0 0;
}

div.top a {
	width: 75px;
	height: 27px;
	float: right;
	background: url(/images/top.jpg) top;
}

div.top a:hover {
	background: url(/images/top.jpg) bottom;
}

/* Menu */

div.menu {
	width: 262px;
	float: left;
	padding: 115px 0 0 19px;
}

div.menu ul {
	margin: 0;
	padding: 0;
}

div.menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(/images/menu-separator.jpg) bottom center;
	background-repeat: no-repeat;
}

div.menu ul li a {
	display: block;
	width: 262px;
	text-decoration: none;
	color: #000019;
	font-size: 12px;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
}

div.menu ul li a:hover, div.menu ul li.wybrana a {
	color: #547F0F;
}

div.menu ul li a.sekcja-open {
	background: url(/images/menu-cell.jpg) center repeat-y;
}

div.menu ul li ul.podmenu {
	padding: 0 0 10px 0;
}

div.menu ul li ul li {
	background: none;
}

div.menu ul li ul li a {
	display: block;
	width: 262px;
	text-decoration: none;
	color: #000019;
	font-size: 11px;
	text-align: center;
	padding: 5px 0;
	font-weight: normal;
}

/* Menu 2 */

div.menu-2 ul {
	margin: 0!important;
	padding: 0!important;
}

div.menu-2 ul li {
	float: left;
	padding: 0 20px 0 0!important;
	margin: 10px 0 0 0!important;
	list-style-type: none;
	display: block;
}

div.menu-2 ul li a {
	padding: 3px;
	display: block;
}

div.menu-2 ul li a:hover, div.menu-2 ul li.wybrana a {
	background: #6B9F27!important;
	color: #ffffff;
}

div.menu-2 div.clear {
	border-bottom: 3px solid #DCDCDC;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
}

/* Honorowane karty */

div.karty {
	text-align: center;
	padding: 40px 0 20px 0;
}

div.karty p {
	background: #F5F5F5;
	padding: 3px;
	border-bottom: 1px solid #EBEBEB;
}

div.karty img {
	border: 0;
}

/* Treść */

div.tresci {
	width: 653px;
	float: right;
	line-height: 18px;
	padding: 0 19px 0 0;
	text-align: justify;
	position: relative;
}

div.tresci p {
	margin: 0;
	padding: 8px 0 7px 0;
}

div.tresci ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.tresci ul li {
	margin-top: 5px;
	margin-bottom: 3px;
	list-style-type: square;
}

div.tresci ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.tresci ol li {
	margin-top: 5px;
	margin-bottom: 3px;
	list-style-type: decimal;
}

div.tresci a {
	text-decoration: none;
	color: #547F0F;
	border-bottom: 1px dotted #547F0F;
}

div.tresci a:hover {
	text-decoration: none;
	color: #000018;
	border-bottom: 1px dotted #000018;
}

div.tresci h1 {
	margin: 10px 0 5px 0;
	text-align: right;
	font-size: 16px;
	color: #457F00;
}

div.tresci h2.naglowek-warstwy {
	margin: 10px 0 0 0;
	padding: 3px 5px;
	font-size: 14px;
	background: #457F00;
	border-right: 1px solid #527F17;
	border-bottom: 1px solid #527F17;
	color: #FFFFFF;
	cursor: pointer;
}

div.tresci div.warstwa {
	border-bottom: 3px solid #457F00;
	background: #F5F5F5;
	padding: 5px;
}

/* Mapa */

#map {
	width: 651px;
	height: 350px;
	border: 1px solid #DFDFDF;
	margin: 12px 0 0 0;
}

/* Ramka na stronie głównej */

div.ramka-strona-glowna {
	width: 653px;
	margin: 40px 0 0 0;
}

div.ramka-strona-glowna-01 {
	width: 653px;
	height: 15px;
	background: url(/images/ramka-strona-glowna-01.jpg);
}

div.ramka-strona-glowna-02 {
	width: 633px;
	background: url(/images/ramka-strona-glowna-02.jpg) top repeat-y;
	padding: 0 10px;
}

div.ramka-strona-glowna-03 {
	width: 653px;
	height: 14px;
	background: url(/images/ramka-strona-glowna-03.jpg);
}

div.ramka-left {
	width: 187px;
	float: left;
	padding: 0 20px 0 0;
	background: url(/images/ramka-strona-glowna-separator.jpg) right repeat-y;
}

div.ramka-left p {
	background: #EBEBEB;
	padding: 2px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

div.ramka-left a {
	border: 0;
}

div.ramka-left a:hover {
	border: 0;
}

div.ramka-left a img {
	border: 0;
}

div.ramka-right {
	width: 406px;
	float: right;
	padding: 0 0 0 20px;
}

div.newsletter {
	background: url(/images/ramka-strona-glowna-separator-2.jpg) #dae4f5;
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0 0 10px 15px;
}

/* Tabele */

table.cennik {
	width: 653px;
	border: 0;
	border-spacing: 3px;
	border-collapse: separate;
	margin: 20px auto;
}

table.cennik tr td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	background: #F5F5F5;
}

table.cennik tr.tytul td {
	background: #000018;
	color: #FFFFFF;
	font-weight: bold;
}

table.cennik tr td.tytul-2 {
	background: #8BC63E;
	font-weight: bold;
}

table.grafik-zajec {
	width: 653px;
	border: 0;
	border-spacing: 3px;
	border-collapse: separate;
	margin: 20px auto;
}

table.grafik-zajec tbody tr td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	background: #F5F5F5;
}

table.grafik-zajec tbody tr td a:hover {
	color: #547F0F;
	border: 0;
}

table.grafik-zajec tbody tr th {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	background: #DFDFDF;
}

table.grafik-zajec thead tr td, table.grafik-zajec tfoot tr td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	background: #000018;
	color: #FFFFFF;
	font-weight: bold;
}

/* Kontakt */

div.kontakt-left {
	float: left;
	width: 300px;
	height: 340px;
	background: #F5F5F5;
	border: 1px solid #DFDFDF;
	padding: 10px;
}

div.kontakt-right {
	float: right;
	width: 300px;
	height: 340px;
	background: #F5F5F5;
	border: 1px solid #DFDFDF;
	padding: 10px;
}

/* Foto w zespole */

img.foto-zespol {
	float: right;
	margin: 12px 0 20px 20px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

/* Opis zajęć */

div.opis-zajec {
	line-height: 18px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	padding: 0 10px 0 0;
	width: 540px;
	height: 195px;
	overflow: auto;
}

div.opis-zajec a {
	text-decoration: none;
	color: #547F0F;
	border-bottom: 1px dotted #547F0F;
}

div.opis-zajec a:hover {
	text-decoration: none;
	color: #000018;
	border-bottom: 1px dotted #000018;
}

/* News */

div.news {
	clear: both;
	margin: 0 0 50px 0;
}

div.news-data {
	width: 110px;
	float: left;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 1px;
}

div.news-data span {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 4px 0 0 1px;
	text-align: center;
	width: 24px;
	height: 16px;
	color: #ffffff
}

div.news-data span.data-dzien {
	background: url(/images/news-data-dzien-miesiac.jpg);
}

div.news-data span.data-miesiac {
	background: url(/images/news-data-dzien-miesiac.jpg);
}

div.news-data span.data-rok {
	background: url(/images/news-data-rok.jpg);
	width: 42px;
	margin: 0;
}

div.news-tytul {
	float: left;
	font-size: 14px;
	width: 543px;
	color: #000019;
}

div.news-kategoria {
	font-size: 11px;
	color: #999999;
	padding: 0 0 10px 0;
}

div.news-zajawka {
	margin: 0 0 20px 0;
	padding: 5px;
	color: #000019;
	background: #F5F5F5;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}

div.news-wpis {
	text-align: left;
}

div.news-zajawka img.foto, div.news-wpis img.foto {
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

p.news-link {
	text-align: right;
}

div.news-nawigacja {
	background: #F5F5F5;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	text-align: center;
	font-size: 10px;
	margin: 0 0 30px 0;
}

div.news-nawigacja a {
	border: 0;
	font-size: 12px;
}

/* Nawigacja galerii */

div.galeria-nawigacja {
	background: #F5F5F5;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	text-align: center;
	font-size: 11px;
	margin: 30px 0;
}

div.galeria-nawigacja a {
	border: 0;
}

/* UKRYCIE WARSTWY Z OPISAMI ZAJĘĆ W GRAFIKU ZAJĘĆ */
div.ukryte { 
	display: none;
}
/* End of 'forest' */