#wrapper {min-height:100px;
					height:auto !important;}

#leftcol {width: 654px;
					margin-left: 5px;
					position: relative;
					overflow: hidden;
					background: #cbc5e0 url(images/news_wrapper_bg.png) no-repeat bottom center;
					float: left;
					padding-bottom: 1px;}

.news_header {width: 638px;
							height: 38px;
							padding: 12px 0px 0px 16px;
							background: #cbc5e0 url(images/news_header.png) no-repeat top left;
							font: bold 24px/0.7cm 'Trebuchet MS', Tahoma, Verdana, Arial;
							color: #f5de12;
							overflow: hidden;
							white-space: nowrap;}
							
.news_header a {
	text-decoration: none;
	color: #f5de12;
}

.news_tags {width: 638px;
						padding: 10px 0px 10px 16px;
						font: normal 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						color: #8f83bd;
						position: relative;}

.news_tags a {color: #8f83bd;
							text-decoration: none;}

.news_tags a:hover {color: #31236a;}

.news_tags span {display: block;
								 padding: 2px 0px 2px 25px;
								 position: absolute;
								 right: 10px;
								 top: 8px;
								 font: bold 14px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
								 background: #cbc5e0 url(images/data.png) no-repeat center left;}

.news_wrapper {width: 622px;
							 padding: 16px 16px 10px;
							 background: #a99ece url(images/news_wrapper_bg.png) no-repeat top center;
							 font: normal 14px/0.5cm 'Trebuchet MS', Tahoma, Verdana, Arial;
							 color: #31236a;
							 position: relative;}

.news_wrapper .duze {
										 display: block;
										 text-align: center;
										 margin-left: auto;
										 margin-right: auto;}
										 
.news_wrapper .duze img { 
	border: 1px solid white;
}

.news_wrapper .thumb {
											/*height: 100px;*/
											border: 3px solid white;}

.news_wrapper .thumb:hover {border: 3px solid #cbc5df;}

.news_wrapper .loopa_box {width: 622px; 
													height: 392px;
													display: table-cell;
													text-align: center;
													vertical-align: middle;
													background: #a99ece url(images/loopa_tlo.png) no-repeat top center;}

.news_wrapper .loopa_box img.loopaimg {width: 325px;
																			 height: 325px;
																			 border: 1px solid white;
																			 display: block;
																			 margin: auto;}

.news_recommend {display: block;
								 background: #a99ece url(images/recommend.png) no-repeat center left;
								 padding: 2px 0px 2px 22px;
								 margin-top: 8px;
								 font: bold 13px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
								 color: #f5de12;
								 text-decoration: none;}

.news_recommend:hover {color: #ffffff;
											 background-image: url(images/recommend_hover.png);}

.news_separator {width: 654px;
								 height: 7px;
								 background: #cbc5e0 url(images/news_wrapper_bg.png) no-repeat top center;}

.detektyw_n {margin-top: 2px;}

.detektyw_panel {width: 290px;
								 height: 230px;
								 padding: 10px;
								 background: url(images/detektyw_tlo.jpg) no-repeat top right;
								 border: 1px solid #cbc5e0;
								 color: #f5de12;
								 position: relative;
								 left: 312px;}

.detektyw_panel img {float: left; 
										 margin-right: 3px;
										 border: 0px;}

.detektyw_panel .glowne {width: 300px;
												 height: 250px;
												 position: absolute;
												 top: 0px;
												 left: -312px;
												 border: 1px solid #cbc5e0;}

.detektyw_panel a {display: block;
									 margin: 2px 0px 2px;
									 clear: both;
									 cursor: pointer;
									 color: #ffffff;
									 text-decoration: none;}

.detektyw_panel a:hover {color: #f5de12;}

.detektyw_panel p {color: ffffff;}

p.duzy {font: bold 16px/0.55cm 'Trebuchet MS', Tahoma, Verdana, Arial;
				border-bottom: 1px dashed #31236a;}

.bar {height: 24px;
			background: #eaca17 url(images/bar.png) repeat-x top left;
			text-align: left;
			color: #d35e8d;
			padding-left: 5px;
			margin-bottom: 3px;}

.sonda_container {margin: 3px 0px 4px;
									height: 325px;}

.sonda_wyniki {display: block;
							 width: 325px;
							 height: 325px;
							 overflow: hidden;
							 position: relative;
							 background: transparent url(images/sonda.jpg) no-repeat top center;
							 text-decoration: none;
							 color: #ffffff;}

.sonda_wyniki b {position: relative;
								 top: 61px;
								 left: 13px;
								 display: block;
								 width: 299px;
								 overflow: hidden;
								 font: bold 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda_wyniki u {color: #e6cc0a;
								 text-decoration: none;}

.sonda_wyniki .ic {position: relative;
									 top: 70px;
									 left: 13px;
									 display: block;
									 font: normal 12px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda_wyniki .bar {background: transparent url(images/longbar.png) no-repeat scroll -209px 50%; 
										color: #ffffff; 
										margin-bottom: 2px; 
										width: 295px;
										line-height: 0.6cm;}

.sonda_wyniki .flow {width: 299px;
										 height: 120px;
										 overflow: hidden;
										 display:table-cell; 
										 vertical-align:middle;}

.sonda_wyniki span {display: block;
										width: 299px;
										overflow: hidden;
										font: normal 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.sonda_wyniki .footer {font: bold 14px/0.45cm 'Trebuchet MS', Tahoma, Verdana, Arial;
											 position: absolute;
											 left: 13px;
											 top: 294px;
											 font-weight: normal;}

.lewa {float: left;
			margin-right: 4px;}

.title {font: bold 16px/0.55cm 'Trebuchet MS', Tahoma, Verdana, Arial;
				margin-bottom: 5px;}

.related {margin-top: 2px;
					height: 107px;
					overflow: hidden;}

.related img {border: 1px solid white;
							float: left;
							margin-right: 16px;}

.related img:hover {border: 1px solid #31226b;}

.related span {display: block;
							 padding: 2px 0px 2px 25px;
							 position: absolute;
							 right: 10px;
							 top: 10px;
							 font: bold 14px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
							 background: #a99ece url(images/data_ciemna.png) no-repeat center left;}

.related a {color: #ffffff;
									text-decoration: none;
									text-transform: lowercase;}

.related a:hover {color: #f5de12;}

.related .more {font-weight: bold;}

.comment_header {background: #a99ece url(images/comments.png) no-repeat center left;
								 padding: 4px 0px 4px 26px;
								 font: bold 20px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
								 border-bottom: 1px dashed #31236a;
								 margin-bottom: 10px;}

.comment {position: relative;
					background: #968bc0;
					padding:7px 7px 22px;
					font: normal 12px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
					margin-top: 4px;}

.comment a {color: #f5de12;
						text-decoration: none;}

.comment a:hover {color: #ffffff;}

.comment img {vertical-align: middle;}

.comment .login {font: bold 20px/0.5cm 'Trebuchet MS', Tahoma, Verdana, Arial;
								 color: #cbc5e0;}

.comment .avatar {width: 57px;
									height: 57px;
									border: 1px solid #31236a;
									float: left;
									margin-right: 7px;
									margin-bottom: 5px;}

.comment .data {position: absolute;
								right: 7px;
								top: 7px;
								font: normal 11px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
								color: #cbc5e0;}

.comment h1 {font: bold 14px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						 margin: 4px 0px 6px;
						 color: #cbc5e0;}

.comment .footer {font: normal 11px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
									color: #f5de12;
									margin-top: 3px;
									padding-right: 30px;
									position: absolute;
									right: 10px;}

.comment .minus {display: block;
								 width: 10px;
								 height: 10px;
								 position: absolute;
								 top: 3px;
								 right: 12px;
								 background: url(images/comment_minus.png) no-repeat top center;}

.comment .minus:hover {background-position: center;}

.comment .plus {display: block;
								width: 10px;
								height: 10px;
								position: absolute;
								top: 3px;
								right: 0px;
								background: url(images/comment_plus.png) no-repeat top center;}

.comment .plus:hover {background-position: center;}

.comment_new {margin-top: 4px;
							font: normal 11px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;}

.comment_new a {color: #f5de12;
								text-decoration: none;}

.comment_new a:hover {color: #ffffff;}

.comment_new .input {background: #968bc0;
										 border: 1px solid #897eb7;
										 font: normal 11px/0.4cm 'Trebuchet MS', Tahoma, Verdana, Arial;
										 color: #31236a;
										 width: 192px;}

.comment_new .input:hover {border: 1px solid #31236a;
													 background: #897eb7;}

.comment_new .tytul {width: 380px;}

.comment_new .tresc {width: 480px;
											 height: 100px;
											 overflow:auto;}

.comment_new .emoticons {position: absolute; 
												 top: 110px; 
												 left: 520px;
												 width: 100px;}

.comment_new .emoticons img {border: 0px;
														 cursor: pointer;}

#rightcol {width: 325px;
					 position: relative;
					 top: -5px;
					 left: 5px;
					 overflow: hidden;
					 margin-bottom: -5px;}

#rightcol .box {margin-top: 5px;
								width: 325px;
								height: 325px;}

.tagi {width: 325px;
			 height: 325px;
			 overflow: hidden;
			 position: relative;
			 background: transparent url(images/header_325.png) no-repeat top center;
			 text-decoration: none;}

.tagi u {position: relative;
				 top: 1px;
				 left: 0px;
				 display: block;
				 width: 325px;
				 height: 24px;
				 overflow: hidden;
				 text-align: center;
				 font: bold 14px/0.4cm Tahoma, Verdana, Arial;
				 color: #ffffff;
				 text-decoration: none;}

.tagi a {font: bold 12px/0.55cm 'Trebuchet MS', Tahoma, Verdana, Arial;
				 color: #31236a;
				 text-decoration: none;
				 margin-right: 10px;}

.tagi a:hover {color: #ffffff;}

.tagi .h6 {font-size: 11px;}
.tagi .h5 {font-size: 13px;}
.tagi .h4 {font-size: 15px;}
.tagi .h3 {font-size: 18px;}
.tagi .h2 {font-size: 21px;}
.tagi .h1 {font-size: 25px;}

.pagination {text-align: center;
						 color:  #31236a;
						 font: normal 12px/0.5cm 'Trebuchet MS', Tahoma, Verdana, Arial;
						 background: #cbc5e0;
						 position: relative;
						 top: 1px;}

.pagination span {font-size: larger; 
									text-decoration: underline;
									color: #f5de12;}

.pagination a:active, .pagination a:link, .pagination a:visited {color: #31236a; text-decoration: none;}
.pagination a:hover {font-weight: bold; color: #a298c8; text-decoration: underline;}

.mz_zoomlayer
{
margin-left:16px;
margin-top:16px;
}

/* podpisy zdj�� */
div.caption
{
	 color: white;
   /*margin: 0 auto;*/
   height: 20px;
   position: absolute;
   top: 15px;
   left: 15px;
   overflow: hidden;
   border-left: 2px solid transparent;
} 

div.caption-text
{
	background: black;
	padding: 4px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	font: bold 16px/0.5cm "Trebuchet MS", Tahoma, Verdana, Arial;
	opacity: .75;
	filter: alpha(opacity=75);
	border-bottom: 2px solid white;
	
}

div.copyright
{
  text-align: right;
	position: absolute;
	top: 3px;
	right: 5px;
	font: normal 10px/0.4cm Arial, Tahoma, Verdana;
}

#logowanie_duze {width: 370px; height: 145px; padding: 55px 0px 0px 30px; background: transparent url(images/logowanie_tlo.png) no-repeat top center; font: normal 10px/0.4cm Tahoma, Verdana, Arial; color: #a69bd5; position: relative;}
#logowanie_duze img {width: 17px; height: 17px; border: 0px; position: absolute; top: 1px; right: 1px;}
#logowanie_duze a:active, #logowanie_duze a:link, #logowanie_duze a:visited {color: #a69bd5; text-decoration: none}
#logowanie_duze a:hover {color: #e427f7; text-decoration: underline}
#logowanie_duze h1 {font: bold 11px/0.4cm Tahoma, Verdana, Arial; margin: 0px;}
#logowanie_duze_login input, #logowanie_duze_haslo input {width: 144px; height: 19px; padding-left: 3px; background: transparent url(images/logowanie_input.png) no-repeat top left; border: 0px; font: normal 10px/0.4cm Tahoma, Verdana, Arial; color: #242322; vertical-align: middle;}
#logowanie_duze_login {font: normal 10px/0.5cm Tahoma, Verdana, Arial; float: left;}
#logowanie_duze_haslo {font: normal 10px/0.5cm Tahoma, Verdana, Arial; position: relative; left: 10px;} 

.comment_citation {font-style: italic; padding: 4px; border: 1px solid #897eb7; background: #b3aad3;}

.main_pic_description
{
	font-weight: bold;
	text-align: left;
	background: #968BC0;
	padding: 3px 5px;
	margin-top: -10px;
}

/* news sound */

.news_song_items
{
	margin-top: 12px;	
}

.news_song_item {
	width: 610px;
	padding: 5px;
	margin: 5px 0xp;
	background: #CBC5DF;
}

.news_song_item img.new_song_item_img
{
	float: left;
	margin: 2px;
	margin-right: 6px;
}

.news_song_item .news_song_item_description
{
	width: 545px;
	float: left;
	min-height: 30px;
	margin-top: 3px;
}

.news_song_item .news_song_item_mp3
{
	width: 25px;
	float: left;
}