* { margin: 0; padding: 0; }
img { border: none }
acronym:hover, abbr:hover { cursor: help }
p#skocit_na_obsah { display: none }
body { background: #666 url("bg.gif") repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; }
div#stranka { background: white; text-align: left; margin: auto; width: 800px; }
/* NADPIS
   ================================================== */
div#nadpis { width: 800px; height: 160px; background: url("nadpis.jpg") no-repeat; position: relative; }
    div#nadpis div#nadpis_text * { display: none }
a#odkaz_logo { display: block !important; width: 400px; height: 90px; position: absolute; top: 0px; right: 0px; }
    a#odkaz_logo img { display: none }
div#dalsi_koncert { position: absolute; top: 95px; left: 400px; width: 400px; text-align: center; letter-spacing: 0.1ex; }
    div#dalsi_koncert h4 { text-transform: lowercase; letter-spacing: 1.1ex; font-size: 11pt; color: #444; margin: 0 0 2px 0; text-shadow: 1.5px 1px 3px #ccc; }
/* MENU
   ================================================== */
div#menu { width: 800px; height: 40px; position: relative; background: white url("menu.jpg") no-repeat; }
    div#menu ul li { list-style: none; display: block; float: left; }
    div#menu a { display: block; height: 35px; padding-top: 5px; text-align: center; color: white; font-weight: bold; position: absolute; top: 0; font-size: 14pt; text-decoration: none; }
        div#menu a span { background-position: top !important; display: block; position: absolute; top: 0; left: 0; height: 40px; width: 100%; }
    div#menu a:hover span { background-position: bottom !important; cursor: pointer; _cursor: hand; &cursor: hand; }
    div#menu li#menu_novinky a { left: 102px; width: 89px; }
        div#menu li#menu_novinky a span { background-image: url("menu_novinky.jpg") }
    div#menu li#menu_koncerty a { left: 191px; width: 105px; }
        div#menu li#menu_koncerty a span { background-image: url("menu_koncerty.jpg") }
    div#menu li#menu_o_kapele a { left: 296px; width: 91px; }
        div#menu li#menu_o_kapele a span { background-image: url("menu_o_kapele.jpg"); width: 91px; }
    div#menu li#menu_repertoar a { left: 387px; width: 110px; }
        div#menu li#menu_repertoar a span { background-image: url("menu_repertoar.jpg") }
    div#menu li#menu_cd a { left: 497px; width: 37px; }
        div#menu li#menu_cd a span { background-image: url("menu_cd.jpg") }
    div#menu li#menu_fotky a { left: 534px; width: 75px; }
        div#menu li#menu_fotky a span { background-image: url("menu_fotky.jpg") }
    div#menu li#menu_vzkazy a { left: 609px; width: 78px; }
        div#menu li#menu_vzkazy a span { background-image: url("menu_vzkazy.jpg") }
    div#menu li#menu_kontakty a { left: 687px; width: 113px; }
        div#menu li#menu_kontakty a span { background-image: url("menu_kontakty.jpg") }
/* submenu  */
    div#menu ul#o_kapele_sub { position: absolute; top: 40px; left: 296px; width: 20ex; background: #eee; border-bottom: 1px #bbb solid; display: none; z-index: 100; }
    div#menu li#menu_o_kapele:hover ul { display: block }
    div#menu ul#o_kapele_sub li { display: block; float: none; }
    div#menu ul#o_kapele_sub a { font-size: 12pt; letter-spacing: 0.1ex; height: 2.5ex; float: none; position: static; color: #555; text-align: left !important; padding: 0.2ex 1ex 0.2ex 1ex; width: 18ex; }
    div#menu ul#o_kapele_sub a:hover { background: #efb; color: #223 !important; }
/* VLEVO
   ================================================== */
div#vlevo { width: 150px; text-align: center; float: left; font-size: 11pt; }
    div#vlevo .male_info { margin: 2ex 0 0 0; letter-spacing: 0.4ex; }
    div#vlevo div.vlevo_sub { background: rgba(0,0,0,0.07); padding: 0.5ex 0 1.3ex 0; margin: 1ex 0 1.3ex 0; border-radius: 10px; }
        div#vlevo div.vlevo_sub div, div#subb p { margin: 0 0 0.7ex 0 }
    div#vlevo h4 { margin: 0.2ex 0 1ex 0; text-transform: uppercase; font-size: 11pt; letter-spacing: 0.5ex; color: gray; text-shadow: #fff 0 0.15ex 0; }
    div#vlevo div#anketa { margin: 10px 0 0 9px; _margin-left: 0; &margin-left: 0; }
div#prostredek_a_spodek { background: white url("logo400.gif") no-repeat bottom left; -moz-box-shadow: 0 5px 15px 0 #000; -webkit-box-shadow: 0 5px 15px 0 #000; box-shadow: 0 5px 15px 0 #000; }
div#prostredek { padding: 5px 5px 0 5px }
div.obsah { margin: 2ex 1ex 0ex 170px; padding: 0 0 1ex 0; }
/* SPODEK
   ================================================== */
div#spodek { width: 800px; height: 5ex; position: relative; clear: both; background: #500; }
    div#spodek p { font: bold 8pt Consola, "Trebuchet MS", Geneva, lucida, sans-serif; color: #aaa; letter-spacing: 0.1ex; margin: 1.4ex 0 1.7ex 0; }
    div#spodek a { color: white }
    div#spodek a:hover { color: #aaa !important }
    div#spodek p#vlevo_sp { position: absolute; top: 0; left: 0; width: 200px; text-align: left; padding-left: 1.5ex; }
    div#spodek p#stred_sp { position: absolute; top: 0; left: 200px; width: 400px; text-align: center; }
    div#spodek p#vpravo_sp { position: absolute; top: 0; right: 0; width: 200px; text-align: right; padding-right: 1.5ex; }

