html, body {background: url(img/bg.jpg) repeat-x #4D7C90; color: black; font-family: Verdana,Arial;}

#page {font: 11px Verdana,Arial; color: black; background: #fff; width: 960px;}

/* HEAD */
#head1              {width: 960px; height: 49px; color: #CF2B02; background: url(img/head1-bg.jpg) repeat-x;}
#head1 a, #footer a {font-weight: bold;}

#head2-original  { width: 524px; height: 119px; padding: 80px 30px 0 30px; background: url(img/head2.jpg) no-repeat; font-weight: bold; font-size: 200%; }
#head2-original a { color: #000; text-decoration: none; }
#head2-user { width: 584px; text-align: center; }
#head2-user img { max-width: 584px; width: expression(this.width > 584 ? 584: true); }
#head3  {width: 504px; height: 49px; background: url(img/head3.gif) no-repeat; line-height: 1.5em; padding: 0 0 0 40px; margin: 8px 0 0 0; float: left; }
h1      {font-size: 150%;}
#head3 a{color:#0075A7;}

.banner-right         {border: 1px solid #cacaca;}
.banner-right-footer  {background: url(img/banner-right-footer.jpg) repeat-x; width: 180px; height: 9px;}
.str {font-weight: bold;}

#nakupni-kosik{border: 1px solid #cacaca; width: 168px; background: url(img/kosik.gif) no-repeat; background-position: 130px 10px; height: 70px;}
h2{color: #0075A7}
#nakupni-kosik h2{font-size: 120%;}

.space{height: 4px;}

.cell{width: 25px;font-weight: bold;}
.cell2{width: 100px;}
#login, #pass, #name, #email, #loginForm input.text {border: 1px solid #cacaca; width: 104px;}
#msg{border: 1px solid #cacaca;}
.ok {background: url(img/prihlasit-bg.jpg) repeat-x; border: 1px solid #c83b00; height: 16px;color:#fff;font-size:80%;background-color:#da4000;}
.button { background: url(img/prihlasit-bg.jpg) 0% 0% repeat-x; border: 1px solid #c83b00; height: 21px;color:#fff;font-size:100%;background-color:#da4000; }

/* MENU */

/* Normalni stav - nastaveni velikosti + pozadi globalne pro vsechny polozky v menu */
#container-sortiment .menu-1, #container-sortiment .menu-1-act,
#container-sortiment .menu-2, #container-sortiment .menu-2-act,
#container-sortiment .menu-3, #container-sortiment .menu-3-act,
#container-sortiment .menu-4, #container-sortiment .menu-4-act,
#container-sortiment .menu-5, #container-sortiment .menu-5-act { padding: 4px 0 4px 0; width: 176px; min-height: 14px; _height: 14px; border: 1px solid #fff; border-bottom: none; }
#container-sortiment .menu-1, #container-sortiment .menu-1-act { background: url(img/menu1.gif) 0 0 no-repeat #319CCE; }
#container-sortiment .menu-2, #container-sortiment .menu-2-act { background: url(img/menu2.gif) 0 0 no-repeat #319CCE; }
#container-sortiment .menu-3, #container-sortiment .menu-3-act { background: url(img/menu3.gif) 0 0 no-repeat #319CCE; }
#container-sortiment .menu-4, #container-sortiment .menu-4-act { background: url(img/menu4.gif) 0 0 no-repeat #319CCE; }
#container-sortiment .menu-5, #container-sortiment .menu-5-act { background: url(img/menu5.gif) 0 0 no-repeat #319CCE; }

/* Normalni stav */
#container-sortiment .menu-1 a, #container-sortiment .menu-1-act a { padding: 0 10px 0 24px; }
#container-sortiment .menu-2 a, #container-sortiment .menu-2-act a { padding: 0 10px 0 29px; }
#container-sortiment .menu-3 a, #container-sortiment .menu-3-act a { padding: 0 10px 0 34px; }
#container-sortiment .menu-4 a, #container-sortiment .menu-4-act a { padding: 0 10px 0 39px; }
#container-sortiment .menu-5 a, #container-sortiment .menu-5-act a { padding: 0 10px 0 44px; }

/* Hover stav */
#container-sortiment .menu-1 a:hover, #container-sortiment .menu-1-act a,
#container-sortiment .menu-2 a:hover, #container-sortiment .menu-2-act a,
#container-sortiment .menu-3 a:hover, #container-sortiment .menu-3-act a,
#container-sortiment .menu-4 a:hover, #container-sortiment .menu-4-act a,
#container-sortiment .menu-5 a:hover, #container-sortiment .menu-5-act a { font-weight: bold; }

/* Aktivni stav */
#container-sortiment .menu-1-act a, #container-sortiment .menu-2-act a,
#container-sortiment .menu-3-act a, #container-sortiment .menu-4-act a,
#container-sortiment .menu-5-act a { color: #000; font-weight: bold; }

/* Prihlaseni uzivatele */
#loginForm input.text { position: relative; left: 4px; }
#loginForm td { padding-bottom: 3px; }
#loginForm .ok { margin: 0; height: 20px; font-size: 1.1em; float: right; position: relative; left: -13px; &left: -11px; &width: 40px; _left: -11px; _width: 40px; }

/* Zapomenute heslo */
#zapomenute-heslo { margin: 0; padding: 0; }
#zapomenute-heslo form { padding: 0 0 10px 15px; }
#zapomenute-heslo input.text { border: 1px solid #cacaca; width: 104px; }
#zapomenute-heslo .ok { font-size: 1.1em; height: 20px; margin: 0; position: relative; top: 2px; left: 3px; &top: 0px; &width: 32px; _top: 0px; _width: 32px; }

/* Zakaznicke centrum */
.zakaznicke-centrum { margin-top: 1px; }

/* Akce vpravo */
.akce .item { margin: 10px 0 10px 0; padding: 0 7px 0 7px; }
.akce .item p { margin: 0; padding: 0; }

/* Zpravy */
#container-news { margin-top: 5px; }

/* Nejnovejsi (vpravo) */
.nejnovejsipanel .item { clear: both; }
.nejnovejsipanel h4 { margin-top: 7px; margin-bottom: 4px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; }
.nejnovejsipanel img { width: 40px;  }
.nejnovejsipanel .img { margin-right: 5px; padding-left: 5px; float: left; width: 45px; }
.nejnovejsipanel .info { width: 101px; float: right; padding: 50px 4px 0 0; text-align: right; font-size: 90%; }
.nejnovejsipanel .more { display: block; margin: 10px 0 5px 0; font-weight: bold; text-align: center; }

/* Nejprodavanejsi (vpravo) */
.nejprodavanejsipanel .item { clear: both; }
.nejprodavanejsipanel h4 { margin-top: 7px; margin-bottom: 4px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; }
.nejprodavanejsipanel img { width: 40px; }
.nejprodavanejsipanel .img { float: left; margin-right: 0px; padding-left: 5px; float: left; width: 45px; }
.nejprodavanejsipanel .info { width: 113px; float: right; padding: 50px 4px 0 0; text-align: right; font-size: 90%; }
.nejprodavanejsipanel .more { display: block; margin: 10px 0 5px 0; font-weight: bold; text-align: center; }

/* Nejoblibenejsi (vpravo) */
.nejoblibenejsipanel .item { clear: both; }
.nejoblibenejsipanel h4 { margin-top: 7px; margin-bottom: 4px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; }
.nejoblibenejsipanel .img img { width: 40px;  }
.nejoblibenejsipanel .img { float: left; margin-right: 0px; padding-left: 5px; float: left; width: 45px; }
.nejoblibenejsipanel .info { width: 96px; float: right; padding: 47px 4px 0 0; text-align: right; }
.nejoblibenejsipanel .more { display: block; margin: 10px 0 5px 0; font-weight: bold; text-align: center; }

/* Nejdiskutovanejsi (vpravo) */
.nejdiskutovanejsipanel .item { clear: both; }
.nejdiskutovanejsipanel h4 { margin-top: 7px; margin-bottom: 4px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; }
.nejdiskutovanejsipanel img { width: 40px; }
.nejdiskutovanejsipanel .img { float: left; margin-right: 5px; padding-left: 5px; float: left; width: 45px; }
.nejdiskutovanejsipanel .info { width: 105px; float: right; padding: 50px 4px 0 0; text-align: right; font-size: 90%; }
.nejdiskutovanejsipanel .more { display: block; margin: 10px 0 5px 0; font-weight: bold; text-align: center; }

/* zbozi */
.pl {width: 180px;margin-right: 1px;}
.pc {width: 180px;}
.pr {width: 180px;}

#zbozi h2{font-size: 120%;}
#zbozi .ok{height: 20px; }
#zbozi form p{background-color: #f0f0f0; height: 40px;border-left: 4px solid white; border-right: 4px solid white}
/*.productline{background: url(img/productline.gif) no-repeat;height: 3px}*/
#zbozi .img{width: 100%;}
.desc{background: url(img/square.gif) no-repeat; background-position: 0px 4px;}
.info{font-weight: bold;}
.onstock{color: #82AA30;}
.pcs{border: 1px solid #cacaca; width: 24px;}

.informace-obr{width: 564px; background-color: #e5e5e5; height: 140px;}
.informace-obr p{ width: 340px;}

/* Nej- na hlavni strance */
.clear { clear: both !important; }

.nej-homepage {  }
.nej-homepage .item { width: 167px; margin: 3px 15px 15px 0; float: left; text-align: center; }
.nej-homepage .item h2 { font-size: 1.2em; }
.nej-homepage .item h2 a { text-decoration: underline; }
.nej-homepage .item h2 a:hover { text-decoration: none; }
.nej-homepage .item img { width: 90px; }
.nej-homepage .item .bigimg{ width: 60px;background: url(img/nedostupny_nahled.png) }
.nej-homepage .item .info { margin: 13px 0 13px 0; color: #82AA30; text-align: center; }
.nej-homepage .item .buy { background: #f0f0f0; width: 90%; font-size: 0.9em; padding: 5% 5% 5% 5%; height: 21px; text-align: left; }
.nej-homepage .item .buy input.pcs { width: 17px; border: 1px solid #cacaca; margin-right: 3px; }
.nej-homepage .item .buy form input.ok { margin: 0; font-size: 1.15em; height: 20px; cursor: pointer; cursor: hand; } 
.nej-homepage .item .buy p { float: left; }
.nej-homepage .item .buy a.ok { margin: 0; font-size: 1.1em; height: 14px; padding-top: 4px; display: block; width: 50px; text-align: center; float: right; }
.nej-homepage .item .buy a.ok:hover { color: #fff; }
.nej-homepage .clear { background: url(img/dot.gif) repeat-x; height: 3px; }


#footer{background: url(img/footer.jpg) repeat-x; height: 48px;}
#footerlast{font: 11px Verdana,Arial; color: #fff}
/* ODKAZY */

a {color: #CF2B02; text-decoration: none;}
a.blue {color: #0075A7}
a:hover, h3 a, h2 a{color: #319CCE;}
h2 {text-align:left;}