body, html {
  font:12px Verdana, Tahoma, sans-serif;
  line-height:18px;
  color:#333;
  height:100%;
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

a {
  color:#de0c17;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

p {
  margin:10px 0px;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 992px;
}

.pl16 {
  padding-left:16px;
}

.fl {
  float:left;
}

.fr {
  float:right;
}

.cent {
  text-align:center;
}
/* kolumny */

.cl, .cr {
	display:inline;
	float: left;
	position: relative;
}

.cl {
	width:653px;
	margin-right:10px;
}
.cr {
	width:329px;
}
.cf {
	width:992px;
}

/* subkolumny lewej kolumny na stronie glownej */

.csl, .csr {
	display:inline;
	float: left;
	position: relative;
}

.csl {
	width:322px;
	margin-right:10px;
}
.csr {
	width:321px;
}



.wrapper {
  min-height:100%;
  height:auto !important;
  height:100%;
  margin: 0px auto -103px auto;
  background: #fff url(img/tlo.jpg) top center repeat-x;
}

* html .wrapper {
  height: 100%;
}

.line {
  width:100%;
  height:1px;
  background-color:#ddd;
}

.hl {
  width:250px;
  height:40px;
  background-color:#1B3380;
}

.footspacer {
  clear:both;
  width:100%;
  height:24px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.c100 {
  width:100%;
  height:100%;
}

.absblock {
  position:absolute;
  width:120px;
  height:260px;
  top:41px;
  left:6px;
  background-color:#f5f5f5;
  padding:10px;
}

.noboxborder {
  border:0px !important;
}

/* ********* HEADER ********* */

.header {
  width:100%;
  text-align:center;
  margin:0px auto;
  padding:0px;
  background: url("/img/head.gif") top center no-repeat;
  height:128px;
}

.header-inside {
  position:relative;
  width:992px;
  margin:0px auto;
}

#header-logo {
  position:absolute;
  top:0px;
  left:28px;
  width:119px;
  height:108px;
}

#header-logo img {
  width:119px;
  height:108px;
}

#header-menu {
  position:absolute;
  top:0px;
  left:0px;
  width:495px;
  height:39px;
}
#header-menu img {
  width:495px;
  height:39px;
}

#header-spacer {
}

.nonframed {
  border:0px;
  padding:0px;
  margin:0px;
}

.wiecej-button {
  float:right;
  margin-top:12px;
}

/* ********* CONTENT ********* */

.article {
  background-color:#fff;
  padding:20px;
  min-height:333px;
}

.article img {
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
}

.article img.fright {
  margin:0px 0px 10px 10px !important;
}

.article img.nonframed {
  float:none;
  margin:0px;
  padding:0px;
  border:0px;
}

.article .lead {
  padding-bottom:19px;
  margin-bottom:20px;
  border-bottom:1px solid #ddd;
  text-align:justify;
}

.article .lead img {
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
}

.article .content {
  text-align:justify;
}
.article ul {
  margin-left:0px;
  padding-left:15px;
}


.article h1 {
  clear:none;
  color:#000;
  font-size:17px;
  line-height:22px;
  font-weight:bold;
  padding-bottom:1px;
  margin-bottom:14px;
  margin-top:0px;
  padding-top:0px;
}
.article h2 {
  clear:both;
  color:#133C8B;
  font-size:20px;
  line-height:24px;
  font-weight:bold;
  padding-bottom:8px;
  border-bottom:1px solid #ddd;
  margin-bottom:12px;
  margin-top:18px;
  padding-top:0px;
}
.article h3 {
  clear:both;
  color:#133C8B;
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  padding-bottom:6px;
  border-bottom:1px solid #ddd;
  margin-bottom:14px;
  margin-top:14px;
  padding-top:0px;
}

.article hr {
  width:100%;
  height:1px;
  border:0px;
  color:#ddd;
  background-color:#ddd;
  margin-top:10px;
  margin-bottom:10px;
}


.printline {
  margin-top:12px;
  margin-bottom:12px;
  font-weight:bold;
}

.printline img {
  margin:0px;
  border:0px;
  padding:4px 5px 0px 0px;
}


/***** ARTICLE LIST ***/

.article-list {
  background-color:#fff;
  padding:10px;
  min-height:333px;
}

.article-list h1 {
  clear:both;
  color:#de0c17;
  font-size:25px;
  line-height:28px;
  font-weight:bold;
  padding-bottom:8px;
  border-bottom:1px solid #ddd;
  margin-bottom:12px;
  margin-top:0px;
  padding-top:0px;
}

.article-list h2 {
  clear:none;
  color:#3bf;
  font-size:17px;
  line-height:20px;
  font-weight:bold;
  margin-bottom:6px;
  margin-top:10px;
  padding-top:0px;
}
.article-list h2 a {
	color: #de0c17 !important;
}
.article-list hr {
  width:100%;
  height:2px;
  border:0px;
  color:#eee;
  background-color:#eee;
  margin-top:10px;
  margin-bottom:10px;
}

.article-list img {
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
}

.article-list .lead {
  padding-bottom:19px;
  margin-bottom:20px;
  border-bottom:0px solid #ddd;
}

.article-list .lead img {
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
  border:1px solid #ddd;
  padding:10px;
}
.article-list .date {
  display:none;
}

.article-list #pager {
  text-align:center;
  margin:0px auto;
}
.article-list #pager img {
  float:none;
  border:0px;
  margin:0px;
  padding:0px;
}
.article-list .pager-pos {
  font-size: 15px;
  text-align:center;
  padding:2px 8px;
  border:0px solid #ddd;
  margin:4px 0px;
  font-weight:bold !important;
}
.article-list .pager-pos A {
  font-weight:bold;
}
.article-list .pager-selected {
  font-size:18px;
}
.article-list .pager-selected A {
  color:#fc0 !important;
}

/* ********* MAIN PAGE ********* */

.mainpage h1 {
  clear:both;
  color:#133C8B;
  font-size:25px;
  line-height:28px;
  font-weight:bold;
  padding-bottom:8px;
  border-bottom:1px solid #ddd;
  margin-bottom:12px;
  margin-top:0px;
  padding-top:0px;
  padding-left:16px;
}

.mainpage h2 {
  color:#133C8B;
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  padding-bottom:6px;
  border-bottom:1px solid #ddd;
  margin-bottom:12px;
  margin-top:18px;
  padding-top:0px;
  padding-left:16px;
}

.mainpage h3 {
  clear:both;
  color:#133C8B;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
  padding-bottom:6px;
  margin-bottom:6px;
  margin-top:6px;
  padding-top:0px;
}

.mainpage hr {
  width:100%;
  height:1px;
  border:0px;
  color:#ddd;
  background-color:#ddd;
  margin-top:10px;
  margin-bottom:10px;
}


.mainpage-aktualnosci {
  padding-left:0px;
}

.mainpage-aktualnosci A {
  color:#000;
}

.mainpage-aktualnosci .date {
  font-size:11px;
  color:#444;
  width:360px;
  margin-top:-10px;
}

.mainpage-aktualnosci .lead {
  font-size:12px;
  line-height:16px;
  padding-bottom:1px;
  margin-bottom:4px;
  /*border-bottom:1px dotted #ddd;*/
  width:360px;
}

.mainpage-aktualnosci .one-article {
  padding-left:16px;
  border-bottom:1px dotted #ddd;
  padding-bottom:7px;
  background: url('/img/black-arrow.gif') 3px 5px no-repeat;  

}
.mainpage-aktualnosci h3 img {
  position:relative;
  left:0px;
}


.mainpage-floatblock {
  float:right;
}

.skipheaderheight {
  margin-top:43px;
}


/* ********* FAT FOOTER ********* */

.push {
  clear:both;
  height:103px; /* must be the same as below! */
}

.footer A {
  color: #fff !important;
}
.footer {
  font-size:12px;
  clear:both;
  height:103px;
  background-color:#1d1d1d;
  width:100%;
  color:#fff;
}
.footer h3 {
  font-size: 100%;
  font-weight:bold;  
  margin: 0px 0px 14px 0px; 
  padding: 0px;
}
.footer-inside {
  width:992px;
  margin:0px auto;
  padding-top:12px;
}
.footer-inside .footer-block-left {
  float:left;
  margin-right:30px;
}
.footer-inside .footer-block-right {
  float:right;
  margin-left:40px;
  color:#fff;
}
.footer-inside .footer-block-right img {
  position:relative;
  top:7px;
}


/* ********* TABLES ********* */

.article table {
  border:1px solid #ddd !important;
  border-collapse:collapse;
  margin:20px auto !important;
  border-color:#ddd !important;
}

.article table th {
  border:1px solid #ddd !important;
  color:#1b3380;
  font-weight:bold;
  padding:4px 2px !important;
  text-align:center;
}
.article table td {
  border:1px solid #ddd !important;
  border-collapse:collapse;
  padding:2px;
}

.article table tr.tstriperow {
  background-color:#fff5cc;
}

.article table tr.thoverrow {
  background-color:#f5f0c6;
}

.article table.noborder, .article table.noborder th, .article table.noborder td  {
  border:0px !important;
  margin:0px !important;
}

.article table.noborder p {
  padding-top:0px;
  margin-top:0px;
}

.noborder {
  border:0px !important;
}

table.paddedtable td {
  padding:5px 5px 5px 0px;
}

.article caption {
  caption-side: top;
  font-weight: bold;
  text-align: center;
  padding: 6px;
}

.article .credits, #big-graphs .credits {
  font-size:11px;
  text-align:center;
}

.formtable {
  border:0px;
}
.iinp {
  width:350px;
  border:1px solid #888;
  font:12px Verdana;
}



/* jquery */

.ui-widget-content {
  border:0px;
}
.ui-widget-header {
  border:0px;
  text-align:center;
  margin:0 auto;
}

.ui-corner-all {
  
}


.jwplayer {
  width:400px;
  height:300px;
}



/* TERAZ GRAMY */

#posluchaj {
  width:653px;
  height:187px;
  margin-bottom:10px;
}

#teraz-gramy {
  width:653px;
  height:284px;
  background:url(img/teraz-gramy-back.jpg) top left no-repeat;
  overflow:hidden;
  position:relative;
  font:12px Verdana;
  margin-bottom:10px;
}

#teraz-gramy #tg-player {
  position:absolute;
  width:128px;
  height:128px;
  left:502px;
  top:66px;
}

#teraz-gramy #tg-player img {
  width:128px;
  height:128px;
}

#teraz-gramy #tg-cover {
  position:absolute;
  width:100px;
  height:100px;
  left:55px;
  top:81px;
}

#teraz-gramy #tg-cover img {
  width:100px;
  height:100px;
}
#teraz-gramy #tg-teraz {
  position:absolute;
  width:283px;
  height:70px;
  left:175px;
  top:100px;
  color:#000;
}
#teraz-gramy #tg-teraz-artysta {
  font-size:18px;
  font-weight:bold;
  color:#f50;
}
#teraz-gramy #tg-teraz-tytul {
  font-size:12px;
  color:#000;
}
#teraz-gramy #tg-zachwile {
  position:absolute;
  width:345px;
  height:43px;
  left:53px;
  top:215px;
  color:#000;
}
#teraz-gramy #tg-zachwile-artysta {
  display:inline;
  font-size:12px;
  font-weight:bold;
  color:#f50;
}
#teraz-gramy #tg-zachwile-tytul {
  display:inline;
  font-size:12px;
  color:#000;
}

.mainbox {
  background-color:#fff;
  width:100%;
  margin-bottom:10px;
}
.mainbox-content {
  padding:10px;
}
.mainbox h2 {
  padding:0px;
  margin:0px;
  height:39px;
}
.mainbox h3 {
  padding:0px;
  margin:0px;
  margin-bottom:12px;
  clear:none;
}


.ramowka-inside {
  padding:10px;
  background-color:#fff;
}
.ramowka-pozycja {
  margin-bottom:10px;
}
.ramowka-dzien {
  font-weight:bold;
  margin-bottom:3px;
}
.ramowka-pasmo {
  font-weight:bold;
}
.ramowka-program {
  font-weight:normal;
}

.ramowka-kolumna {
  float:left;
  margin-right:20px;
  width:46%;
}

.short-foto {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.person-foto {
  float:left;
  margin:0px 10px 10px 0px;
}

.minh {
  min-height:108px;
}

.subpage-header {
   background-color:#fff; 
}

.lista-kolumna {
  float:left;
  margin-left:10px;
  margin-right:20px;
  width:42%;
  font-weight:bold;
  line-height:24px;
}
.lista-kolumna#lk1 {
  padding-left:20px;
  border-left:2px solid #eee;
}

.role {
  font-weight:bold;
}


/* MUZOKRACJA */

.muzokracja-form {
  margin: auto;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 22px;
}

.muzokracja-form p.lead {
  padding: 0px 8px 8px 8px; 
}

.muzokracja-form label {
  float: left;
  width: 150px;
  line-height: 20px;
  font-size: 12px;
}

.muzokracja-form .inp {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding: 2px;
  border: 1px solid #ccc;
  width:282px;
}

.muzokracja-form  .intxta {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  width: 282px;
  height: 90px;
}


p#comm {
    padding: 5px 8px; 
}

p.errtxt {
  color: #da0c19;
}


.muzokracja-form .fl {
	padding:0px 10px;
}
.muzokracja-form .fr {
	padding:0px 10px;
}

.err {
  border:1px dotted #f00 !important;
  background: url('/img/icona.gif') top right no-repeat;
}

#errormsg {
	margin-top:20px;
}