
#logo {
height:95px;
width:315px;
position:absolute;
top:0px;
left:0px;
background:url("/images/logo_bh.png") no-repeat top left;

}
#logobithost {
height:95px;
width:315px;
position:absolute;
top:0px;
left:0px;
background:url("/images/bithost.png") no-repeat top left;

}

#logo_lh {
height:95px;
width:315px;
position:absolute;
top:0px;
left:0px;
background:url("/images/logo.png") no-repeat top left;

}


img {border:0px;}

a#klienci_ind {
background:url("/img/indywidualni.png") no-repeat top left;
 position: absolute;
        top: 0px;
        left: 660px;
width:153px;
height:28px;
cursor:pointer;
text-indent:-9999px;
}

a#klienci_biz {
background:url("/img/biznesowi_active.png") no-repeat top left;
 position: absolute;
        top: 0px;
        left: 813px;
width:145px;
height:28px;
cursor:pointer;
text-indent:-9999px;
}

#zaloguj_utworz {
width:198px;
position: relative;top: 8px;left:730px;
height:24px;
margin-bottom:0px;
}

.separator {
background:url("/images/separator.gif") center no-repeat;
width:36px;
height:24px;
float:left;
}
a.zaloguj {
float:left;
width:64px;
height:24px;
text-indent:-9000px;
background:url("/images/zaloguj.gif") no-repeat;
}

a.wyloguj {
float:left;
width:67px;
height:24px;
text-indent:-9000px;
background:url("/images/wyloguj.gif") no-repeat;
}


a.utworz_konto {
float:left;

width:96px;
height:24px;
text-indent:-9000px;
background:url("/images/utworz_konto.gif") no-repeat;
}

a.zaloguj:hover,
a.wyloguj:hover,
a.utworz_konto:hover {
background-position:0px -26px;
}


span.zamow  a:link, span.zamow a:visited {
 float:right;
        height: 25px;
        text-indent: -9000px;

        z-index: 10;
background: url(/img/zamawiam.gif) no-repeat;
width:103px;
}

span.zamow a:hover, span.zamow a:focus {

background: url(/img/zamawiam.gif) no-repeat 0px -25px;
        }


span.wiecej  a:link, span.wiecej a:visited {
 float:right;
        height: 25px;
        text-indent: -9000px;

        z-index: 10;
background: url(/img/wiecej.gif) no-repeat;
width:103px;
padding-right:15px;
}

span.wiecej a:hover, span.wiecej a:focus {

background: url(/img/wiecej.gif) no-repeat 0px -25px;
        }

span.wiecej_center  a:link, span.wiecej_center a:visited {
 float:right;
        height: 25px;
        text-indent: -9000px;
padding-right:45px;
        z-index: 10;
background: url(/img/wiecej.gif) no-repeat;
width:103px;

}

span.wiecej_center a:hover, span.wiecej_center a:focus {

background: url(/img/wiecej.gif) no-repeat 0px -25px;
        }



ul.nav {

margin:0px;
padding:0px;
}
.nav {
        width: 502px;
        height: 25px;
 background: url(/img/menu.gif) no-repeat;
        position: absolute;
        top: -3px;
        left: 51px;

}
.nav li {
        display: inline;
}


.nav li a:link, .nav li a:visited {
        position: absolute;
        top: 0;
        height: 25px;
        text-indent: -9000px;
        overflow: hidden;
        z-index: 10;
}



 .nav .email a:link, .nav .email a:visited {
                left: 60px;
                width: 103px;
                height:25px;
/*
         background: url(/img/menu/email.jpg) no-repeat 0px 0px;
*/
        }
        .nav .email a:hover, .nav .email a:focus {

background: url(/img/menu.gif) no-repeat -60px -25px;
        }
        .nav .email a:active {
                background: url(/img/menu.gif) no-repeat -60px -25px;
        }
 .nav .email a.aktywny {
                background: url(/img/menu.gif) no-repeat -60px -25px;

z-index:100;
       }


.current-email .email a:link, .current-email .email a:visited {
                background: url(/img/menu.gif) no-repeat -60px -50px;
                cursor: default;
        }
        .nav-email, .nav-email-click {
                position: absolute;
                top: 0;
                left: 60px;
                width: 103px;
                height: 25px;
                background: url(/img/menu.gif) no-repeat -60px -25px;
        }
        .nav-email-click {
                background: url(/img/menu.gif) no-repeat -60px -25px;
}


/* start */

 .nav .www a:link, .nav .www a:visited {
                left: 172px;
                width: 103px;
                height:25px;
/*
         background: url(/img/menu/email.jpg) no-repeat 0px 0px;
*/
        }
        .nav .www a:hover, .nav .www a:focus {

background: url(/img/menu.gif) no-repeat -172px -25px;
        }
        .nav .www a:active {
                background: url(/img/menu.gif) no-repeat -172px -25px;
        }


.current-www .www a:link, .current-www .www a:visited {
                background: url(/img/menu.gif) no-repeat -172px -50px;
                cursor: default;
        }
        .nav-www, .nav-www-click {
                position: absolute;
                top: 0;
                left: 172px;
                width: 103px;
                height: 25px;
                background: url(/img/menu.gif) no-repeat -172px -25px;
        }
        .nav-www-click {
                background: url(/img/menu.gif) no-repeat -172px -25px;
}


/* start */

 .nav .firmowy a:link, .nav .firmowy a:visited {
                left: 285px;
                width: 103px;
                height:25px;
/*
         background: url(/img/menu/email.jpg) no-repeat 0px 0px;
*/
        }
        .nav .firmowy a:hover, .nav .firmowy a:focus {

background: url(/img/menu.gif) no-repeat -285px -25px;
        }
        .nav .firmowy a:active {
                background: url(/img/menu.gif) no-repeat -285px -25px;
        }


.current-firmowy .firmowy a:link, .current-firmowy .firmowy a:visited {
                background: url(/img/menu.gif) no-repeat -285px -50px;
                cursor: default;
        }
        .nav-firmowy, .nav-firmowy-click {
                position: absolute;
                top: 0;
                left: 285px;
                width: 103px;
                height: 25px;
                background: url(/img/menu.gif) no-repeat -285px -25px;
        }
        .nav-firmowy-click {
                background: url(/img/menu.gif) no-repeat -285px -25px;
}

/* start */

 .nav .klienci a:link, .nav .klienci a:visited {
                left: 399px;
                width: 103px;
                height:25px;
/*
         background: url(/img/menu/email.jpg) no-repeat 0px 0px;
*/
        }
        .nav .klienci a:hover, .nav .klienci a:focus {

background: url(/img/menu.gif) no-repeat -399px -25px;
        }
        .nav .klienci a:active {
                background: url(/img/menu.gif) no-repeat -399px -25px;
        }


.current-klienci .klienci a:link, .current-klienci .klienci a:visited {
                background: url(/img/menu.gif) no-repeat -399px -50px;
                cursor: default;
        }
        .nav-klienci, .nav-firmowy-klienci {
                position: absolute;
                top: 0;
                left: 399px;
                width: 103px;
                height: 25px;
                background: url(/img/menu.gif) no-repeat -399px -25px;
        }
        .nav-klienci-click {
                background: url(/img/menu.gif) no-repeat -399px -25px;
}


.content {
overflow:auto;
height:100%;
}


#box {

position:relative;
width:961px;
height:366px;
margin:0 auto 10px auto;


}


#box2empty {

/* background: url(/img/big_box.jpg) no-repeat;*/
/* background: url(/images/big_box_da.jpg) no-repeat; */
/* background: url(/images/big_box_da2.jpg) no-repeat; */
background: url(/images/big_box_da_79empty.jpg) no-repeat; 
/* background: url(/images/megaoferta-baner.jpg) no-repeat; */
position:absolute;
width:961px;
height:366px;
margin:0 auto;
top:-4px;
z-index:10;
}

#box2h {

/* background: url(/img/big_box.jpg) no-repeat;*/
/* background: url(/images/big_box_da.jpg) no-repeat; */
/* background: url(/images/big_box_da2.jpg) no-repeat; */
background: url(/images/big_14_dni.jpg) no-repeat; 
position:absolute;
width:961px;
height:366px;
margin:0 auto;
top:-4px;
z-index:10;
}


#box2 {

/* background: url(/img/big_box.jpg) no-repeat;*/
/* background: url(/images/big_box_da.jpg) no-repeat; */
/* background: url(/images/big_box_da_79.jpg) no-repeat; */
/* background: url(/images/big_14_dni.jpg) no-repeat; */
/* background: url(/images/najwydajniejszy-box.png) no-repeat; */
background: url(/images/megaoferta-baner.jpg) no-repeat;
position:absolute;
width:1044px;
/*margin-left:-42px;*/
/*width:961px;
margin:0 auto;
*/

height:366px;

top:-4px;
z-index:10;
}

.news {
text-align: justify;
position:relative;
width:961px;
margin:0 auto;

}


#news2 {

position:absolute;
height:35px;
width:475px;
top:0px;
left:0px;
padding-left:25px;
padding-top:5px;

}
#sprawdz {

position:absolute;
height:35px;
padding-top:5px;
left:550px;

}



#trojka1 {

position:absolute;
width:313px;

top:0px;
left:0px;

}

#trojka2 {

position:absolute;
width:313px;

top:0px;
left:324px;

}

#trojka3 {

position:absolute;
width:313px;

top:0px;
left:648px;

}
.menu_hosting {

width: 250px; float: left;
margin-top:35px;
padding-left:0px;
height:215px;
 background: url(/images/menu_vps.png) no-repeat;
padding-top:30px;
}

.menu_www {

width: 250px; float: left;
margin-top:35px;
padding-left:0px;
height:234px;
 background: url(/images/menu_www.png) no-repeat;
padding-top:30px;
}


.menu {
margin:0px;
padding:0px;
list-style:none;
line-height:22px;
}



ul.menu li {
padding-left:35px;
background: url(/img/arrow.png) no-repeat right;

}

ul.menu2 li {
padding-left:35px;
background: url(/img/arrow.png) no-repeat right;

}


#trzy {
width:961px;
margin:0 auto;
position:relative;
height:390px;

}

#trzy2 {
width:961px;
margin:0 auto;
position:relative;
height:305px;

}


.tab1 {
background-color:#dadada;
text-align:right;
padding-right:15px;
height:22px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.tab1a {
background-color:#ddc8c8;
text-align:center;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
height:22px;

}
.tab2 {
background-color:#eaeaea;
text-align:right;
padding-right:15px;
height:22px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.tab2a {
background-color:#ececec;
text-align:center;
height:22px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.tab3 {
background-color:#ececec;
text-align:center;
height:100px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.vps_bg {
background: url(/images/vps_bg.png) no-repeat left bottom ;


}
ul.plany_vps {
margin:0px;
padding:10px 20px 0px 40px;
list-style:none;
line-height:21px;
width:260px;
list-style-image: url(/images/plus.png);
}

ul.plany_vps li {
margin:0px;

/*
padding:0px 0px 1px 0px;

background: url(/images/pasel_vps.jpg) no-repeat bottom ;
*/
}
.cena {float:left;
padding-left:40px;
width:100px;
}

td .zamawiam  {
        height: 25px;
        text-indent: -9000px;
width:103px;
        z-index: 10;
background: url(/img/zamawiam.gif) no-repeat ;
text-align:center;
margin:0px auto;
cursor:pointer;
}

td .zamawiam:hover {

background: url(/img/zamawiam.gif) no-repeat 0px -25px;
        }


 .skonfiguruj  {
        height: 25px;
        text-indent: -9000px;
width:103px;
        z-index: 10;
background: url(/images/skonfiguruj2.png) no-repeat ;
text-align:center;
margin:0px auto;
cursor:pointer;
margin-bottom:3px;
}

.skonfiguruj:hover {

background: url(/images/skonfiguruj2.png) no-repeat 0px -25px;
        }

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(/images/background-n.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
}

.ramka {
background: url(/images/img_bg.png) top left no-repeat;
width:174px;
padding-left:6px;
padding-top:7px;
height:146px;
} 

.ramka_zew {
margin-left:17px;
margin-right:20px;
float:left;
}

.ramka_text {
text-indent:10px;
font-size:11px;
padding-bottom:5px;
}

.klienci {
width:660px;
margin:0px auto;
height:190px;
}


.menu_lewe {
margin-top:35px;
float:left;
}

.menu_lewe_top {
background: url(/images/menu_top_bg.png) top left no-repeat;
width:250px;
height:12px;
}


.menu_lewe_middle {

width:250px;
height:100%;
padding-top:16px;

background: url(/images/menu_middle_bg.png) top left repeat-y;
}

.menu_lewe_middle_gradient {
width:250px;
height:100%;
background: url(/images/menu_gradient.png) bottom center no-repeat;
}

.menu_lewe_bottom {
background: url(/images/menu_bottom_bg.png) top left no-repeat;
width:250px;
height:28px;
}

.klienci_ikony {
border-bottom:1px solid #c1c1c1;
border-top:1px solid #c1c1c1;
padding:15px 0 15px 0;
margin:25px 0 25px 0;
}

.stopka {
margin:0 auto;
padding:0px;
font-size:12px;
padding-left:25px;
padding-top:30px;
width:934px;
height:106px;
background: url(/images/stopka_bg.png) no-repeat center;
}



.www_box {
width:312px;
height:172px;
background: url(images/www_box_bg.jpg) no-repeat left top;
}

.vps_box {
width:312px;
height:172px;
background: url(images/box_vps_bg.jpg) no-repeat left top;
}

.dedykowane_box {
width:312px;
height:172px;
background: url(images/box_ded_bg.jpg) no-repeat left top;
}


.domeny_box {
width:312px;
height:172px;
background: url(images/domeny_box_bg.jpg) no-repeat left top;
}


.zam_ded {
position:absolute;
top:214px;
left:200px;
}


.zam_szczegoly {
position:absolute;
top:195px;
left:218px;
}

span.zam_s  a:link, span.zam_s a:visited {
 float:right;
        height: 22px;
        text-indent: -9000px;

        z-index: 10;
background: url(/images/szczegol.gif) no-repeat;
width:92px;
padding-right:0px;
}

span.zam_s a:hover, span.zam_s a:focus {

background: url(/images/szczegol.gif) no-repeat 0px -22px;
        }

ul.boxy_start {
margin:0px;
padding-top:30px;
line-height:16px;
}

.menu_panel {

width: 250px; float: left;
margin-top:10px;
padding-left:0px;
/*
background: url(/images/menu_hosting_bg.png) no-repeat;
*/
padding-top:0px;

}
.panel_gora {

height:37px;
width:250px;
background: url(/images/panel_gora.png) no-repeat;
}


.panel_dol {
height:37px;
width:250px;
float:left;
background: url(/images/panel_dol.png) no-repeat;
}

.panel_srodek {

width:246px;
left:2px;
position:absolute;
height:100%;
background: #f5f5f5 url(/images/panel_srodek.png) no-repeat top;

}

.panel_lewa {
position:absolute;
width:2px;
min-height:5px;

height:100%;
background: url(/images/panel_lewa.png) repeat-y;
}

.panel_prawa {
position:absolute;
left:248px;
width:2px;
height:100%;
background: url(/images/panel_prawa.png) repeat-y;
}

input#input_sprawdz {
width:696px;
height:22px;
border:0px;
padding-top:5px;
background: url(/images/input_sprawdz.gif) center  no-repeat;
margin:0px;
padding-left:5px;
color:#b9b9b9;
font-style:italic;
}

.input_sprawdz_1 {
width: 250px;
height:22px;
border:0px;
padding-top:5px;
background: url(/images/input_1.png) center  no-repeat;
margin:0px;
padding-left:5px;
color:#b9b9b9;
font-style:italic;
}

.form_font{

padding-left:5px;
color:#807f7f;
font-style:italic;


}
form#sprawdz_domene {
padding:0px;margin:0px;
}

.sprawdz_lewa
{
width:731px;
position:absolute;
top:39px;
left:30px;

}

.sprawdz_prawa {
position:absolute;
left:755px;
top:16px;
}

input.sprawdz_domene_btn_s {
border:0px;
text-indent:-300px;
cursor:pointer;
width:174px;
height:27px;
background:url("images/sprawdz_btn_s.gif") no-repeat top center;
}

input.dalej {
border:0px;
text-indent:-300px;
cursor:pointer;
width:174px;
height:27px;
background:url("images/dalej.gif") no-repeat top center;
}

input.wstecz {
border:0px;
text-indent:-300px;
cursor:pointer;
width:174px;
height:27px;
background:url("images/wstecz.gif") no-repeat top center;
}


input.sprawdz_domene_btn {
border:0px;
text-indent:-300px;
cursor:pointer;
width:174px;
height:27px;
background:url("images/sprawdz_btn.gif") no-repeat top center;
}

input.dalej:hover {

background-position: 0px -27px;
}
input.wstecz:hover {

background-position: 0px -27px;
}

input.sprawdz_domene_btn:hover {

background-position: 0px -27px;
}

input.sprawdz_domene_btn_s:hover {

background-position: 0px -27px;
}

#sprawdz_domene {
position:relative;
width:961px;
height:72px;
margin:0 auto;
margin-top:5px;
margin-bottom:15px;
background: url(/images/sprawdz_domene_bg.gif) center  no-repeat;
}

#nie_mam_konta {
text-align:left;
}


div.vps_win {
 background: url(/images/vps_windows.png) no-repeat;
text-indent: -9000px;
height:35px;
width:237px;
}

div.vps_win:hover {
 background: url(/images/vps_windows.png) no-repeat 0px -35px;
text-indent: -9000px;
height:35px;
width:237px;
}


div.vps_linux {
 background: url(/images/vps_linux.png) no-repeat;
text-indent: -9000px;
height:35px;
width:237px;
margin-top:8px;
margin-bottom:8px;
}

div.vps_linux:hover {
 background: url(/images/vps_linux.png) no-repeat 0px -35px;
text-indent: -9000px;
height:35px;
width:237px;
}

.tabb1 {
background-color:#dadada;
text-align:right;
padding-right:15px;
height:22px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.tabb1a {
background-color:#aac9dc;
text-align:center;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
height:22px;

}

#zam_g {
position:relative;
width:959px;
height:30px;
margin:0 auto;
margin-top:5px;
margin-bottom:0px;
background: url(/img/zam1.png) center  no-repeat;
}
#zam_s {
position:relative;
width:959px;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
background: url(/img/zam3.png) ;
}

#zam_d {
position:relative;
width:959px;
height:106px;
margin:0 auto;
margin-top:0px;
margin-bottom:20px;
background: url(/img/zam2.png) center  no-repeat;
}

<style type="text/css">
a span { visibility: hidden; }
   a:hover span { visibility: visible; }


#buch {

color: #000000;
padding:15px 15px 10px 15px;
position: absolute; background: #ffffff;
z-index:100;
margin:0 auto;
top:20px;
left:0;
width:300px;
border: 1px solid #d3d3d3;

}
a#szczegoly {
position: relative;
}
a#szczegoly #buch  {
visibility: hidden;
}

a#szczegoly:hover #buch {
cursor:pointer;
visibility: visible;

}

</style>


