/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }
ul { list-style: none; text-align: left; }
form * { border: 0; }
h1 {}
h2 { font-size: 30px; padding: 10px; font-weight: normal; color: #11BEB9; clear: both;}
h3{ font-size: 24px; line-height: 24px; padding: 0; font-weight: normal; color: #11BEB9; clear: both;}
h4 {color: #871E44; font-size: 16px;}
h6 { font-size: 11px; padding: 10px 15px; font-weight: normal;}

	  
/*Layout

------------------------------------------------------------------------- */
body { background: #F3F1E4; font-family: Georgia,Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #000;}

#top, #content, #footer { z-index:1;background: #FFF; width: 974px; margin: 0 auto; padding: 0 10px; position: relative; overflow: hidden; clear: both; z-index: 1;}

/* Top

------------------------------------------------------------------------- */
#top { height: 174px; background: #FFF url(../_images/bg-top.png) 100% 0 no-repeat; overflow: visible; z-index: 10;}
#logo-pw { position: absolute; top: 69px; left: 30px;}
#fav { position: absolute; top: 10px; left: 30px; color: #871E44;}
#fav a {color: #11BEB9; padding-left: 25px; background: url(../_images/raquo.gif) 15px 55% no-repeat;}
#menu { background: #11BEB9; position: absolute; left: 10px; bottom: 0; width: 974px;}
#menu li{ background: #871E44; float: left; font: 14px/30px Tahoma; color: #FFF; padding: 0 15px;}
#menu li.search{ float: right; text-align: right; background: none;}
#menu li a{ font: 14px/30px Tahoma; color: #FFF; }
#menu fieldset { line-height: 22px; padding: 3px 0;}
#menu fieldset label { padding: 0 5px; }
#menu fieldset input { padding: 0 5px; }
#menu fieldset input.text{ padding: 2px; width: 145px; border: 1px solid #A5ACB2;}
#menu li ul {display: none; position: absolute; top: 30px; left: 0; width: 100%; line-height: 30px; background: #90244b; }
#menu li:hover ul, #menu li.selected ul {display: block;}
#menu li ul li a {font-size: 12px;}
/* Content 

------------------------------------------------------------------------- */
#content {}
.right { float: right; width: 236px;}
.left { float: left; width: 728px;}

#content-slider { height: 180px; padding: 5px 0 0; position: relative;}
#cs-nav { position: absolute; top: 5px; left: 0; z-index: 3; height: 100%; }
#cs-nav li { float: left;}
#cs-nav li a { height: 26px; line-height: 26px; float: left; padding: 0 30px 0 20px; border: 1px solid #FFF; border-width: 1px 1px 0 1px; color: #871E44;}
#cs-nav li a:hover, #cs-nav li a.selected {background: #F3F1E4 url(../_images/cs-nav.gif) 95% 50% no-repeat; border-color: #F3EAC8; text-decoration: none; color: #11BEB9;}
.article { position: absolute; top: 30px; left: 0; width: 708px; height: 135px; padding: 10px; background: #F3F1E4; border: 0 solid #F3EAC8; z-index: 2; line-height: 18px; display: none;}
.article img { float: left; margin-right: 30px;}
.article h3 { clear: none; padding: 10px 0 15px; color: #871E44;}
.article h3 img { display: inline; float: none;}
.article a { padding-left: 12px; background: url(../_images/raquo-r.gif) 3px 5px no-repeat; color: #871E44; font-size: 10px; }
#article-1 { display: block;}

.advert { height: 260px; width: 100%; float: left; overflow: hidden; display: inline; clear: both; overflow: hidden; background: #ffffff; margin-bottom: 5px;}
.left .advert { height: 90px; margin: 15px 0;}


.nbg {background: none;}
.items li { border-bottom: 1px solid #F3EAC8; padding: 15px 0; height: auto; overflow: hidden; width: 708px; position: relative;}
.items li.fr, .items li.fl {width: 335px;}
.items li a.more { padding-left: 12px; background: url(../_images/raquo-r.gif) 3px 6px no-repeat; color: #871E44; font-size: 10px; float: none; margin: 0; }
.items li img { margin-right: 15px; float: left;}
.items li span {color: #A6A6A6; line-height: 18px;}
.items li.ads { padding-bottom: 0; height: 150px; border: 0;}
.items li.ads .advert { height: 51px; margin: 0 0 4px;}
.items li strong {color: #11BEB9; font-weight: normal;}

.fotogalerie { padding: 5px 0 5px 4px; height: 100%;}
.fotogalerie li { padding-left: 5px; float: left;}
.fotogalerie li a { width: 97px; height: 97px; overflow: hidden; display:block; float: left;}
.fotogalerie li a img { width: 97px;}


.polecane { background: #F3EAC8; padding: 0 15px;}
.polecane li {padding: 15px 0; border-top: 1px solid #FFF; }
.polecane li.no-border { border: 0;}
.polecane li.h3 { padding: 20px 0 0; border: 0;height:30px }
.polecane li a { padding-left: 12px; background: url(../_images/raquo-r.gif) 3px 5px no-repeat; color: #871E44; font-size: 10px; }

.najnowsze { background: #871E44; padding: 0 15px; color: #FFF;}
.najnowsze li {padding: 15px 0; border-bottom: 1px solid #9B4363; }
 .najnowsze li.h3 { padding: 20px 0 0; border: 0;}
.najnowsze li a { padding-left: 12px; background: url(../_images/raquo-s.gif) 3px 5px no-repeat; color: #FFF; font-size: 10px; }
.najnowsze li strong { color: #F3EAC8;}

.ankieta {background: #F3F1E4; padding: 15px; width: 206px; margin: 10px 0 0; clear: both; float: left; line-height: 18px; }
.ankieta label { font-size: 16px; padding: 10px 0; margin: 10px 0; width: 100%; font-weight: bold; float: left; border-bottom: 1px solid #FFF;}
.ankieta .radio { float: left; margin: 0 10px;}
.ankieta br { clear: both;}
.ankieta .submit {background: #871E44; padding: 3px 0; margin: 5px 0; width: 55px; text-align: center; float: right; color: #FFF;}
.ankieta a { padding: 0 12px; float: left; margin: 10px 0; background: url(../_images/raquo-r.gif) 3px 6px no-repeat; color: #871E44; }

.newsletter {background: #11BEB9; padding: 15px 10px 20px 15px; width: 211px; float: left; clear: both; line-height: 18px; }
.newsletter label { padding: 10px 0; width: 100%; float: left; color: #FFF;}
.newsletter h3 { color: #FFF; }
.newsletter .text { float: left; border: 1px solid #A5ACB2; padding: 4px; width: 133px;}
.newsletter .submit {background: #871E44; padding: 3px 0; width: 55px; text-align: center; margin: 0; float: right; color: #FFF;}

a.more { float: right; padding: 2px 12px 2px 18px; margin: 10px; background: #871E44 url(../_images/raquo-s.gif) 6px 6px no-repeat; color: #FFF; font-size: 10px; }

.youtube-l { padding-left: 5px; width:480px; overflow:hidden; float: left;}
.youtube-r { padding-right: 5px; width:480px; overflow:hidden; float: right;}

.bottom {background: url(../_images/bg-bottom.gif) 0 0 repeat-y; width: 100%; clear: both;}
.tags { padding: 20px 10px; font-size: 10px; background: #FFF; clear: both; float: left; width: 100%;}
.tags li { color: #11BEB9; font-weight: bold; padding: 0 4px; border-right: 1px solid #D6C893; display: inline;}
.tags li.no-border { border: 0;}
.tags li a { color: #000; font-weight: normal;}
.bottom .popular { width: 215px; background: none; float: right; clear: none}

/* Ankiety 

------------------------------------------------------------------------- */
.head-items { width: 708px; padding: 0 10px 15px; margin: 15px 0; height: 100%; float: left; border-bottom: 1px solid #F3EAC8;}
.head-items div.fr, .head-items div.fl { padding: 0 0 15px; height: 168px; overflow: hidden; width: 335px;}
.head-items div.fr { padding-left: 17px;}
.head-items div.fl { padding-right: 17px; background: url(../_images/bg-news.gif) 100% 0 repeat-y;}
.head-items h2 {font-size: 24px; padding-left: 0;}
.head-items div a { padding-left: 12px; background: url(../_images/raquo-r.gif) 3px 5px no-repeat; color: #871E44; font-size: 10px; }
.head-items div img { margin-right: 15px; float: left;}
.head-items div span {color: #A6A6A6; line-height: 18px;}
.head-items div strong {color: #11BEB9; font-weight: normal;}

.left .ankieta {width: 698px; padding: 10px 15px;}
.left .ankieta label { padding: 0 0 10px;}
.left .ankieta input { padding-right: 103px}
.left .ankieta a {float: right;}
.left .ankieta .i1 {padding-left: 100px;}
.left .ankieta .i2 {padding-left: 200px;}
.left .ankieta .i3 {padding-left: 300px;}
.left .ankieta .i4 {padding-left: 400px;}

.ankiety {width: 708px; padding: 0 10px 15px; margin: 15px 0; height: 100%; float: left; background: url(../_images/bg-ankiety.gif) 0 100% repeat-x;}
.ankiety span {color: #871E44; padding: 10px 0; overflow: hidden; width: 340px;}
.ankiety a {font-weight: bold; color: #871E44;}
.ankiety .clear { border-bottom: 1px solid #F3EAC8; font-size: 0;}


/* Artyku� 

------------------------------------------------------------------------- */
.article-body {width: 698px; padding: 0 15px; margin: 15px 0; height: 100%; float: left; color: #000; position: relative;}
.article-body h2 { color: #000; padding-left: 0;}
.article-body span.date { background:#F3EAC8; padding: 0 5px 0 15px; top: 25px; right: 0; position: absolute; }
.article-body img.fl {margin: 0 15px 15px 0;}
.article-body img.fr {margin: 0 0 15px 15px;}
.article-body p { font-size: 14px; line-height: 22px; padding-bottom: 15px;}

.pagination { float: right; clear: both; margin-top: 10px;}
.pagination li { display: inline;}
.pagination li a { padding: 0 5px; color: #871E44;}
.pagination li a.selected  {font-weight: bold; color: #000;}


.article-actions { position: relative; min-height:65px; width: 630px; padding-left: 78px; clear: both; margin: 15px 0 0; float: left; overflow: hidden; border-top: 1px solid #F3EAC8;}
.article-actions a{color: #871E44; padding: 0 5px;}
.article-actions .wykop-vote { background: url(../_images/w_wykop_vote_big.gif) no-repeat 0 0;  width: 64px; height: 52px; float: left; position: absolute; top:5px; left:0px; text-align: center; color: #4A6B7C; padding: 0;}
.article-actions .wykop-vote-counter {font-size: 22px; font-weight: bold; margin: 8px 0 0 -3px; display:block; color: #FF5917;}
.article-actions .wykop-vote-action {font-size: 10px; font-weight: bold; margin: -5px 0 0 -3px; display:block; font-family: Tahoma, Arial, sans-serif;}
.article-actions .wykop-vote:hover { background: url(../_images/w_wykop_vote_big.gif) no-repeat 0 -106px; text-decoration: none;}
.article-actions .wykop-vote:hover  span { color: #4A6B7C;}
.article-actions .line {border-bottom: 1px solid #F3EAC8; width: 630px; height: 14px; padding: 10px 0; margin-bottom: 10px; overflow: hidden; text-align: center;}
.article-actions a.fl { padding: 0 20px; background: 0 50% no-repeat;}
.article-actions a.drukuj {background-image: url(../_images/ico-drukuj.gif);}
.article-actions a.polec {background-image: url(../_images/ico-polec.gif);}


.comment {background: #F3F1E4; padding: 20px; width: 658px; margin: 10px 0 0; clear: both; float: left; line-height: 22px; font-size: 12px; overflow: hidden;}
.comment h4 {color: #11BEB9;}
.comment label { padding: 4px 10px; width: 160px; float: left; font-size: 11px; text-align: right; margin:  0 0 5px;}
.comment br { clear: both; }
.comment input { width: 320px; border: 1px solid #A5ACB2; padding: 3px; float: left; margin: 0 0 5px;}
.comment textarea { width: 320px; height: 85px; border: 1px solid #A5ACB2; padding: 3px; float: left; overflow-x: hidden; overflow-y: scroll; margin: 0 0 10px;}
.comment .submit {background: #871E44; border: 0; padding: 3px 0; margin: 0; width: 155px; text-align: center; float: right; color: #FFF;}
.comment .fl {margin: 5px 0; padding: 2px 0; width: 144px; height: 22px;}
.comment input.code { width: 82px;}
.comment label.code { width: 70px; font-size: 10px; padding-left: 0;}


/* Foto

------------------------------------------------------------------------- */
.fotki { width: 100%; float: left;}
.fotki li { float: left; padding: 15px 0 15px 10px; width: 110px; height: 97px;overflow: hidden; border-bottom: 1px solid #F3EAC8;}
.fotki li a { width: 97px; height: 97px; padding: 0; overflow: hidden; float: left;}
.fotki li a img { width: 97px;}

.send {background: #11BEB9; padding: 20px; width: 670px; margin: 10px 10px 20px; clear: both; float: left; line-height: 22px; font-size: 12px; overflow: hidden;}
.send h4 {color: #871E44; font-size: 22px; font-weight: normal; padding-bottom: 10px;}
.send h4 span {color: #FFF;}
.send label { padding: 4px 10px 4px 0; float: left; font-size: 11px; text-align: right; margin:  0 0 5px;}
.send br { clear: both; }
.send input { width: 160px; border: 1px solid #A5ACB2; padding: 3px; float: left; margin: 1px 0 5px;}
.send .submit {background: #871E44; border: 0; padding: 3px 0; margin: 1px; width: 95px; text-align: center; float: right; color: #FFF;}
.send .file { width: 300px;}
.send .fl {margin: 0 5px 0 40px; padding: 2px 0; width: 144px; height: 22px;}
.send input.code { width: 82px;}
.send label.code { width: 70px; font-size: 10px; padding-left: 0;}


/* Rankingi

------------------------------------------------------------------------- */
.ranking { width: 100%; float: left; margin-bottom: 10px;}
.ranking li { float: left; padding: 15px 0 15px 10px; width: 170px; height: 150px;overflow: hidden; border-bottom: 1px solid #F3EAC8;}

.rankingi {background: #871E44; padding: 0 15px; width: 680px; margin: 10px 10px 20px; clear: both; float: left; height: 32px; line-height: 22px; font-size: 12px; overflow: hidden;}
.rankingi label { float: left; color: #FFF; font-weight: bold; padding: 5px 10px 5px 0;}
.rankingi div { float: left; background: none; height: 22px; padding: 5px 10px; width: 110px; overflow: hidden;}
.rankingi div.active { background: #11BEB9;}
.rankingi div.fr { float: right;}
.rankingi div select { width: 110px; border: 1px solid #7F9DB9; float: left; margin-top: 1px;}

.items .ocena { float: left; margin: 2px 0;}
.items span.date { padding: 0 5px 0 15px; top: 15px; right: 0; position: absolute; }
.pag li { height: 100%;}


/* Footer 

------------------------------------------------------------------------- */
#footer {background: #F3F1E4; padding: 5px 0; font-size: 10px;}
#footer ul li { float: left; margin: 5px 0; padding: 0 10px; border-left: 1px solid #D6C893; }
#footer ul li:first-child{ padding-left: 0; border-left: 0;}
#footer ul.fr li { margin: 0; padding: 0; border: 0;}
#footer ul li a {color: #871E44;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.center { text-align: center; margin: auto;}
.pag {padding-bottom: 20px;}

/* Nowe 
------------------------------------------------------------------------- */
.div_visible {display: block;}
.div_hidden {display: none;}


/* ankieta - wyniki */
/*
#ankieta.wyniki div {
	float: left;
	position: relative;
	width: 185px; height: 17px;
	border-bottom: 7px solid #d7d7c6;
	margin: 0 0 10px 0; }*/
	
	#ankieta.wyniki p {	
		float: left;
		width: 210px;
		padding: 0 0 5px 19px; }

	#ankieta.wyniki .answer {
		position: relative;
		width: 155px;
		color: #fff;
		border-bottom: 5px solid #e87a0e;
		padding: 0 0 5px 0; }
		
	#ankieta.wyniki .bar2 {
		position: absolute; bottom: -5px; left: 0;
		height: 5px;
		overflow: hidden;
		background: url(../_images/bar.gif) repeat-x; }

	#ankieta.wyniki .procent {
		float: left;
		width: 45px;
		font-weight: bold;
		padding: 0 5px 0 0;
		text-align: right;
		color: #2f2f2f; }
		
		
		
.star_b,
.star_g,
.star_o,
.star_r ,
.star_r2{
	float: left;
	width: 11px; height: 12px;
	overflow: hidden; }

	.star_b {
		width: 7px; height: 12px;
		background: url(../_images/star_black.gif) no-repeat 0 5px; }

	.star_g  { background: url(../_images/star_gray.gif); }
	.star_o { background: url(../_images/star_orange.gif); }
	
		/*.star_g:hover,.star_o:hover {
		background: url(../_images/star_red33.gif);}*/
		
	
	.star_r { background: url(../_images/star_red.gif); }
	.star_r2 {	
		width: 10px; height: 12px;
		background: url(../_images/star_red2.gif) no-repeat 0 2px; }

.clicable {
   cursor:pointer;
}


/* Wyniki

------------------------------------------------------------------------- */

.wynik span {display: block;}
.wynik .question { padding: 10px 0;}
.wynik .procent {float: left; width: 40px;font-weight: bold;padding: 0 10px 0 0; text-align: right;color: #2f2f2f; }
.wynik .answer {position: relative;width: 205px;color: black; font-weight: bold;border-bottom: 5px solid #F3EAC8;padding: 0 0 10px 0; margin-bottom: 15px;}
.wynik .bar {position: absolute; bottom: -5px; left: 0;height: 5px;overflow: hidden;background: #11BEB9; }

.wynik {background: #F3F1E4; padding: 15px; width: 206px; margin: 10px 0 0; clear: both; float: left; line-height: 18px; }
.wynik label { font-size: 16px; padding: 10px 0; margin: 10px 0; width: 100%; font-weight: bold; float: left; border-bottom: 1px solid #FFF;}
.wynik .radio { float: left; margin: 0 10px;}
.wynik br { clear: both;}
.wynik .submit {background: #871E44; padding: 3px 0; margin: 5px 0; width: 55px; text-align: center; float: right; color: #FFF;}
.wynik a { padding: 0 12px; float: left; margin: 10px 0; background: url(../_images/raquo-r.gif) 3px 6px no-repeat; color: #871E44; }

.left .wynik {background: #F3F1E4; padding: 15px; width: 698px; margin: 10px 0 0; clear: both; float: left; line-height: 18px; }
.left .wynik label { font-size: 16px; padding: 10px 0; margin: 10px 0; width: 100%; font-weight: bold; float: left; border-bottom: 1px solid #FFF;}
.left .wynik .radio { float: left; margin: 0 10px;}
.left .wynik br { clear: both;}
.left .wynik .submit {background: #871E44; padding: 3px 0; margin: 5px 0; width: 55px; text-align: center; float: right; color: #FFF;}
.left .wynik a { padding: 0 12px; float: left; margin: 10px 0; background: url(../_images/raquo-r.gif) 3px 6px no-repeat; color: #871E44; }