body { font-family: arial; background-color: white; #behavior:url(js/csshover2.htc); color: black; padding: 0px; margin: 0px; }


/* 1. GENERAL:*/
	


	li {list-style-type:none;}
	
	img {border: 0px; }


/* LAYOUT */

.main { width: 900px;  background: red; text-align:left; padding-top:154px; #padding-top:171px; display:white}

.main#news {background-image:url('img_background/news800web.jpg'); background-repeat: no-repeat;  }
.main#bio {background-image:url('img_background/bio800web.jpg'); background-repeat: no-repeat;  }
.main#askme {background-image:url('img_background/askme800web.jpg'); background-repeat: no-repeat;  }
.main#contact {background-image:url('img_background/contact800web.jpg'); background-repeat: no-repeat;  }
.main#promo {background-image:url('img_background/promo800web.jpg'); background-repeat: no-repeat;  }
.main#gigs {background-image:url('img_background/dates800web.jpg'); background-repeat: no-repeat;  }
.main#gallery {background-image:url('img_background/gallery800web.jpg'); background-repeat: no-repeat;  }


.navigace {width:801px; /*background:red;*/  padding-left:0px; margin-left:0px;}
.navigace ul {width:801px; /*background:red;*/ padding-left:0px;  margin-left:0px;}

.navigace ul li:hover {background-position: 0px -51px ! important; }

/* MENU - NEWS - HOME */

.navigace ul.news li#news{float: left; position: relative; left:1px; width: 90px; height:51px; display:block; background:url('r/news.png') left top no-repeat;}
.navigace ul.news li#news:hover{background-position: 0px 0px ! important; }
.navigace ul.news li#promo{float: left; position: relative; left:1px; top: 0px; width: 87px; height:51px; display:block; background:url('r/promo.gif') left top no-repeat;}
.navigace ul.news li#gallery{float: left; position: relative; left:1px; top: 0px; width: 92px; height:51px; display:block; background:url('r/gallery.gif') left top no-repeat;}
.navigace ul.news li#gigs{float: left; position: relative; left:270px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gigs.gif') left top no-repeat;}
.navigace ul.news li#gigs:hover{background-position: 0px -50px ! important; }
.navigace ul.news li#bio{float: left; position: relative; left:241px; top: -0px; width: 92px; height:49px; display:block; background:url('r/bio.gif') left top no-repeat;}
.navigace ul.news li#bio:hover{background-position: 0px -50px ! important; }
.navigace ul.news li#askme{float: left; position: relative; left:191px; top: -0px; width: 92px; height:49px; display:block; background:url('r/askme.gif') left top no-repeat;}
.navigace ul.news li#askme:hover{background-position: 0px -50px ! important; }
.navigace ul.news li#contact{float: left; position: relative; left:171px; top: -0px; width: 92px; height:49px; display:block; background:url('r/contact.gif') left top no-repeat;}
.navigace ul.news li#contact:hover{background-position: 0px -50px ! important; }
.navigace ul.news li a {display: block; width:87px; height:49px; }


/* MENU - BIO */
.navigace ul.bio li#news{float: left; position: relative; left:0px; width: 90px; height:49px; display:block; background:url('r/bio/bio-news.jpg') left top no-repeat;}
.navigace ul.bio li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#promo:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#gigs:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#contact:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#gallery:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#promo{float: left; position: relative; left:-9px; top: 0px; width: 87px; height:49px; display:block; background:url('r/bio/bio-promo.jpg') left top no-repeat;}
.navigace ul.bio li#gallery{float: left; position: relative; left:27px; top: 0px; width: 92px; height:49px; display:block; background:url('r/bio/bio-gall.jpg') left top no-repeat;}
.navigace ul.bio li#gigs{float: left; position: relative; left:-121px; top: -0px; width: 92px; height:49px; display:block; background:url('r/bio/bio-gigs.jpg') left top no-repeat;}

.navigace ul.bio li#bio{float: left; position: relative; left:-76px; top: -0px; width: 92px; height:49px; display:block; background:url('r/bio/bip1_06.jpg') left top no-repeat;}
.navigace ul.bio li#bio:hover{background-position: 0px 0px ! important; }
.navigace ul.bio li#askme{float: left; position: relative; left:-118px; top: -0px; width: 92px; height:49px; display:block; background:url('r/bio/bio-ask.jpg') left top no-repeat;}
.navigace ul.bio li#askme:hover{background-position: 0px -49px ! important; }
.navigace ul.bio li#contact{float: left; position: relative; left:169px; top: -0px; width: 92px; height:49px; display:block; background:url('r/bio/bio-contact.jpg') left top no-repeat;}

.navigace ul.bio li a {display: block; width:87px; height:49px; }


/* MENU - ASK ME */
.navigace ul.askme li#news{float: left; position: relative; left:257px; width: 90px; height:49px; display:block; background:url('r/askme/news.jpg') left top no-repeat;}
.navigace ul.askme li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#promo:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#gigs:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#contact:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#gallery:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#promo{float: left; position: relative; left:243px; top: 0px; width: 87px; height:49px; display:block; background:url('r/askme/promo.jpg') left top no-repeat;}
.navigace ul.askme li#gallery{float: left; position: relative; left:235px; top: 0px; width: 92px; height:49px; display:block; background:url('r/askme/gall.jpg') left top no-repeat;}
.navigace ul.askme li#gigs{float: left; position: relative; left:227px; top: -0px; width: 92px; height:49px; display:block; background:url('r/askme/gigs.jpg') left top no-repeat;}

.navigace ul.askme li#bio{float: left; position: relative; left:202px; top: -0px; width: 92px; height:49px; display:block; background:url('r/askme/bio.jpg') left top no-repeat;}
.navigace ul.askme li#bio:hover{background-position: 0px -49px ! important; }
.navigace ul.askme li#askme{float: left; position: relative; left:156px; top: -0px; width: 92px; height:49px; display:block; background:url('r/askme/askme.jpg') left top no-repeat;}
.navigace ul.askme li#askme:hover{background-position: 0px 0px ! important; }
.navigace ul.askme li#contact{float: left; position: relative; left:148px; top: -0px; width: 92px; height:49px; display:block; background:url('r/askme/contact.jpg') left top no-repeat;}

.navigace ul.askme li a {display: block; width:87px; height:49px; }


/* MENU - CONTACT */
.navigace ul.contact li#news{float: left; position: relative; left:0px; width: 90px; height:49px; display:block; background:url('r/contact/news.jpg') left top no-repeat;}
.navigace ul.contact li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#promo:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#gigs:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#contact:hover{background-position: 0px 0px ! important; }
.navigace ul.contact li#gallery:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#promo{float: left; position: relative; left:-9px; top: 0px; width: 87px; height:49px; display:block; background:url('r/contact/promo.jpg') left top no-repeat;}
.navigace ul.contact li#gallery{float: left; position: relative; left:28px; top: 0px; width: 92px; height:49px; display:block; background:url('r/contact/gall.jpg') left top no-repeat;}
.navigace ul.contact li#gigs{float: left; position: relative; left:-121px; top: -0px; width: 92px; height:49px; display:block; background:url('r/contact/gigs.jpg') left top no-repeat;}

.navigace ul.contact li#bio{float: left; position: relative; left:-72px; top: -0px; width: 92px; height:49px; display:block; background:url('r/contact/bio.jpg') left top no-repeat;}
.navigace ul.contact li#bio:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#askme{float: left; position: relative; left:-118px; top: -0px; width: 92px; height:49px; display:block; background:url('r/contact/askme.jpg') left top no-repeat;}
.navigace ul.contact li#askme:hover{background-position: 0px -49px ! important; }
.navigace ul.contact li#contact{float: left; position: relative; left:-135px; top: 1px; width: 92px; height:49px; display:block; background:url('r/contact/contact.jpg') left top no-repeat;}

.navigace ul.contact li a {display: block; width:87px; height:49px; }



/* MENU - PROMO */
.navigace ul.promo li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#promo:hover{background-position: 0px 0px ! important; }
.navigace ul.promo li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#gigs:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#contact:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#gallery:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#bio:hover{background-position: 0px -49px ! important; }
.navigace ul.promo li#askme:hover{background-position: 0px -49px ! important; }

.navigace ul.promo li#news{float: left; position: relative; left:263px; top:1px; width: 90px; height:49px; display:block; background:url('r/promo/promo_news.jpg') left top no-repeat;}
.navigace ul.promo li#promo{float: left; position: relative; left:240px; top: 0px; width: 87px; height:49px; display:block; background:url('r/promo/promo_promo.jpg') left top no-repeat;}
.navigace ul.promo li#gallery{float: left; position: relative; left:235px; top: 0px; width: 92px; height:49px; display:block; background:url('r/promo/promo_gal.jpg') left top no-repeat;}
.navigace ul.promo li#gigs{float: left; position: relative; left:230px; top: -0px; width: 92px; height:49px; display:block; background:url('r/promo/promo_gigs.jpg') left top no-repeat;}
.navigace ul.promo li#bio{float: left; position: relative; left:195px; top: -0px; width: 92px; height:49px; display:block; background:url('r/promo/promo_bio.jpg') left top no-repeat;}
.navigace ul.promo li#askme{float: left; position: relative; left:160px; top: -0px; width: 92px; height:49px; display:block; background:url('r/promo/promo_ask.jpg') left top no-repeat;}
.navigace ul.promo li#contact{float: left; position: relative; left:145px; top: 1px; width: 92px; height:49px; display:block; background:url('r/promo/promo_contact.jpg') left top no-repeat;}


.navigace ul.promo li a {display: block; width:87px; height:49px; }


/* MENU - GIGS */
.navigace ul.gigs li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#promo:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#gigs:hover{background-position: 0px 0px ! important; }
.navigace ul.gigs li#contact:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#gallery:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#bio:hover{background-position: 0px -49px ! important; }
.navigace ul.gigs li#askme:hover{background-position: 0px -49px ! important; }

.navigace ul.gigs li#news{float: left; position: relative; left:0px; top:1px; width: 90px; height:49px; display:block; background:url('r/gigs/gigs_news.jpg') left top no-repeat;}
.navigace ul.gigs li#promo{float: left; position: relative; left:287px; top: 0px; width: 87px; height:49px; display:block; background:url('r/gigs/gigs_promo.jpg') left top no-repeat;}
.navigace ul.gigs li#gallery{float: left; position: relative; left:277px; top: 0px; width: 92px; height:49px; display:block; background:url('r/gigs/gigs_gall.jpg') left top no-repeat;}
.navigace ul.gigs li#gigs{float: left; position: relative; left:261px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gigs/gigs_gigs.jpg') left top no-repeat;}
.navigace ul.gigs li#bio{float: left; position: relative; left:225px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gigs/gigs_bio.jpg') left top no-repeat;}
.navigace ul.gigs li#askme{float: left; position: relative; left:176px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gigs/gigs_ask.jpg') left top no-repeat;}
.navigace ul.gigs li#contact{float: left; position: relative; left:145px; top: 1px; width: 92px; height:49px; display:block; background:url('r/gigs/gigs_contact.jpg') left top no-repeat;}


.navigace ul.gigs li a {display: block; width:87px; height:49px; }


/* MENU - GALLERY */
.navigace ul.gallery li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#promo:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#news:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#gigs:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#contact:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#gallery:hover{background-position: 0px 0px ! important; }
.navigace ul.gallery li#bio:hover{background-position: 0px -49px ! important; }
.navigace ul.gallery li#askme:hover{background-position: 0px -49px ! important; }

.navigace ul.gallery li#news{float: left; position: relative; left:0px; top:1px; width: 90px; height:49px; display:block; background:url('r/gall/gall_news.jpg') left top no-repeat;}
.navigace ul.gallery li#promo{float: left; position: relative; left:-8px; top: 0px; width: 87px; height:49px; display:block; background:url('r/gall/gall_promo.jpg') left top no-repeat;}
.navigace ul.gallery li#gallery{float: left; position: relative; left:-22px; top: 0px; width: 92px; height:49px; display:block; background:url('r/gall/gall_gall.jpg') left top no-repeat;}
.navigace ul.gallery li#gigs{float: left; position: relative; left:-15px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gall/gall_gigs.jpg') left top no-repeat;}
.navigace ul.gallery li#bio{float: left; position: relative; left:-52px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gall/gall_bio.jpg') left top no-repeat;}
.navigace ul.gallery li#askme{float: left; position: relative; left:-97px; top: -0px; width: 92px; height:49px; display:block; background:url('r/gall/gall_ask.jpg') left top no-repeat;}
.navigace ul.gallery li#contact{float: left; position: relative; left:-110px; top: 1px; width: 92px; height:49px; display:block; background:url('r/gall/gall_contact.jpg') left top no-repeat;}


.navigace ul.gallery li a {display: block; width:87px; height:49px; }



/* PROMO */
#promonadpis{width:110px; height:50px; display:block; background:url('pic/promo.gif') 30px 0px no-repeat; }
#demo {background:url('pic/demo.gif') 80px 15px no-repeat; width: 740px; padding-left:60px; display:block; padding-top:50px}
.demo {font-family: arial; font-size:14px; text-align:left; padding-left:15px; width: 355px; background:url('pic/cara1.gif') 10px 30px no-repeat; float: left; height: 165px; padding-top: 10px }
.promoend {width: 800px; height:10px; display:block; float:left; background:url('pic/cara2.gif') 70px 00px no-repeat;}

#press {text-align:left; background:url('pic/press.gif') 80px 15px no-repeat; width: 740px; padding-left:60px; display:block; padding-top:60px; float: left}

#press ul.fotky {padding-left:0px; margin-left:0px; width: 635px;  }
#press ul.fotky li {float: left; border: 1px solid #878787; margin-right:3px; width: 80px; height: 80px; margin-bottom: 3px;  }


#blok {display:block; float:left}


/* GALLERY */
#gallerynadpis{float:left;width:385;padding-top:45px; padding-left: 30px; display:block; background:url('pic/gallery.gif') 35px 0px no-repeat; }
#gallpravy{width:345px; float:left;  padding-left:30px; display:block;}

#lastpromo {width:325px; background:url('pic/last_promo.gif') 0px 0px no-repeat; padding-top:50px; padding-left:20px;}
#invite {width:325px; background:url('pic/invite.gif') 0px 0px no-repeat; padding-top:50px; padding-left:20px; margin-top:30px}


#gallerynadpis ul {width: 340px; }
#gallerynadpis ul li {width: 80px; height:80px; border: 1px solid #878787; float:left; margin-right:3px; margin-bottom: 3px; }


/* DATES - GIGS */
#datesnadpis {width: 800px; display: block; float:left; }
#dateslevy {text-align:center; width: 260px; display:block; float:left; padding-left: 70px; padding-right:20px; padding-top:100px; background:url('pic/actual_action.gif') 70px 50px no-repeat;}
#datespravy {width: 430px; display:block; float:left; margin-top:15px; background:url('pic/gigs.gif') 0px 0px no-repeat; padding-top:60px; }

#dateslevy span.datum {font-size:18px; margin-right: 10px;}
#dateslevy span.text {font-size:13px }


.ndates {padding-left:0px; margin-left: 0px; font-family: verdana }
.ndates li {padding-left:0px; margin-left: 0px; width: 390px; text-align: left; position:relative;}
.ndates li {padding-bottom: 7px; height: 23px; background-image:url('pic/cara2.gif'); background-repeat: repeat-x; background-position: -20px 20px; }
.ndates li span.datum {font-size: 14px;  }
.ndates li span.akce {font-size: 12px; font-weight: normal; padding-left: 10px;}
.ndates li span.misto {font-size: 12px; padding-left: 10px; }
.ndates li span.fly {background:url('pic/fly.gif') 0px 0px no-repeat; width: 31px; height: 21px; position:absolute; top: -2px; left:360px }
.ndates li span.fly a {width:31px; height:21px;  display:block }




/* BIO */

#bionadpis{font-size:12px; float:left; width:385px;padding-top:60px; padding-left: 30px; display:block; background:url('pic/bio.gif') 35px 0px no-repeat; }



/* ASK ME */
#asksekce {width:420px;background:url('pic/ask_me.gif') 45px 0px no-repeat; padding-top:60px; padding-left:60px; float:left; display:block}
#asksekce table#askus {font-size: 13px; font-weight:bold; display:block }
#askpravy {width:320px;float:left; background:url('pic/last_photo.gif') 20px 0px no-repeat; padding-top: 60px;display:block}
#askpravy ul {width: 320px; }
#askpravy ul li {width: 80px; height:80px; border: 1px solid #878787; float:left; margin-right:3px; margin-bottom: 3px; }
.inputtext {background-color: #E6E6E6; border: 1px solid black; font-size: 13px; width: 340px; height: 19px; color: black; font-family: arial; }

#askzpravy {float:right; padding-bottom:10px; width:350px; font-size:12px; }
.txtask {padding-top:10px;  background:url('pic/cara2.gif') 0px 0px repeat-x;width:350px;}

.txtmatamar {padding-top:10px;  background:url('pic/cara2.gif') 0px 0px repeat-x;width:350px;}


.askjmeno {float:left; font-weight:bold; font-size:11px; margin-bottom:6px }
.askdatum {font-size:13px; font-weight:bold; margin-bottom:6px}


/* CONTACT */
#kontaktnadpis{font-size:12px; float:left; width:385px;padding-top:60px; padding-left: 30px; display:block; background:url('pic/contact.gif') 35px 0px no-repeat; }
#booking {position:relative; top:-15px; float:right; width:325px; background:url('pic/booking.gif') 0px 0px no-repeat; padding-top:55px; padding-left:20px;}
#otherwebs{margin-top:35px; font-size:12px; float:left; width:385px;padding-top:70px; padding-left: 30px; display:block; background:url('pic/other_webs.gif') 35px 0px no-repeat; }




/* MAIN PAGE */

#obsah #levy {padding-left: 70px; padding-top: 60px; width: 360px; float: left;   background:url('pic/news.gif') 44px 0px no-repeat;}
#obsah #pravy {margin-left: 25px; width: 345px;  float: left;  }


#obsah #pravy #horni {padding-top: 60px; width: 345px; float: left;  background:url('pic/last_gigs.gif') 0px 0px no-repeat;}
#obsah #pravy #dolni {text-align: center; margin-top: 20px; padding-top: 80px; width: 345px; float: left;  background:url('pic/last_promo.gif') 0px 0px no-repeat;}


#obsah #levy #novinka  {background:url('pic/cara2.gif') 0px 110px no-repeat; height: 130px;}
#obsah #levy #novinka span.datum {font-size: 18px;  display: block; float: left;}
#obsah #levy #novinka img.novimg {float:left; margin-right: 15px; border: 1px solid #878787  }
#obsah #levy #novinka span.nadpis {font-size: 16px;  float: left;margin-left:15px; position: relative; top: 1px; display: block }
#obsah #levy #novinka span.novtext {font-size: 11px;  height: 50px;  float: left; display: block; width: 263px }
#obsah #levy #novinka span.more {background:url('pic/more.gif') 210px 5px no-repeat; height: 35px;  float: left; display: block; width: 263px }
#obsah #levy #novinka span.more a {height: 35px;  display: block; width: 50px; float:right; }




#obsah #levy #novinkanahled  {}
#obsah #levy #novinkanahled span.datum {font-size: 18px;}
#obsah #levy #novinkanahled img.novimg { margin-right: 15px; display: block;width:80px; float:left; border: 1px solid #878787}
#obsah #levy #novinkanahled span.nadpis {font-size: 16px; float: left; margin-left:0px; position: relative; top: 1px;  }
#obsah #levy #novinkanahled span.novtext {font-size: 11px;    display: block;  }
#obsah #levy #novinkanahled span.more {background:url('pic/more.gif') 210px 5px no-repeat; height: 35px;  float: left; display: block; width: 263px }
#obsah #levy #novinkanahled span.more a {height: 35px;  display: block; width: 50px; float:right; }
#obsah #levy #novinkanahled #konec {background:url('pic/predel.gif') 0px 0px no-repeat; height: 15px; width:360px; display:block}
#obsah #levy #novinkanahled #konec img {margin-top:10px }

#nextdates {padding-left:0px; margin-left: 0px; font-family: verdana }
#nextdates li {padding-left:0px; margin-left: 0px; width: 330px; text-align: left; position:relative;}
#nextdates li {padding-bottom: 7px; height: 23px; background-image:url('pic/cara2.gif'); background-repeat: no-repeat; background-position: -20px 23px; }
#nextdates li span.datum {font-size: 14px; }
#nextdates li span.akce {font-size: 12px; font-weight: normal; padding-left: 10px;}
#nextdates li span.misto {font-size: 12px; padding-left: 10px; }
#nextdates li span.fly { background:url('pic/fly.gif') 0px 0px no-repeat; width: 31px; height: 21px; position:absolute; top: -2px; left:300px }
#nextdates li span.fly a {width:31px; height:21px; float:right }


#obsah {margin-top:209px; #margin-top:120px;}



/** FOOT */
#r {display:block; float: right; background:url('pic/look4vision.gif') top left no-repeat; width: 85px; height: 22px;}
#r a {display:block; width:85px; height:22px }
#r:hover {background-position: 0px -22px;}

#l {float:left; padding-top:10px;  height:40px;  color:#999999 ;font-size:10px; padding-left:60px; background:url('pic/mini-logo.gif') 15px top no-repeat; }

#foot {width:800px; height:40px;   padding-top:10px; padding-bottom:13px;  background: black; display:block;}