@charset "UTF-8";
/*
	autor: Michał Kutrzuba
	www.Dziennik-Literacki.pl
*/

body {
	color: #333333;
	background: #333333 url("../images/main/background-top.png") repeat-x;
	font-family: Tahoma, Verdana, Arial; font-size: 12px; text-align: justify;
	margin: 0;
}

h4 {
	margin: 0; padding: 0;
}

h4 a {
	color: #333333;
}

a {
	color: #940a00;
	text-decoration: none;
	outline: none;
}

a:hover { 
	text-decoration:underline;
}

ul, ol {
	list-style: none outside none;
}

img {
	border: none;
}

input, textarea {
	font-family: Tahoma, Verdana, Arial; font-size: 12px; text-align: justify;
}

td {
	vertical-align: top;
}

/*----------------fonty i obrazki do styli fontow----------------*/
.akt {
	color: #930a00;
}

.nakt {
	color: #333333;
}

.bold {
	font-weight: bold;
}

.notbold {
	font-weight: normal;
}

.notmargin {
	margin-bottom:0;
}

.italic {
	font-style: italic;
}

/*
.marginrb10, .marginrb10px {
	margin: 0 10px 10px 0;
}
*/

.maroon { 
	color:maroon;
}

.odd {
	background-color: #F5F5F5;
}

.right {
	 text-align: right;
}

.center {
	 text-align: center;
}

.set12 {
	background-color: #fff;
	margin-top: 0px; padding: 10px;
}

.set12rec {
	margin: 0px; padding: 10px 10px;
}

.set10 {
	font-size: 10px;
	margin: 0px; padding: 3px 0;
}

.CW {
	font-size: 14px;
	position: absolute; right: 20px;
}

.CWNew {
	bottom: 15px;
}

.CWOld {
	bottom: 10px;
}

.pozostale {	
	width: 180px; height: 20px;
	text-align: center;
	background: url("../images/main/panele/pozostale.png");
	margin: 0;
	float: right; position: relative; right: 10px;
}

.pgl {
	bottom: -5px; right: 20px;
}

.part {
	bottom: 10px;
}
/*---------------Pasek przy recenzji: data, godzina, liczba komentarzy-------------------*/

.kom {
	height: 31px;
	position: absolute;
	margin: 10px;
}


.komBL, .komBR {
	width: 6px;	height: 31px;
	float: left;
}

.komBL {
	background-image: url("../images/main/komBL.png");
}

.komC {
	height: 31px;
	background-image: url("../images/main/komC.png");
	font-size: 14px;
	float: left;
	margin: 0; padding: 0;
}

.komC li {
	float:left;
	height: 30px;
	padding: 0 5px;
	display: block;
}

.komC li span, .kom a {
	line-height: 30px;
}

.komC li.komCH, .acc, .RrightCont, .RrightDown, .obrlp/*-------------------------RAMKI-------------------------------*/ {
	border-left: 1px solid #aaaaaa;	border-right: 1px solid #aaaaaa;
}

.komBR {
	background-image: url("../images/main/komBR.png");
}

.komNew {
	bottom: 0;
}

.komOld {	
	bottom: -5px;
}

table.strony {
	background: #ccc;
	border: #aaaaaa solid 1px;
	margin: 0 auto;
}

table.strony td {
	width: 20px; height: 20px;
	line-height: 18px; text-align: center;
	border: #aaaaaa solid 1px;
	background: #fff;
}

table.strony td.stronyZ a, table.strony td.stronyZ a:hover, table.strony td.stronyZ a:active {
	background-repeat:no-repeat; background-position: center center;
}

table.strony td.stronyF a, table.strony td.stronyF a:hover, table.strony td.stronyF a:active {
	background-image: url(../images/main/sterowanie/pierw.png);
}

table.strony td.stronyPrev a, table.strony td.stronyPrev a:hover, table.strony td.stronyPrev a:active {
	background-image: url(../images/main/sterowanie/poprz.png);
}

table.strony td.stronyNext a, table.strony td.stronyNext a:hover, table.strony td.stronyNext a:active {
	background-image: url(../images/main/sterowanie/nast.png);
}

table.strony td.stronyL a, table.strony td.stronyL a:hover, table.strony td.stronyL a:active {
	background-image: url(../images/main/sterowanie/ost.png);
}
	
/*---------------Wiecej-------------------*/
.wiecej {
	margin: 0 10px 10px 10px;
	float: right; 
}


/*---------------Layout-------------------*/

.boxTop, .boxTop2 {
	background-repeat: no-repeat;
	height: 28px;
}

.boxTop img {
	margin: 8px 0 0 20px;
}

.boxTop2 img {
	margin: 4px 0 0 20px;
}

.boxD, .boxD2 {
	height: 48px;
}

.boxD img {
	margin: 12px 0 0 20px;
}

.boxD2 img {
	margin: 2px 0 0 20px;
}

.boxD h1, .boxD2 h1 {
	width: 559px;
	color: #940a00;
	font-size: 16px;
	margin: 0; padding: 0;
	position: relative;
	top: -29px; left: 180px;
}

h1.spis {
	margin-left: 60px;
}

/*----------------------------PANELE---------------------*/

.all250 {	
	width: 250px;
	margin-bottom: 15px;
}

.top250x28 {
	background-image: url("../images/main/panele/top250x28.png");
}

.but250s {
	margin-left: 150px;
}

.all331 {
	width: 331px;
	float: left;
	position: relative;
	margin: 0 0 15px 0;
}

.all331mar {
	margin-right: 15px;
}

.top331x48 {
	background-image: url("../images/main/panele/top331x48.png");
}

.all759 {
	width: 759px;
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
}

.top759x48 {
	background-image: url("../images/main/panele/top759x48.png");
}

.pdf {
	position:absolute; top: -5px; right: 25px;
}

.sp {
	position:absolute; top: -10px; right: 25px;
}

.all905 {
	width: 905px;
	float: left;
	margin: 0 0 15px 0;
}

.top905x48 {
	background-image: url("../images/main/panele/top905x48.png");
}

.all1024 {
	width: 1024px;
	float: left;
	margin: 0 0 15px 0;
}

.top1024x48 {
	background-image: url("../images/main/panele/top1024x48.png");
}

.cont {	
	background: #fff;
	border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;
	padding: 10px 10px;
}

.cont2 {	
	background: #fff;
	border: 1px solid #aaaaaa; border-top: none;
	padding: 10px 10px;
}

.cont img {
	float: left;
	margin: 0 10px 10px 0;
}

span.centerimg {
	width:100%;
	text-align: center;
	display: block;
}

span.centerimg img {
	margin: 0; padding: 10px;
	float: none;
}

span.centerimg a:hover img {
	background:#ccc;	
}

.cont h4 {
	border-bottom: #aaaaaa solid 1px;
	margin-bottom: 5px;
}

.down {
	height: 20px;
	background: #fff;
	border: 1px solid #aaaaaa; border-top: none;	 
}

/*-------------------TOOLBOX------------------*/

table.toolbox {
	width: 200px;	
	position: relative;
	margin-left: 530px;
}

table.toolbox tr > td:first-child {
	width: 80px;
}

table.toolbox tr > td {
	width: 30px;
	border: 1px solid #cccccc;
	color: #666666; font-weight: bold; text-align: center;
	vertical-align: bottom; padding-bottom: 3px;
	cursor: pointer;
}

table.toolbox tr > td.smaller {
	font-size: 10px;
}

table.toolbox tr > td.normal {
	font-size: 11px;
}

table.toolbox tr > td.bigger {
	font-size: 12px;
}

table.toolbox tr > td.facebook > a {
	width: 100%; height: 100%;
	display: block;
	color: #666666;
}

/*---------------nawigacjaTop-------------------*/

#nawigacjaTop, ul#textnawigacji, ul#nawigacjaBut {
	position: relative;
	margin: 0; padding: 0;
}

ul#textnawigacji {
	display: none;
}

ul#textnawigacji.ok
{
	display: inline;
}

.textnavDiv {
	width: 600px;
	text-align: left;
	position: relative;
	margin: 0 auto;
}

ul#nawigacjaBut {
	height: 20px;
}

ul#nawigacjaBut li {
	height: 20px;
	font-size: 10px; line-height: 15px;
	position: relative; display: block;
	margin: 0 auto;
	cursor: pointer;
}

.niewybrany {
	width: 70px;
	padding-left: 10px;
	background: url('../images/main/topnav/but.png') no-repeat;
}

.wybrany {
	width: 70px;
	color: #fff;
	padding-left: 10px;
	background: url('../images/main/topnav/butw.png') no-repeat;
}

.bez {
	width: 80px;
	background: url('../images/main/topnav/butbez.png') no-repeat;
}

.bez a {
	width:100%; height: 100%;
	display:block;
	padding-left:10px;
}

.bez a:hover {
	color:#fff;
	background: url('../images/main/topnav/butbezhov.png') no-repeat;
}

.bez a:active {
	color:#fff;
	font-weight: bold;
	background: url('../images/main/topnav/butbezhov.png') no-repeat;
}

.uklad {
	padding: 10px;
}

.uklad p {
	margin: 0; padding: 5px 0 10px 10px;
}

.uklad p.not {
	padding: 5px 0 10px 0;;
}

#zalogujBut, #wylogujBut {
	left: -405px;
}

#zaloguj {
	background: #fff url("../images/main/topnav/zaloguj.png") no-repeat top right;
}

#zarBut, #kontoBut {
	top: -20px; left: -325px;
}

#zarejestruj {
	background: #fff url("../images/main/topnav/zarejestruj.png") no-repeat top right;
}

#konto {
	background: #fff url("../images/main/topnav/konto.png") no-repeat top right;
}

#newsBut {
	top: -40px; left: -245px;
}

#news {
	background: #fff url("../images/main/topnav/newsletter.png") no-repeat top right;
}

#rssBut {
	top: -60px; left: -165px;
}

#rssBut img {
	position: absolute; top: 2px; left: 35px;
}

#rss {
	height: 100px;
	background: #fff url("../images/main/topnav/rss.png") no-repeat top right;
}

#rss input{
	margin-bottom: 10px;
}

.veryTop {
	background: #fff;
}

/*---------------Menu + Logo-------------------*/


#top {
	background: url("../images/main/top.png") no-repeat top center;
	width: 100%; min-width: 1024px; height: 180px;
	margin-bottom: 20px;
	position: relative;
}

#topc {
	width: 1024px; min-height: 180px;
	position: relative;
	margin: 0px auto;
}

#DLsign {
	width: 329px; height: 69px;
	position:absolute; top: 39px; left: 60px;
}

#DLsign a {
	width: 100%; height: 100%;
	display: block;
	border: none;
}

#bar {
	width: 1018px; height: 30px;
	position: relative; top: 147px; left: 5px;
}

#menu {
	width: 740px; height: 30px;
	padding:0; margin:0;
}

#menu li {
	width: 104px; height: 30px;
	border-right: #aaaaaa solid 1px;
	font-size: 14px; text-align: center; line-height: 27px;
	float:left;
}


#menu li a, #searchButton a, #moreButton a {
	width: 100%; height: 100%;
	border: none;
	color: #fff;
	display:block;
	text-decoration: none;
}

#menu li a:hover {
	background-image: url(../images/main/panele/menuh.png);
}

#menu li a:active {
	background-image: url(../images/main/panele/menuc.png);
}

#searchButton a:hover, #moreButton a:hover {
	background-image: url(../images/main/panele/searchh.png);
}

#search {
	width: 272px; height: 30px;
	position: relative;	top: -30px; left: 739px;
}

#searchInput {
	width: 222px; height: 18px;
	background: none; border: none;
	color: #333333;
	margin: 5px 0 0 2px; padding: 1px 0 0 0;
}

#moreButton {
	width: 13px; height: 19px;
	position: relative;	top: -19px; left: 226px;
}

#more {
	width: 1024px; height: 41px;
	background: url(../images/main/tla/more.png) no-repeat top center;
	position: relative;	top: 140px;	z-index: 50;	
}

#more ul {
	position: relative; left: 80px;
	float: left;
	margin: 0; padding: 15px;
}

#more ul li {
	line-height: 20px;
	float: left;
}

#more ul li h4 {
	padding: 0 10px 0 0;
}

.morerec {
	display: none;
}

#searchButton {
	width: 31px; height: 19px;
	position: relative; top: -38px; left: 240px;
}

/*---------------Reklamy-------------------*/

#bannerC {
	width: 750px; height: 100px;
	background-color: #cccccc;
	margin: 15px auto;
	position: relative;
	}

/*---------------Main Content-------------------*/


#main {
	width: 1024px;
	margin: 0px auto;
}


#left {
	width: 496px;
	float: left;
	margin: 0 15px 0 0;
}


	/*-------------------------Rec Duza-----------------------------------*/


#new {
	width: 496px;
	position: relative;
}

#newTop {
	width: 496px;
	background: url(../images/main/recBT.png) no-repeat;
}


.newRec {
	padding-bottom: 25px;
}

.newRec h3 {
	color: #940a00;
	font-size: 16px; font-weight: bold; text-align: center;
	margin-top: 0px; padding-top: 10px;
}

.newRec h3 span {
	font-style: italic;
}

.newRec img {
	margin: 10px;
}

	/*------------------------Rec Mała + ustawienie z górnych danych-------------------------*/

.old, .oldTop {
 	width: 496px;
	margin-top: 15px;
}

.oldTop {
	background-image: url(../images/main/recST.png);
}

.oldTop span {
	color: #940a00;
	font-weight: bold;
	margin-left: 90px;
}

.oldCont {
	height: 131px;
	background-color: #fff;
	border: 1px solid #aaaaaa; border-top: none;
	position: relative;
}

.oldCont img {
	float: left;
	padding-right: 10px;
}



/*------------------------prawa czesc strony-------------------------*/
#right {
	float: left;
	width: 513px;
	margin: 0;	
}
	/*------------------------migadelko-------------------------*/
#Rcenter { 
	width:407px; height:296px;
	background:#fff; border:2px solid #fff;
	position:relative; 
	margin-top: 2px; padding-right:103px;
}

#Rcenter ul.ui-tabs-nav { 
	width: 103px;
	position:absolute; top:0; left:407px; 
	margin:0; padding:0;
}

#Rcenter ul.ui-tabs-nav li { 
	border:2px solid #fff; border-top: none; border-right: none;
	padding:0 0 0 2px;
}

#Rcenter ul.ui-tabs-nav li img { 
	border: none;
	float:left; 
	padding:0px; 
}

#Rcenter li.ui-tabs-nav-item a { 
	height:72px; 
	background:#fff; 
	line-height:20px;
	display:block;
}

#Rcenter li.ui-tabs-nav-item a:hover { 
	background:#f2f2f2; 
}

#Rcenter .ui-tabs-panel { 
	width:407px; height:296px; 
	background:#333333;
	position:relative;
	overflow: hidden;
}

#Rcenter .ui-tabs-panel .info { 
	position:absolute; top:226px; left:0; 
	height:70px;
	background: url("../images/js/1/transparent-bg.png");
	overflow: hidden;
}

#Rcenter .info h2 { 
	font-size:18px;
	color:#fff;
	margin:0; padding:5px;
	overflow:hidden; 
}

#Rcenter .info p { 
	color:#fff; 
	font-size:12px; line-height:15px; 
	margin:0 5px;
}

#Rcenter .info a { 
	color:#fff; 
}

#Rcenter .info span { 
	float: right;
}

#Rcenter .ui-tabs-hide { 
	display:none;
}

/*------------------------Rleft-------------------------*/

.all350 {
	width: 325px;
	position: relative;
	margin: 0 0 15px 0;
}

#Rleft {
	width: 325px;
	margin: 15px 15px 0 0;
	float: left;
}

.RleftTop {
	width: 325px;
	background-image: url(../images/main/RleftTop.png);
}

.RleftDown {
	height: 25px;
}

.RleftDown img {
	margin: 3px auto;
}

#Rright {
	width: 172px;
	float: right;
	margin: 15px 0;
}

#jwk, #patronat {
	margin-bottom: 15px;
}

#patronat div.cont2 {
	text-align: center;
}

#patronat img.okladka {
	width: 100px;
}

.RrightTop {
	background-image: url(../images/main/RrightTop.png);
}

.RrightCont {
	background-color: #fff;
}

.RrightCont img {
	padding: 4px 1px 1px 1px;
}

.RrightUL {
	list-style-image: url(../images/js/Acc/nakt.png);
	margin: 0; padding: 0 10px 0 22px;
}

.RrightUL li {
	text-align: left;
	padding-top: 5px;
}

.RrightUL li span {
	font-weight: normal; font-style: italic;
}

/*---------------------Accordion---------------------*/

.acc {
	width: 323px;
	background-color: #fff;
	margin: 0; padding: 0;
}

.accUL {
	width: 305px;
	margin: 0 9px; padding: 3px 0 0 0;
}

ul.accUL li h4 {
	border-bottom: #aaaaaa solid 1px;
	font-size: 10px;
	margin: 0; padding: 5px;
	cursor: pointer;
}

ul.accUL li h4 span.n {
	margin-left: 18px;
}

.ui-state-active {
	color: #940a00;
}

ul.accUL li p {
	font-size: 10px; max-height: 120px;
	border-bottom: #aaaaaa solid 1px;
	margin: 0; padding: 10px 0 5px 0;
}

ul.accUL > li > p > a {
	float: left; clear: left;
	padding-right: 5px;
}

ul.accUL li img {
}

.accCW {
	padding-left: 225px;
}

.accFirst {
	border-top: #aaaaaa solid 1px;
}

.ui-icon {
	width: 11px; height: 11px;
	margin-top: 2px;
	position: absolute;
}

.ui-icon-wybrana { 
	background: url(../images/js/Acc/akt.png) no-repeat; 
}

.ui-icon-niewybrana {
	background: url(../images/js/Acc/nakt.png) no-repeat;
}


/*-------------STOPKA------------------------*/

#stopka {
	width: 1024px; height: 31px;
	background: url("../images/main/stopka.png") no-repeat top center;
	margin: auto; margin-bottom: 20px;
	position: relative;	clear: both;
}

#stopka p {
	color: #aaaaaa;
	text-align: center; line-height: 30px;
	margin: 0;
}

#stopka img {
	float: left;
	margin: 6px 30px;
	position: absolute; overflow: visible;
}


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

					WIADOMOSCI

-----------------------------------------------*/
#wright {
	width: 250px;
	float: left;
	margin: 0;
}

#wright .all250 .cont {
	min-height: 120px;
}


/**************************************

			RECENZJA

**************************************/

.recImg {
	float: left;
	margin: 10px;
	position: relative;
}

.danebox {
	height: 330px;
	background: #ccc;
	margin: 0;	padding: 10px 10px 0 10px;
}

.dbtrawka {
	background: #ccc url(../images/main/tla/oddzielenie.png) bottom no-repeat;
}

ul.dane {
	text-align: left;
	float: left;
	margin: 0px; padding: 10px;
	position: relative;
}

ul.dane li {
	max-width: 320px;
	float: none;
}

ul.daneloga {
	margin: 0px; padding: 10px;
	float: right;
	position: relative;
}

ul.daneloga li {
	text-align: center;
	background: #fff; border: #aaaaaa solid 1px;
	margin-bottom: 5px; padding: 5px;
}

ul.wywiad{
	margin: 0; padding: 10px;
}

ul.wywiad li{
	padding: 5px 10px;
}

ul.wywiad li.odd{
	background-color: #ccc;
}

#podobne {
	background: #fff; border: #aaaaaa solid 1px;
	margin: 15px 0px;
}

#podobne ul.elementy {
	height: 105px;
	margin: 0; padding: 10px;
}

#podobne ul.elementy li.element {
	width: 235px; height: 100px;
	border: #aaaaaa solid 1px;
	float: left;
	margin-right: 8px;
}

#podobne ul.elementy li.element ol.dane {
	margin: 0px; padding: 10px 10px 10px 70px;
	position: relative;
}

#podobne ul.elementy li.element ol.dane li.sz {
	width: 160px;
	font-size: 10px;
	text-align: left;
}

#podobne ul.elementy li.element img {
	float: left;
	max-width: 65px;
}

/************PODOBNE 2*************/

table.mainPod {
	width: 100%;
	margin: 5px 0;
}

div.boxPod {
	border: #aaaaaa solid 1px;
	margin: 0; padding: 0;
}

td.colorPod {
	background-color: #cccccc; 
}

td.imagePod {
	width: 65px; height: 100px; 
	border-right:#aaaaaa solid 1px; 
	padding: 2px;
}

td.imagePod img {
	border:#aaaaaa solid 1px;
}

td.dataPod {
	width: 100%;
}

ul.danePod {
	width: 160px;
	margin: 0; padding: 5px;
}

ul.danePod li.szPod {
	width: 160px;
	text-align: left;
}

td.morePod {
	height: 10px; 
	border-top:#aaaaaa solid 1px; 
	color: #fff; font-weight: bold; text-align: right;
}

td.morePod a {
	display: block;
}

td.morePod a span {
	margin-right: 5px;
}

/******PODOBNE 2 KONIEC***********/
/*
.komentarze {
	width: 80%;
	background: #fff;
	margin: 15px auto 0 auto;
}

.lista {
	padding: 20px;
}

ul.listakom {
	margin: 0; padding: 0;
}

ul.listakom li {
	margin: 0; padding: 10px 5px;
	border-top: #aaaaaa solid 1px;
	position: relative;
}

ul.listakom p {
	padding-left: 30px;
	position: relative; z-index: 1;
}

.numerkom {
	color: #aaaaaa;
	font-size: 40px; font-weight: bold;
	position: absolute; bottom: -9px;
}
*/

/*----*/

/* KOMENTARZE */

div.komentarze {
	width: 100%;
	background: #fff;
	margin: 30px auto 0 auto;
}

ul.listakom {
	margin: 0; padding: 20px;
}

ul.listakom > li {
	margin: 0; padding: 10px 5px;
	position: relative;
}

ul.listakom > li > table {
	width: 100%;
}

ul.listakom > li > table tr:first-child {
	font-weight: bold;
}

ul.listakom > li > table tr > td.num {
	width: 70px;
}

ul.listakom > li > table tr > td.num > div {
	color: #aaaaaa; font-size: 40px; text-align: center;
	min-width: 60px;
	border: 1px dashed #999999;
	margin-right: 10px;
}

ul.listakom > li > table tr > td.date {
	text-align: right;
}

ul.listakom > li > table tr > td.text > p {
	margin: 0; padding: 0;
}

/*---*/

.formularz {	
	padding: 20px;
}

.formularz img {
	margin-bottom: 5px;
}

ul.form {
	margin: 0; padding: 0;
}

ul.form li {
	margin: 0; padding: 0 0 5px 0;
}

ul.form li input {
	width: 200px;
	border: #aaaaaa solid 1px;
	margin-right: 10px; padding: 0;
}

ul.form li select {
	width: 200px;
	margin-right: 10px;	padding: 0;
}

.formtext {
	text-align: center;
	margin: 0; padding: 0 0 5px 0;
}

.formtext textarea {
	width: 100%; height: 100px;
	border: #aaaaaa solid 1px;
}
/*----------------- Artykul -------------------*/

h1.artTytul {
	font-size: 18px;
	color: #940a00;
	margin: 0px; padding:0px;
	position: relative; z-index: 1;
}

span.artData {
	font-size: 10px; 
	color: #666666;
	margin: 0px; padding: 0px;
}

img.artImg {
 	float: right;
 	position: relative; 
 	top: -35px; z-index: 0;
}


/*----------------- Artykuly-------------------*/

ul.art, ul.artp {
	margin: 0; padding: 0;
}

ul.artp {
	height: 250px;
}

ul.art li {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}

ul.artp li {
	width: 320px;
	float: left; overflow: visible;
}

ul.artp li img {
	margin: 0 auto 0 5px;
}

ul.art li.srodkowy {
	margin: 10px 0;	padding-top: 10px;
	border-top: #aaaaaa solid 1px; border-bottom: #aaaaaa solid 1px;
}

ul.artp li.srodkowy {
	margin: 0 10px;	padding: 0 10px 15px 10px;
	border-left: #aaaaaa solid 1px;	border-right: #aaaaaa solid 1px;
}

ul.art li h4, ul.artp li h4 {
	margin: 2px 0 0 0; padding: 0;
}

ul.art li p.dat {
	margin: 0 0 3px 2px; padding: 0;
}

ul.artp li p.dat {
	margin: 0 0 3px 6px; padding: 0;
}

ul.art li p span, ul.artp li p span {
	float: right;
	margin-top: 5px;
}

/*-----------------------Linki----------------------*/
#lt1 {
	width: 300px;
	border-right: #aaaaaa solid 1px;
	vertical-align: top;
}

ul.blogiUL li {
	padding-bottom: 10px;
}

ul.blogiUL li.notstyle {
	list-style: none;
}

ul.blogiUL li span {
	margin: 0 10px;
}

/*-----------------------Recenzje----------------------*/
ul.literki, ul.panel {
	width:100px;
	background-color:#FFFFFF;
	text-align: center; font-weight: bold;
	margin:0 15px 15px 0; padding: 2px;
	float: left;
}

ul.literki {
	font-size: 16px;
}

ul.literki li {
	height:30px;
	background: #ccc;
	line-height: 25px;
	margin-bottom:1px;
}

ul.panel li {
	background: #ccc;
	margin-bottom:1px;
}

ul.literki li a, table.strony td a, ul.panel li a {
	width:100%; height:100%;
	color:#333333;
	display:block;
}

ul.panel li a {
	padding: 10px 0;
}

ul.literki li a:hover, table.strony td a:hover, ul.panel li a:hover {
	background:#aaaaaa;
	color:#fff;
	text-decoration:none;
}

ul.literki li a:active, table.strony td a:active, ul.panel li a:active {
	background:#aaaaaa;
	color:#930a00;
	text-decoration:none;
}

.cowybrane {
	background: #fff;
	padding-top: 7px;
}

.cowybraneint {
	background: #ccc;
	padding: 2px 10px;
}

.cowybraneint span {
	font-weight: bold;
	color: #930a00;
	padding: 0 10px 0 0;
}

ul.recrec {
	margin: 0; padding: 0;
}

ul.recrec li {
	padding-top: 5px;
}

ul.recrec li.aut {
	margin-left: 30px;
}

ul.recrec li table {
	width: 100%;
	border-bottom: #aaaaaa solid 1px;
}

ul.recrec li table th {
	width: 120px;
	vertical-align: top;
}

ul.recrec li table th img{
	width: 100px;
}

ul.recrec li table td {
	vertical-align: top;
}

ul.recrec li table tr {
	border-bottom: #aaaaaa solid 1px;
}

ul.recrec li table td.recwiecej {
	text-align: right
}

ul.recrec li table td.recnagl {
}

ul.recrec li table td.recdata {
	width: 180px;
	text-align: right;
}

/* LISTY */

span.letter {
	width: 700px;
	background: #CCCCCC;
	padding: 5px;
	display: block;
}
	
span.letter > span.letter2 {
	width: 685px;
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	margin-bottom: 15px;
	display: block;
}
	
span.letter > span.letter2 > span.letter3 {
	width: 70%;
	padding: 10px; margin: 10px 0 40px 40px;
	background: url(../images/main/letters/white50.png);
	border: 1px solid #FFFFFF;
	display: block;
}
	
span.letter > span.letter2 > span.letter3 > span.letter4 {
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic; font-size: 12px;
	padding: 30px 0 0 0; margin: 0;
	background: url(../images/main/letters/quote.png) no-repeat;
	display: block;
}