* { margin: 0; padding: 0; }
body { border: 0; font: 95% Arial, Helvetica, sans-serif; background: #E72324; text-align: center; color: #FFFFFF; background-image: url(_img/bcg_main.jpg); background-repeat: repeat-x; background-position: top; background-attachment: fixed; line-height: 130%; }
#container { width: 978px; margin: auto; text-align: left;}
#header { position: relative; overflow: hidden; text-align: center; background: url(_img/header.png) no-repeat 0 0; width: 978px; height: 147px; z-index: 3}
#logo { position: absolute; overflow: hidden; left: 76px; top: 0px; font-size: 80%; line-height: 1000%; }
/*#logo, #logo a, #logo span  { display: block; width: 150px; height: 147px; background: url("_img/logo.png"); }*/
#logo, #logo a, #logo span  { display: block; width: 208px; height: 197px; background: url(_img/logo.png) no-repeat bottom; z-index: 4}
#logo span, #logo span { position: absolute; left: 0; top: 0; cursor: hand; }

.naselogo{
  position: fixed;
  left: 276px; 
  top: 100px;
  width: 208px; 
  height: 197px;
  border: 1px solid green;
  background: transparent;
  overflow: visible;
 /* background: url(_img/logo.png) no-repeat bottom;*/
  z-index: 1;
}
.naselogo img{
  border: 0;
  width: auto;
  height: auto;
}


#langcs, #langen { position: absolute; overflow: hidden; right: 29px; top: 82px; font-size: 60%; }
#langcs, #langcs a, #langcs span, #langen, #langen a, #langen span  { display: block; width: 56px; height: 13px; background: url("_img/en_button.gif"); }
#langen, #langen a, #langen span { background: url("_img/cs_button.gif"); }
#langcs span, #langen span { position: absolute; left: 0; top: 0; cursor: hand; }

#fb_gl_join { position: absolute; overflow: hidden; right: 29px; top: 105px; font-size: 60%; z-index:10; }
#fb_gl_join, #fb_gl_join a, #fb_gl_join span  { display: block; width: 115px; height: 30px; background: url("_img/fb-gl.gif"); }
#fb_gl_join span { position: absolute; left: 0; top: 0; cursor: hand; }

#menu { width: 978px; height: 41px; background-image: url(_img/menu.png); position: relative; z-index: 3; background-color: transparent;}
/*#menu { width: 978px; height: 41px; position: relative; border: 1px solid blue; z-index: 3; background-color: transparent;}*/
/*#elron { width: 164px; height: 41px; position: absolute; left: 72px; top: 0px; background:url(_img/elron.jpg) no-repeat; }*/
#elron { width: 208px; overflow: visible; height: 141px; position: absolute; left: 50px; top: -71px; background-color: transparent; /*background: url(_img/logo.png) no-repeat bottom;*/ z-index: 3;}
#menu ul, #menu ul li { list-style-type: none;}

.obal {display: table; width: 158px; height: 140px; float: left; _position: relative}
.thumb { display: table-cell; vertical-align: middle; text-align: center; _position: absolute;  _top: 50%; }
.thumbin { _position: relative;  _top: -50%}

#menu ul li a { color: #000000;}
#menu1cs, #menu1en { position: absolute; overflow: hidden; left: 284px; }
#menu2cs, #menu2en { position: absolute; overflow: hidden; left: 333px; }
#menu2en { left: 361px; }
#menu3cs, #menu3en { position: absolute; overflow: hidden; left: 407px; }
#menu3en { left: 438px; }
#menu4cs, #menu4en { position: absolute; overflow: hidden; left: 500px; }
#menu4en { left: 542px; }
#menu8cs, #menu8en { position: absolute; overflow: hidden; left: 619px; }
#menu8en { left: 636px; }
#menu5cs, #menu5en { position: absolute; overflow: hidden; left: 738px; }
#menu5en { left: 730px; }
#menu6cs, #menu6en { position: absolute; overflow: hidden; left: 809px; }
#menu6en { left: 805px; }
#menu7cs, #menu7en { position: absolute; overflow: hidden; left: 897px; }
#menu7en { left: 891px; }
#menu1cs, #menu1en, #menu1cs a, #menu1en a, #menu1cs a span, #menu1en a span { display: block; width: 49px; height: 41px; background: url(_img/cs_menu1.jpg); }
#menu2cs, #menu2en, #menu2cs a, #menu2en a, #menu2cs a span, #menu2en a span { display: block; width: 74px; height: 41px; background: url(_img/cs_menu2.jpg); }
#menu3cs, #menu3en, #menu3cs a, #menu3en a, #menu3cs a span, #menu3en a span { display: block; width: 93px; height: 41px; background: url(_img/cs_menu3.jpg); }
#menu4cs, #menu4en, #menu4cs a, #menu4en a, #menu4cs a span, #menu4en a span { display: block; width: 119px; height: 41px; background: url(_img/cs_menu4.jpg); }
#menu8cs, #menu8en, #menu8cs a, #menu8en a, #menu8cs a span, #menu8en a span { display: block; width: 119px; height: 41px; background: url(_img/cs_menu8.jpg); }
#menu5cs, #menu5en, #menu5cs a, #menu5en a, #menu5cs a span, #menu5en a span { display: block; width: 71px; height: 41px; background: url(_img/cs_menu5.jpg); }
#menu6cs, #menu6en, #menu6cs a, #menu6en a, #menu6cs a span, #menu6en a span { display: block; width: 88px; height: 41px; background: url(_img/cs_menu6.jpg); }
#menu7cs, #menu7en, #menu7cs a, #menu7en a, #menu7cs a span, #menu7en a span { display: block; width: 68px; height: 41px; background: url(_img/cs_menu7.jpg); }
#menu1en, #menu1en a, #menu1en a span { width: 77px; background:url(_img/en_menu1.jpg); }
#menu2en, #menu2en a, #menu2en a span { width: 77px; background:url(_img/en_menu2.jpg); }
#menu3en, #menu3en a, #menu3en a span { width: 104px; background:url(_img/en_menu3.jpg); }
#menu4en, #menu4en a, #menu4en a span { width: 94px; background:url(_img/en_menu4.jpg); }
#menu8en, #menu8en a, #menu8en a span { width: 94px; background:url(_img/en_menu8.jpg); }
#menu5en, #menu5en a, #menu5en a span { width: 75px; background:url(_img/en_menu5.jpg); }
#menu6en, #menu6en a, #menu6en a span { width: 86px; background:url(_img/en_menu6.jpg); }
#menu7en, #menu7en a, #menu7en a span { width: 74px; background:url(_img/en_menu7.jpg); }
#menu span { position: absolute; left: 0; top: 0; cursor: hand; }
#menu a:hover span { background-position: 0 -41px; }

#content { background-image: url(_img/bcg_content.png); background-repeat: repeat-y; position: relative; z-index: 3; background-color: transparent;}
#black { background-image: url(_img/bcg_middle.jpg); background-repeat: no-repeat; background-position: center top; position: relative; width: 100%;}
#left1, #left2, #left3, #left4, #left5, #left6, #left7, #left8, #left0 { margin: 0 0 0 24px; width: 260px; float: left; display: inline; background-image: url(_img/img_0.jpg); height: 348px; }
#left1 {background-image: url(_img/img_1.jpg);}
#left2 {background-image: url(_img/img_2.jpg);}
#left3 {background-image: url(_img/img_3.jpg);}
#left4 {background-image: url(_img/img_4.jpg);}
#left5 {background-image: url(_img/img_5.jpg);}
#left7 {background-image: url(_img/img_7.jpg);}
#left8 {background-image: url(_img/img_4.jpg);}
#mainContent { margin: 0 0 0 309px; padding: 27px 35px 0 0; font-size: 80%; position: relative; }

#nadpis2 { position: relative; overflow: hidden; margin-bottom: 13px;}
#nadpis2, #nadpis2 span { width: 175px; height: 19px; }
.h20cs {  background: url(_img/0h2cs.jpg); }
.h21cs {  background: url(_img/1h2cs.jpg); }
.h22cs {  background: url(_img/2h2cs.jpg); }
.h23cs {  background: url(_img/3h2cs.jpg); }
.h24cs {  background: url(_img/4h2cs.jpg); }
.h28cs {  background: url(_img/8h2cs.jpg); }
.h25cs {  background: url(_img/5h2cs.jpg); }
.h26cs {  background: url(_img/6h2cs.jpg); }
.h27cs {  background: url(_img/7h2cs.jpg); }
.h20en {  background: url(_img/0h2en.jpg); }
.h21en {  background: url(_img/1h2en.jpg); }
.h22en {  background: url(_img/2h2en.jpg); }
.h23en {  background: url(_img/3h2en.jpg); }
.h24en {  background: url(_img/4h2en.jpg); }
.h28en {  background: url(_img/8h2en.jpg); }
.h25en {  background: url(_img/5h2en.jpg); }
.h26en {  background: url(_img/6h2en.jpg); }
.h27en {  background: url(_img/7h2en.jpg); }
#nadpis2 span { display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: 0 0; }

#homebottom { position: relative; width: auto; border-top: solid 1px #9E7015; margin-top: 20px; padding-top: 20px; }
#homeprog { position: relative ; width: 280px;  padding: 10px 20px 0 0; border-right: 1px solid #9E7015; }
#homeprognad {position: relative; overflow: hidden; margin-bottom: 15px;}
#homeprognad, #homeprognad span { width: 55px; height: 17px; }
#homeprognad span { display: block; position: absolute; left: 0; top: 0; background: url(_img/homeprog.png) no-repeat 0 0;}
#homeprogin { display: block; margin-left: 80px;} 
#homeprogin a { display: block; width: auto; text-align: right; }

#koktejl { position: absolute; top: 30px; left: 320px; width: 312px;}
#koktejlimg {float: left;}
#popiskok {position: absolute; left: 175px;}
#popiskok2 {position: relative; margin-left: 175px; margin-right: 30px;}


#koknadcs {position: relative; overflow: hidden; margin-bottom: 15px;}
#koknadcs, #koknadcs span { width: 90px; height: 19px; }
#koknadcs span { display: block; position: absolute; left: 0; top: 0; background: url(_img/cothm_cs.png) no-repeat 0 0;}

#koknaden {position: relative; overflow: hidden; margin-bottom: 15px;}
#koknaden, #koknaden span { width: 130px; height: 17px; }
#koknaden span { display: block; position: absolute; left: 0; top: 0; background: url(_img/cothm_en.png) no-repeat 0 0;}
.odsaz {margin-right: 14px;}
.nahledkok {float: left; width: 50%; margin-bottom: 25px;}

.akce { width: auto; margin-bottom: 10px; }
.date { float: left; display: block; width: 80px; text-align: right;}
.akcein {display: block; margin-left: 85px; position: relative; }
.akcein a { float: right; margin-left: 20px;}

.zaznam { width: auto; margin-bottom: 10px;}
.zaznamin {display: block; margin-left: 35px;}

.gal { display: block; background: url(_img/photos.gif) 0 3px no-repeat; margin-left: 15px; padding-left: 20px; margin-bottom: 10px; }

img { background-color: #CE9C00; padding: 1px; border: 6px solid #FFD11A; vertical-align: middle; }
a:hover img { background-color: #000000; border: 6px solid #FFFFFF; }
.back {display: block; position: absolute; right: 35px; top: 27px;}

table { width: auto; border: 0; }
table td {padding: 3px;}
table tr.col  { background-color: #823434; }
.nadpis { font-size: 120%; font-weight: bold; color:#FFFF00; }
.nadpissmall { font-size: 110%; font-weight: bold; color:#FFFF00; }
.time { font-size: 80%; color:#823434; }
.next {display: block ; position: absolute; right: 35px; bottom: 0; }
.prev {display: block ; position: absolute;left: 0; bottom: 0; }
#map { width: 400px; height: 298px; position: absolute; top: 30px; right: 40px; background-color: #CE9C00; padding: 1px; border: 6px solid #FFD11A; background-image: url(_img/mapa.gif);}

table tr:hover {background-color: #FFFFFF; color: #000000; font-weight: bold; }
.nadpiskok { font-size: 180%; font-weight: bold; color:#FF0000; }
.bigyellow { font-size: 120%; color: #FFFF00; font-weight: bold; }

.dopr {text-align: right; font-weight: bold; }
.italic {font-style: italic;}

a { font-wight: bold; color:#FFFF00; text-decoration: none;}
a:hover { color: #FFFFFF;  text-decoration: underline;}

hr.cleaner { clear:both; margin: -1px 0 0 0;  padding: 0; height: 1px; border: none; visibility: hidden; }

#footer { position: relative; width: 978px; height: 25px; margin-bottom: 60px; background: url(_img/footer.png) no-repeat; }
#deen { position: absolute; overflow: hidden; right: 30px; top: 30px; font-size: 60%;  }
#deen, #deen a, #deen span  { display: block; width: 91px; height: 23px; background: url("_img/deen.gif"); }
#deen span, #deen span { position: absolute; left: 0; top: 0; cursor: hand; }
#deen a:hover span { background-position: 0 -23px;}

#asmera { position: absolute; overflow: hidden; right: 140px; top: 30px; font-size: 60%;  }
#asmera, #asmera a, #asmera span  { display: block; width: 69px; height: 19px; background: url("_img/asmera_small.png"); }
#asmera span, #asmera span { position: absolute; left: 0; top: 0; cursor: hand; }

#header, #footer, #menu, #content { behavior: url(_img/iepngfix.htc); }