* 
{
margin: 0;
padding: 0;
border: 0;
}
html
{
background: url(../img/bg.jpg) repeat-x center top;
}
body
{
background: url(../img/body.jpg) repeat-x center bottom;
}
a 
{
text-decoration: none;
color: #686767;
}
a:hover 
{
text-decoration: underline;
}
#nav
{
float: right;
margin-right: 3px;
margin-bottom: 2px;
}
#nav a
{
margin-left: 3px;
}
.pack
{
width: 100%;
margin-left: -2px;

}
.pack th
{
background: #f1f1f1;
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #cccccc;
}
.pack td
{
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.pack img
{
margin-top: -2px;
margin-bottom: -3px;
}
.un
{
font: 13px arial;
font-weight: bold;
}
.list
{
margin-left: -3px;

line-height: 19px;
}
.list td
{
text-align: justify;
}
.nosort
{
cursor: default;
font: 12px arial;
font-weight: bold;
text-align: center;
color: #555555;
height: 27px;
background: #e0e0e0;
}
.tick
{
width: 100%;
}
.tick tr td.td1
{
width: 200px;
background: #e0e0e0;
padding: 3px;
border: 1px solid #f6f6f6;
}
.tick tr td.td2
{
padding: 3px;
border: 1px solid #f6f6f6;
background: #f6f6f6;
}
.tab
{
width: 100%;
}
.tab a
{
color: #555555;
}
.header
{
font: 12px arial;
font-weight: bold;
text-align: center;
color: #555555;
height: 27px;
cursor: pointer;
border: 1px solid #f6f6f6;
background: #e0e0e0 url(../img/bg.gif) no-repeat right;
}
.headerSortUp
{
background: #e0e0e0 url(../img/asc.gif) no-repeat right;
}
.headerSortDown
{
background: #e0e0e0 url(../img/desc.gif) no-repeat right;
}
.tab tbody tr:hover
{
background: #ecebeb;
}
.tab tbody tr td
{
border: 1px solid #f6f6f6;
padding: 2px 2px;
}
.submit
{
background: url(../img/button.png);
width: 80px;
height: 25px;
font-weight: bold;
color: #444444;
cursor: pointer;
margin-top: 10px;
}

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

.submit:hover
{
background: url(../img/button_hover.png);
}
.button
{
background: url(../img/button2.png);
width: 65px;
height: 20px;
font-weight: bold;
color: #444444;
cursor: pointer;
margin-top: 8px;
}

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

.button:hover
{
background: url(../img/button2_hover.png);
}
.buttons
{
text-align: right;
margin-top: 6px;
margin-right: 1px;
}
.input
{
border-style: solid;
font-size: 12px;
border-color: #999 #d1d1e1 #d1d1d1 #999999;
border-width: 1px;
padding: 3px 4px 3px;
}
.inputError
{
border: 1px  inset #E4D0AF;
padding: 3px 4px 3px;
font-size: 12px;
color: #747474;
background: #EDE3D2;
}
.top
{
background: url(../img/logo.jpg) no-repeat left top;
width: 970px;
height: 75px;
margin: 0 auto;
}
.top ul
{
background: url(../img/panel_bg.jpg) no-repeat left top;
height: 75px;
float: right;
}
.top ul li
{
background: url(../img/panel_bg.jpg) no-repeat right top;
height: 75px;
list-style: none;
float: left;
}
.top ul li a
{
display: block;
height: 38px;
width: 89px;
text-align: center;
padding: 37px 0 0 0;
font: 11px arial;
font-weight: bold;
color: #454545;
margin-top: 7px;
}
.top ul li a span
{
font-weight: normal;
color: #4F7BA1;
display: block;
}
.top ul li a:hover, .top ul li a:hover span
{
text-decoration: none;
color: #20495F;
}
.rejestracja {background: url(../img/rejestracja.png) no-repeat center top;}
.rejestracja:hover {background: url(../img/rejestracja_a.png) no-repeat center top;}
.logg {background: url(../img/logg.jpg) no-repeat center top;}
.logg:hover {background: url(../img/logg_a.jpg) no-repeat center top;}
.panel {background: url(../img/panel.png) no-repeat center top;}
.panel:hover {background: url(../img/panel_a.png) no-repeat center top;}
.poczta {background: url(../img/poczta.png) no-repeat center top;}
.poczta:hover {background: url(../img/poczta_a.png) no-repeat center top;}
.admin {background: url(../img/admin.png) no-repeat center top;}
.admin:hover {background: url(../img/admin_a.png) no-repeat center top;}

.menu
{
height: 35px;
width: 980px;
margin: 0 auto;
position: relative; right: 4px;
}
.menu ul li
{
background: url(../img/menu_li.jpg) no-repeat right top;
list-style: none;
float: left;
padding: 1px 16px 0 15px;
height: 34px;
}
.menu ul li a
{
display: block;
padding: 9px 0 0 0;
height: 23px;
font: 13px arial;
color: #ffffff;
}
.menu ul li a:hover
{
background: url(../img/menu_a.jpg) no-repeat center top;
}
#ostatnie_menu {background: none;}

.szukaj
{
float: right;
margin-right: 4px;
}
.szukaj_input
{
background: url(../img/szukaj_input.jpg) no-repeat center top;
width: 140px;
height: 29px;
padding: 6px 0 0 9px;
float: left;
}
.szukaj_input input
{
background: url(../img/szukaj_input.jpg) no-repeat center center;
font: 10px arial;
color: #777777;
width: 130px;
margin: 4px 0 0 0;
}
.szukaj_button
{
background: url(../img/szukaj_button.jpg) no-repeat center top;
float: left;
width: 28px;
height: 35px;
margin: 0 0 0 4px;
}
.szukaj_button input
{
background: none;
width: 22px;
height: 22px;
position: relative; top: 6px; left: 3px;
cursor: pointer;
}
.wyszukiwarka
{
background: url(../img/wyszukiwarka_bg.jpg) no-repeat center top;
width: 958px;
height: 34px;
margin: 0 auto;
margin-top: 15px;
}
.wyszukiwarka_input
{
background: url(../img/wyszukiwarka_input.jpg) no-repeat right top;
width: 388px;
height: 21px;
padding: 0 0 0 244px;
margin: 7px 0 0 0;
float: left;
}
.wyszukiwarka_input input
{
background: none;
font: 10px arial;
color: #D2D2D2;
width: 380px;
}
.wyszukiwarka_button
{
background: url(../img/wyszukiwarka_button.jpg) no-repeat center top;
width: 60px;
height: 21px;
margin: 7px 0 0 8px;
float: left;
}
.wyszukiwarka_button:hover
{
/*background: url(../img/wyszukiwarka_button_a.jpg) no-repeat center top;*/
margin: 8px 0 0 8px;
}
.wyszukiwarka_button input
{
background: none;
width: 60px;
height: 21px;
cursor: pointer;
}
.wyszukiwarka ul
{
float: right;
background: url(../img/wyszukiwarka_ul.jpg) no-repeat left top;
padding: 0 0 0 17px;
margin: 0 0 0 18px;
height: 34px;
width: 222px;
}
.wyszukiwarka ul li
{
list-style: none;
width: 74px;
float: left;
font: 10px arial;
color: #454545;
padding: 2px 0 0 0;

}
.wyszukiwarka ul li span
{
color: #4F7BA1;
font-style: italic;
}
.pakiety
{
width: 970px;
height: 181px;
margin: 0 auto;
margin-top: 10px;
}
.pakiety div
{
float: left;
margin: 0 5px 0 5px;
width: 164px;
height: 138px;
padding: 43px 10px 0 10px
}
.pakiety div p
{
background: url(../img/arrow.jpg) no-repeat 10px center;
font: 10px arial;
color: #3B3E42;
padding: 1px 0 2px 20px;
border-bottom: 1px #D8D8D8 dotted;
}
.pakiety div h1
{
padding: 17px 10px 0 70px;
font: 18px arial;
color: #3B3E42;
font-weight: bold;
}
.pakiety div h1 span
{
font: 12px arial;
font-weight: bold;
color: #7B8B97;
}
.wiecej
{
background: url(../img/button_1.jpg) no-repeat left top;
display: block;
width: 88px;
height: 13px;
padding: 3px 0 0 15px;
float: right;
font: 9px arial;
font-weight: bold;
color: #446A8C;
position: relative; top: 13px; left: 8px;
}
.wiecej:hover
{
width: 88px;
height: 11px;
position: relative; top: 15px; left: 8px;
text-decoration: none;
}
.host_start
{
background: url(../img/host_start.jpg) no-repeat left top;
}
.host_premium
{
background: url(../img/host_premium.jpg) no-repeat left top;
}
.host_professional
{
background: url(../img/host_professional.jpg) no-repeat left top;
}
.host_business
{
background: url(../img/host_business.jpg) no-repeat left top;
}
.host_prestige
{
background: url(../img/host_prestige.jpg) no-repeat left top;
}
.promocje
{
width: 970px;
height: 170px;
margin: 0 auto;
margin-top: 10px;
}
.promocje div
{
float: left;
margin: 0 5px 0 5px;
width: 313px;
height: 170px;
}
.czytaj
{
background: url(../img/button_2.png) no-repeat left top;
display: block;
width: 110px;
height: 17px;
padding: 3px 0 0 18px;
float: left;
font: 11px arial;
font-weight: bold;
color: #446A8C;
position: relative; top: 147px; left: 2px;
}
.czytaj:hover
{
height: 15px;
position: relative; top: 149px; left: 2px;
text-decoration: none;
}
.nie_ryzykujesz
{
background: url(../img/nie_ryzykujesz.jpg) no-repeat left top;
}
.za_darmo
{
background: url(../img/za_darmo.jpg) no-repeat left top;
}
.program_partnerski
{
background: url(../img/program_partnerski.jpg) no-repeat left top;
}
.stopka
{
background: url(../img/footer.jpg) no-repeat left top;
width: 930px;
margin: 0 auto;
margin-top: 50px;
padding: 11px 15px 20px 15px;
text-align: right;
font: 11px arial;
color: #3B3E42;
}
.stopka p
{
float: left;
}
.stopka a
{
font: 11px arial;
color: #3B3E42;
padding: 0 6px 0 2px;
}
.stopka div
{
text-align: left;
margin: 22px -21px 0 -15px;
}
.stopka div a
{
font: 11px arial;
color: #3B3E42;
}
.stopka div a:hover
{
text-decoration: underline;
}

/* SUBPAGE */

.sciezka
{
width: 960px;
margin: 0 auto;
padding: 16px 0 15px 0;
font: 10px arial;
color: #555555;
font-weight: bold;
}
.sciezka a
{
font: 10px arial;
color: #818181;
}
.sciezka a:hover
{
color: #4F7BA1;
text-decoration: none;
}
.container_top
{
background: url(../img/container_top.jpg) no-repeat left top;
height: 35px;
width: 960px;
margin: 0 auto;

}
.container_top a
{
display: block;
height: 16px;
float: left;
font: 12px arial;
color: #10305F;
padding: 0 0 0 22px;
margin: 6px 0 0 20px;
position: relative; left: 720px;
}
.container_top a:hover
{
text-decoration: underline;
}
.print {background: url(../img/print.jpg) no-repeat left top;}
.send {background: url(../img/send.jpg) no-repeat left top;}
.save {background: url(../img/save.jpg) no-repeat left top;}

.container
{
background: url(../img/container_bottom.png) no-repeat left bottom;
width: 960px;
margin: 0 auto;
padding: 20px 0px 17px 0;
overflow: hidden;
position: relative; bottom: 20px;
margin-bottom: -15px;
}
.left
{
background: url(../img/container_bg.jpg) repeat-y left center;
width: 261px;
float: left;
border-right: 1px #E3E3E3 solid;
}
.left h1
{
font: 13px arial;
font-weight: bold;
color: #555555;
padding: 6px 0 0 12px;
height: 33px;
width: 228px;
margin: 0 auto;
background: url(../img/left_h1.jpg) no-repeat left top;
position: relative; bottom: 20px;
}
.left ul
{
width: 240px;
margin: 0 auto;
position: relative; bottom: 20px;
background: url(../img/left_ul.jpg) no-repeat left bottom;
padding: 0 0 13px 0;
}
.left ul li
{
background: #F6F6F6;
list-style: none;
margin: 0 0 1px 0;
}
.left ul li:hover
{
background: #ECEBEB;
}
#act
{
background: #ECEBEB;
}
#act2
{
text-decoration: underline;
}
.left ul li a
{
background: url(../img/arrow2.png) no-repeat 220px center;
display: block;
height: 18px;
font: 12px arial;
color: #4F7BA1;
padding: 2px 0 0 12px;
}
.left ul li a:hover
{
text-decoration: none;
}
.left ul li.active
{
background: none;
padding: 0 0 6px 0;
}
.left ul li.active > a:first-child
{
font-weight: bold;
}
.left ul li p
{
background: url(../img/pix.jpg) no-repeat 8px center;
margin: 0 0 0 8px;
padding: 0 0 0 12px;
}
.left ul li p a
{
background: none;
font: 11px arial;
height: 15px;
}
.left ul li p a:hover
{
text-decoration: underline;
}
.right
{
width: 673px;
min-height: 200px;
background: url(../img/container_bg.jpg) repeat-y left center;
padding: 0 12px 20px 274px;
font: 11px arial;
color: #444444;
}
.right h1
{
font: 22px verdana;
color: #333333;
padding: 0;
position: relative;
bottom: 20px;
margin-left: -2px;
}
.right h2
{
width: 480px;
font: 14px arial;
color: #4F7BA1;
padding: 0 0 40px 0;
line-height: 19px;
}
.right p
{
font: 11px arial;
color: #444444;
line-height: 19px;
text-align: justify;
padding-right: 5px;
}
.right table.sp
{
line-height: 19px;
}
.box1
{
width: 671px;
background: url(../img/box1_bg.jpg) repeat-y left center;
margin: 20px 0 0 0;
text-align: justify;
}
.box1 h1
{
background: url(../img/box1_top.jpg) no-repeat left top;
height: 20px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 11px 12px 0 15px;
margin: 0px;
bottom: 0px;
}
.box1 ul
{
padding: 10px 15px 15px 15px;
list-style-type: square;
list-style-position: inside;
}
.box1 ul li
{
font: 11px arial;
color: #4F7BA1;
padding: 0 0 6px 0;
}
.box1 ul li p
{
padding: 4px 0 0 20px;
font: 10px arial;
color: #6B6B6B;
}
.box1 h2
{
background: url(../img/box1_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 20px;
padding: 5px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.error
{
width: 671px;
background: url(../img/box4_bg.jpg) repeat-y left center;
margin: 20px 0 10px 0;
font: 11px arial;
color: #CD9D4E;
}
.error a
{
color: #CD9D4E;
}
.error h1
{
background: url(../img/box4_top.jpg) no-repeat left top;
height: 5px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 0 0 0 12px;
margin: 0px;
bottom: 0px;
}
.error ul
{
padding: 15px 12px 8px 20px;
list-style-type: square;
list-style-position: inside;
}
.error ul li
{
font: 11px arial;
color: #CD9D4E;
}
.error ul li p
{
padding: 4px 0 0 20px;
font: 10px arial;
color: #6B6B6B;
}
.error h2
{
background: url(../img/box4_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 10px;
padding: 0px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.loader
{
width: 671px;
background: url(../img/box5_bg.jpg) repeat-y left center;
margin: 20px 0 10px 0;
color: #208fc0;
}
.loader h1
{
background: url(../img/box5_top.jpg) no-repeat left top;
height: 5px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 0 0 0 12px;
bottom: 0px;
margin: 0px;
}
.loader ul
{
padding: 15px 12px 8px 20px;
list-style-type: square;
list-style-position: inside;
}
.loader ul li
{
font: 11px arial;
color: #CD9D4E;
}
.loader ul li p
{
padding: 4px 0 0 20px;
font: 10px arial;
color: #6B6B6B;
}
.loader h2
{
background: url(../img/box5_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 10px;
padding: 0px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.loader img
{
margin-bottom: -4px;
margin-right: 5px;
}
.success
{
width: 671px;
background: url(../img/box6_bg.jpg) repeat-y left center;
margin: 20px 0 10px 0;
color: #72a128;
}
.success h1
{
background: url(../img/box6_top.jpg) no-repeat left top;
height: 5px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 0 0 0 12px;
bottom: 0px;
margin: 0px;
}
.success ul
{
padding: 15px 12px 8px 20px;
list-style-type: square;
list-style-position: inside;
}
.success ul li
{
font: 11px arial;
color: #72a128;
}
.success ul li p
{
padding: 4px 0 0 20px;
font: 10px arial;
color: #6B6B6B;
}
.success h2
{
background: url(../img/box6_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 10px;
padding: 0px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.box2
{
width: 671px;
background: url(../img/box2_bg.jpg) repeat-y left top;
margin: 20px 0 0 0;
font: 12px arial;
color: #333333;
}
.box2 h1
{
background: url(../img/box2_top.jpg) no-repeat left bottom;
height: 21px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 0 12px 0 24px;
bottom: 0px;
margin: 0px;
}
.box2 h1 span
{
display: block;
float: left;
height: 21px;
background: url(../img/box2_top_span.jpg) repeat-x left bottom;
}
.box2 h1 b
{
display: block;
float: left;
padding: 0 15px 5px 0;
background: url(../img/box2_top_b.jpg) no-repeat right bottom;
}
.box2 p
{
padding: 10px;
margin-bottom: -25px;
}
.box2 table
{
padding: 10px 10px 10px 9px;
margin-bottom: -20px;
font: 11px arial;
color: #333333;
}
.box2 table td
{
width: 180px;
font-weight: bold;
text-align: right;
}
.box2 p span
{
font: 12px arial;
color: #4F7BA1;
}
.box2 h2
{
background: url(../img/box2_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 20px;
padding: 10px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.box2 h3
{
background: url(../img/box2_bottom2.jpg) no-repeat left bottom;
width: 657px;
height: 20px;
padding: 10px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
.box3
{
width: 671px;
background: url(../img/box3_bg.jpg) repeat-y left top;
margin: 20px 0 0 0;
font: 12px arial;
color: #CD9D4E;
}
.box3 h1
{
background: url(../img/box3_top.jpg) no-repeat left bottom;
height: 21px;
font: 13px arial;
font-weight: bold;
color: #333333;
padding: 0 12px 0 24px;
bottom: 0px;
margin: 0px;
}
.box3 h1 span
{
display: block;
float: left;
height: 21px;
background: url(../img/box3_top_span.jpg) repeat-x left bottom;
}
.box3 h1 b
{
display: block;
float: left;
padding: 0 15px 5px 0;
background: url(../img/box3_top_b.jpg) no-repeat right bottom;
}
.box3 p
{
padding: 10px;
margin-bottom: -25px;
color: #CD9D4E;
}
.box3 table
{
padding: 10px 10px 10px 9px;
margin-bottom: -20px;
font: 11px arial;
color: #333333;
}
.box3 table td
{
width: 180px;
font-weight: bold;
text-align: right;
}
.box3 p span
{
font: 12px arial;
color: #4F7BA1;
}
.box3 h2
{
background: url(../img/box3_bottom.jpg) no-repeat left bottom;
width: 657px;
height: 20px;
padding: 10px 14px 0 0;
font: 10px arial;
color: #444444;
text-align: right;
}
#navigation
{
text-align: center;
}
#navigation ul
{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
list-style:none;
}
#navigation li
{
display: inline;
background: url(../img/menu-bg.png) repeat-x center top;
text-align: center;
float: left;
margin-right: 2px;
}
#navigation li.active
{
height: 25px;
}
#navigation a
{
color: #6c6c6c;
background: url(../img/menu-left.png) no-repeat left top;
float: left;
margin: 0;
padding-left: 7px;
text-decoration: none;
}
#navigation a span
{
background: url(../img/menu-right.png) no-repeat right top;
display: block;
padding:7px 13px 4px 5px;
}
#navigation a span
{
float: none;
}
.menu_box
{
border: 1px solid #ececec;
margin-top: 24px;
line-height: 19px;
text-align: justify;
padding: 10px;
margin-right: 3px;
}
.serwer_box
{
margin: 15px 0px 20px 0px;
background: url(../img/box_s_bg.jpg) no-repeat right;
width: 637px;
height: 198px;
border: 1px solid #ececec;
padding: 15px;
}
.serwer_box li
{
margin-bottom: 7px;
list-style-type: none;
padding-left: 22px;
line-height: 19px;
background: url(../img/ok.png) no-repeat left;
}
.main_box
{
display: block;
width: 331px;
height: 151px;
background: url(../img/main_box.jpg) no-repeat;
}
.main_box span
{
position: absolute;
margin: 15px 0px 0px 25px;
font: 15px arial;
font-weight: bold;
}
.main_box ul
{
position: absolute;
margin: 43px 0px 0px 55px;
}
.main_box li
{
color: #686767;
background: url(../img/linia.jpg) no-repeat left bottom;
width: 220px;
margin-bottom: 5px;
padding-bottom: 1px;
list-style-type: square;
}
.main_box a
{
color: #686767;
}
.main_box img
{
position: absolute;
margin: 55px 0px 0px 240px;
}
.promo_box
{
margin: 15px 0px 20px 0px;
background: url(../img/promo_bg2.jpg) no-repeat right;
width: 637px;
height: 172px;
border: 1px solid #ececec;
padding: 15px;
}