/* RESET USTAWIEN
--------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	}

ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

a:link, a:active {
	outline: none;
	}

.clearme {
	clear: both;
	}

.floatmeright {
	float: right;
	}

.floatmeleft {
	display: block;
	float: left;
	}



/* LAYOUT
--------------------------------------------------------------------------------------*/
html, body {
	height: 100%;
	}

body.home {
	background: #e2eaed url('../images/bg.png') top center repeat-x;
	}

body.subpage {
	background: #e2eaed url('../images/bg-programdlaszkol.png') top center repeat-y;
	min-height: 100%;
	}

body.programdlaszkol {
	background: #e2eaed url('../images/bg-programdlaszkol.png') top center repeat-y;
	}

body.programdlarodzin {
	background: #e2eaed url('../images/bg-programdlarodzin.png') top center repeat-y;
	}

body.mlodziez {
	background: #e2eaed url('../images/bg-mlodziez.png') top center repeat-y;
	}

body.dlanauczycieli {
	background: #e2eaed url('../images/bg-dlanauczycieli.png') top center repeat-y;
	}

body.subpage div.topgradient {
	background: url('../images/bg-topgradient.png') top center repeat-x;
	min-height: 100%;
	height: auto;
	}

body div.bottomgradient {
	background: url('../images/bg-bottomgradient.png') bottom center repeat-x;
	min-height: 100%;
	height: auto;
	}

#container {
	width: 974px;
	margin: 0 auto;
	}

#content {
	width: 760px;
	float: left;
	}

#sidebar {
	width: 200px;
	float: right;
	margin-top: 10px;
	}

.box-content {
	margin-top: 15px;
	width: 760px;
	}

#box-dlaszkol {
	width: 760px;
	}

.box-content-wide {
	width: 760px;
	margin-top: -5px;
	min-height: 305px;
	background: url('../images/tlo.gif') bottom left repeat-y;
	clear: both;
	}

.box-content-wide-top {
	margin-top: 25px;
	height: 50px;
	background: url('../images/tlo_top.gif') top left no-repeat;
	}

.box-content-wide-bottom {
	height: 50px;
	background: url('../images/tlo_bottom.gif') top left no-repeat;

}

/* MENU
--------------------------------------------------------------------------------------*/
#menu {
	height: 130px;
	position: relative;
	margin-bottom: 20px;
	}

a#logo {
	display: block;
	float: left;
	width: 110px;
	height: 130px;
	margin-left: 6px;
	}

body.subpage a#logo {
	margin-left: 10px;
	}

#menu ul {
	width: expression(500+"px");
	height: 40px;
	padding: 0 0 0 15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #ecf2f4 url('../images/bg-topmenu-left.png') top left no-repeat;
	}

#menu ul li {
	display: block;
	float: right;
	}

li#topmenu-last {
	background: url('../images/bg-topmenu-right.png') top right no-repeat;
	padding-right: 15px;
	}

#menu ul li a:link, #menu ul li a:visited {
	padding: 0 8px;
	font: 12px/40px tahoma, arial;
	font-weight: bold;
	color: #4e4e4e;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0px;
	outline: none;
	}

#menu ul li a:hover {
	color: #03d5ea;
	}

#menu ul li a.active {
	color: #03d5ea;
	}


/* DUZE MENU
--------------------------------------------------------------------------------------*/
ul#mainmenu {
	display: block;
	width: 760px;
	height: 235px;
	margin-top: 10px;
	}

ul#mainmenu li {
	display: block;
	width: 142px;
	height: 235px;
	float: left;
	padding: 0 5px 0 5px;
	}

ul#mainmenu a {
	display: block;
	width: 142px;
	height: 235px;
	text-indent: -9999px;
	outline: none;
	}

#menu-dlaszkol a {
	background: url('../images/mainmenu-sprite.png') -6px 0;
	}

#menu-dlaszkol a:hover {
	background: url('../images/mainmenu-sprite.png') -6px -235px;
	}

#menu-dlarodzin a {
	background: url('../images/mainmenu-sprite.png') -158px 0;
	}

#menu-dlarodzin a:hover {
	background: url('../images/mainmenu-sprite.png') -158px -235px;
	}

#menu-wydarzenia a {
	background: url('../images/mainmenu-sprite.png') -310px 0;
	}

#menu-wydarzenia a:hover {
	background: url('../images/mainmenu-sprite.png') -310px -235px;
	}

#menu-mlodziez a {
	background: url('../images/mainmenu-sprite.png') -462px 0;
	}

#menu-mlodziez a:hover {
	background: url('../images/mainmenu-sprite.png') -462px -235px;
	}

#menu-dlanauczycieli a {
	background: url('../images/mainmenu-sprite.png') -614px 0;
	}

#menu-dlanauczycieli a:hover {
	background: url('../images/mainmenu-sprite.png') -614px -235px;
	}

#box-opisymenu {
	background: url('../images/bg-content-bottom.gif') bottom left no-repeat;
	margin-top: 25px;
	}

#box-opisymenu ul {
	display: block;
	width: 739px;
	padding: 25px 8px 25px 13px;
	min-height: 150px;
	background: url('../images/bg-content-top.png') top left no-repeat;
	}

#box-opisymenu li {
	display: block;
	width: 124px;
	float: left;
	padding: 0 11px 0 12px;
	margin-bottom: 20px;
	}

#box-opisymenu h2 {
	font: 11px/12px arial, sans;
	font-weight: bold;
	display: block;
	height: 32px;
	text-align: left;
	}

h2#t1 {
	color: #449bed;
	}

h2#t2 {
	color: #92ba4b;
	}

h2#t3 {
	color: #d93f97;
	}

h2#t4 {
	color: #ff7c4b;
	}

h2#t5 {
	color: #efe03c;
	}

#box-opisymenu p {
	font: 11px/12px arial, sans;
	color: #5e5e5e;
	text-align: left;
	}



/* DUZE MENU NA PODSTRONACH
--------------------------------------------------------------------------------------*/
ul#mainmenu-sub {
	display: block;
	width: 760px;
	height: 150px;
	}

ul#mainmenu-sub li {
	display: block;
	width: 144px;
	height: 150px;
	float: left;
	padding: 0 10px 0 0;
	}

ul#mainmenu-sub li.last {
	padding: 0;
	}

ul#mainmenu-sub a {
	display: block;
	width: 144px;
	height: 150px;
	text-indent: -9999px;
	outline: none;
	}

#menu-dlaszkol-sub a {
	background: url('../images/mainmenu-sub-sprite.png') 0 0;
	}

#menu-dlaszkol-sub a:hover {
	background: url('../images/mainmenu-sub-sprite.png') 0 -150px;
	}

#menu-dlaszkol-sub a:active, #menu-dlaszkol-sub a.this {
	background: url('../images/mainmenu-sub-sprite.png') 0 -300px;
	}

#menu-dlarodzin-sub a {
	background: url('../images/mainmenu-sub-sprite.png') -154px 0;
	}

#menu-dlarodzin-sub a:hover {
	background: url('../images/mainmenu-sub-sprite.png') -154px -150px;
	}

#menu-dlarodzin-sub a:active, #menu-dlarodzin-sub a.this {
	background: url('../images/mainmenu-sub-sprite.png') -154px -300px;
	}

#menu-wydarzenia-sub a {
	background: url('../images/mainmenu-sub-sprite.png') -308px 0;
	}

#menu-wydarzenia-sub a:hover {
	background: url('../images/mainmenu-sub-sprite.png') -308px -150px;
	}

#menu-wydarzenia-sub a:active, #menu-wydarzenia-sub a.this {
	background: url('../images/mainmenu-sub-sprite.png') -308px -300px;
	}

#menu-mlodziez-sub a {
	background: url('../images/mainmenu-sub-sprite.png') -462px 0;
	}

#menu-mlodziez-sub a:hover {
	background: url('../images/mainmenu-sub-sprite.png') -462px -150px;
	}

#menu-mlodziez-sub a:active, #menu-mlodziez-sub a.this {
	background: url('../images/mainmenu-sub-sprite.png') -462px -300px;
	}

#menu-dlanauczycieli-sub a {
	background: url('../images/mainmenu-sub-sprite.png') -616px 0;
	}

#menu-dlanauczycieli-sub a:hover {
	background: url('../images/mainmenu-sub-sprite.png') -616px -150px;
	}

#menu-dlanauczycieli-sub a:active, #menu-dlanauczycieli-sub a.this {
	background: url('../images/mainmenu-sub-sprite.png') -616px -300px;
	}



/* SIDEBAR
--------------------------------------------------------------------------------------*/
#box-linki {
	width: 200px;
	height: 140px;
	background: url('../images/bg-linki.png') top left no-repeat;
	position: relative;
	}

#box-linki h2 {
	width: 140px;
	height: 30px;
	background: url('../images/sidebar-spr.png') 0 -20px no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 35px;
	left: 18px;
	}

#box-linki ul {
	display: block;
	width: 170px;
	height: 20px;
	position: absolute;
	top: 66px;
	left: 20px;
	}

#box-linki li {
	display: block;
	width: 15px;
	height: 16px;
	float: left;
	margin: 0 4px;
	text-indent: -9999px;
	background: url('../images/sidebar-spr.png') no-repeat;
	}

#box-linki li a {
	display: block;
	width: 15px;
	height: 16px;
	border: 0px solid red;
	}

#box-linki li#l1 {
	background-position: 0 0;
	}

#box-linki li#l2 {
	background-position: -20px 0;
	}

#box-linki li#l3 {
	background-position: -40px 0;
	}

#box-linki li#l4 {
	background-position: -60px 0;
	}

#box-linki li#l5 {
	background-position: -80px 0;
	}

#box-linki li#l6 {
	background-position: -100px 0;
	}

#box-linki li#l7 {
	background-position: -116px 0;
	}


#box-partnerzy {
	width: 200px;
	height: 140px;
	margin-top: 15px;
	background: url('../images/bg-partnerzy.gif') top left no-repeat;
	position: relative;
}

#box-partnerzy h2 {
	width: 143px;
	height: 25px;
	background: url('../images/nasi-partnerzy-spr.gif') 0 0 no-repeat;
	position: absolute;
	text-indent: -9999px;
	top: 35px;
	left: 18px;
}

#box-partnerzy #partners_logos {float: left; margin: 62px 0px 0px 20px;}


#box-szukaj {
	width: 200px;
	height: 90px;
	position: relative;
	margin-top: 15px;
	background: url('../images/bg-szukaj.png') top left no-repeat;
	}

#box-szukaj form {
	position: absolute;
	top: 36px;
	left: 25px;
	width: 160px;
	height: 20px;
	}

input#szukaj {
	width: 110px;
	height: 14px;
	float: left;
	background: transparent url('../images/sidebar-spr.png') 0 -50px fixed no-repeat;
	font: 11px/18px arial, helvetica, verdana, sans;
	color: #03d5ea;
	font-weight: bold;
	padding: 2px 3px 2px 6px;
	}

form>input#szukaj {
	background: #fff url('../images/sidebar-spr.png') 0 -50px no-repeat;
	vertical-align: middle;
	}

.submitbutton {
	float: left;
	margin: 0;
	vertical-align: middle;
	}

#box-kalendarz {
	width: 200px;
	height: 200px;
	position: relative;
	margin-top: 15px;
	}

#box-kalendarz a {
	display: block;
	width: 200px;
	height: 200px;
	background: url('../images/kalendarz.gif') top left no-repeat;
	text-indent: -9999px;
	outline: none;
	}

#box-kalendarz h2 {
	width: 100px;
	height: 12px;
	background: url('../images/sidebar-spr.png') 0 -70px no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 25px;
	left: 25px;
	}

#box-kalendarz table {
	position: absolute;
	top: 45px;
	left: 20px;
	border-width: 0px;
	border-spacing: 0px;
	}

#box-kalendarz tr.k-miesiac td {
	font: 11px/11px arial, sans;
	color: #5e5e5e;
	font-weight: bold;
	height: 12px;
	}

#box-kalendarz td.miesiac {
	padding-left: 10px;
	}

#box-kalendarz tr.k-nazwy td {
	font: 12px/16px arial, sans;
	color: #5e5e5e;
	font-weight: bold;
	width: 22px;
	text-align: right;
	}

#box-kalendarz tr.k-dni td {
	font: 11px/17px arial, sans;
	color: #5e5e5e;
	width: 21px;
	text-align: right;
	}



/* SIDEMENU NA PODSTRONACH
--------------------------------------------------------------------------------------*/
ul#sidemenu {
	width: 140px;
	display: block;
	float: left;
	font: 14px/14px arial, sans;
	font-weight: bold;
	}

ul#sidemenu li {
	display: block;
	width: 140px;
	margin-bottom: 3px;
	}

ul#sidemenu li a {
	display: block;
	width: 140px;
	text-decoration: none;
	outline: none;
	}

ul#sidemenu li a span {
	display: block;
	width: 120px;
	padding: 9px 10px;
	}

ul#sidemenu li a:hover, ul#sidemenu li a.current {
	background: url('../images/bg-submenu-top.png') top left no-repeat;
	}

ul#sidemenu li a:hover span, ul#sidemenu li a.current span {
	background: url('../images/bg-submenu-bottom.png') bottom left no-repeat;
	}

#sidemenu a.sm-1, div.pane h2.sm-1 {
	color: #8da7bf;
	}

#sidemenu a.sm-2, div.pane h2.sm-2 {
	color: #6d2984;
	}

#sidemenu a.sm-3, div.pane h2.sm-3 {
	color: #b10074;
	}

#sidemenu a.sm-4, div.pane h2.sm-4 {
	color: #c1002a;
	}

#sidemenu a.sm-5, div.pane h2.sm-5 {
	color: #ec7210;
	}

#sidemenu a.sm-6, div.pane h2.sm-6 {
	color: #f9b600;
	}

#sidemenu a.sm-7, div.pane h2.sm-7 {
	color: #2971c0;
	}

#sidemenu a.sm-8, div.pane h2.sm-8 {
	color: #5a85dd;
	}

ul#topsidemenu {
	display: block;
	height: 32px;
	margin: 15px 0 15px 160px;
	font: 14px/32px arial, sans;
	font-weight: bold;
	}

ul#topsidemenu li {
	display: block;
	float: left;
	height: 32px;
	margin-right: 2px;
	}

ul#topsidemenu li.last {
	margin-right: 0px;
	}

ul#topsidemenu li a {
	display: block;
	height: 32px;
	text-decoration: none;
	outline: none;
	padding: 0 0 0 9px;
	}

ul#topsidemenu li a span {
	display: block;
	height: inherit;
	width: inherit;
	padding: 0 9px 0 0;
	}

ul#topsidemenu li a:hover, ul#topsidemenu li a.current {
	background: url('../images/bg-topsidemenu-left.png') top left no-repeat;
	}

ul#topsidemenu li a:hover span, ul#topsidemenu li a.current span {
	background: url('../images/bg-topsidemenu-right.png') top right no-repeat;
	}


#topsidemenu a {
	color: #3b5997;
	}

div.tabpanes {
	position: relative;
	width: 605px;
	min-height: 255px;
	float: right;
	background: #ecf2f4 url('../images/bg-tabpanes-top.png') top left no-repeat;
	margin-bottom: 25px;
	}

div.tabpanes div.pane {
	font: 11px/18px arial, sans;
	color: #5e5e5e;
	width: 555px;
	min-height: 255px;
	display: block;
	padding: 25px;
	background: transparent url('../images/bg-tabpanes-bottom.png') bottom left no-repeat;
	}

.pane h2 {
	font: 16px/16px arial, sans;
	font-weight: bold;
	margin-bottom: 20px;
	}

.tabpanes #loadcontainer {
	width: 605px;
	min-height: 255px;
	display: block;
	background: transparent url('../images/bg-tabpanes-bottom.png') bottom left no-repeat;
	}


/* DUZA GALERIA
--------------------------------------------------------------------------------------*/
div#duzagaleria {
	width: 555px;
	float: right;
	min-height: 230px;
	padding: 33px 25px 32px 25px;
	background: transparent url('../images/bg-galeria.gif') top left no-repeat;
	}

div.scroll-pane {
	width: 143px;
	height: 240px;
	float: left;
	overflow: auto;
	}

.scroll-pane a {
	display: block;
	width: 120px;
	/*height: 70px;*/
	margin-bottom: 15px;
	}

.scroll-pane a img {
	width: 120px;
	/*height: 70px;*/
	}

#outer-images {
	float: right;
	width: 410px;
	height: 240px;
	overflow: hidden;
	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	height: 100%;
	background: #fff;
	}

.jScrollPaneDrag {
	position: absolute;
	background: #03d5ea;
	cursor: pointer;
	overflow: hidden;
	}

.jScrollPaneDrag:hover {
	background: #5a85dd;
	}



/* MALA GALERIA
--------------------------------------------------------------------------------------*/
#galeria {
	width: 773px;
	margin: 25px 0 0 71px;
	clear: both;
	}

#galeria2 {
	width: 773px;
	margin: 25px 0 0 0;
	clear: both;
	}

div.scrollable {
	position:relative;
	float: left;
	overflow:hidden;
	width: 605px;
	height: 115px;
	}

div.scrollable div.items {
	width:20000em;
	position:absolute;
	}

div.scrollable div.items a {
	display: block;
	float:left;
	margin: 0 18px;
	width: 115px;
	height: 115px;
	background: #ced4d7;
	}

div.scrollable div.items a img {
	padding: 2px;
	}

div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
	}

a.prevPage {
	display: block;
	width: 59px;
	height: 63px;
	float: left;
	margin: 25px 25px 0 0;
	background: url('../images/buttons-spr.gif') 0 0 no-repeat;
	cursor: pointer;
	}

a.nextPage {
	display: block;
	width: 59px;
	height: 63px;
	float: left;
	margin: 25px 0 0 25px;
	background: url('../images/buttons-spr.gif') -59px 0 no-repeat;
	cursor: pointer;
	}

a.prevPage:hover {
	background-position: 0 -63px;
	}

a.nextPage:hover {
	background-position: -59px -63px;
	}

.simple_overlay {
	display: none;
	z-index: 10000;
	background-color: #333;
	width: 675px;
	min-height: 200px;
	border: 1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	}

.simple_overlay .close {
	background: url('../images/close.png');
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
	}

.next, .prev {
	position: absolute;
	top: 40%;
	border: 1px solid #666;
	cursor: pointer;
	display: block;
	padding: 10px 20px;
	color: #fff;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.prev {
	left: 0;
	border-left: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	}

.next {
	right: 0;
	border-right: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	}

.next:hover, .prev:hover {
	text-decoration: underline;
	background-color: #000;
	}

.disabled {
	visibility: hidden;
	}

.info {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	color: #fff;
	font-size: 11px;
	border-top: 1px solid #666;
	}

.info strong {
	display: block;
	}

.progress {
	position: absolute;
	top: 45%;
	left: 50%;
	display: none;
	}

.next, .prev, .info {
	background:#333 !important;
	}

#gallery .disabled {
	visibility: visible !important;
	}

#gallery .inactive {
	visibility: hidden !important;
	}



/* PODSTRONY TEKSTOWE
--------------------------------------------------------------------------------------*/
.box-content-wide h2 {
	font: 18px/18px arial, sans;
	font-weight: bold;
	text-transform: uppercase;
	color: #02c9dc;
	margin-bottom: 20px;
	padding: 0 30px;
	}

.box-content-wide h3 {
	font: 18px/24px arial, sans;
	font-weight: bold;
	color: #02c9dc;
	margin-bottom: 18px;
	padding: 0 30px;
	}

.kontakt h3 {
	margin: 0;
	}

.box-content-wide h4, p.kontakt-dane {
	font: 14px/18px arial, sans;
	font-weight: bold;
	color: #4e4e4e;
	margin-bottom: 18px;
	padding: 0 30px;
	}

p.kontakt-dane-tutul {
	font: 14px/18px arial, sans;
	font-weight: bold;
	color: #4e4e4e;
	padding: 0 30px;
	}

p.kontakt-dane2 {
	font: 11px/18px arial, sans;
	color: #5e5e5e;
	margin-bottom: 18px;
	padding: 0 30px;
	}

.box-content-wide a {
	color: #02c9dc;
	text-decoration: none;
	}

.box-content-wide a:hover {
	text-decoration: underline;
	}

p.tekst {
	font: 11px/18px arial, sans;
	color: #5e5e5e;
	margin-bottom: 18px;
	text-align: justify;
	padding: 0 30px;
	}

p.kolumna {
	float: left;
	width: 222px;
	padding: 0 20px 0 0;
	}

p.ostatniakolumna {
	float: left;
	width: 222px;
	padding: 0;
	}

h3.h-mlodziez {
	color: #ff7c4b;
	}

h3.h-dlanauczycieli {
	color: #eccb15;
	}

h3.h-galeria {
	font: 18px/24px arial, sans;
	font-weight: bold;
	color: #5a85dd;
	margin: 0 0 18px 10px;
	}


/* STOPKA
--------------------------------------------------------------------------------------*/
#box-d {
	margin-top: 30px;
	height: 100px;
	}

#box-d-1 {
	width: 200px;
	height: 100px;
	background: #ced4d7;
	float: left;
	margin-right: 20px;
	}

#box-d-2 {
	width: 430px;
	height: 100px;
	background: #ced4d7;
	float: left;
	margin-right: 20px;
	}

#box-d-3 {
	width: 300px;
	height: 100px;
	background: #ced4d7;
	float: right;
	}

#footer {
	clear: both;
	padding: 40px 25px 15px 25px;
	height: 11px;
	font: 11px/11px arial, sans;
	color: #9d9d9d;
	}

#footer a {
	color: #6d6d6d;
	text-decoration: none;
	}

#footer a:hover {
	color: #6d6d6d;
	text-decoration: underline;
	}

#loading {
	display: none;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url('../images/ajax-loader.gif') top left no-repeat;
	}
#text {
	text-align: justify;
}

#footer img {
	position: relative;
	top:5px;
}

#footer p.logo_smultron {
	position: relative;
	top: -10px;
}