body {

    margin: 0;

    padding:0px;

    font-family: Arial, Helvetica, sans-serif;

}
div {

    margin: 0 auto 0 auto;

    padding: 0;

}

a{
    
    border: none;
    
    outline: none;    
       
}

img{

    border: none;

    outline: none;

}

#page{

    width:900px;

    background:#FFF;

    position: absolute;

    top:0px;

    left:50%;

    margin-left: -450px;

    outline: 1px #e2e2e2 solid;

}

#header{

    width:900px;

    height:195px;

    display: block;

    background: url(header.png) no-repeat;

}

#top{

    height: 71px;

    width: 900px;

    background: #242424;

}

#logo img{

    margin: 10px 0 0 20px;

}

.slogan{

float: left;

margin:35px 0 0 215px;

}

/*------------------- Menu ------------------- */

#menudiv{

    margin: 65px 48px 0px 0px;

    float: right;


}

#menu{

    margin: 0;

    padding: 0;

    list-style-type: none;

    height: 1%; /* IE fix */

}

#menu li{

    float: right;

    padding-right: 2px;

}

#menu li a{

    display: inline-block;

    width: 135px;

    height: 37px;

    background: url(navbg.png) top no-repeat;

    text-align: center;

    padding-top: 18px;

    color: #8b8b8b;

    font-size: 17px;

    font-weight: bold;

    text-decoration: none;

}

#menu li a:hover, #menu li a.on{

    background-position: 0 -55px;

}

/*------------------- Menu - koniec ------------------- */

#navigation{

    width:895px;

    height: 26px;

    display: block;

    background: url(nav.png) no-repeat;

    padding: 18px 0px 0px 5px;

    color: #8b8b8b;

    font-size: 13px;

}

#navigation a{
    
    color: #8b8b8b;

    text-decoration: none;
}

#navigation .fancy{

    color: #ffc000;

    font-weight: bold;

}

#pages{

  min-height:350px;

  height:auto !important;

  height:350px;

}

#content{

    width: 900px;

    height: 290px;

    display: block;

    border:2px #e2e2e2;

    border-bottom-style: solid;

}

/*------------------- Pokaz slajdów ------------------- */

#slideshow{

    width:576px;

    height:290px;

    display: block;

    overflow: hidden;

    float:left;
  
}

#slideshow ul {
    margin: 0;

    padding: 0;

    list-style-type: none;

    height: 1%; /* IE fix */

}

#slideshow ul:after {

    content: ".";

    clear: both;

    display: block;

    height: 0;

    visibility: hidden;
}

#slideshow .slides {

    overflow: hidden;

    width: 576px;

    height: 248px;

    border-bottom: 1px solid #e2e2e2;

}

#slideshow .slides ul {
/* total width of all slides -
# 960px multiplied by 3 in this case */
width: 1696px;

height: 248px;

}

#slideshow .slides li {

    width: 525px;

    float: left;

    padding: 5px 0px 0px 0px;
}

#slideshow .slides h2 {

    margin-top: 0;
}

#slideshow .slides-nav {

   margin: 0px 0px 0px 20px;

    padding: 0px;

}

#slideshow .slides-nav li {

    float: left;

    text-align: center;

    margin-right: 2px;

}

#slideshow .slides-nav li a {

    display: block;

    width:26px;

    height: 38px;

    background: url(slidesnavbg.png) top no-repeat;

    outline: none;

    color: #ffc000;

    font-size: 26px;

    text-decoration: none;

}

.js #slideshow .slides-nav li.on a{

    background-position: 0 -38px;

}

/* ------------------- Pokaz slajdów - koniec ------------------- */

#contact{

    width:322px;

    height:290px;

    display: block;

    float:right;

    border:2px #e2e2e2;

    border-left-style: solid;
}

#offert{

    width: 840px;

    height: 130px;

    clear: both;

    display: block;

    color: #3d3f40;

    padding: 60px 20px 0px 20px;

}

#footer{

    width:900px;

    height: 40px;

    display: block;

    background: url(footer.png) no-repeat;

    padding: 25px 0px 0px 0px;

    text-align: center;

    color:#FFF;

    font-size: 14px;

    font-weight: bold;

    clear: both;

}

table.dane{

    width: 322px;

    font-size: 13px;

}

.dane td{

    vertical-align: top;

    padding-bottom: 10px;

}

.dane td.left{

    width:106px;

    text-align: right;

    color: #ffc000;
    
}

.dane td.right{

    width:216px;

    text-align: left;

    color: #8b8b8b;
    
}

.dane span.hide{

    display: none;

    * display: inline;

}

.dane span.mail:before{

    content: "@";

}

div.realizacje{

    text-align: right;

    border-bottom: 2px #e2e2e2 solid;
    
}

#scroll{

    height: 480px;

    width: 800px;

    overflow: hidden;

    float: left;


}

#portfolio{

    width: 490px;

    margin: 20px 0px 0px 100px;

    border-spacing: 10px;
    
}

#portfolio td{
    
    vertical-align: middle;
    
}

#portfolio td.mini{

    width: 180px;

    height: 130px;

    border: 2px #e2e2e2 solid;

    text-align: center;

}

#portfolio td.opis{

    width: 310px;

    height: 130px;

    text-align: left;

    color: #8b8b8b;

    font-size: 13px;

}

#portfolio td.opis h4{

    color: #fdc312;

    font-size: 18px;

    font-weight: normal;

    margin: 0px 3px;

}

#arrows{

    height: 470px;

    float: right;

    margin: 10px 20px 0px 0px;
    
}

#up, #down{

    width: 65px;

    height: 49px;

    display: block;

}

#up{

    background-image: url(up.png);


}

#down{

    background-image: url(down.png);

    margin-top: 350px;

}

#onas{

    width: 900px;

    height: 360px;

    background-image: url(onasbg.png);

    background-position: bottom right;

    background-repeat: no-repeat;

    display: block;

}

#onas p{

    color: #3d3f40;

    width: 600px;

    padding: 10px 0px 0px 20px;

}