body {
background:#261a35 url(img/bg.gif);
font-family:"Trebuchet MS",Arial,Sans-serif;
margin:0px 0px 0px 0px;
}

#cale {
width:790px;
border:7px solid #00395b;
border-top:0;
padding:20px;
background:url(img/tlo_cale.gif)
}

#cale a {
color:white;
text-decoration:underline;
}

#head {
height:77px;
width:844px;
}

#logo {
width:390px;
float:left;
}

#header {
background:url(img/header.png) repeat-x ;
height:138px;
position:relative;
}

#menu {
float:right;
}

#cont {
font-family:"Trebuchet MS",Arial,Sans-serif;
color:#d2d2d2
}

#footer {
margin:10px 0 20px 0;
width:800px;
font-weight:bold;
color:#d2d2d2;
font-size:10px;
}

#kol-l {
float:left;
padding:15px 0 15px 15px;
* padding:15px 0 15px 14px;
width:182px;
}

#kol-r {
float:right;
width:570px;
padding:15px 15px 5px 0;
}

#logo a {
background:url(img/logo.png) no-repeat;
float:left;
width:400px;
height:60px;
margin:10px 0 0 0;

outline:none;
}

#logo b {
background:url(img/logo_2.png) no-repeat;
float:left;
height:60px;
margin:10px 0 0 0;
width:400px;
outline:none;
}
#logo i {
background:url(img/logo_3.png) no-repeat;
float:left;
height:60px;
margin:10px 0 0 0;
width:400px;
outline:none;
}

#logo a span{
width:390px;
visibility:hidden;
}

#nav {
float:right;
height:32px;
margin:50px 15px 0 0;
}

.box {
margin-bottom:15px;
}

div.box img {
border:1px solid white;
margin:5px;
}


.bx {
background:url(img/cale_tekst.png);
border-width:0 1px;
border-style:solid;
border-color:#5a4e6a;
padding:4px 10px 10px;
font-size:16px;
}

.tbx {
font-size:18px;
font-weight:bold;
color:white;
text-align:left;
padding-bottom:6px;
text-shadow:1px 1px black;
}

#formu {
margin:10px 0;
}



.l1 {
margin:0px 4px;
height:1px;
line-height:1px;
}

.l2 {
height:1px;
margin:0px 2px;
border-style:solid;
border-width:0 2px;
line-height:1px;
}

.l3 {
height:2px;
margin:0px 1px;
border-style:solid;
border-width:0 1px;
line-height:1px;
}

.l-bx {background:url(img/box.png); border-color:#5a4e6a;}
.l-bx-gl {background:url(img/box.png);border-color:#5a4e6a;}
.l-bx-bd {background:#5a4e6a;}
.l-bxb {background:url(img/box.png); border-color:#5a4e6a;}




dd {display:inline-block; margin:0 1px 0 0; padding:0; text-align:center;}
dd span {float:left; cursor:pointer;}

dd span.side {
width:px; 
position:relative;
}

dd span.side b.p1 {
height:28px;
width:1px;
float:left; 
margin:4px 0; 
background:#0d0d0d;
} 

dd span.side b.p2 {
height:28px;
width:1px; 
float:left; 
margin:2px 0; 
background:url(img/btt.gif) 0 -3px; 
border-width:2px 0;
border-style:solid;
border-color:#0d0d0d;
}

* html dd span.side b.p2 {height:24px; }


dd span.side b.p4 {
height:32px; 
width:2px; 
float:left; 
margin:1px 0; 
background:#e2dfa8; 
border-width:1px 0;
border-style:solid;
border-color:#0d0d0d;
background:url(img/btt.gif) 0 -1px;
}

* html dd span.side b.p4 {
height:32px;

}

dd span.mid {
border-width:1px 0;
border-style:solid;
border-color:#0d0d0d;
background:url(img/btt.gif);
height:24px;
padding:5px 10px;
text-decoration:none;
}

* html dd span.mid {height:30px; }


dd a:hover span.mid {background-position:0 -34px; color:#fff;}
dd a:hover span.side b.p2 {background-position:0 -37px; color:#fff;}
dd a:hover span.side b.p4 {background-position:0 -35px; color:#fff;}

dd a:active span.mid {background-position:0 -68px; color:#fff;}
dd a:active span.side b.p2 {background-position:0 -71px; color:#fff;}
dd a:active span.side b.p4 {background-position:0 -69px; color:#fff;}



a.blockLink {
display:block;
line-height:30px; 
height:77px; 
text-decoration:none; 
text-align:center; 
text-decoration:none !important;
outline:none;
width:96px;
float:left;

<!--[if IE]>
margin-left:-1px;
<![endif]-->
}

a.blockLinkA:hover {
background-position:0 0;
}

a.blockLinkA {
background-position:0 77px !important;
width:96px;
}

a.cennik {background:url(img/bt3.png);}
a.cennik:hover {background-position:0 -77px;}

a.start {background:url(img/bt.png);}
a.start:hover {background-position:0 -77px;}

a.kontakt {background:url(img/bt2.png);}
a.kontakt:hover {background-position:0 -77px;}

a.skrypt {background:url(img/bt4.png);}
a.skrypt:hover {background-position:0 -77px;}

.cien {
margin-top:-23px;
text-align:center;
}

.cien td {
padding:0;
}

.c1, .c2, .c3, .c4 {
height:14px;
width:14px;
background:url(img/s14.png) no-repeat;
}

.c1 {
background-position:0 0;
}

.c2 {
background-position:-14px 0;
}

.c3 {
background-position:0 -14px;
}

.c4 {
background-position:-14px -14px;
}

.c-t, .c-b {
background:url(img/stb.png) repeat-x;
}

.c-t {
background-position:0 0;
}

.c-b {
background-position:0 -14px;
}

.c-l, .c-r {
background:url(img/slr.png) repeat-y;
}

.c-l {
background-position:0;
}

.c-r {
background-position:-14px 0;
}


a.button {
display:inline-block;
padding:0 0 0 11px;
line-height:32px; 
height:33px; 
background:url(img/bt41.gif) no-repeat; 
text-decoration:none !important; 
color:#fc0; 
text-align:center; 
margin:1px 0 0 0;
font-size:14px;
outline:none;
text-shadow:-1px -1px black;
}

a.button b {
display:inline-block; 
height:33px;  
background:url(img/bt42.gif) right top; 
padding:0 15px 0 5px; 
font-weight:normal; 
cursor:pointer;
}

a.button:hover {
color:#fff; 
background-position:left bottom;
}

a.button:hover b {
color:#fff; 
background-position:right bottom;
}