body { margin: 0; padding: 0; background: url(../images/bg.jpg) top left; font: 11px Tahoma; color: #999; }

h1 { display: none; visibility: hidden; }
h2 span, h3 span, h4 span { visibility: hidden; }
h3 { color: #999; display: block; float: left; padding: 5px 8px 2px 8px; }
h3 strong { font-weight: bold; margin-right: 5px; }
h4 { font: bold 11px Tahoma; color: #339900; }
h5 { font: bold 11px Tahoma; color: #999; margin: 0 0 0 10px; }

a img { border: none }
a { color: #339900; text-decoration: underline; }
a:hover { color: #999; text-decoration: none; }
p.more a { background: url(../images/right.gif) no-repeat center right; float: right; clear: both; display: block; padding-right: 12px; margin: 10px 0; }
p.more { margin: 10px 0; }

strong { color: #ccc; }
.dva { color: #c99215; }
.svetla { color: #ccc; }

#head { width: 1050px; height: 173px; float: left; clear: both; margin: 0; }

#menu { margin: 0; _margin-top: -2px; width: 100%; min-width: 1050px; height: 54px; float: left; clear: both; background: url(../images/bg_menu.gif) repeat-x top left; }
#menu menu { margin: 0; padding: 0; width: 985px; float: left; }
#menu menu li { list-style: none; text-align: center; display: inline; float: left; }
#menu menu li a { display: block; float: left; height: 46px; font: bold 10px/46px Tahoma; color: #fff; text-decoration: none; }
#menu menu li a#novinky { background: url(../images/menu_novinky.jpg) no-repeat top left; width: 75px; text-transform: uppercase; }
#menu menu li a#onas { background: url(../images/menu_onas.jpg) no-repeat top left; width: 57px; text-transform: uppercase; }
#menu menu li a#kategorie { background: url(../images/menu_kategorie.jpg) no-repeat top left; width: 88px; text-transform: uppercase; }
#menu menu li a#vystoupeni { background: url(../images/menu_vystoupeni.jpg) no-repeat top left; width: 92px; text-transform: uppercase; }
#menu menu li a#gbook { background: url(../images/menu_gbook.jpg) no-repeat top left; width: 112px; text-transform: uppercase; }
#menu menu li a#workshopy { background: url(../images/menu_workshopy.jpg) no-repeat top left; width: 91px; text-transform: uppercase; }
#menu menu li a#galerie { background: url(../images/menu_galerie.jpg) no-repeat top left; width: 75px; text-transform: uppercase; }
#menu menu li a#dancedubi { background: url(../images/menu_dancedubi.jpg) no-repeat top left; width: 97px; text-transform: uppercase; }
#menu menu li a#kontakt { background: url(../images/menu_kontakty.jpg) no-repeat top left; width: 79px; text-transform: uppercase; }
#menu menu li a#odkazy { background: url(../images/menu_odkazy.jpg) no-repeat top left; width: 75px; text-transform: uppercase; }
#menu menu li a#studio { background: url(../images/menu_studio.jpg) no-repeat top left; width: 105px; text-transform: uppercase; }
#menu menu li a:hover#novinky, #menu menu li a:hover#onas, #menu menu li a:hover#kategorie, #menu menu li a:hover#vystoupeni, #menu menu li a:hover#gbook, #menu menu li a:hover#galerie, #menu menu li a:hover#dancedubi, #menu menu li a:hover#workshopy, #menu menu li a:hover#odkazy, #menu menu li a:hover#kontakt, #menu menu li a:hover#vystoupeni, #menu menu li.slc a#novinky, #menu menu li.slc a#onas, #menu menu li.slc a#kategorie, #menu menu li.slc a#vystoupeni, #menu menu li.slc a#gbook, #menu menu li.slc a#galerie, #menu menu li.slc a#dancedubi, #menu menu li.slc a#workshopy, #menu menu li.slc a#odkazy, #menu menu li.slc a#kontakt, #menu menu li.slc a#vystoupeni, #menu menu li.slc a#studio, #menu menu li a:hover#studio { background-position: bottom left;}

#mid { width: 905px; float: left; clear: both; margin: 10px 0 0 0; }

#lcol { margin: 0 0 0 24px; _margin-left: 8px; padding: 0 0 40px 0; float: left; width: 560px; min-height: 700px; background: url(../images/bg_mid.gif) repeat-y top right; }
#lcol h2#h_novinky { background: url(../images/h_novinky.gif) no-repeat top left; height: 31px; margin: 0 0 15px 0; }
#lcol h2#h_gbook { background: url(../images/h_gbook.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_kategorie { background: url(../images/h_kategorie.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_galerie { background: url(../images/h_galerie.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_odkazy { background: url(../images/h_odkazy.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_dancedubi { background: url(../images/h_jump.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_vystoupeni { background: url(../images/h_vystoupeni.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; }
#lcol h2#h_reklama { background: url(../images/h_reklama.gif) no-repeat top left; height: 20px; margin: 0; clear: both; }
#lcol h2#h_onas { background: url(../images/h_onas.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; clear: both; }
#lcol h2#h_kontakt { background: url(../images/h_kontakt.gif) no-repeat top left; height: 42px; margin: 0; clear: both; }
#lcol h2#h_workshopy { background: url(../images/h_workshopy.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; clear: both; }
#lcol h2#h_studio { background: url(../images/h_studio.gif) no-repeat top left; height: 42px; margin: 0 0 15px 0; clear: both; }
#lcol h3 { font: 12px Tahoma; background: #192316; margin: 15px 15px 10px 0; padding: 7px 8px 5px 20px; width: 500px; color: #ccc; font-weight: bold; }
#lcol .kontakt_box h3 { font: 12px Tahoma; background: #242323; margin: 0 0 5px -10px; padding: 5px 8px 2px 8px; width: 205px; font-weight: bold; }
#lcol .kontakt_box h3.kontakt { color: #339900; }
#lcol .kontakt_box p { margin: 0 0 10px 8px; }
#lcol .kontakt_box2 { width: 240px; float: left; margin: 0 0 40px 31px; padding: 0; }
#lcol .kontakt_box2 h3 { font: 12px Tahoma; background: #242323; margin: 0 0 5px 0; padding: 5px 8px 2px 8px; width: 220px; font-weight: bold; }
#lcol .kontakt_box2 h3.kontakt { color: #339900; }
#lcol .kontakt_box2 p { margin: 0 0 10px 8px; }
#lcol .kategorie_box h3 { font: bold 12px Tahoma; width: 500px; color: #ccc; }
#lcol .kategorie_box p { margin: 0 0 5px 20px; }
#lcol h3 strong { color: #339900; }
#lcol h3 strong.dva { color: #eba609; }
#lcol h3 em { color: #cc9900; font-style: normal; }
#lcol h4 { margin: 20px 0 5px 10px; }
#lcol .novinky_box, #lcol .gbook_box, #lcol .gbook_box2, #lcol .kategorie_box, #lcol .reklama_box { float: left; clear: both; width: 545px; margin: 0; }
#lcol .novinky_box h3 { font: normal 12px Tahoma; background: #192316; margin: 0 5px 5px 0; width: 405px; padding: 5px 8px 2px 8px; }
#lcol img.thumb { float: left; width: 170px; border: 1px solid #4c4c4b; margin: 0 5px 0 0; }
#lcol .novinky_box img.thumb { float: left; width: 112px; border: 1px solid #4c4c4b; margin: 0 5px 0 0; }
#lcol img.logo { float: left; width: 320px; margin: 0 10px 50px 0; height: 233px; }
#lcol img.onas { float: right; width: 208px; margin: -15px 10px 0 10px; }
#lcol p { margin: 0 50px 15px 8px; line-height: 17px; }
#lcol .novinky_box p { margin: 0 0 0 8px; line-height: normal; }
#lcol .novinky_box p.podpis { float: right; margin: 10px 0 0 0; font-style: italic; }
#lcol .novinky_box p.podpis strong { color: #999; }
#lcol img.banner { margin: 5px 0 0 0; float: left; clear: both; }
#lcol img.hr { clear: both; margin: 10px 0; }
#lcol .gbook_box, #lcol .gbook_box2 { margin-left: 10px; _margin-left: 0; }
#lcol .gbook_box h3, #lcol .gbook_box2 h3 { font: bold 12px Tahoma; width: 475px; clear: both; background: #242323; margin-top: 10px; color: #ccc; padding: 5px 8px 2px 8px; }
#lcol .gbook_box p, #lcol .gbook_box2 p { width: 470px; line-height: normal; color: #999; word-wrap: break-word; }
#lcol .gbook_box h3 strong { margin: 0 4px; }
#lcol .gbook_box2 h3 strong { margin: 0 4px; color: #c99215; }
#lcol .gbook_box2 a { margin: 0 4px; color: #c99215; font-weight: normal; }
#lcol .gbook_box a { margin: 0 4px; font-weight: normal; }
#lcol .gbook_box p img, #lcol .gbook_box2 p img { margin: 0 0 -4px 0; _margin-bottom: 0; line-height: 16px; }
#lcol label { font-weight: bold; color: #999; display: block; float: left; clear: both; margin: 0 0 5px 0; }
#lcol label strong { color: #339900; }
#lcol input, #lcol textarea { width: 180px; border: 1px solid #666; background: #232323; height: 15px; color: #666; padding: 2px; font: 12px Arial; margin: 0 0 10px 0; }
#lcol input:focus, #lcol textarea:focus  { border: 1px solid #999; color: #999; }
#lcol .left { float: left; width: 185px; margin: 0 0 0 48px; _margin-left: 20px; height: 100px; }
#lcol .right { float: left; width: 260px; margin: 0 0 0 15px; height: 100px; }
#lcol .bottom { width: 390px; float: left; clear: both; margin: 0 0 0 48px; _margin-left: 20px; }
#lcol .left label { width: 185px; }
#lcol .right label { width: 260px; }
#lcol form { float: left; clear: both; margin: 0; padding: 0; }
#lcol .bottom textarea { width: 382px; height: 66px; }
#lcol .bottom input { float: right; width: 45px; }
#lcol .bottom input#send { background: url(../images/bg_send.gif) no-repeat top left; width: 80px; height: 23px; border: none; margin-left: 15px;  }
#lcol .bottom label#test { width: 90px; float: right; clear: none; margin: 5px; }
#lcol p.pages { margin: 10px 50px 0 0; display: block; clear: both; font-weight: bold; color: #ccc; text-align: right; }
#lcol p.pages a { margin: 0 2px; font-weight: normal; }
#lcol table { margin: 0 10px; }
#lcol a.thumb { float: left; border: 1px solid #4c4c4b; margin: 0 5px 7px 10px; }
#lcol a:hover.thumb { border: 1px solid #999; }
#lcol a.thumb img { width: 68px; height: 68px; }
#lcol .vystoupeni_box { float: left; clear: both; width: 500px; margin: 5px 0; }
#lcol .vystoupeni_box h3 { font: normal 12px Tahoma; width: 484px; margin: 0; padding: 5px 8px 2px 8px; cursor: pointer; }
#lcol .vystoupeni_box h3.close { background: #242323 url(../images/but_close.gif) no-repeat center right; }
#lcol .vystoupeni_box h3.open { color: #ccc; background: #242323 url(../images/but_open.gif) no-repeat center right; }
#lcol .vystoupeni_box div { margin: 0 3px; padding: 0 5px 5px 5px; border-left: 1px solid #242323; border-right: 1px solid #242323; border-bottom: 1px solid #242323; width: 480px; }
#lcol .vystoupeni_box p { margin: 0; }
#lcol .vystoupeni_box h3 strong { color: #ccc; margin: 0; }
#lcol .odkazy_box, #lcol .odkazy_box2 { float: left; clear: both; width: 550px; margin: 0 0 13px 0; }
#lcol .odkazy_box p, #lcol .odkazy_box2 p { margin: 0 0 5px 20px; line-height: normal; clear: both; }
#lcol .odkazy_box h3 { background: #192316; color: #339900; font-weight: bold; }
#lcol .odkazy_box2 h3 { background: #302918; color: #cc9900; font-weight: bold; }
#lcol .odkazy_box2 a { color: #cc9900; }
#lcol .odkazy_box2 a:hover { color: #999; }
#lcol #gal_foto { width: 245px; float: left; margin: 0 0 0 30px; _margin-left: 10px; background: url(../images/bg_mid.gif) repeat-y top right; }
#lcol #gal_foto h3 { width: 190px; background: #192316 url(../images/bg_gal_foto.gif) no-repeat center left; color: #339900; padding-left: 35px; margin: 0 0 10px 0; }
#lcol #gal_foto .box { width: 232px; float: left; clear: both; margin: 0 0 10px 0; padding-bottom: 10px; background: url(../images/hr_galerie.gif) no-repeat center bottom; }
#lcol #gal_foto .box h4 { color: #ccc; margin: 0 0 10px 0; }
#lcol #gal_foto .box p { margin: 0; color: #999; }
#lcol #gal_foto .box p strong { color: #666; font-weight: normal; }
#lcol #gal_foto .box p.datum { color: #339900; font-weight: bold; }
#lcol #gal_video { width: 240px; float: left; margin: 0 0 0 10px; }
#lcol #gal_video h3 { width: 190px; background: #302918 url(../images/bg_gal_video.gif) no-repeat center left; color: #c99215; padding-left: 35px; margin: 0 0 10px 0; }
#lcol #gal_video .box { width: 232px; float: left; clear: both; margin: 0 0 10px 0; padding-bottom: 10px; background: url(../images/hr_galerie.gif) no-repeat center bottom; }
#lcol #gal_video .box h4 { color: #ccc; margin: 0 0 10px 0; }
#lcol #gal_video .box p { margin: 0; color: #999; }
#lcol #gal_video .box p strong { color: #666; font-weight: normal; }
#lcol #gal_video .box p.datum { color: #c99215; font-weight: bold; }
#lcol #galerie_box h3 b span { visibility: visible; display: inline; margin-left: 10px; font: normal 11px Tahoma; color: #339900; }
# {  }
# {  }
# {  }
# {  }
# {  }

#rcol { width: 283px; float: left; margin: 11px 0 0 15px; _margin-left: 10px; }
#rcol h2#h_kalendar { background: url(../images/h_kalendar.gif) no-repeat top left; height: 31px; }
#rcol h2#h_posledni { background: url(../images/h_posledni_gal.gif) no-repeat top left; height: 31px; margin-left: 3px; margin-bottom: 5px; }
#rcol h2#h_prihlaseni { background: url(../images/h_prihlaseni.gif) no-repeat top left; height: 31px; margin-left: 3px; }
#rcol h3 { font: normal 12px Tahoma; background: #302918; margin: 0 15px 5px 0; width: 260px; }
#rcol h3.text { background: none; font-weight: bold; margin: 0 0 10px 20px; }
#rcol h3 strong { color: #c99215; }
#rcol p { width: 260px; margin: 2px 5px 10px 8px; }
#rcol a.thumb { float: left; border: 1px solid #4c4c4b; margin: 0 -8px 7px 18px; }
#rcol a:hover.thumb { border: 1px solid #999; }
#rcol a.thumb img { width: 68px; height: 68px; }
#rcol img.hr { clear: both; margin: 5px 0; }
#rcol label { width: 65px; margin: 5px 0 5px 30px; _margin-left: 10px; display: block; float: left; font-weight: bold; color: #999; }
#rcol input { width: 135px; border: 1px solid #666; margin: 0 40px 5px 0; _margin-right: 10px; background: #232323; height: 20px; color: #666; padding: 2px; font: 12px Arial; }
#rcol input:focus { border: 1px solid #999; color: #999; }
#rcol input#login { background: url(../images/bg_login.gif) no-repeat top left; width: 80px; height: 23px; float: right; margin: 5px 43px 10px 0; border: none; }
#rcol form { margin: 0; padding: 0; }

#footer_box { width: 100%; background: url(../images/bg_footer.gif) repeat-x bottom left; height: 112px; float: left; clear: both; margin: 40px 0 0 0; }
#footer_box a.link { margin: 0 0 0 15px; float: left; display: block; }
#footer { width: 755px; margin: 13px 0 0 24px; float: left; clear: both; }
#footer p.valid { margin: 0; float: left; }
#footer p.valid a { color: #999; }
#footer p.valid a:hover { color: #fff; }
#footer p.copyright { float: left; margin: 0 0 0 185px; color: #999; }
#footer a.logo { background: none; float: right; margin: -10px 0 0 10px; }
#footer menu { float: left; margin: 25px 0 0 0; width: 650px; padding: 0; }
#footer menu li { list-style: none; font-size: 10px; display: inline; color: #333; margin: 0 4px; float: left; }
#footer menu li a { color: #333; display: block; text-decoration: underline; }
#footer menu li a:hover { color: #999; text-decoration: none; background: none; }

p p { margin: 0; padding: 0; }
