body {
    background:url('../images/bg-top.gif') no-repeat top center #06358B;
    color:#FFF;
    font-family:Arial,sans-serif;
    font-size:0.7em;
    text-align:center;
    margin:0px;
    padding:11px 0px 0px 0px;
}

form {
    margin:0px;
    padding:0px;
}
input,textarea,select {
    font-family:Arial,sans-serif;
    font-size:1em;
}

a { color:#1898F7; text-decoration:underline; }
a:hover { color:#000; text-decoration:underline; }

h1 {
    margin:0px;
    padding:0px;
    font-size:2.2em;
    background:url('../images/logo.gif') no-repeat top left;
    position:absolute;
    top:-7px;
    left:-17px;
    min-height:142px;
    _height:142px;
}
h1 a {
    display:block;
    padding:70px 320px 0px 320px;
    _padding:70px 290px 0px 350px;
    text-align:right;
    text-decoration:none;
    color:#FFF;
    font-weight:normal;
}
h1 a:hover { color:#FFF; text-decoration:none; }

h2 {
    margin:0px;
    padding:10px 0px 0px 10px;
    font-size:1.6em;
    color:#1898F7;
    font-weight:normal;
}

#body {
    background:url('../images/bg-body.gif') repeat-y top left;
    margin:0px auto;
    width:952px;
    padding:7px 0px 0px 0px;
}

#top {
    margin:0px 17px 6px 17px;
    background:url('../images/top-image.jpg') no-repeat top right #FFD200;
    min-height:135px;
    _height:135px;
    position:relative;
}

#content {
    float:right;
    width:764px;
    color:#000;
    text-align:left;
}
#middle {
    float:left;
    width:586px;
}
#right {
    float:right;
    width:170px;
}
/*
    -------------------------
    KATEGORIE
    -------------------------
*/
#right ul {
    margin:0px 17px 6px 0px;
    padding:0px;
    list-style:none;
}
#right ul ul { margin:0px; padding:0px; }
/*
    -------------------------
    KATEGORIA - KUCH. POTREBY
    -------------------------
*/
#right ul.kategoria1 li {
    background:#FFCC00;
    color:#FFF;
    font-weight:bold;
    font-size:1.2em;
}
#right ul.kategoria1 li a {
    color:#FFF;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    min-height:1px;
    _height:1px;
    display:block;
}
#right ul.kategoria1 li a:hover { color:#FFF; text-decoration:none; }
#right ul.kategoria1 li li {
    background:url('../images/bg-menu-yellow.gif') repeat-x bottom left #FFFEBD;
    font-size:0.8em;
}
#right ul.kategoria1 li li a {
    color:#5B3600;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    min-height:1px;
    _height:1px;
    display:block;
}
#right ul.kategoria1 li li a:hover { color:#5B3600; text-decoration:underline; }


/*
    -------------------------
    KATEGORIA - SKLO PORCELAN
    -------------------------
*/
#right ul.kategoria2 li {
    background:#1898F7;
    color:#FFF;
    font-weight:bold;
    font-size:1.2em;
}
#right ul.kategoria2 li a {
    color:#FFF;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    min-height:1px;
    _height:1px;
    display:block;
}
#right ul.kategoria2 li a:hover { color:#FFF; text-decoration:none; }
#right ul.kategoria2 li li {
    background:url('../images/bg-menu-blue.gif') repeat-x bottom left #DBF1FF;
    font-size:0.8em;
}
#right ul.kategoria2 li li a {
    color:#3650A0;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    min-height:1px;
    _height:1px;
    display:block;
}
#right ul.kategoria2 li li a:hover { color:#3650A0; text-decoration:underline; }


/*
    -------------------------
    LEFT BLOCK
    -------------------------
*/
#left {
    width:180px;
    color:#000;
    text-align:left;
}
#left .kontakt {
    padding:5px 0px 0px 27px;
}
#left .kontakt strong {
    color:#3650A0;
} 
/*
    -------------------------
    MAIN MENU
    -------------------------
*/
ul#menu {
    margin:0px 0px 6px 17px;
    padding:0px;
    list-style:none;
    font-weight:bold;
}
ul#menu li {
    background:url('../images/bg-menu-blue.gif') repeat-x bottom left #DBF1FF;
    padding:6px 10px 6px 10px;
}
ul#menu li span {
    background:url('../images/blue-arrow.gif') no-repeat 0px 3px;
    padding:0px 0px 0px 13px;
}
ul#menu li a { color:#3650A0; text-decoration:none; }
ul#menu li a:hover { color:#3650A0; text-decoration:underline; }

/*
    -------------------------
    LOGIN ZONA
    -------------------------
*/
#login {
    margin:0px 0px 6px 17px;
    background:url('../images/bg-zona.gif') repeat-y top left;
    color:#3650A0;
}
#login .h2 {
    background:#1898F7;
    color:#FFF;
    display:block;
    padding:5px 10px 5px 10px;
    font-weight:bold;
    font-size:1.2em;
}
#login .bottom {
    background:url('../images/bg-zona-bottom.gif') no-repeat bottom left;
    padding:5px 10px 5px 10px;
    text-align:right;
}
#login input {
    border:1px solid #1898F7;
    margin:0px 0px 1px 0px;
    padding:1px;
}
#login input.login {
    color:#3650A0;
    background:transparent;
    border:none;
    cursor:pointer;
    font-weight:bold;
}
#login ul {
    margin:0px;
    padding:7px 0px 7px 12px;
    color:#1898F7;
    list-style:square;
    text-align:left;
    font-weight:bold;
}
#login ul li {
    padding:1px 0px 1px 0px;
}
#login a { color:#3650A0; text-decoration:none; }
#login a:hover { color:#3650A0; text-decoration:underline; }
#login p.message {
    text-align:center;
    padding:0px 0px 5px 0px;
    margin:0px;
    color:#F00;
    font-weight:bold;
}
#login p.user {
    padding:5px 0px 5px 0px;
    margin:0px;
    text-align:left;
}
#login p.user strong {
    font-size:1.4em;
}
#login p.user a {
    font-weight:bold;
}


/*
    -------------------------
    CART SUMMARY
    -------------------------
*/
#cart_summary {
    margin:0px 0px 6px 17px;
    color:#000;
}
#cart_summary .h2 {
    background:#FFCC00;
    color:#FFF;
    display:block;
    padding:5px 10px 5px 10px;
    font-weight:bold;
    font-size:1.2em;
}
#cart_summary div {
    border-left:1px solid #FFEE5D;
    border-right:1px solid #FFEE5D;
    border-bottom:1px solid #FFEE5D;
    padding:5px 10px 5px 10px;
    background:#FFFED5;
}
#cart_summary div strong {
    font-size:1.3em;
}
#cart_summary a { font-weight:bold; color:#000; text-decoration:none; }
#cart_summary a:hover { font-weight:bold; color:#000; text-decoration:underline; }


/*
    -------------------------
    BOTTOM
    -------------------------
*/
#bottom {
    clear:both;
    background:url('../images/bg-bottom.gif') no-repeat 0px 0px #06358B;
    text-align:right;
    margin:0px auto;
    width:952px;
}
#bottom div {
    padding:30px 17px 10px 17px;
}
#bottom a { color:#FFF; text-decoration:none; }
#bottom a:hover { color:#FFF; text-decoration:underline; }

hr.separator { display:none; }
.cleaner {
    clear:both;
    height:0.1em;
    line-height:0.1em;
    font-size:0.1em;
}
.cleaner br {
    clear:both;
    line-height:0.1em;
    font-size:0.1em;
}

.produktPopup {
    position:absolute;
    top:0px;
    left:0px;
    border:2px solid #B2E2FF;
    padding:10px;
    width:200px;
    background:#FFF;
    display:none;
}