* {
padding: 0;
margin: 0;
border: 0;
}

body {
background: #ffffff url(images/background.png) repeat-x;
}

#container {
width: 948px;
margin: 0 auto;
margin-top: 37px;
}

#header {
margin: 12px 0 0 0;
width: 948px;
height: 170px;
background: url(images/header.png);
}

#content {
width: 894px;
height: 271px;
margin: 0 0 0 25px;
background: url(images/body.png);
}

#bottom {
clear: both;
width: 936px;
height: 247px;
margin: 0 0 0 4px;
background: url(images/bottom.png);
}

#footer {
clear: both;
width: 922px;
text-align: right;
height: 24px;
background: url(images/pay.png) no-repeat;
margin: 0 0 0 10px;
font: 10px tahoma;
padding-right: 22px;
padding-top: 8px;
}

#footer span {
padding-left: 2px;
padding-right: 2px;
}

#footer a{
text-decoration: underline;
color: #000000;
}

#menu {
width: 660px;
height: 18px;
padding: 146px 0 0 14px;
}

#menu a#menu_01 { display: block; float: left; height: 20px; width: 43px; background: url(images/menu_01.png); }
#menu a#menu_02 { display: block; float: left; height: 20px; width: 137px; background: url(images/menu_02.png); }
#menu a#menu_03 { display: block; float: left; height: 20px; width: 81px; background: url(images/menu_03.png); }
#menu a#menu_04 { display: block; float: left; height: 20px; width: 109px; background: url(images/menu_04.png); }
#menu a#menu_05 { display: block; float: left; height: 20px; width: 146px;  background: url(images/menu_05.png); }
#menu a#menu_06 { display: block; float: left; height: 20px; width: 79px; background: url(images/menu_06.png); } 
#menu a#menu_07 { display: block; float: left; height: 20px; width: 45px; background: url(images/menu_07.png); }

#login {
float: right;
width: 261px;
height: 70px;
padding: 46px 4px 0 0px;
font: 10px tahoma;
color: #ffffff;
}

#login a {
text-decoration: none;
color: #fcd000;
}

#login h5 {
font: 12px tahoma;
color: #ffffff;
padding: 3px 0 3px 4px;
}

#loginlog {
width: 210px;
height: 19px;
background: url(images/log.png);
font: 10px verdana;
color: #ffffff;
padding: 6px 0px 0px 10px;
}

#loginpass {
width: 210px;
height: 19px;
background: url(images/pass.png);
font: 12px verdana;
color: #ffffff;
padding: 6px 0px 0px 10px;
margin-bottom: 6px;
}

#loginbutton {
float: right;
width: 31px;
height: 31px;
background: url(images/button.png);
margin-top: 42px;
margin-right: 7px;
}

#logoutbutton {
width: 83px;
height: 25px;
background: url(images/logoff.png);
margin-top: 38px;
margin-left: 84px;
}

#dod {
width: 16px;
height: 16px;
background: url(images/add.png);
}

#allpay {
width: 160px;
height: 74px;
background: url(images/allpay.gif);
}

#news1 {
height: 247px;
width: 197px;
font: 11px tahoma;
text-align: justify;
color: #ffffff;
float: left;
padding-left: 11px;
background: url(images/bottom_1.png) 10px 9px no-repeat;
}

#news2 {
height: 247px;
width: 197px;
font: 11px tahoma;
text-align: justify;
color: #ffffff;
float: left;
padding-left: 10px;
background: url(images/bottom_2.png) 10px 9px no-repeat;
}

#news3 {
height: 247px;
width: 197px;
font: 11px tahoma;
text-align: justify;
color: #ffffff;
float: left;
padding-left: 10px;
background: url(images/bottom_3.png) 10px 9px no-repeat;
}

#news4 {
height: 247px;
width: 197px;
font: 11px tahoma;
text-align: justify;
color: #ffffff;
float: left;
padding-left: 10px;
background: url(images/bottom_4.png) 10px 9px no-repeat;
}

#news1 span, #news2 span, #news3 span, #news4 span {
font: 14px tahoma;
display: block;
margin: 20px 0 54px 38px;
}

#news1 a, #news2 a, #news3 a, #news4 a {
text-decoration: none;
color: #fcd000;
font-weight: bold;
}

#horizhr {
height: 247px;
width: 32px;
float: left;
background: url(images/horizhr.png);
}

#body_left {
width: 380px;
display: inline;
float: left;
padding-top: 7px;
padding-left: 10px;
height: 260px;
background: url(images/body_dots.png) right no-repeat;
margin-left: 10px;
}

.title {
width: 314px;
height: 23px;
padding: 8px 0 0 50px;
background: url(images/title.png);
font: 12px tahoma;
font-weight: bold;
}

#search {
font: 12px tahoma;
margin: 10px 0 10px 5px;
}

#search span {
font-weight: bold;
color: #1e4865;
margin-right: 5px;
}

#search_text {
width: 158px;
height: 20px;
background: url(images/search.png) no-repeat;
padding: 5px 0 0 10px;
}

#search_button {
width: 76px;
height: 25px;
margin-top: -1px;
background: url(images/searchbutt.png);
}

#bodynews {
width: 215px;
height: 110px;
padding-left: 110px;
padding-top: 10px;
font: 10px tahoma;
text-align: justify;
background: url(images/newspaper.png) 10px 35px no-repeat;
}

#bodynews hr {
width: 155px;
height: 5px;
background: url(images/body_hr.png);
margin: 0 auto;
margin-top: 4px;
margin-bottom: 2px;
}

#bodynews a {
text-decoration: none;
font-weight: bold;
color: #000000;
}

#body_right {
width: 470px;
display: inline;
padding-top: 7px;
height: 260px;
float: right;
margin-right: 13px;
background: #ffffff;
}

#bodynews2 {
width: 215px;
height: 110px;
padding-left: 30px;
padding-top: 20px;
font: 11px tahoma;
text-align: justify;
}

#bodynews2 hr {
width: 155px;
height: 5px;
background: url(images/body_hr.png);
margin: 0 auto;
margin-top: 4px;
margin-bottom: 2px;
}

#bodynews2 a {
text-decoration: none;
font-weight: bold;
color: #000000;
}

#acc {
float: right;
padding: 25px 15px 0 0;
}

#content2 {
width: 936px;
height: 618px;
}

#content_right {
float: right;
width: 236px;
height: 608px;
padding: 10px 35px 0 0;
background: url(images/body_right.png);
}

#content_left {
float: left;
width: 665px;
height: 618px;
background: url(images/body_left.png);
}

.conttext {
width: 284px;
height: 20px;
border: 1px solid #000000;
background: url(images/conttext.png);
font: 10px tahoma;
text-align: center;
margin-bottom: 4px;
padding-top: 5px;
float: left;
}

textarea  {
width: 284px;
height: 200px;
border: 1px solid #000000;
background: url(images/conttext.png);
font: 10px tahoma;
text-align: center;
margin-bottom: 4px;
padding-top: 5px;
float: left;
}

#contfield {
width: 284px;
height: 368px;
border: 1px solid #000000;
background: url(images/contfield.png);
font: 10px tahoma;
text-align: center;
margin-bottom: 5px;
padding-top: 5px;
}

#contbook {
margin: 20px 0 0 40px;
float: left;
}

#contspan {
font: 12px tahoma;
font-weight: bold;
display: block;
margin-top: 52px;
margin-left: 164px;
}

#contact {
width: 284px;
height: 500px;
margin: 0 auto;
margin-top: 25px;
}

#contsend {
width: 114px;
height: 27px;
margin-left: 85px;
background: url(images/contsend.png);
}

#register {
width: 284px;
height: 500px;
margin: 0 auto;
margin-top: 25px;
}

#regsend {
width: 116px;
height: 29px;
margin-left: 84px;
background: url(images/regsend.png);
}

#przypsend {
width: 114px;
height: 26px;
margin-left: 84px;
margin-top: 8px;
background: url(images/przypbutt.png);
}

#regkey {
margin: 20px 0 0 40px;
float: left;
}

#regspan {
font: 12px tahoma;
font-weight: bold;
display: block;
margin-top: 52px;
margin-left: 190px;
}

#pola {
font: 12px tahoma;
color: #000;
}

#polamenu {
font: 12px tahoma;
color: #000;
}

#zalozkonto {
width: 179px;
height: 69px;
background: url(images/zalozkonto.png);
float: right;
margin: 20px 20px 0 0;
display: inline;
font: 12px tahoma;
color: #ffffff;
text-align: center;
padding: 110px 0 0 0px;
}

#zalozacc {
float: left;
margin: 15px 0 0 34px;
display: inline;
}

#blog {
height: 580px;
width: 440px;
background: url(images/blog.png) 45px 35px no-repeat;
font: 12px tahoma;
text-align: justify;
color: #6a776e;
padding-left: 180px;
}

#info {
height: 580px;
width: 440px;
background: url(images/info.png) 170px 100px no-repeat;
font: 12px tahoma;
text-align: justify;
color: #6a776e;
padding-left: 180px;
}

#status {
height: 580px;
width: 440px;
background: url(images/status.png) 45px 0px no-repeat;
font: 10px tahoma;
color: #6a776e;
padding-left: 180px;
}

#sinfo {
font: 10px tahoma;
color: #6a776e;
}

#pomoc a, #dlaczego a, #pp a {
text-decoration: none;
font-weight: bold;
color: #3c6b79;
padding: 0 0 0 340px;
}

#blogtitle {
font: 12px tahoma;
color: #000000;
padding: 80px 0 80px 0px;
}

#info2 {
font: 12px tahoma;
color: #000000;
padding: 130px 0px 0px 80px;
}

#blogtitleb {
font-weight: bold;
color: #000000;
}

#blog hr, #pomoc hr, #dlaczego hr, #pp hr {
width: 155px;
height: 5px;
background: url(images/body_hr.png);
margin: 0 auto;
margin-top: 18px;
margin-bottom: 18px;
}

#blog p, #pomoc p, #dlaczego p, #pp p {
margin-bottom: 5px;
}

#pomoc {
height: 580px;
width: 440px;
background: url(images/pomoc.png) 35px 20px no-repeat;
font: 12px tahoma;
text-align: justify;
color: #6a776e;
padding-left: 180px;
}

#content_right_pomoc {
float: right;
width: 241px;
height: 588px;
background: url(images/body_right.png);
color: #ffffff;
padding: 30px 0 0 30px;
font: 12px tahoma;
font-weight: bold;
}

#content_right_przyp {
float: right;
width: 262px;
height: 606px;
background: url(images/body_right.png);
color: #ffffff;
padding: 12px 0 0 9px;
font: 12px tahoma;
font-weight: bold;
}

#content_right_pomoc a {
color: #ffffff;
font: 12px tahoma;
font-weight: bold;
list-style-type:circle;
text-decoration: none;
font-weight: normal;
}

#content_right_pomoc a:hover {
text-decoration: underline;
}

#content_right_pomoc ul {
list-style-type:circle;
}

#content_right_pomoc li {
margin-left: 15px;
padding-top: 5px;
}

#oferta {
height: 580px;
width: 560px;
background: url(images/offer.png) 45px 20px no-repeat;
font: 10px tahoma;
color: #6a776e;
padding-left: 130px;
}

#ofertatitle {
font: 12px tahoma;
color: #000000;
padding: 70px 0 50px 10px;
margin-left: 50px;
}

#ofertatitleb {
font-weight: bold;
color: #000000;
}

#ofertatitlec {
font: 12px tahoma;
font-weight: bold;
color: #000000;
}

#platnoscititle {
font: 12px tahoma;
color: #000000;
padding: 90px 0 40px 10px;
margin-left: 20px;
}

#platnoscititleb {
font-weight: bold;
color: #000000;
}

.offer {
width: 193px;
height: 143px;
background: url(images/oferta.png);
color: #315e6d;
font: 11px tahoma;
text-align: left;
float: left;
padding: 18px 20px 8px 20px;
margin: 10px 10px 10px 10px;
}

.offer h4 {
font: 12px tahoma;
font-weight: bold;
}

.offer a {
text-decoration: none;
color: #315e6d;
font-weight: bold;
}

.offer_cena {
font: 12px tahoma;
font-weight: bold;
}

.offer_a {
text-decoration: none;
color: #315e6d;
}

#dlaczego {
height: 580px;
width: 440px;
background: url(images/dlaczego.png) 60px 40px no-repeat;
font: 12px tahoma;
text-align: justify;
color: #6a776e;
padding-left: 180px;
}

#platnosc {
height: 580px;
width: 440px;
background: url(images/money.png) 60px 40px no-repeat;
font: 10px tahoma;
color: #6a776e;
padding-left: 180px;
}

#pp {
height: 580px;
width: 440px;
background: url(images/pp.gif) 60px 40px no-repeat;
font: 10px tahoma;
text-align: justify;
color: #6a776e;
padding-left: 180px;
}

#przypomnienie {
height: 580px;
width: 440px;
background: url(images/przypomnij.png) 60px 40px no-repeat;
font: 10px tahoma;
color: #6a776e;
padding-left: 120px;
}


#pptitle {
font: 12px tahoma;
color: #000000;
padding: 80px 0 20px 0px;
}

#pptitleb {
font-weight: bold;
color: #000000;
}

#przyptitle {
font: 12px tahoma;
color: #000000;
padding: 80px 0 10px 60px;
}

#przyptitleb {
font-weight: bold;
color: #000000;
}

#logleftb {
font-weight: bold;
}

#logleftmarg {
margin-left: 8px;
margin-right: 8px;
}

#loginleft1 {
width: 217px;
height: 22px;
padding-top: 10px;
background: url(images/login.png);
font-weight: normal;
text-align: center;
font-size: 10px;
margin-bottom: 10px;
}

#loginleft2 {
width: 205px;
height: 190px;
padding-top: 20px;
padding-left: 10px;
margin-top: -40px;
background: url(images/login2.png);
font-weight: normal;
font-size: 12px;
}

.logimg {
margin-right: 5px;
padding-top: 2px;
}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
}

.submenu{
margin-bottom: 0.5em;
}

.chmurka {
 position:absolute;display:none;left:25px;top:25px;
 border:2px outset #eee;background-color:red;color:white;
 padding:4px;font:normal bold 9px verdana,sans-serif;
}

.messagebox {
visibility:hidden;
position:absolute;
margin-left:6px;
padding:3px;
float: left;
}

.messageboxok {
visibility:visible;
position:absolute;
width:10px;
height:10px;
background:url(images/ok.png);
margin-left:6px;
padding:3px;
}

.messageboxerror {
visibility:visible;
position:absolute;
width:10px;
height:10px;
background:url(images/notok.png);
margin-left:6px;
padding:3px;
}

