* { border:0; margin:0; padding:0; }
body { height:590px; padding:62px 0 0 0; background:white; font-family: verdana, arial, sans-serif; font-size:11px; text-align:center; }
.main { position:relative; display:block; width:620px; height:489px; border:1px chocolate solid;
       margin:0 auto 0 auto; background:white url("img/header.jpg") no-repeat top left; background-position:-1px -50px; }

.kredyty { display:block; position:absolute; width:622px; height:49px;left:-1px; top:-50px;
       background:moccasin url("img/header.jpg") no-repeat top left; font-size:10px; }
h1,h2,h3 { display:block; position:absolute; width:690px; overflow:hidden;
       font-family:arial, sans-serif; font-size:40px; font-weight:bold; font-style:italic;
       text-align:left; letter-spacing:10px; white-space:nowrap; }
h1 a { text-decoration:none; color:saddlebrown; }
h2 a { text-decoration:none; color:peru; }
h3 a { text-decoration:none; color:ivory; }
h1   { left:24px; top:14px; }
h2   { left:20px; top:10px; }
h3   { left:21px; top:11px; }

.porownanie { position:absolute; top:-50px; left:-1px; color:black; width:600px; text-align:left;
       font-size:11px; letter-spacing:2px; color:saddlebrown; }
.zasady { position:absolute; top:9px; left:0px; width:400px; display:block;
       text-align:center; overflow:hidden; white-space:nowrap; font-size:9px; color:black; }
.zasady img { width:7px; height:4px; display:block; margin:2px auto 0 auto; }
.oferta { display:block; position:absolute; top:92px; left:20px; width:580px; height:300px;
       text-align:left; font-size:9px; }
.kredyt-hipoteczny, .kredyty-hipoteczne { display:block; position:relative; width:100%; height:36px;
       margin-bottom:5px; border-top:1px dashed darkgoldenrod;
       background:cornsilk url("img/oferta.jpg") no-repeat top left; }
.kredyty-hipoteczne { background:white; margin-bottom:10px; height:109px; border:0; }

.kredyt-mieszkaniowy { position:absolute; display:block; height:18px; left:118px;}
.kredyty-hipoteczne p, .kredyt-hipoteczny p { position:absolute; display:block; left:130px; top:19px; color:black; }

.logo     { position:absolute; left:8px;  top:6px;  width:102px; height:27px; background:burlywood; }
.logo img { position:absolute; left:-2px; top:-2px; width:100px; height:25px; background:white; border:1px solid brown; }

h4,h5,h6 { position:absolute; display:block; width:300px; font-family:arial, sans-serif;
       text-align:left; font-size:11px; letter-spacing:1px; font-weight: normal; }
h4  { text-decoration:none; cursor:default; color:oldlace; }
h5  { text-decoration:none; cursor:default; color:burlywood; }
h6 a { text-decoration:underline; color:brown; }
h4   { top:1px; left:1px; }
h5   { top:3px; left:3px; }
h6   { top:2px; left:2px; }

.button, .button2 { position:absolute; display:table-cell; right:96px; bottom:7px; background:white;
       border:1px brown solid; padding:2px 6px 4px 6px; margin-left:7px;
       text-decoration:underline; font-weight:bold; font-size:10px; color:sienna; }
.button2 { right:4px; }

.dodatek { position:absolute; display:block; left:490px; top:47px; width:170px; height:80px;
       padding:6px; border:1px chocolate solid; background:cornsilk url("img/dodatek.jpg"); }
.dodatek p { display:block; width:100%; padding:2px 0 2px 0; margin-bottom:4px; background:white; }
.dodatek a { display:block; margin-bottom:2px; color:sienna; font-size:10px; text-decoration:none; }

.cpr { position:absolute; left:0px; bottom:0px; width:572px; padding:2px 28px 2px 20px;
       color:saddlebrown; text-align:right; font-size:9px;
       background:moccasin url("img/footer.jpg") repeat top left; background-position:0px -110px; }

.stopka { position:absolute; display:block; left:-2px; top:496px; width:622px; height:60px;
       margin-bottom:20px; color:gray; }
.stopka span { display:block; height:33px; color:silver;
       text-align:center; font-size:9px; line-height:9px; letter-spacing:-1px; }
.stopka a { text-decoration:none; color:gray; font-size:10px; }