#lMain{ width: 944px; margin: 0 auto; background: #ffffff url('../../pub/images/main.jpg') no-repeat top center;	 padding: 310px 20px 10px 20px; position: relative; }
#lMain2{ width: 944px; margin: 0 auto; background: #ffffff url('../../pub/images/main2.jpg') no-repeat top center;	 padding: 340px 20px 10px 20px; position: relative; }


#lMainBot{ height: 109px; background: #f2f0f1 url('../../pub/images/foter.jpg') no-repeat top center; }
#lMainBot div{ width: 944px; margin: 0 auto; padding: 15px; text-align: right; color: #02466a; font: bold 10px Arial; }


#lLogo{ position: absolute; top: 27px; left: 51px; }
#lTopMenu{ position: absolute; top: 36px; right: 50px; }
#lTopMenu A{ color: #02466a; font-size: 11px; margin: 0 2px; }

#lSlogan{ position: absolute; top: 100px; left: 380px; padding: 0 0 0 60px; width: 460px; line-height: 20px; background: url('../../pub/images/slogan_back.gif') no-repeat center left; }
#lSlogan p{ font: bold 100% Arial; color: #02466a; margin-bottom: 20px; line-height: 20px; }


#lMain  div.pTitle{ font: bold 130% Arial; color: #02466a; padding: 10px 0 0 0; }
#lMain2 div.pTitle{ font: bold 130% Arial; color: #02466a; }

.infoSec{ font: normal 11px Arial; text-align: center; padding: 10px 50px; margin: 10px 0; background: url('../../pub/images/dotts.gif') repeat-x top center; }

/* taby dla strony głównej */
#lTopBaners{ background: url('../../pub/images/dotts.gif') repeat-x left bottom; margin: 0 0 10px 0; }
#lTopBaners table{ width: 100%; }
#lTopBaners td{ vertical-align: top; width: 220px; }
#lTopBaners td.sep{ background: url('../../pub/images/baner_sep.gif') no-repeat bottom center; padding: 10px; }
#lTopBaners td div{ width: 217px; padding: 0 0 7px 0; background: url('../../pub/images/baner_back.jpg') no-repeat right bottom; }
#lTopBaners td DIV img{ border: 1px solid #d8d8d8; padding: 0; margin: 0; }
#lTopBaners td P{ padding: 0 10px 10px 20px; background: url('../../pub/images/baner_link.gif') no-repeat 7px 3px; }
#lTopBaners td P SPAN{ font-weight: bold; display: block; }


/* taby dla podstron */
/* taby dla strony głównej */
#lTopBaners2{ position: absolute; top: 110px; left: 262px; }
#lTopBaners2 table{  }
#lTopBaners2 td{ vertical-align: top; width: 250px; }
#lTopBaners2 td.sep{ padding: 10px; }
#lTopBaners2 td div{ width: 217px; padding: 0 0 7px 0; background: url('../../pub/images/baner_back.jpg') no-repeat right bottom; }
#lTopBaners2 td DIV img{ border: 1px solid #d8d8d8; padding: 0; margin: 0; }
#lTopBaners2 td P{ padding: 0 10px 10px 20px; background: url('../../pub/images/baner_link.gif') no-repeat 7px 3px; }
#lTopBaners2 td P SPAN{ font-weight: bold; display: block; }


/* lista linków */
.lList{ margin: 20px 0 0 0; }
.lList table{ width: 100%; }
.lList table tr td{ vertical-align: top; }
.lList table tr td.first{ width: 230px; }
.lList table tr td.sep{ width: 1px; background: url('../../pub/images/dotts_pion.gif') repeat-y top center; }
.lList table tr td p{ padding: 10px 15px; background: url('../../pub/images/dotts.gif') repeat-x left bottom; color: #02466a; font: bold 100% Arial; }
.lList table tr td div{ padding: 15px; color: #888888; font: normal 11px Arial;  }

.lList table tr td.back{ background: #f8f8f8; }

.lList table tr td div.quest_links{ }
.lList table tr td div.quest_links a{ color: #02466a; font: bold 100% Arial; display: block; margin: 0 0 8px 0; }
.lList table tr td div{ color: #000000; font: normal 12px Arial; line-height: 150%; }
.lList table tr td div.listCon{ padding: 0; }

.ranking table tr td{ vertical-align: middle; background: url('../../pub/images/dotts.gif') repeat-x bottom left; }
.ranking table tr td.last{ background: none; }
.ranking table tr td ul{ padding: 0; margin: 0 0 0 30px; }
.ranking table tr td div p{ padding: 0 0 10px 0; background: none; }


/* lista banków */
#lList2{ margin: 20px 0 40px 0; }
#lList2 table{ width: 100%; }
#lList2 table tr td{ vertical-align: top; width: 49%; }
#lList2 table tr td.sep{ width: 1px; background: url('../../pub/images/dotts_pion.gif') repeat-y top center; padding: 0; margin: 0; }
#lList2 table tr td.sep_p{ height: 1px; background: url('../../pub/images/dotts.gif') repeat-x top center; }
#lList2 table tr td div{ padding: 30px;  }

#lList2 table tr td div table{ width: auto; }
#lList2 table tr td div table td { vertical-align: middle; font: bold 120% Arial; }
#lList2 table tr td div table td img{ padding: 5px; }
#lList2 table tr td div p.but{ margin: 10px 0 0 25px; }
#lList2 table tr td div p.but img{ cursor: pointer; }
#lList2 table tr td div ul{ margin: 0 10px; padding: 0; clear: both; }
#lList2 table tr td div ul li{ list-style: none; padding: 0 0 3px 15px; background: url('../../pub/images/arrow.gif') no-repeat 0 5px; }




.lList div.list{ background: none; float: left; width: 320px; margin: 0; }
.lList div.list div{ background: none; padding: 3px; }
.lList div.list div span{ width: 100px; color: #888888; font: bold 11px Arial; display: block; float: left; text-align: right; padding: 0 10px 0 0; }
.lList div.list div a{ color: #02466a; font-size: 11px; }



.lList div.bankList{ background: none; float: left; width: 200px; }
.lList div.bankList div{ clear: both; cursor: pointer; background: url('../../pub/images/bank_t.gif') no-repeat 8px 7px; color: #044267; font: normal 11px Arial; display: block; float: left; padding: 3px 10px 3px 20px; }
.lList div.bankList div div{ margin: 6px 0; background: none; padding: 0; display: none; }
.lList div.bankList div div a{ color: #5e5e5e; font: bold 11px Arial; display: block; padding: 0 0 2px 0; white-space: nowrap; }


/* wysyłanie wiadomości */
div#errWin{ background: none; display: none; }
p#errMsg{ color: #000000; font-weight: normal; }

/* kontakt z bankiem */
#linkContact{  }
#linkContact P{ padding: 6px 0; color: #5e5e5e; font: normal 11px Arial; background: none; }
#linkContact A.link{ padding: 0 10px 10px 20px; background: url('../../pub/images/baner_link.gif') no-repeat 7px 2px; color: #5e5e5e; font: normal 11px Arial; }


/* szczegóły banków */
#lBankDetails{ margin: 15px 0 0 0; }

#lBankDetails div.bank{ float: left; }
#lBankDetails div.baner{ float: right; margin: 10px 0 0 0; }
#lBankDetails div.ranking{ clear: both; font: bold 110% Arial; color: #02466a; }
#lBankDetails div.ranking td { font: bold 110% Arial; color: #02466a; background: none; }

#lBankDetails div.ranking td.note { font: bold 100% Arial; color: #444444; padding: 5px 4px 0 20px; }

#lBankDetails div.ranking td#rankName{ font: normal 100% Arial; color: #444444; padding: 4px 4px 0 10px; }

#lBankDetails div.ranking span{ font: bold 160% Arial; color: #444444; }
#lBankDetails div.ranking span span{ font-size: 12px; }
#lBankDetails div.ranking p{ display: inline; margin: 0 0 0 15px; font: bold 12px Arial; color: #444444; }

#lBankDetails div.ranking p div{ display: inline; }

/* lista komentarzy dla wskazanego banku */
#lCommList{ clear: both; margin: 15px 0 0 0; padding: 15px 0 0 0; background: url('../../pub/images/dotts.gif') repeat-x top left; }
#lCommList p.tit{ float: left; margin: 0 0 0 15px; font: bold 140% Arial; color: #02466a; }
#lCommList p.add{ float: right; margin: 0 10px 0 0; }

#lCommList div.list{ clear: both; paddinG: 10px 0 0 0; }
#lCommList div.list div.commShort{ clear: both; margin: 0 0 10px 0; padding: 8px; }
#lCommList div.list div.sel{ background: #f8f8f8; }
#lCommList div.list div.commShort div.user{ padding: 4px 0 0 0; font: bold 90% Arial; color: #565656; }

#lCommList div.foot{ padding: 10px 0; background: url('../../pub/images/dotts.gif') repeat-x top left; margin: 10px 0 0 0; }

div.commShort{ margin: 0; padding: 0; background: none; clear: both; }
div.commShort span{ padding: 10px 15px; border: 1px solid #dddddd; float: left; margin: 0 15px 10px 0; width: 140px; text-align: center; }
div.commShort div.user{ clear: both; border: 0; padding: 0; margin: 0; font-size: 11px; }
div.commShort div.user a{ color: #02466a; }


/* footer */
#lFooter{ padding: 10px 20px; margin: 15px 0 10px 0; background: url('../../pub/images/dotts.gif') repeat-x left top; }
#lFooter div#menuL{ float: left; }
#lFooter div#menuL a{ margin-right: 15px; color: #516a60; font: normal 10px Arial; }
#lFooter div#menuL a img{ padding: 0 5px 0 0; width: 11px; height: 11px; position: relative; top: 2px; }
#lFooter div#menuR{ float: right; color: #516a60; font-size: 10px; margin: 3px 0 0 0;}
#lFooter div#menuR a{ color: #516a60; font: normal 10px Arial; }