#zone1 {
    background:#0f1213 url(/c/layout/zone1.png) top center repeat-y;width:100%;
}


#zone2 {background:url(/c/layout/zone2.png) bottom center no-repeat;width:100%;}

#zone3 {background:url(/c/layout/zone3.jpg) top center no-repeat;width:100%;}
#zone4 {
    width:100%;
    /*background: url(/c/layout/zone4footera.png) bottom center no-repeat; */
}

#zone5 {
    width:960px;
    margin:0 auto !important;
}

#zone5header {
    position:relative;
    height:195px;
    /*background: url(/c/layout/zone5headera.png) bottom center no-repeat;*/
    
}

    #logo1 {
        width:300px;
        margin:0 auto !important;
        position:absolute;
        top:0;
        left:0;
    }

#zone5content {
    margin:0 auto !important;
    width:960px;
    min-height:320px !important;
}

#zone5page {
    width:940px;
    margin:10px;
}







#zone5footer {
    background:none;
    margin:0 auto !important;
    width:960px;
    position:relative;
    height:164px;
}

#zone5footerCopyright {
    position:absolute;
    top:24px;
    left:130px;
    font-size:11px;
    color:#0f1213;
}

#zone5footerCopyright a {
    color:#555;
}

a.zone5footerComapany {
    color:#ff1f6f;
}

#zone5footerLogo {
    position:absolute;
    top:20px;
    left:20px;
    width:87px;
    height:26px;
}

#zone5footerRegreen {
    position:absolute;
    top:24px;
    right:15px;
    width:17px;
    height:18px;
}

#zone5footerDoit {
    position:absolute;
    top:26px;
    right:45px;
    width:26px;
    height:16px;
}

#zone5footerAbout {
    text-align:center;
    font-size:9px;
    width:700px;
    margin:0 auto !important;
    color:#444;
    position:absolute;
    top:85px;
    left:100px;
}


#menu1
{
    width:960px;
    height:52px;
    margin:0 auto !important;
    position:absolute;
    top:140px;
    left:0;
}

#menu1 ul {
    list-style-type: none;
    height: 52px;
    top: 0px;
    position: relative;
    left:0;
    margin: 0;
    padding: 0;
}
#menu1 li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu1 li a {
    float: left;
    display: block;
    color: #666;
    height: 48px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/c/layout/menu1.png);
}

#menu1 li.menu-home a {background-position: 0 -52px; width: 123px;}
#menu1 li.menu-home a:hover,#menu1 li.menu-home a.active {background-position: 0 0;}

#menu1 li.menu-o-mnie a {background-position: -123px -52px; width: 74px;}
#menu1 li.menu-o-mnie a:hover,#menu1 li.menu-o-mnie a.active {background-position: -123px 0;}

#menu1 li.menu-portfolio a {background-position: -197px -52px;width: 78px;}
#menu1 li.menu-portfolio a:hover,#menu1 li.menu-portfolio a.active {background-position: -197px 0;}

#menu1 li.menu-wspolpraca a {background-position: -275px -52px;width: 98px;}
#menu1 li.menu-wspolpraca a:hover,#menu1 li.menu-wspolpraca a.active {background-position: -275px 0;}

#menu1 li.menu-partnerzy a {background-position: -373px -52px; width: 86px;}
#menu1 li.menu-partnerzy a:hover,#menu1 li.menu-partnerzy a.active {background-position: -373px 0;}

#menu1 li.menu-referencje a {background-position: -459px -52px; width: 89px;}
#menu1 li.menu-referencje a:hover,#menu1 li.menu-referencje a.active {background-position: -459px 0;}

#menu1 li.menu-kontakt a {background-position: -548px -52px; width: 78px;}
#menu1 li.menu-kontakt a:hover,#menu1 li.menu-kontakt a.active {background-position: -548px 0;}


.submenu1 {
    margin:0;
    padding:0;   
}

.submenu1 li {
    list-style-type:none;
}

.submenu1 a {
    color:#3F6C69;
    display:block;
    font-weight:bold;
    padding:2px 0;
    font-size:15px;
}

.submenu1 a.active, .submenu1 a:hover {
    text-decoration:underline;
}

.submenu1 a a {
    margin-left:15px;
}


#left {
    width:200px;
}


div.product-card {
    float:left;
    width:240px;height:150px;position:relative;
    cursor:pointer;
}

div.product-card a {
    position:absolute;
    width:230px;
    top:110px;
    left:5px;
    text-align:center;
    font-weight:bold;
    color:#EF3A24;    
}

div.catalog-card {
    float:left;
    width:220px;height:300px;position:relative;
    cursor:pointer;
}

div.catalog-card a {
    position:absolute;
    width:180px;
    top:280px;
    left:20px;
    text-align:center;
    font-weight:bold;
    color:#EF3A24;    
}

