body {background: #fff url('/images/bg-body.png') 0 0 repeat-x; text-align: center; color:#0B0B0B;}

/* LAYOUT */
#mother {margin: 0 auto; width: 950px; text-align: left;}
#header {background: url('/images/bg-header.jpg') 0 0 repeat-x; height: 190px; padding: 1px 0 0;}
#main {border: 1px solid #EFEFEF; border-width: 0 1px; background: url('/images/bg-main.png') 224px 0 repeat-y;}

#col-content {float: right; display: inline; width: 680px; margin: 0 25px 0 0;}
#col-side {float: left; display: inline; width: 224px;}

/* LOGO BOX */
#logo-box {float: left; display: inline; padding: 35px 0 0 223px; color: #fff;}
#logo-box img {display: block;}
#logo-box .claim {margin: 2px 0 0 8px; font-size: 91.6%;  }

#header #topmenu { }
#topmenu {  }
#topmenu a { display: block; width: 60px; text-align: center; vertical-align: middle; line-height: 13px; text-decoration: none; font-size: 11px; font-weight: bold; color: #fff; }
#topmenu a:hover { color: #444; }
#topmenu a.menu1 { position: absolute; margin: 5px 0 0 331px; padding-top: 23px; height: 37px; }
#topmenu a.menu2 { position: absolute; margin: 5px 0 0 432px; padding-top: 17px; height: 43px; }
#topmenu a.menu3 { position: absolute; margin: 5px 0 0 533px; padding-top: 23px; height: 37px; }
#topmenu a.menu4 { position: absolute; margin: 5px 0 0 636px; padding-top: 23px; height: 37px; }

/* LOGIN BOX */
#login-box {float: right; display: inline; margin: 15px 25px 0 0;} 
#login-box h2 {border-left: 2px solid #FFF000; font-size: 91.6%; text-transform: uppercase; color: #fff; font-weight: bold; margin: 0 0 10px; padding: 0 0 0 3px;}
#login-box #login {width: 156px; background: url('/images/bg-login-int.png') 0 0 no-repeat; padding: 3px 4px 3px; border: none; margin: 0 0 6px;}
#login-box #pswd {width: 132px; background: url('/images/bg-login-pswd.png') 0 0 no-repeat; padding: 3px 4px 3px; border: none; margin: 0 0 6px;}
#login-box input {vertical-align: top;}
#login-box .reset2 { position: absolute; margin-top: -5px; color: #fff; }
#login-box .reset2 a { color: #fff; }

/* MAIN MENU */
#basket h2, #main-menu h2, #newsletters h2 {background: #5C9A00 url('/images/bg-side-h2.png') 0 0 no-repeat; line-height: 31px; font-size: 100%; font-weight: bold; color: #fff; padding: 0 0 0 30px; margin: 0; border: 1px solid #fff; border-width: 0 0 1px; zoom: 1;}
#main-menu {background: #F9F9F9;}
#main-menu .reset {padding: 10px 7px 20px;}
#main-menu .reset li {border-top: 1px solid #E5E5E5; font-size: 91.6%;}
#main-menu .reset li:first-child {border: none;}
#main-menu .reset li a {font-weight: bold; color: #0B0B0B; text-decoration: none; display: block; padding: 6px 5px 6px 20px; background: url('/images/bg-main-menu-a.png') 5px 0.95em no-repeat;}
#main-menu .reset li a:hover, #main-menu .reset li.active a {background: #e7f3b5 url('/images/bg-main-menu-a-active.png') 5px 0.95em no-repeat;}
#main-menu .reset .reset {padding: 0 0 10px 20px;}
#main-menu .reset .reset li {border: none; font-size: 100%;}
#main-menu .reset .reset li a {font-weight: normal; padding: 1px 5px 1px 12px; background: url('/images/bg-main-menu-a-a.png') 0px 0.6em no-repeat;}
#main-menu .reset .reset li a:hover, #main-menu .reset .reset li.active a {text-decoration: underline;}

#newsletters p {padding: 0 0 0 10px;}
#newsletters h2 {margin-top:15px; margin-bottom:15px;}

/* RYCHLA NAVIGACE */
#quick-navi { font-size: 11px; padding: 0; margin: 0px 0px 10px 0px; color: #666; }
#quick-navi a { color: #666; }


/* BANNERS */
.banner {background: url('/images/bg-banner.jpg') 0 0 no-repeat; margin: 0 0 20px;}
.banner p {margin: 0; text-align: right; line-height: 20px;}
.banner p a {display: block; height: 67px; padding: 55px 40px 0 0; text-decoration: none;}
.banner p a span {font-size: 125%; color: #73a1c9; font-weight: bold; display: block;}
.banner p a strong {font-size: 225.6%; color: #4c6b86;}

.small-banners {float: right; display: inline; margin: 0 0 0 25px;}
.small-banners img {display: block; margin: 0 0 5px;}

/* BASKET */
#basket {background: #F9F9F9; padding: 0 0 1px; }
#basket .spc {margin: 20px 15px 25px; border: 1px dotted #C9C9C9; padding: 10px 15px; }
#basket .spc p {font-size: 91.6%; }
#basket .spc h3 {margin: -18px 0 5px -5px; background: #F9F9F9 url('/images/ico-basket.png') 5px 0 no-repeat; padding: 1px 5px 1px 27px; float: left; display: inline;}

/* HELPDESK */
.helpdesk {background: #cae334 url('/images/bg-helpdesk.png') 0 0 repeat-x; border: 1px solid #dee297;}
.helpdesk h2 {margin: 5px 10px; color: #333; font-weight: bold; font-size: 125%;}
.helpdesk .spc {margin: 10px 15px 5px 75px; position: relative; min-height: 70px;}
.helpdesk .spc img {float: left; display: inline; margin: 0 0 0 -65px; border: 1px solid #666666; position: relative;}
.helpdesk .spc p {overflow: hidden; margin: 0 0 2px; font-size: 91.6%; }
.helpdesk .spc .ico-men .l {padding: 1px 0 1px 20px; background: url('/images/ico-tel.png') 0 0.3em no-repeat;}
.helpdesk .spc .ico-email .l {padding: 1px 0 1px 20px; background: url('/images/ico-msg.png') 0 0.3em no-repeat;}
.helpdesk .spc .ico-icq .l {padding: 1px 0 1px 20px; background: url('/images/ico-icq.png') 0 0.3em no-repeat;}

/* NEWS LIST */
.news-list h2 {font-size: 108.4%; font-weight: bold; margin: 20px 0 10px;}
.news-list .reset li {border: 1px solid #e3e7eb; margin: 0 0 12px; padding: 12px 15px 20px 175px; text-align: justify; position: relative;}
.news-list .reset li h3 {font-size: 116.6%; margin: 0 0 2px;}
.news-list .reset li h3 a {color: #0B0B0B;}
.news-list .reset li h3 a:hover {color: #F11903;}
.news-list .reset li p {margin: 0;}
.news-list .reset li img { margin: 0; padding: 0;}
.news-list .reset li div { position: absolute; left: 25px; top: 10px; width: 140px; text-align: center; height: 110px; overflow: hidden; }

/* MAIN FOOTER */
#main-footer {background: #EFEEEE; padding: 15px 0 13px; margin: 20px 0 10px;font-size: 91.6%;}
#main-footer a {color: #0B0B0B; margin: 0 3px;  }
#main-footer a:hover {color: #F11903;}

/* FOOTER */
#footer a, #footer {color: #999999; font-size: 11px;} 
#footer a:hover {color: #F11903;}