* { margin: 0; padding:0; border: 0px; }

html
{
background: #F3F5F6;
margin: 0 auto;
font-family: arial;
}
body
{
background: url(../img/tlo1.png) repeat-x top;
margin: 0 auto;
font-family: arial;
padding: 1px 0 50px 0;
text-align: center;
}
.button
{
background: url(../img/button.png) no-repeat;
width: 106px;
height: 22px;
font: 700 11px arial;
text-align: center;
color: #fff;
text-decoration: none;
cursor: pointer;
}
.button:hover
{
background: url(../img/button2.png) no-repeat;
}

.button, x:-moz-any-link { padding-bottom: 2px; }
.button, x:-moz-any-link, x:default { padding-bottom: 2px; }

#mar
{
margin-left: 5px;
}
.input
{
border: 1px solid #cacaca;
padding: 2px 4px;
width: 433px;
}
.submit
{
background: url(../img/tlo3.png);
font: 700 11px arial;
color: #FFFFFF;
text-decoration: none;
padding: 4px 0 4px 0;
width: 106px;
height: 22px;
text-align: center;
cursor: pointer;
}
.submit:hover
{
background: url(../img/tlo3a.png);
}

.submit, x:-moz-any-link { padding: 2px 0 4px 0; }
.submit, x:-moz-any-link, x:default { padding: 2px 0 4px 0; }

.menu
{
height: 88px;
width: 910px;
margin: 0 auto;
text-align: left;
}
.menu h1
{
display: none;
}
.logo
{
background: url(../img/logo.png) no-repeat left top;
width: 284px;
height: 86px;
display: block;
}
.menu1, .menu2, .menu3, .menu4, .menu5, .menu1a, .menu2a, .menu3a, .menu4a, .menu5a
{
height: 28px;
display: block;
float: right;
margin: 30px 0 0 20px;
}

.menu1 {background: url(../img/menu1.png); width: 68px;}
.menu1:hover {background: url(../img/menu1a.png);}
.menu1a {background: url(../img/menu1a.png); width: 68px;}
.menu2 {background: url(../img/menu2.png); width: 83px;}
.menu2:hover {background: url(../img/menu2a.png);}
.menu2a {background: url(../img/menu2a.png); width: 83px;}
.menu3 {background: url(../img/menu3.png); width: 96px;}
.menu3:hover {background: url(../img/menu3a.png);}
.menu3a {background: url(../img/menu3a.png); width: 96px;}
.menu4 {background: url(../img/menu4.png); width: 68px;}
.menu4:hover {background: url(../img/menu4a.png);}
.menu4a {background: url(../img/menu4a.png); width: 68px;}
.menu5 {background: url(../img/menu5.png); width: 93px;}
.menu5:hover {background: url(../img/menu5a.png);}
.menu5a {background: url(../img/menu5a.png); width: 93px;}

#aktywne
{
background: url(_images/menu1a.png);
}

#top1 {background: url(../img/top1.png) no-repeat right top;}
#top2 {background: url(../img/top2.png) no-repeat right top;}
#top3 {background: url(../img/top3.png) no-repeat right top;}
#top4 {background: url(../img/top4.png) no-repeat right top;}
#top5 {background: url(../img/top5.png) no-repeat right top;}

.top
{
height: 260px;
width: 910px;
margin: 0 auto;
text-align: left;
}
.top h1
{
font: 500 30px times new roman;
color: #40A1DD;
padding: 20px 0 20px 0;
}
#top1 p
{
font: 700 12px arial;
line-height: 20px;
color: #8D8D8D;
width: 400px;
text-align: justify;
}
#top2 p
{
font: 700 12px arial;
line-height: 20px;
color: #8D8D8D;
width: 420px;
text-align: left;
}
#top3 p
{
font: 700 12px arial;
line-height: 20px;
color: #8D8D8D;
width: 630px;
text-align: justify;
}
#top4 p
{
font: 700 12px arial;
line-height: 20px;
color: #8D8D8D;
width: 490px;
}
#top5 p
{
font: 700 12px arial;
line-height: 20px;
color: #8D8D8D;
width: 550px;
text-align: justify;
}
.top p a:hover, .box1 h4 a:hover, .box1 h5 a:hover, .box1 h6 a:hover, .lewa a:hover, .prawa a:hover
{
text-decoration: none;
}
.online
{
background: url(../img/online.png);
display: block;
height: 61px;
width: 209px;
margin: 20px 0 0 0;
}
.online:hover
{
background: url(../img/online2.png);
}
.tresc
{
width: 913px;
margin: 0 auto;
text-align: left;
margin-top: 20px;
}
.box1
{
background: url(../img/tlo2.png);
float: left;
height: 186px;
width: 297px;
margin: 10px 3px 30px 3px;
text-align: justify;
}
.box1 h1, .box1 h2, .box1 h3
{
font: 700 16px arial;
color: #323232;
padding: 15px 0 15px 0;
margin: 11px 10px 0 18px;
}
.box1 h1 span, .box1 h2 span, .box1 h3 span
{
color: #9C9C9C;
}
.box1 h1
{
background: url(../img/star.png) no-repeat right top;
}
.box1 h2
{
background: url(../img/bag.png) no-repeat right top;
}
.box1 h3
{
background: url(../img/tool.png) no-repeat right top;
}
.box1 h4, .box1 h5, .box1 h6
{
font: 12px arial;
color: #7A7A7A;
margin: 11px 10px 0 18px;
padding: 5px 0 5px 56px;
}
.box1 h4
{
background: url(../img/1.png) no-repeat left;
padding-right: 5px;
}
.box1 h5
{
background: url(../img/2.png) no-repeat left;
padding-right: 5px;
}
.box1 h6
{
background: url(../img/3.png) no-repeat left;
padding-right: 5px;
}
.wiecej
{
background: url(../img/tlo3.png);
font: 700 11px arial;
color: #FFFFFF;
text-decoration: none;
padding: 3px 0 5px 0;
display: block;
width: 106px;
text-align: center;
float: right;
margin: 14px 16px 0 0;
}
.wiecej:hover
{
background: url(../img/tlo3a.png);
}
.lewa
{
width: 665px;
padding-bottom: 35px;
}
.box
{
height: 165px;
}
.lewa h1
{
font: 700 15px arial;
color: #323232;
margin: 0 0 0 2px;
}
#port h1
{
font: 700 15px arial;
color: #323232;
}
.lewa h2
{
font: 700 12px arial;
color: #969697;
margin-bottom: 20px;
}
.lewa p
{
font: 10px verdana;
color: #323232;
text-align: justify;
margin: 10px 0 0 2px;
}
.lewa table
{
font: 10px verdana;
color: #323232;
}
.tresc ul
{
width: 222px;
float: right;
}
.tresc ul p
{
font: 700 15px arial;
color: #323232;
margin: 0px 0 18px 0;
}
.tresc ul li
{
background: url(../img/tlo4.gif) no-repeat left;
list-style: none;
margin: 2px 0 0 0;
height: 53px;
width: 222px;
}
.tresc ul li a
{
display: block;
font: 700 11px arial;
color: #828282;
text-decoration: none;
margin: 0 0 0 10px;
height: 53px;
height: /**/34px;
padding: 19px 0 0 42px;
}
.tresc ul li:hover
{
background: url(../img/tlo4a.gif) no-repeat left;
}
.icon1 {background: url(../img/icon1.png) no-repeat left;}
.icon2 {background: url(../img/icon2.png) no-repeat left;}
.icon3 {background: url(../img/icon3.png) no-repeat left;}
.icon4 {background: url(../img/icon4.png) no-repeat left;}
.icon5 {background: url(../img/icon5.png) no-repeat left;}
.icon6 {background: url(../img/icon6.png) no-repeat left;}
.icon7 {background: url(../img/icon7.png) no-repeat left;}
.icon8 {background: url(../img/icon8.png) no-repeat left;}
.icon9 {background: url(../img/icon9.png) no-repeat left;}
.icon10 {background: url(../img/icon10.png) no-repeat left;}
.icon11 {background: url(../img/icon11.png) no-repeat left;}
.icon12 {background: url(../img/icon12.png) no-repeat left;}
.icon13 {background: url(../img/icon13.png) no-repeat left;}
.icon14 {background: url(../img/icon14.png) no-repeat left;}

.icon1:hover {background: url(../img/icon1a.png) no-repeat left;}
.icon2:hover {background: url(../img/icon2a.png) no-repeat left;}
.icon3:hover {background: url(../img/icon3a.png) no-repeat left;}
.icon4:hover {background: url(../img/icon4a.png) no-repeat left;}
.icon5:hover {background: url(../img/icon5a.png) no-repeat left;}
.icon6:hover {background: url(../img/icon6a.png) no-repeat left;}
.icon7:hover {background: url(../img/icon7a.png) no-repeat left;}
.icon8:hover {background: url(../img/icon8a.png) no-repeat left;}
.icon9:hover {background: url(../img/icon9a.png) no-repeat left;}
.icon10:hover {background: url(../img/icon10a.png) no-repeat left;}
.icon11:hover {background: url(../img/icon11a.png) no-repeat left;}
.icon12:hover {background: url(../img/icon12a.png) no-repeat left;}
.icon13:hover {background: url(../img/icon13a.png) no-repeat left;}
.icon14:hover {background: url(../img/icon14a.png) no-repeat left;}

#activ {background: url(../img/tlo4a.gif) no-repeat left;}

#activ_1
{
background: url(../img/icon1a.png) no-repeat left;
}
#activ_2
{
background: url(../img/icon2a.png) no-repeat left;
}
#activ_3
{
background: url(../img/icon3a.png) no-repeat left;
}
#activ_4
{
background: url(../img/icon4a.png) no-repeat left;
}
#activ_5
{
background: url(../img/icon5a.png) no-repeat left;
}
#activ_6
{
background: url(../img/icon6a.png) no-repeat left;
}
#activ_7
{
background: url(../img/icon7a.png) no-repeat left;
}
#activ_8
{
background: url(../img/icon8a.png) no-repeat left;
}
#activ_9
{
background: url(../img/icon9a.png) no-repeat left;
}
#activ_10
{
background: url(../img/icon10a.png) no-repeat left;
}
#activ_11
{
background: url(../img/icon11a.png) no-repeat left;
}
#activ_12
{
background: url(../img/icon12a.png) no-repeat left;
}
#activ_13
{
background: url(../img/icon13a.png) no-repeat left;
}
#activ_14
{
background: url(../img/icon14a.png) no-repeat left;
}
.prawa
{
width: 210px;
float: right;
border-left: 1px #BFBFBF solid;
padding: 0 0 0 18px;
font: 10px verdana;
color: #323232;
line-height: 16px;
margin: 0  0 18px 0;
}
.prawa h1
{
font: 700 15px arial;
color: #323232;
}
.miniaturka
{
display: block;
width: 235px;
float: left;
margin: 2px 16px 10px 0;
}
hr
{
height: 0px;
border-top: 1px #E8E6E6 solid;
border-bottom: 1px #ffffff solid;
clear: top;
margin: 18px 0 18px 0;
}
.stopka
{
margin: 1px 0 0 0;
clear: both;
border-top: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.stopka div
{
padding: 30px 0 30px 0;
width: 910px;
margin: 0 auto;
text-align: left;
font: 11px arial;
color: #686666;
}
.stopka div p
{
float: right;
margin-top: 2px;
}
.stopka a
{
color: #686666;
text-decoration: none;
padding: 0 5px 0 5px;
}
.stopka a:hover
{
text-decoration: underline;
}
#faceboxCurtain
{
display: none;
position: fixed;
width: 100%;
height: 100%;
left:0;
right: 0;
top: 0;
bottom: 0;
background-color: #000;
filter: alpha(opacity=40);
opacity: 0.4;
z-index: 1;
}
#facebox .b
{
background:url(../img/b.png);
}
#facebox .tl
{
background:url(../img/tl.png);
}
#facebox .tr
{
background:url(../img/tr.png);
}
#facebox .bl
{
background:url(../img/bl.png);
}
#facebox .br
{
background:url(../img/br.png);
}
#facebox
{
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 1;
font-family: arial;
font-size: 12px;
text-align: center;
}
#facebox a
{
text-decoration: underline;
color: #000;
}
#facebox .popup
{
position: relative;
}
#facebox table
{
margin: auto;
border-collapse: collapse;
}
#facebox .body
{
padding: 10px;
background: #fff;
width: 460px;
}
#facebox .loading
{
text-align: center;
}
#facebox .image
{
text-align: center;
}
#facebox img
{
border: 0;
}
#facebox .footer
{
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}