body {
    background:#fff url(../gfx/bg_body.jpg) repeat-x fixed bottom center;
    color:#3897b4;
    font-family: Verdana, Tahoma, sans-serif;
    font-size:13px;
}
#container {
    width:920px;
    margin:20px auto 0;
}

#top {
    background:transparent url(../gfx/new/bg_header.png) no-repeat;
    height:330px;
    padding:0px;
    position:relative;
}
#top h1 {
    left:94px;
    position:absolute;
    top:20px;
}
#top h1 a {
    background:url(../gfx/new/logo-top.png) no-repeat;
    display:block;
    height:94px;
    width:124px;
}
#top h1 a span {
    display:none;
}

#nav {
    bottom:0;
    position:absolute;
    right:0;
    width:510px;
}
#nav ul li {
    float:left;
}
#nav ul li a {
    display:block;
    height:58px;
}
#nav ul li a span {display:none;}
#nav ul li#home a:link,#nav ul li#home a:visited {
    background:url(../gfx/new/navigation.png) 0 0 no-repeat;
    width:94px;
}
#nav ul li#home a:hover, #nav ul li#home a.active {
    background:url(../gfx/new/navigation.png) 0 -58px no-repeat;
}
#nav ul li#oferta a:link,#nav ul li#oferta a:visited {
    background:url(../gfx/new/navigation.png) -94px 0 no-repeat;
    width:96px;
}
#nav ul li#oferta a:hover, #nav ul li#oferta a.active {
    background:url(../gfx/new/navigation.png) -94px -58px no-repeat;
}
#nav ul li#wizualizacje a:link,#nav ul li#wizualizacje a:visited {
    background:url(../gfx/new/navigation.png) -190px 0 no-repeat;
    width:146px;
}
#nav ul li#wizualizacje a:hover, #nav ul li#wizualizacje a.active {
    background:url(../gfx/new/navigation.png) -190px -58px no-repeat;
}
#nav ul li#kontakt a:link,#nav ul li#kontakt a:visited {
    background:url(../gfx/new/navigation.png) -336px 0 no-repeat;
    width:110px;
}
#nav ul li#kontakt a:hover, #nav ul li#kontakt a.active {
    background:url(../gfx/new/navigation.png) -336px -58px no-repeat;
}

#content {
    background:transparent url(../gfx/new/bg_content.png) no-repeat;
    line-height:180%;
    margin-top:10px;
}

/* HOME PAGE */
.home #content {
    background:transparent url(../gfx/new/bg_content_home.png) no-repeat;
    line-height:180%;
    margin-top:20px;
}
.home #mainContent {
    float:left;
    min-height:280px;
    padding:20px;
    width:880px;
}
#home-left {
    float:left;
    height:250px;
    width:290px;
}
#home-left li {
    border-bottom:1px solid #ccc;
    padding:4px 0;
    max-width:240px;
}
#home-left li:last-child {
    border:none;
}
#home-center {
    float:left;
    height:250px;
    text-align:center;
    width:300px;
}
#home-right {
    float:right;
    height:250px;
    padding-left:30px;
    text-align:center;
    width:260px;
}
#oferta-2010 {
    background: url('../gfx/new/oferta-2010.png') no-repeat 0px 0px;
    height: 224px;
    width: 224px;
}
#oferta-2010 a {
    display:none;
    background: url('../gfx/new/oferta-2010.png') no-repeat 0px -224px;
    height: 224px;
    width: 224px;
}

#mainContent, #addons {
    color:#666;
    text-align:justify;
}
.one-side #content, .two-side #content {
    margin-top:20px;
}
body.one-side #mainContent {
    float:left;
    min-height:300px;
    padding:10px 20px 20px;
    width:880px;
}

body.two-sides #mainContent {
    float:left;
    min-height:280px;
    padding:20px;
    width:600px;
}

#addons {
    float:right;
    padding:20px;
    width:220px;
}

#footer_icons {
    background: url(../gfx/footer_icons.png);
    display:block;
    height:102px;
    margin:0 auto 10px;
    width:796px;
}

#footer {
    background:transparent;
    color:#999;
    margin-top:10px;
    padding:10px;
    text-align:center;
}
#footer a:link, #footer a:visited {
    color:#45a4c2;
    padding:2px 6px;
}
#footer a:hover {
    text-decoration:underline;
}

div.preview img {
    border:1px solid #054d64;
    height:60px;
    margin:2px 1px;
    width:156px;
}

/* GALERIA */
#gallery {
        margin:auto;
        text-align:center;
        width:98%;
}
#gallery img {
        border-radius:4px;
        -moz-border-radius:4px;
        padding:0px;
        margin:2px;
        width:120px;
}
#gallery a img {
        border:6px solid #EDEDED;
}
#gallery a:hover img {
        border:6px solid skyblue;
}
.main-content-middle {
    background: #f0f0f0 url(../gfx/bg_main_content.jpg) 0 1px repeat-x;
    border-radius:20px;
    -moz-border-radius:20px;
    margin-top:20px;
    padding:20px;
}

/* OFERTA ----- */
.oferta {
    margin:10px auto 0;
    padding:0;
    width:850px;
}

#doors, #windows, #gates, #rolets, #protected_rolets, #plisy { height: 1%; overflow:hidden; padding: 0 0 0px; display:none; }
#doors .viewport, #windows .viewport, #gates .viewport, #rolets .viewport, #protected_rolets .viewport, #plisy .viewport { float: left; width: 450px; height: 100px; overflow: hidden; position: relative; }
#doors .buttons, #windows .buttons, #gates .buttons, #rolets .buttons, #protected_rolets .buttons, #plisy .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 20px 10px 0 0; background-position: 0 -80px; text-indent: -999em; float: left; width: 72px; height: 72px; overflow: hidden; position: relative; }
#doors a:hover.buttons, #windows a:hover.buttons, #gates a:hover.buttons, #rolets a:hover.buttons, #protected_rolets a:hover.buttons, #plisy a:hover.buttons { background:url("../images/buttons_hover.png") no-repeat scroll 0 -80px; }
#doors .next, #windows .next, #gates .next, #rolets .next, #protected_rolets .next, #plisy .next { background-position: 0 0; margin: 20px 0 0 10px;  }
#doors a:hover.next, #windows a:hover.next, #gates a:hover.next, #rolets a:hover.next, #protected_rolets a:hover.next, #plisy a:hover.next { background:url("../images/buttons_hover.png"); }
#doors .disable, #windows .disable, #gates .disable, #rolets .disable, #protected_rolets .disable, #plisy .disable { visibility: hidden; }
#doors .overview, #windows .overview, #gates .overview, #rolets .overview, #protected_rolets .overview, #plisy .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0;top: 0; }
#doors .overview li, #windows .overview li, #gates .overview li, #rolets .overview li, #protected_rolets .overview li, #plisy .overview li { float: left; margin: 0 0px 0 0; padding: 1px; height: 121px; width: 115px;}

#doors, #windows, #gates {}

#doors .overview li img,
#windows .overview li img,
#gates .overview li img,
#rolets .overview li img,
#protected_rolets .overview li img,
#plisy .overview li img{
    background:url(../img/oferta/blank.png) no-repeat;
    display:block;
    height:96px;
    width:96px;
}

.button_up {margin:auto; background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; float:left; background-position: 0 -148px; text-indent: -999em; width: 72px; height: 74px; overflow: hidden; }
.button_down {margin:auto; background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; float:left; background-position: 0 -222px; text-indent: -999em; width: 72px; height: 74px; overflow: hidden;}
a:hover.button_up { background:url("../images/buttons_hover.png") no-repeat scroll 0 -148px; }
a:hover.button_down { background:url("../images/buttons_hover.png") no-repeat scroll 0 -222px; }