* { padding: 0; margin: 0; }

body { background: black; color: white; font: 75%/1.5 arial; text-align: center; }
html, body { height: 100%; }

form *, table { font-size: 100%; font-family: arial; }
table th, table td { line-height: 1.5; }

a img { border: none; }
a { color: white; text-decoration: underline; }
a:hover { text-decoration: none; }

.hidden { display: none; }
.clear { clear: both; }
.center { text-align: center; }


/*----------------- stranka ---------------------*/
#gradient { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 324px; background: url('img/gradient.gif') top left repeat-x; z-index: 1; }

#nadobal { min-height: 100%; position: relative; width: 100%; position: relative; z-index: 10; }
#obal { margin: 0 auto; width: 783px; position: relative; z-index: 10; text-align: left; min-height: 100%; }

@media all and (min-width: 0px){ #obal { display: table; } }  /* Opera hack */

#horni-pravy { float: right; display: block; width: 328px; height: 202px; background: url('img/horni-pravy.jpg') top right no-repeat; }
#horni { float: left; display: block; width: 455px; height: 128px; background: url('img/horni.jpg') top left no-repeat; }
h2#petra-polackova { float: left; position: relative; display: block; width: 455px; height: 74px; overflow: hidden;  }
h2#petra-polackova a span { position: absolute; top: 0; left: 0; display: block; width: 455px; height: 74px; cursor: hand; background: url('img/petra-polackova.jpg') top left no-repeat;  }

#menu { float: left; display: block; width: 783px; height: 56px; background: url('img/menu.jpg') top right no-repeat; }
#menu ul { margin: 0; padding: 0; margin: 20px 0 0 0; font-size: 105%; }
#menu ul.leve { float: left; }
#menu ul.prave { float: right; }
#menu ul li { display: inline; margin: 0;}
#menu ul li a { padding: 5px 6px 5px 6px; text-decoration: none; color: #EDBBC0; }
#menu ul li.prvni a { padding-left: 2px; }
#menu ul li.posledni a { margin-right: 33px; }
#menu ul li a:hover { color: white; }

/*----------------- content ---------------------*/
#content { float: left; width: 444px; padding: 10px 10px 70px 0; height: auto; }

#content h1 { text-align: left; font-size: 150%; color: #FC7500; margin: 5px 5px 10px 0; }
#content h2 { text-align: left; font-size: 130%; color: #FC7500; margin: 18px 5px 0 0; }
#content h3 { font-weight: bold; font-size: 100%; color: #FC7500; margin: 8px 0 2px 0; }

#content .separator { display: block; width: 444px; height: 1px; background: url('img/separator.gif') top left repeat-x; margin: 10px 0; }
#content p { line-height: 1.7em; text-align: justify; }
#content strong.archiv { font-weight: normal; width: 100%; margin-top: 5px; text-align: right; display: block; }
#content strong.archiv a { color: #FC7500; }

#content ul { margin: 0 0 0 20px; }
#content ol { margin: 0 0 0 20px; }

#content table { width: 100%; }
#content table tr td { Vertical-align: top; }

#content a.fotogalerie { margin: 0 5px 0 0; }
#content a.fotogalerie img { margin: 1px 0 2px 0; }

#content h1#hodkazy { margin-left: 2px; }
#content table.odkazy tr td { padding: 0 5px 3px 0; }
#content table.odkazy tr td.odnad { padding: 0 5px 2px 0;  }
#content table.odkazy tr td.odnad a { color: #FC7500; }

#content table.repertoar tr td { padding: 0 1px; }
#content table.repertoar tr td.autor span { display: block; }
#content table.repertoar tr td ul, #content table.repertoar tr td ol { font-style: italic; margin: 0 0 0 30px; }

/*----------------- pravy ---------------------*/

#pravy { float: right; width: 328px; padding: 0 0 60px 0; margin: 0; }
#pravy h3#pravy-nadpis { font-size: 100%; height: 21px; display: block;  color: #FC7500; padding: 77px 0 0 18px; margin: 0; background: url('img/pravy.jpg') top right no-repeat; }
#pravy .koncert { border: 1px solid #67261A; margin: 0 10px 8px 10px; width: 300px; padding: 8px; background: #3A000E; color: #BE797F; line-height: 1.7em; font-size: 100%; }
#pravy .koncert.last { margin-bottom: 0; }
#pravy .koncert .datum { color: #FC7500; display: block; }
#pravy #pravy-spodni { height: 44px; padding: 3px 0 0 18px; color: #FC7500; font-weight: bold; display: block; margin: 0; background: url('img/pravy-spodni.gif') top right no-repeat; }
#pravy #pravy-spodni a { text-decoration: underline; color: #FC7500; }
#pravy #pravy-spodni a:hover { text-decoration: none; }

/*----------------- paticka ---------------------*/
#pata { width: 100%; height: 60px; z-index: 10; display: block; position: absolute; left: 0; bottom: 0; color: #BE797F; background: url('img/spodni-gradient.gif') bottom left repeat-x; }
#pata a { color: #BE797F; }
#pata strong { font-weight: normal; text-align: center; display: block; width: 100%; height: 16px; position: absolute; top: 19px; left: 0; }
#pata #podpata { color: #762C3E; font-size: 90%; font-weight: normal; text-align: center; display: absolute; width: 100%; position: absolute; top: 38px; left: 0; }
#pata #podpata a { color: #762C3E; }