body {
    background:URL(../images/bg.gif) top center;
    margin:0em;
    padding:0em;
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:0.7em;
    color:#404040;
}

a { color:#02B007; text-decoration:underline; }
a:hover { color:#000; text-decoration:underline; }

img { border:none; }
form {
    margin:0px;
    padding:0px;
}
form,table,input,select,textarea {
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:1em;
}

#top {
    width:977px;
    margin:0px auto;
}
#top h1 {
    width:300px;
    float:left;
    margin:0px;
    padding:0px 0px 0px;
    background:url('../images/logo.gif') no-repeat 80px 0px;
}
#top h1 img {
    float:left;
    border:none;
}
#top h1 a {
    float:left;
    width:200px;
    display:block;
    height:86px;
}
#top h1 a span { display:none; }

#top .call {
    background:url('../images/top-separator.gif') no-repeat 0px 0px;
    min-height:86px;ho
    _height:86px;
    float:left;
}
#top .call p {
    background:url('../images/ico-phone.gif') no-repeat 15px 15px;
    padding:25px 15px 15px 65px;
    margin:0px;
}
#top .call p span {
    font-size:1.6em;
    color:#EE1717;
}

#top .cart-details {
    background:url('../images/top-separator.gif') no-repeat 0px 0px;
    min-height:86px;
    _height:86px;
    float:left;
    position:relative;
}
#top .cart-details div {
    background:url('../images/cart-button.gif') no-repeat 0px 0px;
    position:absolute;
    top:28px;
    right:0px;
}
#top .cart-details div a {
    display:block;
    text-decoration:none;
    color:#FFF;
    padding:8px 10px 8px 10px;
}
#top .cart-details p {
    background:url('../images/ico-cart.gif') no-repeat 10px 15px;
    padding:25px 70px 15px 80px;
    margin:0px;
}
#top .cart-details p span {
    font-size:1.6em;
    color:#EC8E0D;
}
#top .cart-details p span strong { font-size:0.6em; }

#buttons {
    clear:both;
    margin:0px auto;
    padding:0px;
    width:977px;
}
#buttons ul {
    margin:0px;
    padding:0px 0px 0px 45px;
    list-style:none;
}
#buttons ul li {
    background:url('../images/bg-button.gif') no-repeat top left;
    float:left;
    margin-left:3px;
    position:relative;
    font-weight:bold;
}
#buttons ul li span {
    background:url('../images/bg-button-right.gif') no-repeat top right;
    display:block;
    width:95px;
    min-height:69px;
    _height:69px;
}
#buttons ul li a {
    display:block;
    padding:20px 15px 10px 15px;
    text-align:center;
    text-decoration:none;
    color:#404040;
    min-height:39px;
    _height:39px;
}
#buttons ul li.active { background:url('../images/bg-button-active.gif') no-repeat top left; }
#buttons ul li.active span { background:url('../images/bg-button-active-right.gif') no-repeat top right; }
#buttons ul li.active a { color:#FFF; }

#buttons ul li.how { background:url('../images/bg-button-how.gif') no-repeat top left; }
#buttons ul li.how span { background:url('../images/bg-button-right-how.gif') no-repeat top right; }
#buttons ul li.how a { color:#FFF; }

#page {
    clear:both;
    width:977px;
    margin:0px auto;
    background:url('../images/bg-page.gif') repeat-y top left;
}
#page .page-image {
    background:url('../images/page-bottom-image.gif') no-repeat bottom right;
}

#left {
    width:266px;
    float:left;
    background:url('../images/bg-left-top.gif') no-repeat top left;
    min-height: 200px;
    _height: 200px;
    padding:33px 0px 10px 0px;
    position:relative;
}

/*
    -----------------
    HOMECREDIT LINK
    -----------------
*/
#left .homecredit {
    text-align:center;
    padding:0px 0px 0px 40px;
}
#left .homecredit img { border:none; }
#left .homecredit a { color:#404040; text-decoration:none; }
#left .homecredit a:hover { color:#000; text-decoration:underline; }

/*
    -----------------
    CO JE BONUS
    -----------------
*/
#left .co-je-bonus {
    text-align:left;
    padding:15px 20px 0px 80px;
    background:url('../images/ico-bonus.gif') no-repeat 165px 15px;
}
#left .co-je-bonus a {
    color:#404040;
    text-decoration:none;
    display:block;
    padding:30px 0px 30px 5px;
}
#left .co-je-bonus a:hover { color:#000; text-decoration:none; }
#left .co-je-bonus span { display:none; }

/*
    -----------------
    CO JE SEKOVA POUKAZKA
    -----------------
*/
#left .co-je-sek {
    text-align:left;
    padding:15px 20px 0px 80px;
    background:url('../images/ico-seky.gif') no-repeat 165px 15px;
}
#left .co-je-sek a {
    color:#404040;
    text-decoration:none;
    display:block;
    padding:30px 0px 30px 5px;
}
#left .co-je-sek a:hover { color:#000; text-decoration:none; }
#left .co-je-sek span { display:none; }

/*
    -----------------
    KATEGORIE
    -----------------
*/
#left .kategorie {
    background:url('../images/bg-menu.gif') repeat-y 57px 0px;
    padding:0px 0px 0px 57px;
    margin:0px 0px 10px 0px;
    min-height:1px;
    _height:1px;
}
#left .kategorie div {
    background:url('../images/bg-menu-bottom.gif') no-repeat bottom left;
    min-height:1px;
    _height:1px;
}
#left .kategorie ul {
    background:url('../images/bg-menu-top.gif') no-repeat top left;
    margin:0px;
    padding:10px 25px 15px 20px;
    list-style:none;
    min-height:1px;
    _height:1px;
}
#left .kategorie ul li {
    background:url('../images/menu-separator.gif') no-repeat bottom right;
    padding:3px 0px 3px 0px;
}
#left .kategorie ul li.last {
    background:none;
}
#left .kategorie ul a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}
#left .kategorie ul a:hover {
    color:#FF0;
    font-weight:bold;
    text-decoration:none;
}
#left .kategorie ul ul {
    background:none;
    padding:0px 0px 0px 15px;
}
#left .kategorie ul ul a {
    color:#FFF;
    font-weight:normal;
    text-decoration:none;
}
#left .kategorie ul ul a:hover {
    color:#FF0;
    font-weight:normal;
    text-decoration:none;
}
#left .kategorie ul li a.active {
    color:#FF0;
    font-weight:bold;
}

/*
    -----------------
    VYHLADAVANIE
    -----------------
*/
#left .fast-search {
    background:url('../images/ico-search.gif') no-repeat 15px 0px;
    padding:0px 0px 5px 57px;
}
#left .fast-search table .scol3 {
    display:none;
    background:url('../images/search-advance-button.gif') no-repeat 0px 3px;
}
#left .fast-search table .scol3 a {
    display:block;
    padding:3px 7px 3px 7px;
    color:#FFF;
    text-decoration:none;
}
#left .search-input {
    border:1px solid #B5E8B4;
    padding:2px;
    margin:0px;
    /*width:98px;*/
    width:160px;
}
#left .search-button {
    margin:1px 0px 0px 0px;
}

#left .addons {
    margin:0px;
    padding:0px;
    position:absolute;
    top:68px;
    left:15px;
    min-height:1px;
    _height:1px;
    background:url('../images/bg-addons.gif') no-repeat top left;
    list-style:none;
    width:34px;
}
#left .addons li a {
    display:block;
    width:34px;
    height:28px;
    _height:25px;
}
#left .addons li.home { background:url('../images/home.gif') no-repeat 11px 10px; }
#left .addons li.send { background:url('../images/send.gif') no-repeat 11px 10px; }
#left .addons li.print {
    background:url('../images/print.gif') no-repeat 10px 10px;
    height:34px;
}
#left .addons li a span { display:none; }


#right {
    width:680px;
    float:left;
    background:url('../images/bg-right-top.gif') no-repeat top left;
    min-height: 200px;
    _height: 200px;
}
#right .content {
    clear:both;
}
#right .sutaz {
    clear:both;
    padding:10px 0px 10px 10px;
}
#right .sutaz object {
    width:637px;
    height:102px;
}
#right .text {
    clear:both;
    padding:20px 50px 10px 15px;
}
#right .text h2 {
    margin:0px;
    padding:0px 0px 0px 0px;
    color:#02B007;
    font-size:1.6em;
    font-weight:normal;
}

#right .main {
    clear:both;
    padding:0px 40px 10px 15px;
}
#right .main h2 {
    margin:0px;
    padding:0px 0px 15px 0px;
    color:#02B007;
    font-size:1.6em;
    font-weight:normal;
}

#right .eshop {
    clear:both;
    padding:20px 40px 10px 15px;
}
#right .eshop h2 {
    margin:0px;
    padding:0px 0px 15px 0px;
    color:#02B007;
    font-size:1.6em;
    font-weight:normal;
}
#right .eshop h2 a { text-decoration:none; }
#right .eshop h2 a:hover { text-decoration:none; }

#login {
    background:url('../images/ico-user.gif') no-repeat 15px 8px;
    padding:15px 0px 0px 60px;
    min-height: 45px;
    _height: 45px;
}
#login .msg {
    padding:0px;
    margin:0px 0px 3px 0px;
    color:#EE1717;
    font-weight:bold;
}
#login form {
    float:left;
}
#login form .text {
    border:1px solid #C1C1C1;
    padding:2px 2px 2px 2px;
    width:75px;
}
#login form .button {
    border:none;
    background:url('../images/login-button.gif') no-repeat 0px 0px;
    margin:0px;
    padding:3px 7px 5px 7px;
    color:#FFF;
    cursor:pointer;
    text-align:left;
}

#login .user {
    float:left;
    padding:0px 15px 0px 10px;
}
#login .user span {
    display:block;
    font-size:1.6em;
}

#login ul {
    margin:0px;
    padding:5px 0px 0px 20px;
    list-style:none;
    float:left;
    width:auto;
    width:350px;
    _width:330px;
}
#login ul li {
    display:inline;
    border-left:1px solid #404040;
    padding:0px 3px 0px 3px;
}
#login ul li a { color:#404040; text-decoration:none; }
#login ul li a:hover { color:#000; text-decoration:underline; }

#login ul li.logout {
    border:none;
    font-weight:bold;
    background:url('../images/logout-button.gif') no-repeat top left;
    padding:4px 12px 8px 10px;
}
#login ul li.logout a { color:#FFF; }
#login ul li.logout a:hover { color:#FFF; }

#login ul li.newreg {
    border:none;
    font-weight:bold;
    background:url('../images/reg-button.gif') no-repeat top left;
    padding:4px 12px 8px 12px;
}
#login ul li.newreg a { color:#FFF; }
#login ul li.newreg a:hover { color:#FFF; }

#bottom {
    clear:both;
    width:977px;
    margin:0px auto;
    background:url('../images/bg-bottom.gif') no-repeat top left;
    min-height:130px;
    _height:130px;
}
#bottom div {
    float:left;
    background:url('../images/bottom-separator.gif') no-repeat right 25px;
    padding:40px 50px 40px 100px;
    text-align:center;
}
#bottom div a {
    color:#404040;
    text-decoration:none;
}
#bottom ul {
    float:left;
    margin:0px;
    padding:45px 0px 0px 40px;
    list-style:none;
}
#bottom ul li {
    display:inline;
    border-right:1px solid #404040;
    padding:0px 5px 0px 5px;
}
#bottom ul li.last { border:none; }
#bottom ul li a { color:#404040; text-decoration:none; }
#bottom ul li a:hover { color:#000; text-decoration:underline; }

.cleaner {
    clear:both;
    visibility:hidden;
    line-height:0.1em;
    font-size:0.1em;
    height:0.1em;
}

#alertOverlay {
    position:absolute;
    display:none;
    background:#FFF;
    filter:alpha(opacity = 90);
    -moz-opacity:0.9;
    opacity:0.9;
    top:0px;
    left:0px;
    z-index:10;
}
#alert {
    background:url('../images/logo-vip.gif') no-repeat center 20px #FFF;
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    z-index:10;
    width:400px;
    padding:120px 0px 20px 0px;
    text-align:center;
    border-top:6px solid #EC1313;
    border-left:6px solid #0E76E9;
    border-bottom:6px solid #5DC13C;
    border-right:6px solid #EF8E0D;
}
#alert h2 {
    color:#0E79F0;
    font-size:3em;
    font-weight:normal;
    padding:0px 0px 0px 0px;
    margin:0px;
}
#alert table {
    margin:15px auto;
}
#alert table td {
    width:130px;
    background:#0E79F0;
    padding:15px;
    font-size:1.3em;
    font-weight:bold;
}
#alert table td a { color:#FFF; text-decoration:none; }
#alert table td a:hover { color:#FFF; text-decoration:none; }
#alert label {
    cursor:pointer;
}