body {margin:0; padding:0; color:black;
      font-family:Verdana, Arial, Courier, sans-serif; 
      background:#1D2A4D url(pozadi.jpg) no-repeat scroll center top;}

/* Hlavni blok */
#main {width:900px; margin:10px auto 0; padding:0; background-color:white;}

/*************** Hlavicka ****************/
#head             {height:290px; background:#224771 url(hlavicka.jpg) no-repeat scroll left top;}
#head h1          {margin:0; padding:6px 0 0 16px;}
#head h1 a        {color:white; font-size:30px; text-decoration:none; letter-spacing:-3px; font-weight: normal;}
#head h1 a strong {font-weight: bold; letter-spacing:-2px;}
#head h1 a span   {cursor:hand; display:block; height:60px; width:210px; position:relative; top:-44px; left:-16px;
                   background: transparent url(hlavicka.jpg) no-repeat scroll 0px 0px;}



/************* Stredni cast **************/
#middle    {background: white url(pozadi_text.jpg) no-repeat scroll left top; padding-top:40px; }

#sloupec   {width:260px; float:left; padding:0 0 0 20px; padding-bottom:50px;}
#text      {width:570px; float:left; margin:0 0 0 30px; padding-bottom:50px;}

/* Menu */
#menu      {padding:0; margin:0; font-size: 80%; line-height:30px; width:260px;
            background:#D6E8F4 url(pozadi_menu.jpg) no-repeat scroll left top;}

#menu li   {list-style:none; }

#menu li a {color:#151E42; text-decoration:none; cursor:hand; display:block; height:30px; text-indent:40px;
            background: transparent url(odrazka_menu.gif) no-repeat scroll left top;}


#menu li.submenu {background: transparent url(odrazka_vice.gif) no-repeat scroll 245px center;}

#menu li:hover         {background-color:#053D61; }
#menu li:hover a       {color:white; background-position:left center;}


#menu #menu-active a       {color:#116499; background-position:left bottom;}
#menu #menu-active:hover a {color:white;   background-position:left center;}


#menu ul            {position:absolute; left:280px; margin:-30px 0 0 0; width:260px; padding:0;}
#menu ul li         {list-style:none; height:30px; overflow:hidden; background-color: #116499; }
#menu ul a          {color:white; background:transparent url(odrazka_vice.gif) no-repeat scroll 10px center !important;
                     height:28px; border-top:1px solid #3584B7; border-bottom:1px solid #08466E;}
#menu ul li:hover   {background-color: #053D61;}

#menu ul                  {display:none;}
#menu li.submenu:hover ul {display:block;}



/* Paletky */
.paletka                  {margin-top:30px; padding-bottom:15px; background: #EDE8D4 url(paletka_pozadi.jpg) no-repeat scroll left 40px; clear:both;}
.paletka h3               {height:40px; line-height:40px; margin:0; padding:0; text-indent:40px; color:white; font-weight: normal; font-size:16px;
                           background:#563920 url(paletka_hlavicka.gif) no-repeat scroll left top;}
.paletka h4               {margin:17px 0 0 10px; font-size:80%;}
.paletka h4 a             {color:#116499; }
.paletka p                {margin:0 10px; padding:13px 0 0 0; font-size:75%;}
.paletka p.paletka-vice   {padding-bottom:5px; text-indent:18px; background: transparent url(odrazka_vice_hneda.gif) no-repeat scroll left 15px;}
.paletka p.paletka-vice a {color: #116499;}
.paletka a:hover          {text-decoration: none;}



/* Text */
#text                    {margin-bottom:50px;}
#text .zprava            {margin:0; padding:0 0 20px 0;}
#text .zprava img        {float:left; margin:0 5px 10px 0;}
#text .zprava p.odkaz-cela-zprava a {clear:both; display:block; color: #116499; text-indent:20px; background: transparent url(odrazka_vice.gif) no-repeat scroll 5px 4px;}
#text .zprava p.odkaz-cela-zprava a:hover {text-decoration: none;}

#zpravy-navigace         {clear:both; padding:20px 0 20px 0; font-size:80%;}
#zpravy-navigace span    {padding:0 5px; background: transparent url(listovani_oddelovac.gif) no-repeat scroll center 5px;}
#zpravy-navigace a       {color: #116499; font-weight: normal;}
#zpravy-navigace a:hover {text-decoration: none;}
.zpravy-navigace-zpet    {padding-left:20px;background: transparent url(odrazka_zpet.gif) no-repeat scroll 3px 5px;}
.zpravy-navigace-vpred   {padding-right:17px;background: transparent url(odrazka_vice.gif) no-repeat scroll right 5px;}


#text h2         {margin:0; padding:0; color:#7B4728; font-weight: normal; font-size:30px; clear:both}
#text h3         {color:#151E42; margin:15px 0 5px 0; padding:0; color:#151E42; font-weight: normal; font-size:18px; clear:both}
#text h4         {color:#151E42; margin:2px 0 5px 0; padding:0; color:#151E42; font-weight: normal; font-size:17px;}
#text h3 a       {color:#151E42; font-weight: normal;}
#text h3 a:hover {text-decoration:none;}
#text p          {text-align: justify;}
#text p,table    {font-size:80%; margin:0; padding-bottom:10px;}
#text a          {color:#116499; font-weight: bold;}
#text iframe     {float:left; margin: 0 15px 35px 0;}
#text a img        {border:2px solid gray; text-decoration: none;}
#text a:hover img   {border-color:silver;}

#text form td    {vertical-align:top; padding-top:10px;}
#text label      {padding-right:10px;}


#text .kontakt {margin-left: 30px;}
#text .mezera  {margin-bottom:20px;}

.wallpaper   {clear:both; padding-top:30px;}
.wallpaper a {float:left; width:160px; display:block;}
.wallpaper div {float:left; width:300px; padding-left:30px;}
.wallpaper div h3 {padding:0; margin:0 0 10px 0 !important;}
.wallpaper div a {font-size:12px;}

.diskografie img {float:left; margin-right:20px;}
.diskografie table {margin-bottom:30px;}

.obraz {float:left;margin:5px 7px; height:120px; width:160px; text-align:center !important;}


.obr-right {float:right !important;margin:0 0 10px 10px !important;}
.obr-left  {float:left !important;margin:0 10px 10px 0 !important;}

.kapela {margin-top:20px; clear:both;}
.kapela img {float:left; width:150px; margin:0 30px 30px 0;}
.kapela h3 {float:left; width:300px; clear:none !important;}
.kapela p {float:left; width:300px;}

.vystoupeni {width:500px; background-color:#FCF9F2; margin-bottom:20px; padding:0;}
.vystoupeni td {padding:0 5px;}
.vystoupeni .w {background-color: #EDE8D4;}



/**************** Paticka ****************/
.clear        {clear:both;} /* clear:both v pomocnem bloku kvuli metode paticky vzdy dole */
#foot         {width:900px; text-align:right; height:50px; line-height:50px; background-color:#F9F9F6;
               font-size: 80%; font-family: "Trebuchet MS", Trebuchet, "Arial CE", sans-serif;}
#foot a       {color:black; margin-right:30px;}
#foot a:hover {text-decoration:none;}
#gap          {height:10px;}

/* paticka vzdy dole */
html, body {height:100%;}
#main      {min-height:97%; height:97%; position:relative;}
body>#main {height:auto;}
#foot      {overflow:hidden; position:absolute; bottom:0; right:0;}