* { box-sizing: border-box; -moz-box-sizing: border-box }
HTML, BODY  { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: auto; scrollbar-base-color: #D3D0D0 }
BODY { text-align: center; color: #000; background-color: #787878 }
BODY, TD, TH { font-size: 79% }
BODY, A, P, TD, TH, H1, H2, H3, H4, TEXTAREA { font-family: Arial, Verdana, Helvetica, sans-serif }
H1, H2, H3, H4 { font-weight: bold; color: #222 }
H1 { font-size: 150%; text-align: left; padding: 0em; margin: 0em }
H2 { font-size: 120%; text-align: left; padding: 0.2em 0em 0.7em 0em; margin: 0em }
H3 { font-size: 150%; text-align: center; padding: 0em; margin: 0em }
H4 { font-size: 130%; text-align: left; padding: 0em; margin: 0em }
A { text-decoration: none; color: #000; cursor: hand }
A:link, A:visited, A:active { text-decoration: underline; color: #000}
A:hover { text-decoration: underline; color: #A00 }
A IMG { border: none }
P { margin: 1em 0em 1em 0em; padding: 0em; text-align: justify }
FORM { margin: 0px; padding: 0px }
HR { height: 0px; color: #000; border-bottom: 1px solid #000; border-top: none; border-left: none; border-right: none }

.first { margin-top: 0em }

#clenoveUL { padding: 0px 0px 0px 16px; margin: 2em 0em 2em 0em }
#clenoveUL LI { padding: 0.2em 0em 0.2em 0em }

#centerDIV1 { display: table; width: 100%; height: 100%; _width: expression( document.body.clientWidth <= 890 ? "890px" : "100%"); _height: expression( document.body.clientHeight <= 550 ? "550px" : "100%"); _width: ; overflow: hidden; _position: relative; }
#centerDIV2 { display: table-cell; width: 100%; text-align: center; vertical-align: middle; _vertical-align: ; _position: relative; _top: 50%; _left: 0px }
#centerDIV3 {  width: 890px; height: 550px; margin: 0px auto; padding: 0px; _position: relative; _top: -50%; background-color: #FFF }
#border { margin: 0px; padding: 0px; border: 5px solid #D3D0D0 }
#page { position: relative; width: 880px; height: 540px; margin: 0px; padding: 0px; overflow: hidden }
#top { position: absolute; left: 0px; top: 0px; width: 100%; height: 159px; background-color: #BCC6DB; overflow: hidden }
#topAlt { position: absolute; left: 265px; top: 40px }
#topImg { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("obr/top-bg.jpg") no-repeat }
#left { position: absolute; left: 0px; top: 159px; width: 240px; height: 381px; background: #BCC6DB url("obr/left-bg.jpg") no-repeat; overflow: hidden }
#contentEnv1 { position: absolute; right: 0px; bottom: 0px; width: 640px; height: 381px; margin: 0px; padding: 0px; overflow: auto; text-align: left }
#contentEnv2 { position: relative; width: 525px; margin: 0px 0px 0px 50px; padding: 25px 0px }
#content { position: relative; margin: 0px; padding: 0px }
#contentWhiteTop { background-color: #FFF; position: absolute; left: 240px; top: 159px; width: 610px; height: 25px }
#contentWhiteBottom { background-color: #FFF; position: absolute; left: 240px; bottom: 0px; width: 610px; height: 25px }
#menuEnv { position: absolute; left: 240px; top: 139px; width: 640px }
.menu { position: absolute; height: 19px; line-height: 19px; overflow: hidden; text-align: center }
.menu A, .subMenuItem A { text-decoration: none; color: #000; cursor: hand }
.menu A:link, .menu A:visited, .menu A:active, .subMenuItem A:link, .subMenuItem A:visited, .subMenuItem A:active { text-decoration: none; color: #000 }
.menu A:hover, .subMenuItem A:hover { font-weight: bold; text-decoration: none; color: #000 }
.menu SPAN, .menu DIV { position: absolute; left: 0px; top: 0px;  height: 19px; overflow: hidden }
.menu SPAN, .subMenu SPAN { display: block }
.menu .sp1, .subMenuItem .sp1 { visibility: visible }
.menu .sp2, .subMenuItem .sp2 { visibility: hidden }
.menu A:hover .sp1, .subMenuItem A:hover .sp1 { visibility: hidden }
.menu A:hover .sp2, .subMenuItem A:hover .sp2 { visibility: visible }

#subMenuEnv { position: relative; top: 80px; width: 525px; height: 163px; margin: 0px auto }
.subMenuItem { position: absolute; width: 175px; height: 100%; text-align: center }
.subMenuTitle { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 23px }
.subMenu { position: relative; height: 25px; line-height: 25px; overflow: hidden; text-align: center; margin: 0px auto; font-size: 150% }
.subMenu SPAN, .subMenu DIV { position: absolute; left: 0px; top: 0px; height: 23px }

#zpet { position: absolute; right: 0px; top: 0px }

#profilICO { margin: 0px auto; width: 120px; height: 140px; background: url("obr/profil-ico.jpg") no-repeat }
#clenoveICO { margin: 0px auto; width: 117px; height: 140px; background: url("obr/clenove-ico.jpg") no-repeat }
#vybaveniICO { margin: 0px auto; width: 98px; height: 140px; background: url("obr/vybaveni-ico.jpg") no-repeat }

#profil { width: 161px; height: 23px }
#profil .sp1 { width: 161px; height: 23px; background: url("obr/profil.gif") no-repeat }
#profil .sp2 { width: 161px; height: 23px; background: url("obr/profil-hi.gif") no-repeat }

#clenove { width: 105px; height: 23px }
#clenove .sp1 { width: 105px; height: 23px; background: url("obr/clenove.gif") no-repeat }
#clenove .sp2 { width: 105px; height: 23px; background: url("obr/clenove-hi.gif") no-repeat }

#vybaveni { width: 104px; height: 23px }
#vybaveni .sp1 { width: 104px; height: 23px; background: url("obr/vybaveni.gif") no-repeat }
#vybaveni .sp2 { width: 104px; height: 23px; background: url("obr/vybaveni-hi.gif") no-repeat }

#oNas { width: 61px; left: 14px }
#oNas .sp1 { width: 61px; height: 19px; background: url("obr/o-nas.gif") no-repeat }
#oNas .sp2 { width: 61px; height: 19px; background: url("obr/o-nas-hi.gif") no-repeat }

#nabidka { width: 78px; left: 75px }
#nabidka .sp1 { width: 78px; height: 19px; background: url("obr/nabidka.gif") no-repeat }
#nabidka .sp2 { width: 78px; height: 19px; background: url("obr/nabidka-hi.gif") no-repeat }

#foto { width: 53px; left: 153px }
#foto .sp1 { width: 53px; height: 19px; background: url("obr/foto.gif") no-repeat }
#foto .sp2 { width: 53px; height: 19px; background: url("obr/foto-hi.gif") no-repeat }

#ukazky { width: 72px; left: 206px }
#ukazky .sp1 { width: 72px; height: 19px; background: url("obr/ukazky.gif") no-repeat }
#ukazky .sp2 { width: 72px; height: 19px; background: url("obr/ukazky-hi.gif") no-repeat }

#reference { width: 98px; left: 278px }
#reference .sp1 { width: 98px; height: 19px; background: url("obr/reference.gif") no-repeat }
#reference .sp2 { width: 98px; height: 19px; background: url("obr/reference-hi.gif") no-repeat }

#koncerty { width: 90px; left: 376px }
#koncerty .sp1 { width: 90px; height: 19px; background: url("obr/koncerty.gif") no-repeat }
#koncerty .sp2 { width: 90px; height: 19px; background: url("obr/koncerty-hi.gif") no-repeat }

#patyElement { width: 128px; left: 466px }
#patyElement .sp1 { width: 128px; height: 19px; background: url("obr/paty-element.gif") no-repeat }
#patyElement .sp2 { width: 128px; height: 19px; background: url("obr/paty-element-hi.gif") no-repeat }

#vlajkaCZ { width: 26px; left: 614px }
#vlajkaCZ .sp1 { width: 26px; height: 19px; background: url("obr/vlajkaCZ.gif") no-repeat }
#vlajkaCZ .sp2 { width: 26px; height: 19px; background: url("obr/vlajkaCZ-hi.gif") no-repeat }

#obalkaKontaktEnv { left: 84px; top: 280px; width: 72px; height: 69px }
#obalkaKontaktEnvEn { left: 78px; top: 280px; width: 84px; height: 69px }
#obalka { left: 0px; top: 0px; width: 100%; height: 50px; background: url("obr/obalka.gif") center top no-repeat }

#kontakt { width: 72px; left: 0px; top: 40px }
#kontakt .sp1 { width: 72px; height: 19px; background: url("obr/kontakt.gif") no-repeat }
#kontakt .sp2 { width: 72px; height: 19px; background: url("obr/kontakt-hi.gif") no-repeat }

#vzkazy { width: 72px; left: 84px; top: 345px }
#vzkazy .sp1 { width: 72px; height: 19px; background: url("obr/vzkazy.gif") no-repeat }
#vzkazy .sp2 { width: 72px; height: 19px; background: url("obr/vzkazy-hi.gif") no-repeat }

#profile { width: 140px; height: 23px }
#profile .sp1 { width: 140px; height: 23px; background: url("obr/profile.gif") no-repeat }
#profile .sp2 { width: 140px; height: 23px; background: url("obr/profile-hi.gif") no-repeat }

#members { width: 99px; height: 23px }
#members .sp1 { width: 99px; height: 23px; background: url("obr/members.gif") no-repeat }
#members .sp2 { width: 99px; height: 23px; background: url("obr/members-hi.gif") no-repeat }

#equipment { width: 115px; height: 23px }
#equipment .sp1 { width: 115px; height: 23px; background: url("obr/equipment.gif") no-repeat }
#equipment .sp2 { width: 115px; height: 23px; background: url("obr/equipment-hi.gif") no-repeat }

#aboutUs { width: 77px; left: 20px }
#aboutUs .sp1 { width: 77px; height: 19px; background: url("obr/about-us.gif") no-repeat }
#aboutUs .sp2 { width: 77px; height: 19px; background: url("obr/about-us-hi.gif") no-repeat }

#shows { width: 90px; left: 97px }
#shows .sp1 { width: 90px; height: 19px; background: url("obr/the-shows.gif") no-repeat }
#shows .sp2 { width: 90px; height: 19px; background: url("obr/the-shows-hi.gif") no-repeat }

#photos { width: 66px; left: 187px }
#photos .sp1 { width: 66px; height: 19px; background: url("obr/photos.gif") no-repeat }
#photos .sp2 { width: 66px; height: 19px; background: url("obr/photos-hi.gif") no-repeat }

#samples { width: 73px; left: 253px }
#samples .sp1 { width: 73px; height: 19px; background: url("obr/samples.gif") no-repeat }
#samples .sp2 { width: 73px; height: 19px; background: url("obr/samples-hi.gif") no-repeat }

#references { width: 100px; left: 326px }
#references .sp1 { width: 100px; height: 19px; background: url("obr/references.gif") no-repeat }
#references .sp2 { width: 100px; height: 19px; background: url("obr/references-hi.gif") no-repeat }

#gigs { width: 43px; left: 426px }
#gigs .sp1 { width: 43px; height: 19px; background: url("obr/gigs.gif") no-repeat }
#gigs .sp2 { width: 43px; height: 19px; background: url("obr/gigs-hi.gif") no-repeat }

#fifthElement { width: 120px; left: 469px }
#fifthElement .sp1 { width: 120px; height: 19px; background: url("obr/5th-element.gif") no-repeat }
#fifthElement .sp2 { width: 120px; height: 19px; background: url("obr/5th-element-hi.gif") no-repeat }

#vlajkaEN { width: 26px; left: 614px }
#vlajkaEN .sp1 { width: 26px; height: 19px; background: url("obr/vlajkaEN.gif") no-repeat }
#vlajkaEN .sp2 { width: 26px; height: 19px; background: url("obr/vlajkaEN-hi.gif") no-repeat }

#contact { width: 84px; left: 0px; top: 40px }
#contact .sp1 { width: 84px; height: 19px; background: url("obr/contact.gif") no-repeat }
#contact .sp2 { width: 84px; height: 19px; background: url("obr/contact-hi.gif") no-repeat }

#messages { width: 84px; left: 78px; top: 345px }
#messages .sp1 { width: 84px; height: 19px; background: url("obr/messages.gif") no-repeat }
#messages .sp2 { width: 84px; height: 19px; background: url("obr/messages-hi.gif") no-repeat }

#aktuality { position: absolute; left: 5px; top: 165px; height: 40px; width: 230px }
#aktualityEnv { position: relative; width: 100%; height: 40px; overflow: hidden }

#insertMsgEnv { position: relative; width: 450px; height: 210px; margin: 0px; padding: 0px }
#insertMsgBorder { border: 1px solid #000; margin: 0px; padding: 0px }
#insertMsg { height: 208px; background-color: #EEE; font-size: 12px }
#insertMsg SPAN { position: absolute }
.fItemEnv { position: absolute; height: 17px; margin: 0px; padding: 0px }
.fItemBorder { border: 1px solid #000; margin: 0px; padding: 0px }
.fText, .fButton { position: relative; height: 15px }
.fText INPUT, .fButton INPUT { position: absolute; left: 0px; top: 0px; height: 100%; margin: 0px; border: none; background-color: #D3D0D0; color: #000; font-size: 12px }
.fText TEXTAREA { position: absolute; left: 0px; top: 0px; height: 100%; border: none; background-color: #D3D0D0; color: #000; font-size: 12px }
.fButton INPUT { cursor: hand }
.partFindEnv { position: relative; width: 100%; min-height: 17px; _height: 17px; line-height: 17px; font-size: 12px }
.part { position: absolute; right: 0px; top: 0px }
.part A { text-decoration: none; color: #000; cursor: hand }
.part A:link, .part A:visited, .part A:active { text-decoration: none; color: #000 }
.part A:hover { font-weight: bold; text-decoration: none; color: #000 }

.tabulkaKoncerty { width: 100% }
.tabulkaKoncerty TD { vertical-align: top; padding-right: 0.5em }
.tabulkaKoncerty TH { height: 17px; text-align: left }

.BRSmall { font: 4px/4px Arial }

#uvodniFotkaEnv { position: relative; top: 35px }

.nastroj { position: relative; width: 515px; min-height: 100px; _height: 100px; padding-left: 140px; overflow: visible; text-align: left }
.nastrojFoto { position: absolute; left: 0px; top: 0px; width: 130px; height: 100px }
.nastroj DIV { position: relative; left: 10px; top: 0px }
.nastroj DIV SPAN { position: absolute; left: -10px; top: 0px }
#Ludwig { background: url("obr/nastroje/Ludwig.gif") no-repeat }
#Gretsch { background: url("obr/nastroje/Gretsch-Country-Classic.gif") no-repeat }
#Rick12 { background: url("obr/nastroje/Rickenbacker-360-12.gif") no-repeat }
#Rick6 { background: url("obr/nastroje/Rickenbacker-325.gif") no-repeat }
#Hofner { background: url("obr/nastroje/Hofner.gif") no-repeat }
#Epiphone { background: url("obr/nastroje/Epiphone-John-Lennon.gif") no-repeat }
#Casino { background: url("obr/nastroje/Casino.gif") no-repeat }
#Hoyer { background: url("obr/nastroje/Hoyer.gif") no-repeat }
#Sheraton { background: url("obr/nastroje/Sheraton.gif") no-repeat }
#Jolana { background: url("obr/nastroje/Rickenbacker-4001.gif") no-repeat }
#Rocky { background: url("obr/nastroje/Rocky.gif") no-repeat }
#Epiphone-EJ200 { background: url("obr/nastroje/Epiphone-EJ200.gif") no-repeat }

.play { background: url("obr/play.gif") left center no-repeat; padding-left: 20px }
#player { background-color: #BCC6DB; width: 100%; height: 100%; overflow: auto; text-align: justify; margin: 0px; padding: 0px 20px 0px 40px }

#nova-celebrity { float: right; display: block; padding-top: 5px; padding-left: 1.2em; height: 148px; width: 200px; overflow: hidden }
#nova-tv { float: left; display: block; padding-top: 0.7em; padding-right: 1.2em; height: 150px; width: 200px; overflow: hidden }
#cztv { float: left; display: block; padding-top: 5px; padding-right: 1.2em; height: 168px; width: 230px; overflow: hidden }
#miss { float: left; display: block; padding-right: 1.2em; height: 170px; width: 128px; overflow: hidden }
#Horst { float: right; display: block; padding-top: 10px; padding-left: 10px; height: 150px; width: 114px; overflow: hidden; text-indent: 0px }
#templeBar { float: left; clear: both; display: block; padding-top: 10px; padding-right: 12px; height: 174px; width: 244px; overflow: hidden }
#barLive { float: right;  clear: both; display: block; padding-top: 10px; padding-left: 12px; height: 174px; width: 238px; overflow: hidden }

#counter { display: none }