body { margin: 0; text-align: left; background: #222 url('../img/bg.png') repeat-x; font: .8em Verdana, sans-serif; color: black; }


a { text-decoration: underline; color: black; }
a:hover { text-decoration: none; }

img { display: inline; vertical-align: middle; border: 0; text-decoration: none; }

h1, h2, h3, h4 { font: 1.3em Verdana, sans-serif; font-weight: bold; color: #7B0810; margin: 0 0 10px 0; padding: 5px; text-align: left; }
h2  { font-size: 1.1em; }
h3 { font-size: 1.0em; }

h1 { margin: 0 0 15px 30px; border-bottom: 2px dotted #FEE800; width: 790px; display: block; }
h1 span { font-size: .8em; color: #666; }


table { border: 0; margin: 0 auto 30px auto; }
table.muzikanti td { padding: 5px; text-align: center; width: 140px; border: 1px solid #F0ECE0; background: #F9F9F9; font-weight: bold; }
table.muzikanti td.nobg { background: white; border: 0; }
table.muzikanti td div { color: #999; display: block; font-style: italic; font-weight: normal; }

table.repertoar { margin-bottom: 20px; }
table.repertoar tr.tits { font-weight: bold; }
table.repertoar td { width: 170px; padding: 3px; text-align: center; border: 1px solid #F0ECE0; }
table.repertoar td.sng { width: 200px; }

table.formular { border: 0; margin-left: 30px; width: 50%; }


p { margin: 0; padding: 0 0 15px 5px; line-height: 1.8em; }
.right { text-align: right; }
span.red { color:red; font-weight: bold; }

#layout { margin: 0 auto; width: 860px; }
#container { float: left; width: 860px; margin-top: 40px; }


#tHeader, #header { margin: 0; float: left; width: 860px; height: 29px; background: url('../img/corners.png') no-repeat; }
#header { height: 141px; background: white url('../img/header.png') no-repeat; }

a#logo { float: left; width: 200px; height: 85px; margin: 30px 0 0 60px; }
/*a#logo .hid { visibility: hidden; }
a#logo:hover .hid { visibility: visible; }
a#logo .hid { display: none; }
a#logo:hover .hid { display: block; }
*/

#menu { float: left; width: 860px; background: white url('../img/shadow.png') no-repeat center 31px; padding-bottom: 25px; }
#menu ul { float: left; margin: 0 0 0 30px; width: 800px; background: url('../img/menu.png') repeat-x; padding: 0; list-style-type: none; border-top: 1px solid #D3D2D2; border-bottom: 2px solid #FEE800; }
#menu ul li, #menu ul li.f, #menu ul li.l { float: left; border-left: 1px solid #D3D2D2; border-right: 1px solid white; border-bottom: 1px solid white; }
#menu ul li a { float: left; padding: 7px 10px 7px 10px; color: #666; font-size: 12px; font-weight: bold; text-decoration: none;  }
#menu ul li a:hover { color: #7B0810; }
#menu ul li:hover { background: white; }
#menu ul li.f { border-left: 0; }
#menu ul li.l { height: 28px; padding: 0; border-right: 0; }

#content { float: left; margin: 0; padding: 0 0 20px 0; width: 860px; background: white; }


#text ul { margin-left: 20px; }
#text ul li { list-style-type: disc; }

.l-box { float: left; width: 480px; padding: 0; margin-left: 40px; }
.r-box { float: right; width: 250px; border: 1px solid #F0ECE0; padding: 10px; margin: 0 40px 10px 10px; background: #F9F9F9; }

.c-box { float: left; width: 780px; padding: 10px; margin-left: 30px; }

#fb { float: left; width: 830px; padding-left: 30px; background-color: white; }

.pict { float: right; margin: 10px; }
.homepict { float: right; margin: 0 40px 0 0; }

#footer { float: left; width: 860px; height: 72px; margin: 0 0 40px 0; background: url('../img/footer.png') no-repeat top; }
#footer div { margin: 0 0 0 170px; font-size: 11px; color: block; font-weight: bold; line-height: 2.2em; background-color: white; }