body {

  margin: 40px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  background-image: url(imgs/bcg.gif);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #ececec;
}

.obsah {  



} 

.menu, .obsah, .kosik {

  float: none;
  width: 922px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-family:  "Arial", "Helvetica", sans-serif;
  
}

.obsah {

  #position: relative;
  #top: -14px;
  _left: 2px;    
  
}

.obsah .pata {
  
  background-image: url(imgs/pata.jpg);
  height: 47px;
  font-family:  "Verdana", "Helvetica", sans-serif;
  color: white;
  font-size: 11px;
  text-align: center;
  line-height: 40px;
  

}

.obsah .pata a {

  color: white;

}

.obsah .hlavni-obsah {
  
  border-top: 29px solid #99cc33;
  margin: 0px;

}

.obsah .hlavni-obsah {
  
  color: #010101;
  font-family:  "Verdana", "Helvetica", sans-serif;
  font-size: 13px;  
  padding-bottom: 50px;
  
}

.obsah .hlavni-obsah h1 {
  
  margin-top: 0px;
  padding-top: 20px;
  font-size: 20px;
  
}

.obsah .hlavni-obsah h2 {
  
  font-size: 15px;
  
}



.cistic {
  
   clear: both;
   height: 1px;
   border: none;
   margin: -1px 0 0 0;
   visibility: hidden;

}


/* KOŠÍK */

.kosik {
  
  font-family: "Verdana", "Arial CE", sans-serif;
  font-size: 11px;
  color: #afafaf;
  text-align: right;
  background-image: url(images/kosik-hlavicka.gif);
  background-repeat: no-repeat;
  background-position: 906px 2px;
  height: 15px;

  
}

.kosik span {
  
  display: block;
  margin-right: 22px;

}

.kosik a {
  
  color: #fe3838;
  
}

/* LOGO + MENU */

.menu {
  
   height: 69;

}

.menu .logo {
  
  display: block;
  float: left;
  width: 409px;
  height: 69px;
  position: relative;
  top: -15px;

}

.menu .stranky {
  
  display: block;
  float: left;
  width: 513px;
  height: 69;
  
}

.menu .stranky a {
  
  display: block;
  width: 100px;
  height: 40px;
  float: left;
  text-indent: 100%;
  line-height: 100;
  overflow: hidden;
  margin-left: 2px;
  position: relative;
  top: 31px;
  left: 3px;
  background-position: 100px 0px;

}

.menu .stranky a:hover, .menu .stranky a.vybrano {

  background-position: 0px 0px;
  
}

.menu .stranky a#uvod {
  
  background-image: url(imgs/zalozka_uvod.jpg);
  
}

.menu .stranky a#galerie {
  
  background-image: url(imgs/zalozka_galerie.jpg);
  
}

.menu .stranky a#onas {
  
  background-image: url(imgs/zalozka_onas.jpg);
  
}

.menu .stranky a#podminky {
  
  background-image: url(imgs/zalozka_podminky.jpg);
  
}

.menu .stranky a#kontakty {
  
  background-image: url(imgs/zalozka_kontakty.jpg);
  
}

/* OBECNÁ STRÁNKA */

.obsah .obecna-stranka {
  
  background-image: url(imgs/pozadi_text.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px 40px 0px 40px;
  min-height: 200px;
  _height: 200px;

}

/* ÚVOD */

.obsah .kolaz {

  border: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  top: -8px;
  top /*\**/: -22px\9;
  #top: -22px;  
  
}

.obsah .kolaz img {
  
  border: 0px;
  
}

.slide-galerie {
  
  margin-top: 15px;

}

.slide-galerie .prev, .slide-galerie .next, .slide-galerie .nahledy {
  
  float: left;  

}

.slide-galerie .nahledy a img {
  
  border: 0px;

}

.slide-galerie .prev {
  
  background-image: url(imgs/nahledy_vlevo.jpg);
  width: 91px;
  height: 202px;
  border: 0px;
  text-indent: 100%;
  _text-indent: 0%;
  line-height: 100;
  overflow: hidden;
  cursor: hand;
  
  
}

.slide-galerie .next {
  
  background-image: url(imgs/nahledy_vpravo.jpg);
  width: 91px;
  height: 202px;
  border: 0px;
  text-indent: 100%;
  _text-indent: 0%;
  line-height: 100;
  overflow: hidden;
  cursor: hand;
  
}

.slide-galerie .nahledy {
  
  background-image: url(imgs/nahledy_pozadi.jpg);
  width: 740px;
  height: 202px;
  padding: 0px 57px 0px 57px;
  
}

.slide-galerie .nahledy li {
  
  margin: 46px 8px 46px 8px;
  text-align: center;
  width: 109px;
  _position: relative;
  _left: -5px;
  
}

.novinka {
  
  margin-top: 55px;

}

.novinka .leva { 
  
  float: left;
  width: 91px;

}

.novinka .prava {
  
  float: left;
  width: 831px;

}

.novinka .leva .datum {
  
  background-image: url(imgs/ikona.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 30px;
  text-align: right;
  padding-left: 25px;
  font-weight: bold;
  padding-top: 3px;

}

.novinka .prava strong, .novinka .prava a, .novinka .prava p {
  
  padding-left: 30px;
  
}

.novinka .prava p {
  
  height: 65px;
  margin-top: 0px;	
  
}

.novinka .prava strong {
  
  display: block;
  padding-top: 3px;
  height: 30px;
  
}

.novinka .prava a {
  background-image: url(imgs/sipka.gif);
  background-repeat: no-repeat;
  background-position: 10px 6px;
  color: black;
}

/* PRODUKT */


.produkt {
  
  width: 292px;
  height: 162px;
  float: left;
  background-color: white;
  margin-right: 22px;
  margin-bottom: 22px;
  
}

.last {
  
  margin-right: 0px;

}

.produkt .obrazek {
  
  width: 162px;
  margin: 0px;
  padding: 0px;
  float:left;

}

.produkt .obrazek img {
  
  margin: 10px;

}

.produkt .text {
  
  width: 130px;
  margin: 10px 0px 10px 0px;
  float: left;
  overflow: hidden;
  color: #343434;
  font-family: "Verdana", "Helvetica", sans-serif;
  font-size: 11px;
}

.produkt .text .popis {
  
  height: 104px;
  overflow: hidden;  
  
}

.produkt .text .nazev {
  
  color: #343434;
  font-size: 13px;
  font-weight: bold; 
  display: block;
  margin-bottom: 5px; 
  
}

.produkt .text .cena {
  
  font-weight: bold;
  margin-top: 5px;
  height: 13px;
  margin-bottom: 6px;

}

.produkt .text .koupit {
  
  display: block;
  height: 14px;
  margin-right: 10px;
  background-image: url(imgs/kosik-koupit.gif);
  background-repeat: no-repeat;  
  background-position: 40px 0px;
  overflow: hidden;
  color: black;
  font-size: 11px;
  text-decoration: none;
}

.strankovani {
  
  padding: 25px 0px 25px 0px;
  width: 899px;
  clear: both;
  text-align: right; 
  font-family: "Verdana", "Helvetica", sans-serif; 
  font-size: 15px;
  color: #999999;
  
}

.strankovani a {
  
  color: #999999;
  text-decoration: none;
    
}

.strankovani .posun {
  
  color: #000000;
  font-weight: bold;
  
}

.strankovani a.vybrano {
  
  color: #000000;
  font-weight: bold;

}

.strankovani a.podtrzeno {
  
  text-decoration: underline;

}

.vyhledavani {
  
  margin: 0px;
  padding: 0px;
  background-image: url(imgs/galerie_pozadi.gif);
  background-position: center bottom;
  background-repeat: repeat-x;
  height: 167px;
  background-color: #99cc33;
  text-align: center;
  _position: relative;
  _left: -2px;

}

.vyhledavani .pole {
  
  width: 900px;
  height: 75px;
  margin-left: 10px;
  background-color: #336600;
}

.vyhledavani select {
  
  width: 290px;
  height: 30px;
  font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
  color: black;
  margin-left: 30px;
  font-size: 16px;
  border: 0px; 
  font-weight: bold;
  padding-left: 10px;
  padding-top: 1px;
  position:relative;
  top: 15px;
  top /*\**/: 8px\9 

}


.vyhledavani input {
  
  background-image: url(imgs/vyhledat.jpg);
  margin-left: 18px;
  height: 38px;
  width: 190px;
  text-indent: 1000%;
  line-height: 100;
  overflow: hidden;
  border: 0px;
  position:relative;
  top: 19px;
  
}

@media all and (min-width: 0px){
   .vyhledavani select { top: 22px; }
   .obsah .kolaz { top: -8px; }
}

/* DETAIL */


.detail {
  
  margin-top:  25px;

}

.detail .obrazek {
  
  width: 397px;
  float: left;

}

.detail .popis {
  
  width: 400px;
  float: left;
  padding-left: 40px;  
  font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;  
  
}

.detail .popis h1 {
  
  margin: 0px 0px 20px 0px;
  padding: 0px;
  font-size: 22px;

}

.detail .popis .nakoupit {
  
  margin-top: 20px;

}

.detail .popis .nakoupit .cena {
  
  font-weight: bold;
  float: left;
  width: 200px;
  margin-top: 20px;
  font-size: 18px;

}

.pridat-do-kosiku {
  
  display: block;
  background-image: url(imgs/pridatdokosiku.jpg);
  width: 251px;
  height: 72px;
  margin: 100px 0px 0px 180px;
  padding: 0px;
  color: black;
  font-weight: bold;
  font-size: 16px;
  line-height: 65px;
  text-indent: 20px;
  
}

.zpet-na-vyber {
  
  display: block;
  background-image: url(imgs/zpetnavyber.jpg);
  width: 125px;
  height: 34px;
  color: white;
  line-height: 28px;
  text-indent: 10px;
}

.detail-stranka {
  
  position: relative;
  top: 25px;

}

/* KOSIK */


.objednavka {
  
  width: 90%;
  table-layout: fixed;

}

.objednavka thead th {

  text-align: left;
  font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  border-bottom: 4px solid #cccccc;
  padding: 14px;
 
}

.objednavka tbody td {

  font-size: 16px;  
  overflow: hidden;
  padding: 14px;

}

.objednavka tbody td a {
  
  color: #CC3300;
  
}

.objednavka tbody td.celkem-nadpis, .objednavka tbody td.celkem-cena {
  
  font-weight: bold;
  font-size: 16px;
  
}

.separator {

  text-indent: 100%;
  line-height: 100;
  overflow: hidden;
  width: 90%;
  height: 4px;
  background-color: #cccccc;
  margin: 30px 0px 20px 0px;
  
}

.skupina {
  
  padding-left: 14px;
  
}

.skupina h2 {
  font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  
}

.skupina .fakturacni-udaje {
  
  font-weight: normal;
  font-size: 14px;

}

.skupina .volba {
  
  margin: 15px 0px 5px 0px;
  font-size: 16px;
  font-weight: bold;
  

}

.skupina .popis {

  color: #333333;
  font-size: 14px;
  width: 90%;
  margin: 5px 0px 5px 0px;
  
}

.skupina .pole input {
  
  height: 20px;
  width: 240px;
  border: 1px solid black;
  margin-right: 50px;
  
}

.skupina .pole textarea {
  
  border: 1px solid black;
  width: 500px;
  height: 180px;  
  
}

.skupina .pole {
  
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  
}

.skupina .pole .dodatecne {
  
  color: #999999;

}

.objednat {


}

.ostatni .pole {
  
  float: left;
  margin-right: 20px;
}

.ostatni .volba {

  float: left;  
  width: 270px;
  font-weight: normal;
  font-size: 14px;

}

#kosik.nadpis {
  
  padding-top: 40px;
  
}

#kosik.nadpis a {

  display: block;
  background-image: url(imgs/zpetnavyber.jpg);
  width: 125px;
  height: 34px;
  color: white;
  line-height: 28px;
  text-indent: 10px;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  top: -30px;
  left: 730px;
  
}

#ostatni-nadpis {
  
  margin-bottom: 20px;

}

.objednat {

  
  margin: 25px 0px 25px 550px;
  display: block;
  background-image: url(imgs/pridatdokosiku.jpg);
  width: 251px;
  height: 72px;
  padding: 0px;
  color: black;
  font-size: 20px;
  line-height: 65px;
  text-indent: 40px;
  border: 0px;
  text-align: left;
  text-indent: 20px;
  text-decoration: underline;
  padding-bottom: 10px;


}