/* CSS Document */

body {
  font-family: Verdana, 'Courier CE', Courier, Tahoma, Arial, sans serif; font-size: 10px;
  padding: 0px; margin: 0px; color: #e0e0e0;
  background: #303030 url('../img/body-text.jpg') center top no-repeat fixed; _text-align: center;
  /*background: #303030 url('../img/body-bck.jpg') -72px top repeat-y; _text-align: center;*/
}
/*#pozadi-velky {
  position: absolute; left: -72px; top: 0px; z-index: 1; z-index: 0;
  width: 1454px; height: 756px; /*background: url('../img/body-text.jpg') no-repeat;
}*/
.no-border  { border-style: none; text-decoration: none; }
.clear  { clear: both; }
.red { color: red; }

#main {
  width: 750px; padding: 0px; margin: 0px auto 0px auto; text-align: left;
  position: relative; background: #000;
}

#banner {
  width: 750px; height: 330px; overflow: hidden; 
}
#banner h1 {
  width: 500px;
  font-size: 16px; margin: 20px 0px 0px 50px; padding: 10px 10px 10px 10px; background: #404040;
}
#banner a {
  color: #e0e0e0; text-decoration: none;
}
#banner h1 span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 2;
  width: 750px; height: 330px; background-image: url('../img/banner.jpg');
}
#menu ul {
  display: block; margin: 0px; padding: 0px 0px 0px 0px; 
}
#menu li  {
  list-style-type: none; display: inline;
}
#menu a {
  display: block; width: 155px; padding: 5px 5px 5px 10px; color: #e0e0e0; text-decoration: none; 
}
.on-menu1 { background: #FFC800; color: #000 !important; }
#menu a:hover { background: #FFC800; color: #000; }

#reminder {
  display: block; width: 170px; margin-top: 20px;
}
#reminder h2 { 
  margin: 0px; padding: 0px; color: #fff; width: 170px; height: 33px;
  overflow: hidden; position: relative;
}
#reminder h2 span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 170px; height: 33px; background: url('../img/reminder-h2.jpg') no-repeat;
}
#reminder p {
  width: 170px; border: 1px dotted #303030; margin: 0px; padding: 0px; 
}

#content {
  width: 750px; min-height: 400px; overflow: hidden; color: #e0e0e0; margin-bottom: 30px;
}
#content a { color: #303030; }
#content p {
  margin: 0px; padding: 0px;
}
#content a { color: #e0e0e0; }
#content a.black { color: #303030; }

/* --------------------------------- levy sloupec  --------------------------------- */

#left-col {
  width: 170px; padding: 20px 0px 10px 0px; float: left; min-height: 400px;
  margin: 0px 30px 0px 40px; _margin: 0px 30px 0px 20px; position: relative;
}
/*#left-col ul  {
  margin: 0px; padding: 0px;
}
#left-col li  {
  list-style-type: none; padding: 0px; margin: 0px; font-size: 0.9em;
}
#left-col ul a {
  display: block; padding: 3px 3px 3px 5px; 
  text-decoration: none; color: #303030;
}*/
.head-link  {
  background-color: #D3D3D3; font-weight: bold;
  margin: 0px 0px 1px 0px;
}
.normal-link  {
  background-color: #E1E1E1; 
    margin: 0px 0px 1px 15px;
}
.underline-header {
  margin: 6px 0px 0px 10px; padding: 0px 0px 5px 0px; border-bottom: 5px solid #000;
  font-size: 15px;
}
.absolute-h2  {
  position: absolute; left: 0px; top: 385px; =top: 382px; z-index: 5; width: 181px;
}

/*#left-col p {
  font-size: 0.8em; text-align: center; padding: 0px 5px 0px 10px; margin: 0px 0px 0px 10px; 
}*/
/* --------------------------------- pravy sloupec  --------------------------------- */
#right-col {
  float: left; padding: 20px 0px 10px 0px; width: 470px; min-height: 400px; text-align: left;
}
#right-col li {
  list-style-type: square; padding-top: 5px;
}
/*#right-col h3 {
  font-size: 14px;
}*/
#right-col a { color: #FFC800; }
.underline-header2 {
  margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom: 5px solid #000;
  /*font-size: 15px;*/
}
#right-col p {
  padding: 8px 0px 5px 0px;
}


/* novinky */

.datum-novinka {
  display: block; padding: 0px 3px 0px 3px; background: #FFC800; color: #303030; width: 70px; text-align: center;
}
h3.nadpis-novinka  {
  display: inline; margin: 0px !important; padding: 0px !important; font-size: 1px; 
}
.nadpis-novinka-span {
  padding: 0px 6px 0px 6px; font-size: 10px;/*padding: 3px;*/ background: #FFC800; color: #303030;
}
.oddelovac-novinka { border-bottom: 1px dotted #303030; }
.no-margin { margin: 0px 0px 3px 0px !important; padding: 0px !important; }

/* program */

.program-head {
  margin: 0px 0px 0px 0px; padding: 4px 4px 6px 4px !important; background: #262626; 
}
.datum-program, .nazev-program { font-size: 11px; color: #989898; font-weight: bold; }
.nazev-program {
  display: block; float: left; width: 400px;
}
.styl-program { font-size: 9px; color: #808080; display: block; text-align: right; padding-right: 4px; font-weight: normal; }
.headliner-program {
  color: #FFC700; font-size: 12px; display: block; margin: 13px 0px 11px 0px; padding: 0px; font-weight: normal;
}
.support-program {
  font-size: 10px; margin: 0px !important; padding: 0px 0px 11px 0px !important;
}
.oddelovac-program {
  margin: 0px !important; padding: 0px !important; height: 19px; clear: both;
}
.program-button {
  display: block; float: left; width: 70px; height: 13px; font-size: 9px; background: #333333;
  text-align: center; margin: 0px 2px 0px 0px !important; padding: 0px !important;
}
.program-button a { text-decoration: none; color: #B2B2B2 !important; }
/* --------------------------------- katalog produktu  --------------------------------- */

.underline-header3 {
  margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 5px solid #E1E1E1;
  font-size: 17px; width: 649px; =width: 648px; 
}
form, fieldset  {
  margin: 0px; padding: 0px; border-style: none; 
}
.detail-produktu  {
  display: block; float: left; width: 195px; overflow: hidden; height: 350px; padding: 10px !important; border: 1px solid #E1E1E1;
  border-width: 0px 1px 5px 0px; text-align: center;
}
.prvni-oddil  {
  border-width: 0px 1px 5px 1px; 
}
.head-nazev {
  display: block; clear: both; margin-top: 5px;
}
.nahled-oddil {
  display: block; float: left; width: 200px; height: 200px;  
}
.navi-lista {
  display: block; padding: 0px !important; width: 470; height: 20px; clear: both;
}
.navi-lista a { display: block; float: left; margin-right: 3px; padding: 2px 4px 2px 4px; text-decoration: none; }
.normal a {
  color: #e0e0e0 !important; text-decoration: none; background: #303030;
}
.lista-on a { color: #FFC800 !important; background: #606060; }
.text-lista {
  display: block; float: left; padding-top: 2px;
}

/* --------------------------------- katalog produktu - detail  --------------------------------- */

.nahled-oddil-velky {
  display: block; float: left; width: 320px; height: 300px; border: 1px solid #e1e1e1; text-align: center; margin-right: 13px; 
}
.info-velky {
  display: block; float: left; width: 290px; padding: 10px; height: 180px; border: 1px solid #E1E1E1; background-color: #F5F5F5;
}
.info-velky em, .info2-velky em  {
  color: #979797; font-weight: bold;
}
.info2-velky {
  display: block; float: left; width: 290px; padding: 10px; height: 68px; border: 1px solid #E1E1E1; background-color: #F5F5F5;
  margin-top: 10px; 
}
.button-kosik-katalog {
  display: block; float: right; position: relative; margin: 5px 0px 0px 0px; width: 138px; height: 22px;
}
.button-kosik-katalog input  {
  display: block; width: 138px; height: 22px; border-style: none; background-color: transparent;
  background-image: url('../img/button-kosik-katalog.jpg');
}
.zpet-katalog {
  display: block; float: right; position: relative; margin: 5px 0px 0px 0px; width: 138px; height: 21px;
}
.zpet-katalog span  {
  display: block; width: 138px; height: 22px; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 138px; height: 21px; background-image: url('../img/button-zpet-katalog.jpg');
}
.info-popis {
  width: 626px; 
  display: block; padding: 10px; border: 1px solid #E1E1E1; background-color: #F5F5F5;
  margin-top: 10px; 
}

/* --------------------------------- nakupni kosik  --------------------------------- */

.pokracovat-nakup {
  display: block; float: left; position: relative; width: 157px; height: 20px; overflow: hidden;
  margin-right: 5px;
}
.pokracovat-nakup span  {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 157px; height: 20px; background-image: url('../img/pokracovat-nakup.jpg');  
}
.prepocitej  {
  display: block; float: left; width: 157px; height: 20px; border-style: none; background-color: transparent;
  background-image: url('../img/button-prepocitat.jpg');
  margin-right: 5px;
}
.vymaz  {
  display: block; float: left; width: 157px; height: 20px; border-style: none; background-color: transparent;
  background-image: url('../img/button-vymaz.jpg');
  margin-right: 5px;
}
.zpet-predchozi  {
  display: block; float: left; width: 200px; height: 22px; border-style: none; background-color: transparent;
  background-image: url('../img/zpet-predchozi.jpg');
  margin-right: 45px;
}
.objednavka-final  {
  display: block; float: right; width: 200px; height: 22px; border-style: none; background-color: transparent;
  background-image: url('../img/objednavka-final.jpg');
  margin-right: 0px;
}
.pokracovat-obj1  {
  display: block; float: right; width: 150px; height: 22px; border-style: none; background-color: transparent;
  background-image: url('../img/k-pokladne.jpg'); margin-right: 2px;
}

.cell-kos1  {
  display: block; float: left; width: 190px; height: 52px; padding: 5px; background-color: #D4D4D4; color: #202020;
  border-right: 1px solid #e0e0e0; text-align: center; font-weight: bold; margin-top: 5px;
}
.cell-kos11  {
  display: block; float: left; width: 200px; height: 205px; background-color: #e0e0e0; color: #202020;
  border-right: 1px solid #D4D4D4; text-align: center; font-weight: bold;
}
.cell-kos2,.cell-kos3,.cell-kos4,.cell-kos5  {
  display: block; float: left; width: 80px; height: 52px; padding: 5px; background-color: #D4D4D4; color: #202020;
  border-right: 1px solid #e0e0e0;  text-align: center;  margin-top: 5px;
}
.cell-kos22,.cell-kos33,.cell-kos44,.cell-kos55  {
  display: block; float: left; width: 80px; height: 100px; padding: 90px 5px 5px 5px; background-color: #e0e0e0; color: #202020;
  border-right: 1px solid #D4D4D4;  text-align: center; 
}
.cell-kos6  {
  display: block; float: left; width: 72px; height: 52px; padding: 5px; background-color: #D4D4D4; color: #202020;
  border-right: 1px solid #e0e0e0;  text-align: center;  margin-top: 5px;
}
.cell-kos66  {
  display: block; float: left; width: 72px; height: 100px; padding: 90px 5px 5px 5px; background-color: #e0e0e0; color: #202020;
  border-right: 1px solid #D4D4D4;  text-align: center; 
}
.cell-kos7  {
  display: block; float: left; width: 454px; height: 18px; _height: 22px; padding: 12px 10px 10px 10px; background-color: #D4D4D4; color: #202020;
  border-right: 1px solid #e0e0e0;  margin-top: 15px;
}
.cell-kos77  {
  display: block; float: left; width: 150px; height: 18px; _height: 22px;  padding: 12px 10px 10px 10px; background-color: #D4D4D4; color: #202020;
  text-align: right; margin-top: 15px;
}
.cell-objednavka  {
  display: block; float: left; width: 150px; 
}
.objednavka-h3  {
  margin: 0px 0px 10px 0px !importnat; border-bottom: 3px solid #D4D4D4; padding-bottom: 5px;
}

/* --------------------------------- Naše tipy  --------------------------------- */

p.nase-tipy-obrazky {
  /*position: absolute; left: 300px; top: 50px; z-index; 5;
  width: 600px; height: 540px; overflow: hidden; font-size: 0.8em;*/
  position: relative;
}
p.nase-tipy-obrazky a {
  display: block; 
}
p.nase-tipy-obrazky img {
  border-style: none; 
}
/*p.navigace-tipy {
  position: absolute; right: 0px; top: 39px; z-index; 5;
  width: 615px; height: 30px; overflow: hidden; font-size: 0.8em; padding: 5px !important;
}*/
.tipy-left  {
  display: block; float: left; width: 100px; height: 23px; padding: 11px 0px 0px 45px; 
  color: #e0e0e0 !important; text-decoration: none; position: relative;
}
.tipy-right  {
  display: block; float: right; width: 100px; height: 23px; padding: 11px 45px 0px 0px; 
  color: #e0e0e0 !important; text-decoration: none; text-align: right; 
   position: relative;
}
.sipka-vlevo  {
  position: absolute; left: 0px; bottom: 0px; overflow: hidden; z-index: 7;
  width: 35px; height: 27px; background-image: url('../img/sipka-vlevo.jpg');
}
.sipka-vpravo  {
  position: absolute; right: 0px; bottom: 0px; overflow: hidden; z-index: 7;
  width: 35px; height: 27px; background-image: url('../img/sipka-vpravo.jpg');
}

/* --------------------------------- patka  --------------------------------- */

#footer {
  clear: both; padding: 5px 0px 0px 0px;
  width: 750px; height: 5px; /*background: #000 url('../img/footer.jpg') no-repeat 0px 80px;*/
}
.menu3 {
  margin: 0px 20px 0px 10px; padding: 0px; font-size: 10px; color: #707070; text-align: right;  
}
.menu3 li {
  display: inline; list-style-type: none;
}
.menu3 a {
  text-decoration: none; color: #707070; display: block; float: right; width: 157px; height: 80px;
  position: relative;
}
.button-fashion span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 157px; height: 80px; background-image: url('../img/button-fashion-planet.jpg');
}
.button-tipy span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 157px; height: 80px; background-image: url('../img/button-nase-tipy.jpg');
}
.button-novinky span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 157px; height: 80px; background-image: url('../img/button-novinky.jpg');
}
.button-akce span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 157px; height: 80px; background-image: url('../img/button-akce.jpg');
}

/* modni akce */ 

.seznam-fotogalerie img {
  border: 5px solid #E1E1E1;
}
.obrazek-fotogalerie {
  width: 318px; height: 260px; display: block; margin: 0px 0px 15px 0px;
}
.obrazek-fotogalerie img {
  border: 5px solid #E1E1E1;
}
.obr-vlevo  {float: left; margin-right: 10px; text-align: right; }
.obr-vpravo  {float: left; text-align: left; } 

/* fotogalerie */

p.galerie img.normal-img {
  border-style: none; display: block; float: left; margin: 0px 2px 2px 0px;
}
p.galerie img.last-img {
  border-style: none; display: block; margin: 0px 2px 2px 0px;
}