html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, legend, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt, abbr {
	margin: 0;
	padding: 0;
	border: 0;
}
table {display:table;}
td, th {display:table-cell;vertical-align:middle;}
tbody {display:table-row-group;}	
ul {list-style: none;}

/* struktura
********************************** */
#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 135px;
	background: url(../images/rozdzielacz.png) left bottom no-repeat;
}

#content {
	width: 700px;
	float: right;
}

#sidebar {
	width: 250px;
	float: left;
}

#reklama {
          padding-top: 5px; text-align: center; width: 100%; margin-top: 5px; height: 110px; 
          background: url(../images/reklama.gif) repeat-x;
}

/* podstawowe
********************************** */
body {
	font-family: tahoma, helvetica;
	font-size: 11px;
	line-height: 140%;
	color: #666;
    background: #fff url(../images/body.png) left top repeat-x;
}

a {
    color: #ff9900;
    text-decoration: underline;
    cursor: pointer;
}

.content h1,
h2,
.content h1 .lay,
h2 .lay  {
	position: relative;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
}

.content h1,
h2 {
	height: 40px;
	line-height: 44px;
	margin: 0 0 10px;
	font-size: 14px; 
	font-weight: normal;
	border-bottom: 1px solid #cfd5db;
}

.content h1 .lay,
h2 .lay {
	display: block;
	height: 41px;
	padding: 0 0 0 40px;
	background-position: left 0px;
}

.content-normal h2 .lay {background-position: left -41px;}

.content h1 em {color: #000; font-style: normal;}

.header-content {background-position: left -902px;}
.header-ankieta {background-position: left -82px;}
.header-poinformuj {background-position: left -123px;}
.header-patronat {background-position: left -164px;}
.header-recenzje {background-position: left -205px;}
.header-wiadomosci {background-position: left -246px;}
.header-galeria {background-position: left -738px;}
.header-newsletter {background-position: left -779px;}
.header-wspolpraca {background-position: left -820px;}
.header-koncerty {background-position: left -287px;}
.header-imprezy {background-position: left -328px;}
.header-filmy {background-position: left -369px;}
.header-spektakle {background-position: left -410px;}
.header-wystawy {background-position: left -451px;}
.header-festiwale {background-position: left -492px;}
.header-planetarium {background-position: left -533px;}
.header-plener {background-position: left -574px;}
.header-spotkania {background-position: left -615px;}
.header-warsztaty {background-position: left -656px;}
.header-inne {background-position: left -697px;}
.header-search {background-position: left -861px;}

/* Style do treści postów (ustawiane z panelu) - GK */
.content-single .events .body .description  img.alignleft { float: left; }
.content-single .events .body .description  img.alignright { float: right; }
.content-single .events .body .description  img.aligncenter { margin: 0 auto;}

/*  w poscie zostawiamy orginalny rozmiar obrazka (GK) */
.content-single .events .body .description  img {
    width: auto;  
}

p {margin-bottom: 0.5em;}

div.clear {
	clear:both;
    height: 0px;
    overflow: hidden;
}

.clearfix:after,
.events .open:after{
  clear: both;
  content: ".";
  display: block;
  height: 0px;
  visibility: hidden;
}

.hide {display:none !important;}
.invisible {visibility: hidden;}

.button,
.search .text-input,
.gobyone .link ,
.box-newsletter .text-input {
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
}

.button {
	width: 110px;
	height: 30px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
}

.submit-input .button {
	background-position: left -35px;
	cursor: pointer;
}

/* header
********************************** */
#header h1 a {
	position: absolute;
	display: block;
	left: 0px;
	top: 22px;
	width: 351px;
	height: 85px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999em;
}

.menu-top-section {
	position: absolute;
	left: 351px;
	top: 17px;
	width: 609px;
	height: 115px;
}

.menu-top-section p {
	float: left;
	width: 209px;
	text-align: right;
	padding-top: 40px;
	color: #999;
}

.menu-top {float: left; width: 400px;}
.menu-top li {float: left; padding-left: 4px;}

.menu-top a {
	display: block;
	width: 96px;
	height: 118px;
	background-image: url(../images/menu-top.png);
	border-right: no-repeat;
	text-indent: -9999em;
	outline: none;
}

.menu-top .item1 {background-position: 0px 0px;}
.menu-top .item2 {background-position: -100px 0px;}
.menu-top .item3 {background-position: -200px 0px;}
.menu-top .item4 {background-position: -300px 0px;}
.menu-top .item1:hover,
.menu-top .active .item1 {background-position: 0px bottom;}
.menu-top .item2:hover,
.menu-top .active .item2 {background-position: -100px bottom;}
.menu-top .item3:hover,
.menu-top .active .item3 {background-position: -200px bottom;}
.menu-top .item4:hover,
.menu-top .active .item4 {background-position: -300px bottom;}

/* footer
********************************** */
.footer {
	padding: 0 0 15px;
}

.menu-bottom-section {
	color: #999;
	text-align: right;
	padding: 20px 15px 25px;
	border-top: 1px solid #cfd5db;
	background: url(../images/rozdzielacz.png) -960px bottom no-repeat;
}

.copyrights {
	text-align: center;
	float: left;
}

.menu-bottom li{
	display: inline;
	padding: 0 5px;
}

.menu-bottom a{
	color: #999;
	padding: 0 2px;
	text-decoration: none;
}

.menu-bottom a:hover {text-decoration: underline;}

.credits {color: #ccc; padding: 15px 15px;}
.credits a {color: #ccc; text-decoration: none;}
.credits a:hover {text-decoration: underline;}
.credits .info {float: left;}
.credits .createdBy {float: right;}

/* main-menu-section
********************************** */
.menu-main-section {
	margin: 0 0 10px;
	height: 50px;
	border-bottom: 1px solid #cfd5db;
}

.menu-main {
	float: left;
	width: 610px;
	line-height: 50px;
}

.menu-main li {
	display: inline;
	background: url(../images/menu-main.png) right center no-repeat; 
}
.menu-main .last {background: none;}
.menu-main a {
	padding: 0 10px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
.menu-main a:hover,
.menu-main .active a {text-decoration: underline;}

.search {
	float: right;
	width: 350px;
	padding: 7px 0 0;
}

.search .text-input {
	float: left;
	width: 230px;
	height: 35px;
	margin-right: 10px;
	line-height: 35px;
	text-align: right;
}

.search .text-input input {
	width: 200px;
	height: 23px;
	padding: 8px 0 0;
	margin: 2px 2px 2px 26px;
	border: 0;
}

.search .submit-input {
	float: left; 
	width: 110px; 
	padding-top: 2px;
}

/* content-normal
********************************** */
.content-normal {margin: 0 0 10px; position: relative;}
.content-bottom {padding: 0 0 10px;}
.content-inner {padding: 0 10px;}

.content-normal,
.content-bottom,
.content-inner {
	background: url(../images/box-strona.png) no-repeat;
}

.content-normal {
	background-position: -1400px top;
	background-repeat: repeat-y;
}

.content-bottom {
	background-position: -700px bottom;
}

.content-normal h2 {
	margin-top: 15px;
}

.eventnav {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
	height: 30px;
	line-height: 30px;
}

.gobytermin {
	width: 45%;
	float: left;
}

.gobyone {
	width: 294px;
	float: right;
}

.gobyone .link,
.gobyone span {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

.gobyone .link {
	width: 110px;
	font-weight: bold;
	color: #fff;	
	text-align: center;
	text-decoration: none;
	background-position: left -65px;
}

.gobyone .next {margin-right: 0;}

.gotoindex {text-align: right;}

.filtry {
	padding: 10px 10px;
	border-bottom: 1px solid #cfd5db;
}

.filtry legend{
	margin: 0 0 15px;
	font-weight: bold;
}

.filtry .submit-input {
	margin-top: 15px;
}

.content .entry {
	padding: 1em;
}

/* boxy
********************************** */
.box {margin: 0 0 10px; position: relative;}
.box .bottom {padding: 0 0 10px;}
.box .inner {padding: 0 10px;}

.box-narrow,
.box-calendar,
.box-narrow .bottom,
.box-calendar .bottom,
.box-narrow .inner {
	background: url(../images/box-narrow.png) no-repeat;
}

.box-narrow,
.box-calendar  {
	background-position: -500px top;
	background-repeat: repeat-y;
}

.box-narrow .bottom,
.box-calendar .bottom {
	background-position: -250px bottom;
}

.box-wide,
.box-wide .bottom,
.box-wide .inner,
.box-closed .bottom {
	background: url(../images/box-wide.png) no-repeat;
}

.box-wide {
	background-position: -880px top;
	background-repeat: repeat-y;
}

.box-wide .bottom {
	background-position: -440px bottom;
}

.box-search,
.box-search .bottom,
.box-search .inner {
	background: url(../images/box-quick-search.png) no-repeat;
}

.box-search {
	background-position: -500px top;
}

.box-search .bottom {
	background-position: -250px bottom;
}

.box-calendar .inner {padding: 0; background: transparent url(../images/cal.png) left top no-repeat;}


.box-closed .bottom {padding: 0 0 5px;}
.box-closed .inner{
	height: 40px; 
	overflow: hidden;
	_zoom: 1;
}

.box-closed .bottom {background-position: -1320px bottom;}
.box-closed h2 {border-bottom: 0; margin: 0;}

.box-menu {
	position: absolute;
	right: 20px;
	top: 14px;
}

.box-menu a {color: #666; text-decoration: none;}
.box-menu a:hover {text-decoration: underline;}

.menu-rss,
.menu-js,
.menu-js-open,
.time,
.date,
.cal-nav {
	background: url(../images/icons-small.png) no-repeat;
}

.menu-rss {
	padding: 0 0 0 15px;
	background-position: left -78px;
}

.menu-js {
	padding: 0 0 0 10px; 
	font-weight: bold;
	background-position: left -235px;
}

.menu-js-open {
	background-position: left -275px;
}

.box-narrow .info {margin: 0 0 10px;}
.box-narrow .submit-input .submit {float: right;}
.box-narrow .submit-input .but {
	background-position: left -65px;
	float: left;
}

.box-ankieta p,
.box-newsletter p {text-align: center; margin-bottom: 0.2em;}

.box-ankieta .line {margin: 0 0 10px; padding: 0 10px;}
.box-ankieta .line input {
	float: left;
	margin: 0;
}
.box-ankieta .line label {
	display: block;
	margin-left: 23px;
}

.ankieta-wyniki .bar {
	margin: 5px 0 0;
	height: 12px;
	border: 1px solid #E1E5E9;
}

.ankieta-wyniki .bar-inner {
	height: 12px;
	background-color: #F98A03;
	width: 0px;
}

.ankieta-wyniki .back {
	text-align: center;
}

.box-newsletter .text-input {
	width: 230px;
	height: 35px;
	margin: 0 0 10px;
	line-height: 35px;
	text-align: right;
	background-position: left -95px;
}

.box-newsletter .text-input input {
	width: 200px;
	height: 23px;
	padding: 8px 0 0;
	margin: 2px 2px 2px 26px;
	border: 0;
}

.box-newsletter .message { font-weight: bold; }
.box-newsletter .message-good {color: #3FCF26;}
.box-newsletter .message-bad {color: #CF263D;}

.box-poinformuj p {text-align: center;}
.box-poinformuj a {font-size: 14px; font-weight: bold;}

.box-search h2 {
	color: #fff;
	border-bottom: 1px solid #ffad33;
}

.box-search h2 .lay {
	background-position: left -943px;
}

.box-search .line {
	margin-bottom: 10px;
}

.box-search label {
	display: block;
	width: 55px;
	float: left;
	color: #fff;
}

.box-search .field {
	width: 170px;
	float: right;
}

.box-search select {
	width: 100%;
}

.box-search .submit-input input {
	width: 230px;
	background-position: left -130px;
}

/* home
********************************** */
.home-left {
	width: 440px;
	float: left;
}

.home-right {
	width: 250px;
	float: right;
}

/* listy
********************************** */
.events {margin-top: -10px;}

.events li {
	padding: 10px 0;
	border-bottom: 1px solid #cfd5db;
}

.events .open img {
	width: 100px;
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #ff9900;
}

.events .open .body {margin-left: 112px;}

.events  h3 {
	font-size: 11px;
	line-height: 120%;
	color: #000;
}
.events h3 a {color: #000; text-decoration: none;}
.events h3 a:hover {text-decoration: underline;}
.events .details {color: #999;}
.events h3,
.events p {
	margin: 0 0 8px;
}

.events .close {padding: 10px 15px;}
.events .close:hover {background-color: #e7eaed;}
.events .close h3 {float: left;}
.events .close .details {text-align: right;}
.events .close h3,
.events .close .details {
	line-height: 140%;
	margin: 0;
}

.events .more {
	text-align: right;
	border-bottom: 0;
	padding: 8px 15px 0;
}

.events .archive {float: left;}

.time {
	padding-left: 10px;
	background-position: left 3px;
}

.date {
	padding-left: 10px;
	background-position: left -37px;
}

.patronat {
	padding-right: 15px;
	background: transparent url(../images/patronat.png) right 2px no-repeat; 
}

.content-normal .events {
	margin-top: 0;
	padding-bottom: 5px;
	background: transparent url(../images/rozdzielacz.png) -1920px bottom no-repeat;
}

.content .events .last {
	border-bottom: 0;
}

.home-left .events .body,
.content-normal .events .body {margin-left: 162px;}

.home-left .events .open img,
.content-normal .events .open img {width: 150px;}

.content-single .events .open img {
	float: right;
	margin: 0px 10px 10px 10px;
}

.content-single .events .open .body {
	margin-left: 0px;
}

.content-single .events .body p{
	padding: 0 10px;
}

.content-single .events .body .description {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.6em;
}	

.event-gallery {padding: 10px 0;}
.event-gallery .images a {
	display: block;
	width: 150px;
	float: left;
	margin: 0 20px 5px 0;
}
.event-gallery .images .last {
	margin-right: 0px;
}
.event-gallery img {
	width: 150px;
	border: 2px solid #ff9900;
}
.events .event-gallery-more {
	margin: 10px 0;
	text-align: right;
}

table.gallery td {
    width: 180px;
    padding: 20px 10px;
}

.paging {
    text-align: center; 
    font-size:  12px;
}
.paging  a,
.paging  span,
.paging  strong {
    padding: 3px;
}


/* kalendarzyk
********************************** */
.cal-head {
	position: relative;
	height: 84px;
}

.cal-day {
	left: 0px;
	top: 0px;
	width: 90px;
	color: #000;
}

.cal-date {
	left: 90px;
	top: 0px;
	width: 160px;
	color: #fff;
}

.cal-day,
.cal-date {
	position: absolute;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.cal-cal {
	position: absolute;
	width: 244px;
	left: 3px;
	top: 35px;
	height: 40px;
}

.cal-nav {
	position: absolute;
	width: 21px;
	height: 40px;
	top: 0px;
	text-indent: -9999px;
	outline: none;
}

.cal-prev {
	left: 0px;
	background-position: 4px -182px;
}

.cal-next {
	right: 0px;
	background-position: 7px -142px;
}

.cal-cal .cal-items {
	position: absolute;
	width: 203px;
	height: 30px;
	top: 5px;
	left: 21px;
	overflow: hidden;
	_zoom: 1;
}

.cal-cal .cal-items li {
	width: 28px;
	margin-right: 1px;
	float: left;
}

.cal-cal .cal-items a {
	display: block;
	width: 28px;
	height: 27px;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	line-height: 100%;
	background: transparent url(../images/cal-cal.png) left top no-repeat;
}

.cal-cal .cal-items .inactive {
	color: #ccc;
	cursor: default;
}

.cal-cal .cal-items .active {
	background-position: left -30px;
	color: #fff;
}

.cal-body {
	position: relative;
	margin: 0 10px;
	/* max-height: 215px;
	overflow: auto; */
}

.cal-body h2 {
	background: none;
	height: 33px;
	line-height: 33px;
}

.cal-events .item {
	display: none;
}

.cal-events .events {
	height: 215px;
	overflow: auto;
}

.cal-events .active {display: block;}
.cal-events .meta {display: none;}

.cal-body .events .close {padding: 10px 10px;}
.cal-body .events .close h3 {float: none;}
.cal-body .events .close .details {text-align: left;}

.cal-loader {
	height: 249px;
	text-align: center;
	line-height: 250px;
	font-size: 1.2em;
}

/* lightbox
********************************** */
.piolightbox-overlay {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	background-color: #000;
}

.piolightbox {
	background-color: #fff;
	position: absolute;
	z-index: 110;
}

.piolightbox .inner {
	position: relative;
	background-color: #fff;
	z-index: 15;
}

.piolightbox .inner img {
	display: block;
	padding: 10px;
}

.piolightbox .loading {
	width: 100%;
	height: 100%;
	background: url(../images/lightbox/loading.gif) center center no-repeat;
}

.piolightbox .caption {
	height: 40px;
	position: relative;
	left: 0px;
	padding: 0 10px;
	z-index: 10;
	background-color: #fff;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}

.piolightbox .counter {
	padding-bottom: 3px;
}

.piolightbox .close {
	width: 66px;
	height: 22px;
	float: right;
	cursor: pointer;
	background: url(../images/lightbox/close.gif) no-repeat left top;
}

.piolightbox .nav {
	position: absolute;
	width: 50%;
	top: 10px;
	outline: none;
	z-index: 20;
}

.piolightbox .nav-prev {
	left: 0px;
	background: url(../images/lightbox/prev.gif) no-repeat left -40px;

}

.piolightbox .nav-next {
	right: 0px;
	background: url(../images/lightbox/next.gif) no-repeat right -40px;
}

.piolightbox .nav-prev:hover {
	background-position: left 40px;
}

.piolightbox .nav-next:hover {
	background-position: right 40px;
}

hr { border:1px solid #f2f2f2; }

div.sociable { margin: 16px 0; }

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	list-style-image: none;
	line-height: none;	
	margin: 0 !important;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: left;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}