body, html { height: 100%; }
body { margin: 0; padding: 0; font-family: arial, helvetica, sans; font-size: 1em; text-align: center; background-color: white; color: black; }
hr { display: none; }
table { width: 100%; height: 100%; }
#kostra { width: 990px; height: 601px; margin-left: auto; margin-right: auto; z-index: -1;  }

#hlavicka { width: 100%; height: 118px; text-align: left; position: relative; }
  #kostra.modra #hlavicka { border-bottom: 4px solid #998345; background-color: #22225c; }
  #kostra.stribrna #hlavicka { border-bottom: 4px solid #999999; background-color: #999999; }
  #kostra.zlata #hlavicka { border-bottom: 4px solid #998345; background-color: #998345; }
  #kostra.vinova #hlavicka { border-bottom: 4px solid #998345; background-color: #998345; }
#kostra #hlavicka #pozadi { left: 143px; top: 0; width: 847px; height: 77px; background-position: top left; background-repeat: no-repeat; position: absolute; }
  #kostra.modra #hlavicka #pozadi { background-image: url(../images/pozadi_modra.gif)  }
  #kostra.stribrna #hlavicka #pozadi { background-image: url(../images/pozadi_stribrna.gif)  }
  #kostra.zlata #hlavicka #pozadi { background-image: url(../images/pozadi_zlata.gif)  }
  #kostra.vinova #hlavicka #pozadi { background-image: url(../images/pozadi_vinova.gif)  }
#hlavicka a { color: white; }
#hlavicka h1{ left: 0px; top: 0px; margin:0; padding:0; position:relative; width:140px; height:80px; font-size: 20px; overflow:hidden; }
#hlavicka h1 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 140px; height: 80px; margin: 0; padding: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
  #kostra.modra #hlavicka h1 span { background-image: url(../images/logo_modra.gif); }
  #kostra.stribrna #hlavicka h1 span { background-image: url(../images/logo_stribrna.gif); }
  #kostra.zlata #hlavicka h1 span { background-image: url(../images/logo_zlata.gif); }
  #kostra.vinova #hlavicka h1 span { background-image: url(../images/logo_vinova.gif); }
/* #hlavicka #logo { position: absolute; right: 0; top: 80px; width: 184px; height: 38px; color: white; background: url(../images/logo_gold-crystal.gif) no-repeat top left; } */
#hlavicka h2 { position:absolute; right: 0px; top: 80px; margin:0; padding:0; width:204px; height:38px; font-size: 15px; color: white; overflow:hidden; }
#hlavicka h2 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 204px; height: 38px; margin: 0; padding: 0; background-position: top left; background-repeat: no-repeat; }
  #kostra.modra #hlavicka h2 span { background-image: url(../images/logo_gold-crystal.gif); }
  #kostra.stribrna #hlavicka h2 span { background-image: url(../images/logo_gold-glass.gif); }
  #kostra.zlata #hlavicka h2 span { background-image: url(../images/logo_gold-lighting.gif); }
  #kostra.vinova #hlavicka h2 span { background-image: url(../images/logo_gold-exclusive.gif); }


ul#menu { position: absolute; left: 130px; top: 87px; font-size: 0.9em; font-weight: bold; margin: 0; padding: 0; margin: 0 0 0 5px; text-align: left;  z-index: 150; }
ul#menu li { width: auto; list-style-type: none; float: left; color: #998345; padding-bottom: 10px; position: relative; z-index: 15; }
ul#menu li a { width: auto; padding: 5px 12px 0 10px; margin: 0; text-decoration: none; display: block; z-index: 15; }
#kostra.modra #hlavicka ul#menu li a { color: #998345; z-index: 150; }
  #kostra.stribrna #hlavicka ul#menu li a { color: black; }
  #kostra.zlata #hlavicka ul#menu li a { color: black; }
  #kostra.vinova #hlavicka ul#menu li a { color: black; }
#kostra #hlavicka ul#menu li a:hover, #kostra.modra #hlavicka ul#menu li strong a, #kostra.stribrna #hlavicka ul#menu li strong a, #kostra.zlata #hlavicka ul#menu li strong a, #kostra.vinova #hlavicka ul#menu li strong a { color: white; }
/* ul#menu li ul { width: 150px; background-color: #22225c; padding: 0; margin: 0; float: left; }
ul#menu li ul li { width: 150px; }
ul#menu li ul li { background-color: #22225c; color: #998345; font-size: 0.85em; padding: 2px 10px 2px 10px; } */

ul#menu li ul { position: absolute; width: 150px;	margin: 0; padding: 0; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
  #kostra.modra #hlavicka ul#menu li ul { background-color: #22225C; }
  #kostra.stribrna #hlavicka ul#menu li ul { background-color: #999999; }
  #kostra.zlata #hlavicka ul#menu li ul { background-color: #998345; }
  #kostra.vinova #hlavicka ul#menu li ul { background-color: #998345; }

ul#menu li:hover ul, ul#menu li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
	left: 1px;
	top: 30px;
	width: 140px;
	padding: 5px 0 5px 0;
}
ul#menu li ul li {
	letter-spacing: 0px;
  line-height: 10px;
	height: 17px;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
ul#menu li ul li a { padding: 0 25px 0 10px; }

#vlajky { position: absolute; left: 145px; top: 84px; font-size: 0.9em; font-weight: bold; padding: 0; margin: 0; text-align: left;  z-index: 15; }
  #vlajky a { position: relative; width: 42px; height: 28px; display: block; float: left; margin-right: 30px; font-size: 0.7em; overflow:hidden; }
  #vlajky a span { display: block; position: absolute; left: 0; top: 0; z-index: 10; width: 42px; height: 28px; margin: 0; padding: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
    #vlajky a#uk span { background-image: url(../images/english.gif); }
    #vlajky a#de span { background-image: url(../images/deutsch.gif); }
    #vlajky a#ru span { background-image: url(../images/rusky.gif); }
    #vlajky a#es span { background-image: url(../images/espanol.gif); }
    #vlajky a#it span { background-image: url(../images/italiano.gif); }
    #vlajky a#fr span { background-image: url(../images/francais.gif); }
/*
#hlavicka h1 { left: 0px; top: 0px; margin:0; padding:0; position:relative; width:140px; height:80px; font-size: 20px; overflow:hidden; }
#hlavicka h1 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 140px; height: 80px; margin: 0; padding: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
*/

#telo { width: 982px; height: 475px; background-image: url(../images/pozadi_telo.gif); border-width: 4px; border-style: solid; border-top: none; }
  #kostra.modra #telo { background-color: #22225C;  border-color: #998345; }
  #kostra.stribrna #telo { background-color: #22225C; border-color: #999999; }
  #kostra.zlata #telo { background-color: #22225C; border-color: #998345; }
  #kostra.vinova #telo { background-color: #64002F; border-color: #998345; }
#kostra.modra #telo { background-color: #22225C;  border-color: #998345; }

#telo ul#plista { float: left; display: inline; width: 800px; height: 28px; padding: 0; margin: 0 0 0 142px; text-align: left; list-style-type: none; z-index: 0; }
#telo ul#plista li { font-size: 0.9em; font-weight: bold; padding: 5px 25px 0 0; margin: 0; float: left; }
#telo ul#plista li a { text-decoration: none; color: #998345; }
  #kostra.stribrna #telo #plista a { color: #999999; }
  #kostra.zlata #telo #plista a { color: #998345; }
  #kostra.vinova #telo #plista a { color: #998345; }
#kostra #telo #plista a:hover { color: white; }

#kostra.modra #telo ul#plista li strong a { color: white; }
#kostra.zlata #telo ul#plista li strong a { color: white; }

#telo #text { width: 335px; height: 450px; font-size: 0.8em; border: 0; vertical-align: top; padding: 15px 0px 0px 0; text-align: left; /*overflow: hidden; */float: left; }
  #telo #text.produkty { height: 447px; padding-top: 0px; }
#telo #text p { padding: 0 0 15px 30px; margin: 0; width: 278px; }
#telo #text h1, h2, h3 { padding: 0 0 15px 30px; margin: 0; width: 278px; }
#telo #text h3 { font-size: 1.5em; }
#telo #text p a, #telo #text table a { color: #998345; }
#telo #text table { width: auto; height: auto; margin: 0 0 15px 30px; border-collapse: collapse; }
#telo #obrazek { width: 647px; height: 447px; background-color: #efefef; background-position: center center; background-repeat: no-repeat; line-height: 400px; float: left; }

#kostra.modra #telo.bezlisty { height: 475px; padding-top: 0; background-color: white; }
#telo.bezlisty #text { padding-top: 25px; }
#telo.bezlisty #obrazek { width: 647px; height: 475px; margin: 0; background-color: #efefef; float: left; }

/*#image1 { float: left; width: 491px; height: 475px; background: url(../images/home/left.jpg) no-repeat left; }
#image2 { float: left; width: 491px; height: 475px; background: url(../images/home/right.jpg) no-repeat center; }*/
#image { float: left; width: 982px; height: 475px; background: url(../images/home/image.jpg) no-repeat left; }
#image span { display: none; }

#prod_kody { width: 140px; height: 447px; margin: 0; padding: 0; float: left; }
#chlivky { width: 140px; height: 376px; padding-top: 9px; margin: 0; }
#chlivky2 { width: 140px; height: 53px; vertical-align: bottom; }
  div.chlivek { width: 140px; height: 19px; background-color: #998345; font-size: 1.13em; font-weight: bold; padding-top: 3px; margin-top: 9px; text-align: center; }
  #kostra.stribrna #telo #text div.chlivek { background-color: #999999; }
  div.chlivek a { color: black; text-decoration: none; padding: 0 30px 0 30px; }
  div.chlivek strong a { color: white; }
  div.chlivek a:hover { color: white; }
  #chlivky div.chlivek { margin: 0 0 9px 0; height: 19px; }

#siluety { width: 195px; height: 447px; float: left; text-align: center; overflow-y: auto; overflow-x: hidden; }

#paticka { display: none; font-size: 0.7em; padding-top: 5px; }