/* CSS Document */

body {
  font-family: 'Arial CE', Arial, Tahoma, sans serif; font-size: 1em;
  padding: 0px; margin: 0px; color: #fff;
  background: #030303 url('../img/body.jpg'); 
}

.no-border  { border-style: none; text-decoration: none; }
.clear  { clear: both; }
.red { color: red; }
.bluelink { color: #206288; text-decoration: none; }
.bluecolor { color: #206288; }
#main {
  width: 900px; padding: 0px; margin: 0px auto 0px auto;
  position: relative; background: #000 url('../img/main-bck.jpg') repeat-y;  
}

/* ------------------------------------------------- HORNI BANNER A MENU -------------------------------------------------------------- */
#banner {
  width: 900px; height: 236px; overflow: hidden; background-color: #c0c0c0; 
}
#banner h1 {
  font-size: 1.5em; margin: 0px; padding: 100px 0px 0px 0px; color: #333; text-align: center;
}
#banner a {
  color: #fff; text-decoration: none;
}
#banner h1 span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 2;
  width: 900px; height: 236px; background-image: url('../img/banner.jpg');
}
/* ------------------------------------------------- REKLAMNI BANNERY -------------------------------------------------------------- */
#reklama-vlevo {
  position: absolute; top: 150px; z-index: 10; left: -100px; text-align: right; font-size: 11px; 
}
#reklama-vlevo img,#reklama-vlevo a { text-decoration: none; border-style: none; color: #fff; }
#reklama-vpravo {
  position: absolute; top: 150px; z-index: 10; right: -100px; text-align: left; font-size: 11px; 
}
#reklama-vpravo img,#reklama-vpravo a { text-decoration: none; border-style: none; color: #fff; }

/* ------------------------------------------------- MENU -------------------------------------------------------------- */
#menu {
  font-size: 0.8em; margin: 0px 0px 0px 35px;  padding: 0px; background: #000; 
  height: 30px; width: 567px; float: left;
}
#menu a {
  font-size: 15px; font-weight: bolder; color: #fff; text-decoration: none;
  display: block; float: left; padding: 7px 15px 5px 11px; background: url('../img/oddelovac-menu.jpg') right center no-repeat;
}
#menu a.last-link { background: none; }
#menu a.no-border-right { border-style: none; }
#menu a:hover { color: #ECBE07; }
#menu ul { margin: 0px; padding: 0px; }
#menu li { list-style-type: none; display: inline; }
/* ------------------------------------------------- MENU - NAKUPNI KOSIK -------------------------------------------------------------- */
#menu2 {
  font-size: 0.8em; margin: 0px;  padding: 0px; background: #000; border-right: 1px solid #888;
  height: 30px; width: 265px; float: left;
}
#menu2 a span {
  display: block; padding: 1px; background: #D6D6D8; margin: 0px 0px 0px 13px; height: 15px; text-align: center; 
}
#menu2 a {
  font-size: 12px; font-weight: bolder; color: #000; text-decoration: none;
  display: block; float: right; width: 115px; padding: 7px 11px 5px 11px; background: url('../img/nakupni-kosik.jpg') 0px 8px no-repeat;
}
#menu2 strong { font-size: 15px; padding-top: 7px; display: block; float: left; }
#menu2 a.last-link { background: none; }
#menu2 a.no-border-right { border-style: none; }
#menu2 ul { margin: 0px; padding: 0px; }
#menu2 li { list-style-type: none; display: inline; }
/* ------------------------------------------------- RYCHLA NAVIGACE -------------------------------------------------------------- */
#navigace {
  clear: both; margin: 0px 32px 0px 35px;  height: 30px;
  font-size: 0.8em; padding: 0px; background: #6E6D72 url('../img/rychla-navigace.jpg') no-repeat; 
  border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #666; 
}
#navigace fieldset { border-style: none; margin: 0px; padding: 0px; }
#navigace form { margin: 0px; padding: 0px; float: right; width: 265px; text-align: left;}
#navigace p { margin: 0px; padding: 6px 0px 0px 0px; }
#navigace form strong { padding-top: 1px; font-size: 15px; display: block; float: left; width: 128px; }
input.search-button {
  display: block; float: left; margin-right: 4px;
}
input.search-input {
  display: block; float: left; 
  background: #D6D6D8; height: 15px; width: 102px; text-align: center; border-style: none;  
}
/* ------------------------------------------------- MENU KATALOGU -------------------------------------------------------------- */
#menu-katalog {
  font-size: 0.8em; margin: 0px 32px 0px 35px;  padding: 0px; clear: both; width: 832px;
  background: #6E6E70 url('../img/menu-katalog-bck.jpg'); border-right: 1px solid #666; 
}
#menu-katalog a {
  display: block; float: left; height: 16px; width: 207px; text-align: center;
  background: #6E6E70; font-size: 1.1em; color: #fff; text-decoration: none; padding: 5px 0px 5px 0px;
  border-right: 1px solid #000; border-bottom: 1px solid #000; 
}
/*#menu-katalog a.no-border-right { border-style: none; }*/
#menu-katalog a:hover { background: #000; }
#menu-katalog a.head-link { background: #000; }
#menu-katalog ul { margin: 0px; padding: 0px; }
#menu-katalog li { list-style-type: none; display: inline; }

#menu-katalog a.novinky_menu { background: #F3AC30; color: #333; font-weight: bold; }
/* ------------------------------------------------- PODMENU KATALOGU -------------------------------------------------------------- */
#podmenu-katalog {
  font-size: 0.8em; margin: 0px 32px 0px 35px;  padding: 0px; clear: both; min-height: 100px;
  background: #BDBEC1 url('../img/podmenu-bck.jpg') right bottom no-repeat; position: relative;  
}
p.podmenu-obal { margin: 0px 0px 0px 206px; padding: 8px 0px 8px 0px; width: 432px; }
#podmenu-katalog a {
  display: block; float: left; width: 196px; text-align: right; height: 16px;
  font-size: 12px; font-weight: bold; color: #333; text-decoration: none; padding: 2px 12px 2px 2px; border-right: 1px solid #949599;   
}
#podmenu-katalog a.sudy-link { text-align: left; border-style: none; margin: 0px 0px 0px 10px; }

/* ------------------------------------------------- OBSAH WEBU -------------------------------------------------------------- */

#content {
  margin: 0px 32px 0px 35px; min-height: 700px; clear: both; 
}
#obsah {
  text-align: left; color: #363436;
}
#obsah p { font-size: 13px; padding: 10px 0px 0px 0px; }

/* ------------------------------------------------- KATALOG -------------------------------------------------------------- */

fieldset.katalog-fieldset { border-style: none; margin: 0px; padding: 0px; }
.katalog-fieldset form { border-style: none; margin: 0px; padding: 0px; }
#katalog-cell {
  padding-top: 8px;
}
#katalog-cell p { margin: 0px 0px 8px 0px; padding: 0px; }
#katalog-cell p.detail-produktu {
  padding: 0px; margin: 0px 8px 8px 0px; width: 202px; float: left; position: relative;
}
span.status-akce-prouzek  {
  display: block; position: absolute; right: 1px; top: 1px; z-index: 5;
  width: 200px; height: 200px;
  background: url('../img/akcni-prouzek.png') no-repeat right top;
}
#katalog-cell p.ctvrty-oddil {
  margin: 0px 0px 8px 0px; width: 202px; float: left;
}
.nahled-oddil {
  display: block; text-align: center; width: 200px; height: 200px; border: 1px solid #999; 

}
.nahled-oddil span { display: block; padding-top: 95px; }
.head-nazev {
  display: block; background: #000; text-align: left; font-size: 11px; padding: 5px; color: #fff; min-height: 70px;
}
.head-nazev strong { color: #E2B721; }
.head-cena {
  display: block; background: #58585A; text-align: left; font-size: 11px; height: 25px; padding: 0px; color: #fff;
  clear: both; position: relative;
}
.head-cena strong {
  font-size: 13px; color: #E2B721; display: block; float: left; padding: 4px; width: 130px;
}
.button-koupit { 
  display: block; float: left; border-style: none; background: none; font-size: 11px; color: #fff; width: 35px; height: 25px; overflow: hidden;    
}
.button-detail { 
  display: block; float: left; text-decoration: none; font-size: 11px; color: #fff; width: 25px; height: 20px; overflow: hidden; padding-top: 5px;
  position: relative; 
}
.button-detail span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5; width: 25px; height: 25px; background: url('../img/button-detail.jpg');
}

#katalog-cell p.navi-lista {
  clear: both; background: #BDBEC1; color: #333; padding: 5px; margin: 0px 0px 8px 0px; height: 16px; 
}
p.navi-lista strong { display: block; float: left; }
p.navi-lista a { color: #333; text-decoration: none; font-size: 12px; display: block; float: left; padding: 1px 3px 1px 3px; margin-left: 3px;}
p.navi-lista span.lista-on a { background: #333; color: #fff; }

/* ------------------------------------------------- KATALOG - DETAIL -------------------------------------------------------------- */

#obsah p.produkt-detail {
  margin: 8px 0px 0px 0px; padding: 0px; float: left; width: 408px; 
}
span.nahled-oddil-velky {
  display: block; border: 1px solid #BDBEC1; text-align: center; margin-bottom: 8px; min-height: 252px; 
}
span.nahled-oddil-velky span { display: block; padding-top: 110px;}
#obsah div.detail-produktu-velky {
  width: 425px; min-height: 254px; float: left; margin: 8px 0px 8px 0px; padding: 0px; background: #BDBEC1;
}
.obrazek-fotogalerie {
  display: block; float: left; margin: 0px 8px 8px 0px;  
}
#obsah span.obrazek-fotogalerie a { display: block; width: 200px; height: 200px;}
span.obrazek-fotogalerie img { border: 1px solid #BDBEC1; }
span.obr-vpravo { margin: 0px 0px 8px 0px; }
#obsah div.detail-produktu-velky p {
  padding: 5px 10px 5px 10px; font-size: 12px; color: #000;
}
#obsah div.detail-produktu-velky p.head-nazev-velky{
  margin: 0px; background: #000; padding: 5px 10px 5px 10px; color: #FBA61C; font-weight: bold;
}
#obsah div.detail-produktu-velky p.popis-produktu {
  margin: 0px; padding: 5px 10px 0px 10px; font-weight: bold;
}
#obsah div.detail-produktu-velky div.text-popisu p {
  margin: 0px; padding: 0px 10px 5px 10px;  
}
div.text-popisu table {
  margin: 0px; padding: 0px 10px 5px 7px; font-size: 12px; =margin-left: 8px;
}

.odsad1 { display: block; float: left; width: 202px; }
.parametr-cell { display: block; clear: both; padding: 5px 0px 15px 0px;}
.parametr-cell1 { display: block; float: left; width: 194px; padding: 2px; padding-left: 4px; }
.parametr-cell2 { display: block; float: left; width: 196px; padding: 2px; }
.sudy-parametr { background: #aaa; }

.cena-detail {
  display: block; width: 170px; height: 16px; float: left; color: #CFB256; font-size: 15px; padding: 7px; font-weight: lighter;
  background: #282327; text-align: center;
}
.button-kosik-katalog {
  display: block; width: 141px; height: 30px; float: right; color: #E2B721;  
}
/* ------------------------------------------------- NAKUPNI KOSIK -------------------------------------------------------------- */
fieldset.nakupnikosik, fieldset.nakupniaskosik form {
  margin: 0px; padding: 0px; border-style: none; clear: both; 
}
div.prehled-kosik-rel { position: relative; }
#obsah fieldset.nakupnikosik p { margin: 0px; padding: 8px 0px 3px 0px; }
#obsah fieldset.nakupnikosik p.prehled-kosik {
  background: #000; padding: 1px 0px 1px 0px; margin: 0px; min-height: 130px; =margin-bottom: 8px; 
}
.cell-kos1,.cell-kos2,.cell-kos3,.cell-kos4,.cell-kos5,.cell-kos6 {
  display: block; float: left; text-align: center; background: #fff; 
}
.cell-kos1 { width: 130px; } 
.cell-kos2 { width: 200px; } 
.cell-kos3 { width: 80px; }
.cell-kos4 { width: 80px; }
.cell-kos5 { width: 80px; }
.cell-kos6 { width: 80px; }

.cell-kos11,.cell-kos22,.cell-kos33,.cell-kos44,.cell-kos55,.cell-kos66 {
  display: block; float: left; text-align: center; background: #fff; height: 130px; padding-top: 8px; 
}
.cell-kos22,.cell-kos33,.cell-kos44,.cell-kos55,.cell-kos66 {
  background: #eee;
}
.cell-kos22 {
  height: 90px; padding-top: 48px; 
}
.cell-kos33,.cell-kos44,.cell-kos55,.cell-kos66 {
  height: 80px; padding-top: 58px; 
}
.cell-kos11 { width: 130px; } 
.cell-kos22 { width: 200px; } 
.cell-kos33 { width: 80px; }
.cell-kos44 { width: 80px; }
.cell-kos55 { width: 80px; }
.cell-kos66 { width: 80px; }

#obsah fieldset.nakupnikosik p.celkova-cena {
  position: absolute; right: 5px; bottom: 231px; =bottom: 245px; z-index: 5; width: 175px; color: #FBA61C; font-weight: bold; font-size: 12px;
  text-align: right; /*margin-top: -86px;*/ 
}
#obsah fieldset.nakupnikosik p.celkova-cena2 {
  position: absolute; right: 5px; bottom: 10px; =bottom: 15px; z-index: 5; width: 175px; color: #FBA61C; font-weight: bold; font-size: 12px; text-align: right;  
}
h3.objednavka-h3 {
  font-size: 15px;
}
.objednavka-cell1,.objednavka-cell2,.objednavka-cell3 {
  display: block; float: left; width: 265px; margin-right: 10px;
}
strong.cell-objednavka {
  display: block; float: left; width: 100px; padding-top: 4px; font-size: 12px;
}
.objednavka-cell1 input,.objednavka-cell2 input,.objednavka-cell3 input {
  display: block; width: 135px; font-size: 13px; 
}
#obsah fieldset.nakupnikosik p.lista-buttony {
  margin-top: 15px;
}
.pokracovat-nakup {
  display: block; float: left; width: 150px; text-align: center; color: #FBA61C; background: #000;
  text-decoration: none; font-size: 13px; padding: 5px; font-weight: bold; margin-right: 8px; 
}
.vymaz {
  display: block; float: left; width: 160px; text-align: center; color: #FBA61C; background: #000;
  border-style: none; font-size: 13px; padding: 4px; font-weight: bold; margin-right: 8px; 
}
.prepocitej {
  display: block; float: left; width: 160px; text-align: center; color: #FBA61C; background: #000;
  border-style: none; font-size: 13px; padding: 4px; font-weight: bold; margin-right: 8px; 
}
.pokracovat-obj1 {
  display: block; float: left; width: 160px; text-align: center; color: #FBA61C; background: #000;
  border-style: none; font-size: 13px; padding: 4px; font-weight: bold; margin-right: 8px; 
}
.zpet-predchozi {
  display: block; float: left; width: 250px; text-align: center; color: #FBA61C; background: #000;
  border-style: none; font-size: 13px; padding: 4px; font-weight: bold; margin-right: 8px; 
}
.objednavka-final {
  display: block; float: left; width: 200px; text-align: center; color: #FBA61C; background: #000;
  border-style: none; font-size: 13px; padding: 4px; font-weight: bold; margin-right: 8px; 
}
/* ------------------------------------------------- REGISTRACNI FORMULAR -------------------------------------------------------------- */
#registracni-formular {
  margin: 0px; padding: 0px; border-style: none; 
}

/* ------------------------------------------------- NEJPRODAVANEJSI -------------------------------------------------------------- */

#top-sell {
  clear: both; margin: 0px 0px 0px 0px; 
}
#top-sell h2 {
  margin: 0px; padding: 9px 0px 2px 0px; background: url('../img/topsell-bck.jpg') repeat-x;
  font-size: 13px; color: #000; text-align: center; height: 26px;
}
#top-sell p {
  color: #333; padding: 10px; margin: 0px; text-align: center; font-size: 11px; 
}
#top-sell a { color: #333; text-decoration: none; }
.nejprodavanejsi-cell {
  display: block; float: left; width: 100px; min-height: 180px; border-right: 1px solid #555; margin-right: 0px; text-align: center;
  overflow: hidden; 
}
#top-sell p span.nejprodavanejsi-posledni-cell { border-style: none; width: 101px; margin-right: 0px; text-align: center; }
.nejprodavanejsi-cell img { border-style: none; display: block; padding-bottom: 15px; margin: 0px auto 0px auto;}

/* ------------------------------------------------- PATICKA -------------------------------------------------------------- */

#footer {
  width: 900px; min-height: 24px; background: #333; clear: both; color: #000; font-size: 11px;
  text-align: center; background: #211D1E url('../img/footer.jpg') no-repeat;
}
#footer p {
  padding: 20px 10px 10px 10px; margin: 0px; color: #fff; font-size: 12px;
  border: 1px solid #322e2f; border-width: 0px 1px 0px 1px  
}
#footer a { color: #fff; }
/* ------------------------------------------------- NAVIGACNI LISTA -------------------------------------------------------------- */