/*
	ZSO Lublin - Basic Style Sheet
	kontakt@rafkam.pl / www.rafkam.pl
	v1.0.0, 14.12.2009
*/

/* =global */
body{color:#000;font:11px Tahoma,Arial;background:#fff url('../lay-gfx/bg-body.jpg') -1px 0 repeat-x;text-align:center;margin:0 auto;padding:0;line-height:15px;}
img{border:0;}
strong{font-weight:bold;}
em{font-style:italic;}
p,ul,ol,dl{margin:1em 0;padding:0;}
li{margin:0 0 0 2em;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:1em 0 0.5em;line-height:1.2;}
td,th{vertical-align:top;}

/* =forms */
form{padding:0;margin:0;}
fieldset{margin:0;padding:0;border:0;}
input,select,textarea{font:1em/1.8 "Trebuchet MS",Arial,sans-serif;color:#000;}
textarea,input,select{padding:3px 5px 3px;font-size:11px;}
select{padding:0;outline:none;}
option {outline:none;}
input[type=checkbox]{vertical-align:top;}
object {cursor:pointer;}

/* =links */
a:link{color:#914f08;text-decoration:none;outline:none;} 
a:visited{color:#914f08;text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
a.more{background:url('../lay-gfx/more.gif') no-repeat 100% 0.45em;padding-right:8px;}

/* =skips */
.skip{position:absolute;text-indent:-9999px;overflow:hidden;list-style:none;}
.gfxhl{overflow:hidden;text-indent:-9999px;margin:0;font-size:1px;line-height:1px;background-repeat:no-repeat;}

/* =layout */
#wrapper {width:100%;background:url('../lay-gfx/bg-wrapper-s.png') 50% 0 repeat-y;margin:0 auto;padding:0;text-align:center;}
#wrapper-s {width:100%;background:url('../lay-gfx/bg-wrapper.jpg') 50% 0 no-repeat;margin:0 auto;overflow:hidden;}
#wrapper-s1 {width:100%;background:url('../lay-gfx/bg-wrapper-s1.jpg') 50% 100% no-repeat;margin:0 auto;overflow:hidden;}
#wrapper-s2 {width:741px;margin:0 auto;position:relative;left:-11px;top:0;padding-top:30px;text-align:left;overflow:hidden;padding-bottom:130px;}

.content-l {width:180px;float:left;padding-left:5px;margin-top:-1px;}
.content-r {float:right;width:520px;padding-right:24px;}
.top {margin:0;padding-top:13px;float:left;width:100%;height:236px;position:relative;}
.top .top-p {margin:0;padding:0;text-indent:-9999px;background:url('../lay-gfx/img-footer-top.jpg') no-repeat;float:right;width:277px;height:7px;}
.content-r .nagl {width:90%;float:left;background:url('../lay-gfx/bg-head-content.jpg') no-repeat;padding:0 0 0 27px;height:15px;}
.content-r .nagl h4 {margin:2px 0 0 0;}
.content {width:508px;float:left;padding:29px 14px 0 12px;color:#355368;}
.content h5 {font-size:14px;border-bottom:1px solid #c2ccd4;font-weight:normal;padding-bottom:13px;width:70%;margin-top:0;margin-bottom:15px;}
.content-l ul.nav-global {width:100%;margin:1px 0 2px 0;}
.content-l ul.nav-global li {width:100%;display:block;list-style:none;padding:0 0 2px 4px;margin:0;}
.content-l ul.nav-global li a {width:154px;color:#990000 !important;background:#fbfcfd;border:1px solid #dce6ed;display:block;text-align:right;padding:0 8px 0 8px;line-height:25px;}
.content-l .nagl {width:auto;display:block;background:url('../lay-gfx/bg-head-content.jpg') 9px 10px no-repeat;padding:10px 11px 0 22px;height:26px;text-align:right;}
.content-l .nagl h3 {margin-top:0;line-height:14px;font-size:10px;width:100%;letter-spacing:-4px;}
.content-l ul {width:100%;margin:1px 0 2px 0;}
.content-l ul li {width:100%;display:block;list-style:none;padding:0 0 2px 4px;margin:0;}
.content-l ul li a {width:154px;color:#355368;background:#fbfcfd;border:1px solid #dce6ed;display:block;text-align:right;padding:0 8px 0 8px;line-height:20px;color:#355368;}
.content-l ul li a:hover {border:1px solid #990000;}

.bg-head {width:167px;height:24px;background:url('../lay-gfx/bg-head.jpg') no-repeat;margin-left:1px;padding:9px 11px 0 0}
.bg-head h3 {margin:0;text-align:right;line-height:14px;font-size:10px;}

/* =misc */
.cl{clear:both;line-height:1px;height:1px;font-size:1px;position:relative;}
iframe.r {margin:0 0 0 20px;}
.ng-red {color:#e81e23;font-size:14px;}
.cyt-gr {color:#5e780d;font-style:italic;}
.r {float:right;}
.l {float:left;}
.pic-r{float:right;margin:0 0 3em 2em;}
.pic-l{float:left;margin:0 2em 3em 0;}
.pic-c{text-align:center;padding:1px 0;margin:2em 0;}
.edytor {width:100%;overflow:hidden; line-height:16px}

ul#file {  margin: 0; padding: 0; }
ul#file li { width: 100%; list-style: none; margin: 0; padding: 0; margin-bottom: 10px; }
ul#file li div.download { width: 34px; padding-left: 10px; padding-top: 19px; float: left; }
ul#file li div.desc { float: left; width:460px; }
ul#file li div.desc h3 { font-size: 11px; color: #914F08; line-height: 0; }
ul#file li div.desc p { font-size: 11px; color: #355368; margin:12px 0 5px; }
ul#file li div.desc span { padding-left: 15px; line-height: 0; color: #A9B5BD; text-decoration: italic; background:url('../lay-gfx/ico_time.jpg') no-repeat left center; }

ul#guestbook {  margin: 0; padding: 0; }
ul#guestbook li { width: 100%; list-style: none; margin: 0; padding: 0; margin-bottom: 10px; }
ul#guestbook li div.ico { width: 40px; padding-left: 7px; padding-top: 12px; float: left;}
ul#guestbook li div.desc { float: left; margin-left: 10px; }
ul#guestbook li div.desc h3 { font-size: 11px; color: #914F08; line-height: 0; }
ul#guestbook li div.desc p { font-size: 11px; color: #355368; margin:12px 0 5px; text-align: justify; width: 450px; }
ul#guestbook li div.desc span { padding-left: 15px; line-height: 0; color: #A9B5BD; text-decoration: italic; background:url('../lay-gfx/ico_time.jpg') no-repeat left center; }

ul#listaAktualnosci {  margin: 0; padding: 0; }
ul#listaAktualnosci li { width: 100%; list-style: none; margin: 0; padding: 0; margin-bottom: 10px; }
ul#listaAktualnosci li div.desc { float: left; width: 100%; }
ul#listaAktualnosci li div.desc h3 { font-size: 11px; color: #914F08; line-height: 7px; }
ul#listaAktualnosci li div.desc p { font-size: 11px; color: #355368; margin: 6px 0 }
ul#listaAktualnosci li div.desc p.more { font-size: 11px; color: #355368; margin: 6px 0; text-align: right; padding-bottom: 10px; font-weight: bold; display: block; width: 100%; border-bottom: 1px solid #c2ccd4; }
ul#listaAktualnosci li div.desc span { padding-left: 12px; line-height: 0; color: #A9B5BD; text-decoration: italic; background:url('../lay-gfx/ico_time.jpg') no-repeat left 3px; margin-top: 5px; }
ul#listaAktualnosci li div.desc p.more a { display: block; padding-right: 18px; color: #355368; font-weight: bold; background:url('../lay-gfx/ico_more.jpg') no-repeat right 2px; }

form.addC p { clear: both; margin-bottom: 5px; }
form.addC p span { color: #183583; padding-left: 25px; margin: 0 10px; }
form.addC p a { color: #a0a0a0; }
form.addC p img { vertical-align: middle; }
form.addC p label { width: 110px; text-align: right; sans-serif; color: #914F08; display: block; float: left; padding: 5px 5px 0 0; }
form.addC p input,
form.addC p textarea,	
form.addC p select { padding: 5px; background: #fff; border: 1px solid #d8d8d8; color: #996C3C; font: 11px Tahoma, sans-serif; width: 290px }
form.addC p select { width: 50px; padding: 0; margin: 2px 0; }
form.addC p input.captcha { width: 125px; }
form.addC .buttonGb { float: right; margin: 0px 85px 15px 0; }
span.alert { color: #F30000; font: 11px Tahoma, sans-serif; margin-left: 120px; margin-bottom: 20px; line-height: 10px; }
input.alert { border: 1px solid #FFC9C9; }

ul#gallery {  margin: 0; padding: 0; }
ul#gallery li { width:127px; list-style: none; margin: 0; padding: 20px; float: left }
ul#gallery li h3 { display: block; width: 100%; font-size: 11px; color: #914F08; }
ul#gallery li span{ font-size: 11px; color: #355368; }

div#article { float: left; width: 100%; }
div#article h3 { font-size: 11px; color: #914F08; line-height: 7px; }
div#article  p { font-size: 11px; color: #355368; margin: 6px 0 }
div#article span { padding-left: 12px; line-height: 0; color: #A9B5BD; text-decoration: italic; background:url('../lay-gfx/ico_time.jpg') no-repeat left 3px; margin-top: 5px; }

div.ListingFotek { float: left; margin-right: 10px; margin-bottom:10px;
margin-right:25px; width: 142px; overflow: hidden; }
div.ListingFotek img { border: 1px solid #c2ccd4; padding: 1px; }
div.ListingFotek span { display: block; color: #A9B5BD; font-size: 11px; }


div.edytor #photoBig { width: 604px; height: 209px; position: relative; }
div.edytor #photoBig .desc { height: 40px; background: #000; position: absolute; bottom: 0; left: 0; width: 100%; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80 }
div.edytor #photoBig .desc p { font-weight:bold; color: #fff; margin: 9px 0 0 15px; position: absolute; }
div.edytor #photoBig .desc span { float: right; font-size: 11px; color: #8f8f8f; position: absolute; right: 0; margin: 9px 15px 0 0; }
div.edytor #photoSmall { width: 300px; height: 225px; position: relative; float: left; }
div.edytor #photoSmall .desc { height: 40px; background: #000; position: absolute; bottom: 0; left: 0; width: 100%; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80 }
div.edytor #photoSmall .desc p { font-weight:bold; color: #fff; margin: 9px 0 0 15px; position: absolute; }
div.edytor #photoSmall .desc span { float: right; font-size: 11px; color: #8f8f8f; position: absolute; right: 0; margin: 9px 15px 0 0; }
div.edytor .left { float: left; margin: 15px 15px 15px 0; }
div.edytor .right { float: right; margin: 15px 0 15px 15px; }

/******************************** Moduly artykulu **************************************/

/* Ankieta */
#survey { width: 200px; background: #fff; border: 1px solid #DDDCDB; line-height: 17px; font-size: 11px; }
#survey form p { line-height: 22px; margin: 0; }
#survey form p.title { border-bottom: 1px solid #d9dad4; padding: 5px 3px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; line-height: 17px; }
#survey form p input { margin-left: 6px; }
#survey form p label { color: #173583; margin-left: 7px; }
#pl #survey form p input#surveySubmit { width: 65px; height: 22px; display: block; text-indent: -9999px; background: url(../images/containers/glosujButton_pl.gif); float: right; margin: 10px 5px 5px 0; font-size: 1px; line-height: 0px; }
#en #survey form p input#surveySubmit { width: 65px; height: 22px; display: block; text-indent: -9999px; background: url(../images/containers/glosujButton_en.gif); float: right; margin: 10px 5px 5px 0; font-size: 1px; line-height: 0px; }
#de #survey form p input#surveySubmit { width: 65px; height: 22px; display: block; text-indent: -9999px; background: url(../images/containers/glosujButton_de.gif); float: right; margin: 10px 5px 5px 0; font-size: 1px; line-height: 0px; }

/* Zdjecie */
.photoInfo { background: #fff; line-height: 17px; font-size: 9px; line-height: 1px; }
.photoInfo img { padding: 1px; background: #fff; border: 1px solid #DCDDD7; margin-bottom: 4px;}
.photoInfo span { line-height: 17px; padding: 4px; display: block; }

/* Cytat */
.quote { width: 528px; padding: 10px 38px; background: #fff; border: 1px solid #DDDCDB; line-height: 17px; font-style: italic; margin: 10px 0; position: relative; text-align: center; }
.quote .qLeft { position: absolute; top: -6px; left: 10px; }
.quote .qRight { position: absolute; bottom: -10px; right: 6px; }

/* Zobacz takze */
#seeAlso { width: 200px; background: #fff; border: 1px solid #DDDCDB; line-height: 17px; font-size: 11px; }
#seeAlso p { line-height: 22px; margin: 0; }
#seeAlso p.title { border-bottom: 1px solid #d9dad4; padding: 5px 3px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; line-height: 17px; }
#seeAlso ul																		{ margin: 0 10px 0 10px; }
#seeAlso ul li { list-style-type: none; margin-left: 0px; }
#seeAlso li																	{ clear: both; }
#seeAlso li a																{ display: block; color: #173583; border-bottom: 1px dashed #deded8; padding: 5px 15px; background: url(../images/containers/eventArrow.gif) no-repeat left center; height: 1% }
#seeAlso li a:hover															{ text-decoration: underline; }

/* Galerie */
.galleries { width: 144px; background: #fff; border: 1px solid #DDDCDB; line-height: 14px; font-size: 11px; text-align: left; padding: 4px; }
.galleries img { padding: 1px; background: #fff; border: 1px solid #DCDDD7; margin-bottom: 0px;}
.galleries a { color: #183382; line-height: 20px;}
.galleries a:hover { text-decoration: underline; }
.galleries span { color: #939393; line-height: 20px; }

/******************************** Moduly artykulu: koniec **************************************/


.pagination {
	text-align: center;
	margin-top: -20px;
	width: 99%;
	margin-left: 5px;
}

.list {
	font: 12px Arial;
	height: 35px;
	padding-top: 10px;
	width: 60%;
	float: left;
}

.pagination-left {
	width: 20%;
	float: left;
	font: 11px Arial;
	padding-top: 10px;
	text-align: right;
}

.pagination-left  a {
	color: #868686;
	padding: 0 15px;
}

.pagination-right {
	width: 20%;
	float: left;
	font: 11px Arial;
	padding-top: 10px;
}

.pagination-right a {
	color: #868686;
	padding: 0 15px;
}

.list a {
	padding: 4px 7px;
	border: 1px solid #dcddd8;
	color: #173583;
}

.list a.active {
	font-weight: bold;
	border: solid 1px #84c330;
}

.list a.more {
	background: none;
	border: none;
}
