/* ------------------  wspolne style dla obydwu ---------------------- */

html {
  padding:0px;
    margin:0px;
 height: 100%;

   }

body {
background-color: #e6e6e6;
font-size: 13px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#3b4345;
padding:0px;
margin:0 0 0 0;
line-height:18px;
height: 100%;
background: #e6e6e6  url("/images/background.jpg") repeat-x top center;

}

h3 {

color:#838c8e;
font-size:15px;
}

.duze {
text-transform:uppercase;

}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto 0px;
width:962px;
position:relative;
}


a:focus { outline:none }

a:link {text-decoration:none;color:#6e6e6e;}

a:visited {text-decoration:none;color:#6e6e6e}
a:hover {text-decoration:none;color:#aaaaaa;}

a:active {text-decoration:none;color:#aaaaaa;}

a.aktywny {text-decoration:none;color:#aaaaaa;background:url("/images/arrow.gif") no-repeat left;padding-left:13px; }

a.active {text-decoration:none;color:#aaaaaa;}

#header {
position:relative;
width:962px;
height:95px;
margin:0 auto;
}

#klienci {

 position: relative;
        top: 0px;

width:962px;
height:28px;


}

#linki {

 position: absolute;
        top: 41px;
        left: 404px;
width:553px;
height:25px;

}



span.zamow  a:link, span.zamow a:visited {
 float:right;
        height: 25px;
        text-indent: -9000px;

        z-index: 10;
background: url(/images/zamawiam.gif) no-repeat;
width:103px;
}

span.zamow a:hover, span.zamow a:focus {

background: url(/images/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(/images/wiecej.gif) no-repeat;
width:103px;
padding-right:15px;
}

span.wiecej a:hover, span.wiecej a:focus {

background: url(/images/wiecej.gif) no-repeat 0px -25px;
        }




.pod_stopka {


margin:0 auto;
padding:0px;
height:20px;
width:944px;
text-align:right;
color:#7f7f7f;
font-size:10px;
padding:5px 25px 5px 0px;
}

.boxy {
padding-left:25px;
}
div.serverInfo1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width:260px; height: 260px;color; #ffffff; padding:9px 13px 2px 13px;  background:url(../images/square.jpg) top no-repeat; float:left;}

.nglo{position: relative; margin-top: 5px;color: #ff8a00; font-width: bold; font-size: 15px; margin-left: 10px; font-family: Arial;}
.nglomain{margin-top: 5px;color: #ff8a00; font-width: bold; font-size: 22px; margin-left: 13px; font-family: Arial;}
.nglb{}
.nglbmain{position: relative; left: 20px; margin-left: 20px;}

.scol{width: 150px; float: left;line-height:15px;}



.html {
        font-size: 12px;
        font-family: "Courier New", Courier, monospace;
        margin: 1em 0;
        display: block;
        background-color: #eee;
        overflow: auto;
        width: 80%;
        padding: 2px 5px 20px 5px;
        border-width: 1px;
        border-style: solid;
        border-color: #bbb #ccc #ccc #bbb;
}

.html {
        background: #eee url("images/kod_html.gif") repeat-y left top;
        padding-left: 20px;


