#zone1 {
    /*background:#F4EFE1 url(/c/layout/zone1.png) top center repeat-x;width:100%;*/
    background:#F4EFE1;width:100%;
}

#zone2 {
    background:url(/c/layout/zone2.jpg) top center no-repeat;
}

#zone3 {
    background:url(/c/layout/zone3.png) bottom center no-repeat;
}

#zone4 {width:100%;}

#zone5 {
    width:960px;
    margin:0 auto !important;
}

#zone5header {
    position:relative;
    height:324px;
}

    #logo1 {
        margin:0 auto !important;
        position:relative;
        top:70px;
        left:20px;
    }

#zone5content {
    margin:0 auto !important;
    width:940px;
    padding:10px;
}

#zone5page {
    margin:0;
    min-height:230px;
}







#zone5footer {
    margin:0 auto !important;
    width:960px;
    position:relative;
    height:223px;
}

#zone5footerCopyright {
    position:absolute;
    top:33px;
    left:66px;
    font-size:11px;
    color:#a4a094;
}

#zone5footerCopyright a {
    color:#1390ff;
}

#zone5footerLogo {
    position:absolute;
    top:30px;
    left:25px;
    width:22px;
    height:22px;
}

#zone5footerRegreen {
    position:absolute;
    top:30px;
    right:35px;
    width:17px;
    height:18px;
}

#zone5footerDoit {
    position:absolute;
    top:33px;
    right:65px;
    width:26px;
    height:16px;
}

#zone5footerAbout {
    text-align:center;
    font-size:10px;
    width:600px;
    margin:0 auto !important;
    color:#777;
    position:absolute;
    top:110px;
    left:180px;
}


#menu1
{
    width:520px;
    height:36px;
    margin:0 auto !important;
    position:absolute;
    top:259px;
    left:0px;
}

#menu1 ul {
    list-style-type: none;
    height: 36px;
    top: 0px;
    position: relative;
    left:0;
    margin: 0;
    padding: 0;
}
#menu1 li {
    float: left;
    margin: 0px;
    padding: 0;
    position: relative;
}
#menu1 li a {
    float: left;
    display: block;
    color: #666;
    height: 36px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/c/layout/menu1.png);
}


#menu1 li.menu-home a {background-position: 0 -36px; width: 140px;}
#menu1 li.menu-home a:hover,#menu1 li.menu-home a.active {background-position: 0 0;}

#menu1 li.menu-psycholog a {background-position: -140px -36px;width: 102px;}
#menu1 li.menu-psycholog a:hover,#menu1 li.menu-psycholog a.active {background-position: -140px 0;}

#menu1 li.menu-pedagog a {background-position: -242px -36px;width: 92px;}
#menu1 li.menu-pedagog a:hover,#menu1 li.menu-pedagog a.active {background-position: -242px 0;}

#menu1 li.menu-logopeda a {background-position: -334px -36px;width: 102px;}
#menu1 li.menu-logopeda a:hover,#menu1 li.menu-logopeda a.active {background-position: -334px 0;}

#menu1 li.menu-kontakt a {background-position: -436px -36px;width: 84px;}
#menu1 li.menu-kontakt a:hover,#menu1 li.menu-kontakt a.active {background-position: -436px 0;}







.submenu1 li {
    list-style-type:none;
}

.submenu1 a {
    color:#39A6F5;
    display:block;
    font-weight:bold;
    padding:3px 0;
    font-size:14px;
}

.submenu1 a.active, .submenu1 a:hover {
    color:#39A6F5;
    text-decoration:underline;
}

.submenu1 a a {
    margin-left:15px;
}

#left {
    width:220px;
}


div.product-card {
    float:left;
    width:240px;height:260px;position:relative;
    cursor:pointer;
}

div.product-card a {
    position:absolute;
    width:230px;
    top:225px;
    left:5px;
    text-align:center;
    font-weight:bold;
    color:#39A6F5;    
}