/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body { 
	background: #000;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 13px;
	color: #f0ede6;
}
a {
	text-decoration: none;
	color: #3e3a38;
}
.pra {
	text-align: right;
}
.lew {
	text-align: left;
}
.cen {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.haer {
	float: left;
	width: 100%;
	background: transparent url(pic/haer.png) 0 0 repeat-x;
	height: 2px;
	margin: 2px 0 17px 0;
	clear: both;
}
.szer {
	float: left;
	width: 100%;
}
.all {
	width: 960px;
	margin: 0 auto;
}
.allw {
	float: left;
	width: 960px;
	padding-bottom: 20px;
	border-bottom: 2px solid #585858;
	margin-bottom: 4px;
}
#top {
	float: left;
	width: 100%;
	height: 500px;
	/*background: #19150f url(pic/background..jpg) 50% 0 repeat-x;*/
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#topw {
	float: left;
	width: 100%;
	height: 500px;
	background: transparent url(pic/top_ciemny_pasek.png) 0 0 repeat-x;
}
#topww {
	float: left;
	width: 100%;
	height: 500px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
#topwww {
	margin: 0 auto;
	width: 960px;
	height: 500px;
}
#topwwww {
	float: left;
	width: 960px;
	height: 500px;
	background: transparent url(pic/sign.png) 30px 265px no-repeat;
}
#topwwww {
	float: left;
	width: 960px;
	height: 500px;
}

#slider_up{
	opacity: 0;
	height: 500px;
	width: 100%;
	/*	background: #fff;background: url(img1) no-repeat center center white;*/
	position: absolute;
	z-index: -1;
	background-repeat: repeat-x;
	background-position: 50% 0;
}
#slider_down{
	height: 500px;
	width: 100%;
	/*	background: #fff;background: url(img1) no-repeat center center white;*/
	position: absolute;
	z-index: -2;
	background-image: url(pic/background.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0;
}

/*
#menug {
	float: left;
	margin: 0 0 0 0; 
	width: 860px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#menug .menu li {
    display:inline-block;
    list-style-type: none;
    position: relative;
}
#menug ul li:hover > ul {
	display: block;
}
	#menug ul li a.mgg {
		float: left;
		text-align: center;
		height: 92px;
		line-height: 92px;
		margin: 0;
		text-transform: uppercase;
		border: 1px solid red;
    text-decoration: none;
	}


#menug ul ul {
	display: block;
	position: absolute;
	display: none;
    margin: auto;
    top: 10px;
    left: -50%;
    width: 170px;
    z-index: 99999;
    border:2px solid #929292;
}

#menug ul.menu ul.sub-menu a {
    background: #fff !important;
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: .9em;
    text-transform: none;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 150px;
    margin-bottom:0px;
}

*/


	#menug {
		float: left;
		margin: 0 0 0 0; 
		width: 860px;
		text-shadow: black 0.1em 0.1em 0.2em;
	}
	#menug ul {
		margin: 0;
		position: relative;
		position: relative;
		display: inline-table;
		list-style: none;
		float: left;
		padding: 0;
	}
	#menug ul:after {
		content: ""; 
		clear: both;
		display: block;
	}
	#menug ul li {
		float: left;
		margin: 0 0 0 0;
	}
	#menug ul li:hover > ul {
		display: block;
	}
	#menug ul > li {
		font-weight: 600;
		font-size: 20px;
		margin: 0 25px 0 0;
	}
	#menug ul > li.akt {
		background: transparent url(pic/akt.png) 50% 17px no-repeat;
	}
	#menug ul li a.mgg {
		float: left;
		text-align: center;
		height: 92px;
		line-height: 92px;
		margin: 0;
		text-transform: uppercase;
		color: #f0ede6;
	}
	#menug ul ul {
		display: none;
		width: 129px !important;
		background: transparent url(pic/pasek.png) 50% 0 repeat-x;
		padding: 18px 0 10px 0;
		position: absolute; 
		top: 92px;
	}
	#menug ul ul li {
		float: left;
		width: 129px;
		margin: 0 0 1px 0;
		font-size: 13px;
		text-align: center;
		position: relative;
	}
	#menug ul ul li a{
		float: left;
		width: 119px;
		font-weight: 200;
		line-height: 1em;
		padding: 5px 5px 8px 5px;
		color: #f0ede6;
	}
	#menug ul ul li a:hover {
		color: #fff;
	}














	
	
	#jezyki {
		float: right;
		margin: 0 0 0 0; 
		width: 100px;
		text-transform: uppercase;
		margin: 0 0 0 0;
		font-weight: 600;
		font-size: 20px;
		text-shadow: black 0.1em 0.1em 0.2em;
	}
	#jezyki a {
		float: right;
		height: 92px;
		line-height: 92px;
		color: #f0ede6;
		text-decoration: none;
		margin: 0 0 0 25px;
	}
	#jezyki a.akt {
		background: transparent url(pic/akt.png) 50% 17px no-repeat;
	}
	

#srodek {
	float: left;
	width: 100%;
	height: 212px;
	background: #19150f url(pic/toprow.png) 50% 0 repeat-x;
	border-top: 1px solid #b09e8a;
	border-bottom: 1px solid #b09e8a;
}
#srodekw {
	margin: 0 auto;
	width: 960px;
}
#srodekww {
	float: left;
	width: 960px;
}
#srodekl {
	float: left;
	width: 275px;
	padding: 25px 10px 0 30px;
}

dl#kalendarium {
	float: left;
	width: 260px;
	height: 160px;
	padding: 0;
	margin: 0 0 0 0;
}
dl#kalendarium  dt {
	display: inline;
	float: left;
	width: 240px;
	height: 62px;
	padding: 10px 0;
	margin: 0 20px 0 0;
	overflow: hidden;
	background: transparent url(pic/haer.png) 0 100% repeat-x;
}
dl#kalendarium  dt div {
	width: 40px;
	height: 62px;
	float: left;
	margin: 0 12px 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0;
	color: #cfb573;
	position: relative;
	top: -10px;

	
}

dl#kalendarium  dt div strong{
	float: left;
	width: 100%;
	font-size: 40px;
	margin: 0;
	padding: 0;
	text-shadow: black 0.1em 0.1em 0.2em;
	clear: both;
	color: #cfb573;
}

#srodekp {
	float: left;
	width: 610px;
	margin: 25px 0 0 35px;
}
div#aktualnosci {
	float: left;
	font-size: 40px;
	color: #cfb573;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
}
#slid {
	float: left;
	width: 585px;
	height: 96px;
	margin: 25px 0 0 0;
	padding: 0;
}
#slid ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#slid ul  li {
	margin: 0;
	padding: 0;
}
#slid a {
	color: #fff;
}
#slid a img {
	float: left;
	margin: 2px 15px 0px 0;
}
#slid a strong {
	font-weight: normal;
	color: #dfcb9b;
}


#dol {
	float: left;
	width: 100%;
	background: #080703 url(pic/bottom.jpg) 50% 0 repeat-x;
	border-bottom: 1px solid #b09e8a;
}
#dolw {
	margin: 0 auto;
	width: 960px;
	min-height: 324px;
}
#dolww {
	float: left;
	width: 960px;
}


#lewa {
	float: right;
	width: 260px;
	padding: 25px 25px 25px 30px;
}
#lewaw {

}
.ramkafot {
	border: 1px solid #f5e2b6;
}
img#fot_autorsko {
	margin: 0 10px 4px 0;
}
p#sciezka {
	margin: 20px 0 2px 0;
}
#nadh1 {	
	float: left;
	width: 100%;
	height: 20px;
}
#tresc {
	float: right;
	width: 585px;
	padding: 0 25px 35px 35px;
	line-height: 1.4em;
}
#tresc h1 {
	font-size: 40px;
	color: #cfb573;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin: 0px 0 20px 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
}
#tresc h2 {
	font-size: 40px;
	color: #cfb573;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin: 35px 0 20px 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1em;
}
#tresc a {
	color: #a7925e;
}
#tresc a:hover {
	color: #fff;
}

#tresc table {
	margin: 20px auto;
	border: 0;
}
#tresc table td {
	border-right: 1px solid #585858;
	border-bottom: 1px solid #585858;
	padding: 8px 16px;
}

#video {
	float: left;
	/*
	width: 270px;
	*/
	width: 540px;
	padding: 35px 0 0 0;
}
#nap_video {
	margin: 21px 0 0 0;
}
#csm {
	float: right;
	width: 270px;
	padding: 35px 0 0 0;
}
#nap_szkolacsm {
	margin: 21px 0 0 0;
}
#nap_csm {
	float: right;
}




#podstrony {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}

#podstrony div {
	float: left;
	width: 270px;
	height: 108px;
	margin: 10px 0px 10px 0;
	padding: 0 0 13px 0;
	background: transparent url(pic/haer.png) 0 100% repeat-x;
}
#podstrony a {
	float: left;
	width: 270px;
	margin: 0;
	height: 98px;
	overflow: hidden;
	color: #fff;
}
#podstrony a img {
	float: left;
	margin: 2px 15px 0px 0;
}
#podstrony a strong {
	display: block;
	font-weight: normal;
	color: #dfcb9b;
	padding: 0 0 2px 0;
}
#podstrony a:hover img {
	border: 1px solid #fff;
}
#podstrony a:hover strong {
	color: #fff;
}










#menu {
	float: left;
	width: 100%;
	margin: 0 0 4px 0;
}
#menu ul, #stopka ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu li, #stopka li {
	margin: 0;
	float: left;
}
#menu a, #stopka a {
	float: left;
	margin: 0 2px;
	color: #fff;
	background: #3e3a38;
	text-align: center;
	text-transform: uppercase;
}
#menu a {
	width: 148px;
	line-height: 42px;
}
#menu a.akt, #stopka a.akt {
	background: #fd1414;
}
#menu a:hover, #stopka a:hover {
	background: #202020;
}

#logo {
	float: left;
	width: 128px;
	height: 68px;
	background: #fff url(pic/rk.png) 0 0 no-repeat;
	margin: 10px 28px 19px 12px;
	
}


#stopka {
	margin: 0 auto;
	width: 960px;
	height: 64px;
}
#stopkaw {
	float: left;
	width: 960px;
	height: 64px;
	background: transparent url(pic/stopka.png) 0 0 no-repeat;
}


#galeria {
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
}
#galeria a {
	float: left;
	width: 128px;
	height: 90px;
	margin: 0 20px 20px 0;
}
#galeria a.coczwarta {
	margin: 0 0 20px 0;
}
#galeria a img {
	float: left;
	width: 128px;
	height: 90px;
	padding: 0 !important;
}
#galeria a:hover {
	border: 1px solid #fff;
}

#plikidopobr {
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
}
#plikidopobr div.plikdopobr {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 20px 20px 0;
}
#plikidopobr a {
}
#plikidopobr a img.ikopliku {
	margin: 0 12px 0 0;
}
#plikidopobr a:hover {
	color: #fff;
}

div.yt {
	float: left;
	width: 583px;
	margin: 15px 0 15px 0;
	padding: 0;
}
div.yt iframe {
	float: left;
	margin: 0;
}
div#videow {
	float: left;
	margin: 7px 0 2px 5px;
}
div#videow a {
	float: left;
	margin: 0 5px 12px 5px;
	padding: 0;
}
div#videow a:hover img {
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}
div#video p a:hover {
	color: #fff;
}

form {
	float: left;
	width: 585px;
	margin: 21px 0 0 0;
	border: 0;
	padding: 0;
}
fiedset {
	float: left;
	width: 585px;
	border: 0;
	padding: 0;
}
form input[type="text"], textarea {
	width: 500px;
	line-height: 1.3em;
	font-family: 'PT Sans Narrow', sans-serif;
	clear: both;
	background: #202020;
	border: 1px solid #a0a0a0;
	padding: 5px;
	color: #fff;
	margin: 0 0 10px 0;
}


/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:848px;margin:0;padding:15px 30px;position:absolute;bottom:0;}
ul.bjqs-controls.v-centered li a{
	float: left;
	width: 585px;
	height: 100px;
	display:block;
	text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
}
ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}
p.bjqs-caption{
	background: rgba(255,255,255,0.66);
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: transparent url(../pic/suw_bg.png) 0 0 no-repeat;
}
.jspVerticalBar *{
	margin: 0;
	padding: 0;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	position: relative;
}
.jspDrag{
	/*
	background: transparent url(pic/suw.png) 1px 0 no-repeat;
	border: 1px solid #696;
	*/
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #f8ecd7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8ecd7), to(#8c7b4e));
	background: -webkit-linear-gradient(#f8ecd7, #8c7b4e);
	background: -moz-linear-gradient(#f8ecd7, #8c7b4e);
	background: -ms-linear-gradient(#f8ecd7, #8c7b4e);
	background: -o-linear-gradient(#f8ecd7, #8c7b4e);
	background: linear-gradient(#f8ecd7, #8c7b4e);
	-pie-background: linear-gradient(#f8ecd7, #8c7b4e);
	behavior: url(pie/PIE.htc);

}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled{
	cursor: default;
}
.jspVerticalBar .jspArrow{
	height: 10px;
}
.jspHorizontalBar .jspArrow{
	width: 10px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}

/* SLIMBOX */
#lbOverlay {
	position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff;	border-top-style: none;
}
#lbCloseLink {
	display: block;	float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}


#simpleTooltip { 
	max-width: 240px; 
	padding: 7px; 
	border: 0; 
	color: #f0f0f0; 
	background-image: url("pic/tooltip.png");
}


.zerowa {
	border: 0 !important;
}
.zerowa td {
	border: 0 !important;
}
.liplik td {
	text-align: left;
}