* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #4A0400; color: white; }
img { border: none; }
a { text-decoration: none; color: #922300; }

.cistic { height: 0; overflow: hidden; clear: both; }

hr { border: none; background: url(design/line.gif) repeat-x top; margin: 15px 0; clear: both; height: 1px; }

.body-h { background: url(design/back-h.gif) repeat-x; }
.body-v { background: url(design/back-v.gif) repeat-y; }
.body { background: url(design/back.png) no-repeat; min-height: 1000px; _height: 1000px; border: 1px solid black; }

#head { height: 230px; overflow: hidden; }
#head .lang { height: 25px; margin-top: 25px; text-align: right; width: 910px; }
#head .lang a { margin-left: 10px; } 
#head a.home { margin: 10px 0 0 700px; display: block; width: 210px; height: 125px; }

#menu { margin: 0 40px; height: 31px; text-align: right; padding-left: 50px; width: 890px;}
#menu ul li { list-style: none; display: inline; }
#menu ul li a { color: white; height: 31px; line-height: 31px; width: 89px; background: url(design/menu.gif) no-repeat; display: block; float: left; text-align: center; margin-right: 2px; font-weight: bold; }
#menu ul li.last a { margin-left: 10px; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li a.act { background-image: url(design/menu-act.gif); color: black; }

#main { margin: 0 40px; background: #D0D0D0 url(design/main.gif) repeat-x; color: #555; width: 890px; padding: 15px 0; }
.main-2 { background: url(design/main-2.gif) repeat-y; min-height: 570px; }
.main-3 { background: url(design/main-3.gif) repeat-y; min-height: 570px; }
.main-top { height: 15px; margin: 0 40px; width: 890px; overflow: hidden; background: url(design/main-top.gif) no-repeat; }  
.main-bottom { height: 15px; margin: 0 40px; width: 890px; overflow: hidden; background: url(design/main-bottom.gif) no-repeat; }  

#foot { margin: 15px 40px; color: #D0D0D0; text-align: right; width: 860px; padding: 0 15px; font-size: 11px; }
#foot span { float: left; } 
#foot a { color: white; }

#left { margin: 0 15px; width: 140px; float: left; }
#right { float: left; width: 680px; margin: 0 20px; }
#novinky { width: 195px; float: right; margin-right: 15px; } 

#left ul.submenu { margin: 0 0 20px 0; }
#left ul.submenu li { list-style: none; padding: 8px 0; background: url(design/line.gif) repeat-x bottom; }
#left ul.submenu li.last { background: none; }
#left ul.submenu li a:hover, #left ul.submenu li a.act { color: #F08800; }
#left .koncerty { font-size: 11px; margin-bottom: 15px; }
#left .koncerty p { margin-bottom: 15px; line-height: 1.5em; }
#left .koncerty span.dt { color: #F08800; font-weight: bold; }
#left .koncerty span.misto { color: #922300; font-weight: bold; }
#left .facebook { margin-top: 20px; }
#left table.calendar { width: 140px; margin-bottom: 15px; }
#left table.calendar td { padding: 0; background: #EDEDE9; text-align: center; line-height: 15px; color: black; }
#left table.calendar td a { color: black; }
#left table.calendar td.day6, #left table.calendar td.day5 { background: #E2BEA7; }
#left table.calendar td.nic { background: transparent; } 
#left table.calendar tr.head th { background: #922300 url(design/calendar-head.gif) repeat-x; color: white; line-height: 20px; font-weight: bold; }
#left table.calendar td.data { background: #F08800; }
  

#right.title { width: 460px; } 
#right ul { margin-left: 20px; margin-bottom: 15px; }
#right ul li.level-1 { margin-left: 20px; }
#right ul li.level-2 { margin-left: 40px; }
#right h1 { color: #922300; font-size: 15px; margin-bottom: 15px; }
#right h2 { color: #922300; font-size: 13px; margin-bottom: 15px; }
#right h3 { color: #922300; font-size: 12px; margin-bottom: 15px; }
#right p { margin-bottom: 15px; line-height: 1.5em; }
#right p.date { color: #F08800; margin-bottom: 0; }
#right img { margin: 0 5px 10px 5px; padding: 5px; background: white; border: 1px solid #CCC; }
#right.title img { margin: 0; padding: 0; border: none; }

#path { line-height: 31px; background: url(design/line.gif) repeat-x bottom; margin-bottom: 15px; }

#novinky h2 { color: black; font-size: 12px; }
#novinky p { font-size: 11px; line-height: 1.5em; }
#novinky p.date { color: #F08800; }
#novinky div.more { text-align: right; margin-bottom: 15px; font-size: 11px; }
#right h2.clanek-nadpis { margin-bottom: 5px; margin-top: 20px; }

#right .koncert { margin-top: 10px; border: 1px solid transparent; }  
#right .koncert .dt { width: 60px; height: 60px; float: left; background: white; margin: 0 10px 1px 0; text-align: center; padding: 5px 0; border: 1px solid #888; color: #922300; }
#right .koncert .dt strong { font-size: 24px; font-weight: bold; }
#right .koncert p { padding-top: 5px; }
#right .koncert p strong { color: #922300; }
#right .kon-aktualni .dt { background: #922300; color: white; }  

#galerie a img { border: none; padding: 0; margin: 0; }
#galerie a.kat { height: 126px; padding: 5px; margin: 0 10px 10px 0; float: left; text-align: center; border: 1px solid #CCC; background: white; overflow:hidden; font-size: 11px; overflow: hidden;}
#galerie a.thickbox { float: left; margin: 0 10px 10px 0; width: auto; border: 1px solid #CCC; background: white; padding: 5px; position: relative; }
#galerie a span.play { top: 4px; left: 3px; position: absolute; background: url(design/play.png) no-repeat; width: 32px; height: 32px; }  

#right .album img { border: none; float: left; padding: 0; margin: 0 5px 0 0; }
#right .album .popis { float: left; width: 335px; margin-right: 10px; }
#right .album .mp3 .img { margin-bottom: 20px; } 
#right .album .mp3 { float: left; width: 335px; }
#right .album .mp3 object { margin-bottom: 10px; }
  
#mapa { width: 680px; height: 600px; }
#right #mapa img { margin: 0; background: transparent; border: none; padding: 0; }