body {margin:0; padding:0; font-family: "Trebuchet MS", Trebuchet, "Arial CE", sans-serif; color:black;
      background: #F4B124 url(bgr.jpg) repeat-x scroll center top; font-size:80%;}
      
#main {width:900px; margin: 0 auto; padding:0; background-color: white;}


/*************** Hlavicka ****************/
#head {height:278px; background: white url(hlavicka.jpg) no-repeat scroll left top; z-index:100; position:relative;}

#logo   {float:left; padding:75px 15px 0 28px;}
#logo a {display:block; width:103px; height:138px;}

#head h2         {float:left; margin:70px 0 0 0; padding:0; line-height:34px; height:66px; width:350px; overflow:hidden;}
#head h2 a       {display:block;font-size:40px; text-decoration:none; color:black; padding:0; margin:0;}
#head h2 a:hover {text-decoration:none; }
#head h2 a small {font-size:26px; display:block;}
#head h2 a span  {cursor:hand; display:block; height:66px; width:350px; position:relative; top:-64px; left:0px;
                  background: transparent url(hlavicka.jpg) no-repeat scroll -146px -74px;}

/************** Horni menu ***************/
#menu         {height:40px; border-bottom: 5px #161616 solid;background-color:#343433; position:relative; top:-5px; z-index:40}
#menu ul      {clear:both; margin:0; padding:0 0 0 20px;  height:30px; position:relative; top:5px;} /* IE6: vykresluje ramecek bez ohledu na height */
#menu ul li   {list-style-type:none; float:left; margin:0; padding:0;}
#menu ul li a {display:block; float:left; color:white; text-decoration:none; font-size:110%;
               padding:10px 22px 0; margin:0; height:25px; border-bottom: 5px #161616 solid;}
                   
#menu ul li a:hover  {background-color:#0B0B0A; border-bottom-color:#D53431;}
#menu ul li a#active {background-color:#0B0B0A; border-bottom-color:#FED50C;}


/**************** Obsah *****************/
#middle {padding:10px 20px 20px 20px;}

a   {color: #A90706;  }
a:hover {color:#400000;}


.img_priloha {height:160px;float:left;margin-left:10px;}
.img_priloha a img {border:2px solid silver;}
.img_priloha a:hover img {border-color:gray;}


/* uvodni stranka */
.tlacitko {float:right; margin-right:10px; height:22px; padding-top:3px;}
.tlacitko a {color:white; text-decoration:none; font-size:13px; display:block;}
.tlacitko a:hover{background-position: right -25px !important;}

#uvod    {clear:both; background: #F7E7B6 url(uvodnik.jpg) no-repeat top center; width:860; height:170px; margin:0; padding:10px 0 0 250px;}
#uvod h2 {font-size:30px; font-weight:normal; color:#920000; padding:0; margin:0;}
#uvod p  {font-size:100%; padding:0; margin:10px 10px 10px 0;}
#uvod .tlacitko {}
#uvod .tlacitko a {padding:3px 51px 4px 15px; background: #FDF2CB url(tlacitko_vice.png) no-repeat center top;}


#aktuality    {width:580px; padding:0; margin:20px 0 60px 0; float:left; background: #FFFDA1 url(aktuality-stredni.gif) no-repeat center 55px;}
#aktuality h2 {color: #5F4E11; font-size:25px; font-weight:normal;
               background: #FFF57F url(aktuality-horni.gif) no-repeat left top; height:39px; padding:8px 20px; margin:0px;}
#aktuality #aktuality-paticka {background: white url(aktuality-spodni.gif) no-repeat left top; width:580px; height:10px; margin-top:40px;}

#aktuality h3 {margin:20px 20px 5px; font-weight: normal; font-size:18px;}
#aktuality h3 a {color:#A90706;}
#aktuality h3 a:hover {color:#400000; text-decoration:none;}
#aktuality p  {margin:4px 20px; font-size:100%;}
#aktuality .tlacitko a {padding:3px 48px 4px 12px;background: #FFFDA1 url(tlacitko_aktuality.png) no-repeat center top;}

/* dalsi stranky */
#text {width:580px; padding:0; margin:20px 0 60px 0; float:left;}
#text h1 {color:#6A5A1C; font-weight:normal; font-size:30px; margin:0; padding:0;}
#text p {font-size:100%;}
#text #navigace {font-size:110%;line-height:120%;background: white url(listovani-vzad.gif) no-repeat left 9px; padding:10px 25px; height:25px; margin-top:30px;}
#text #navigace span {background: white url(listovani-vpred.gif) no-repeat right top; padding:0 0 1px 22px;}
#text #navigace a {color:#A90706; margin:5px;}
#text #navigace a:hover {color:#400000}
#text .klub {padding: 0px 0px 20px 120px; position: relative;}
#text .klub img {position: absolute; top: 0px; left: 0px;}


/* prave paletky */
#paletky                   {width:260px; float:left; margin:0 0 60px 20px; font-size: 95%;}
#paletky div               {margin-top:20px;}
#paletky .paletka-paticka  {clear:both; width:260px; height:10px; padding-top:10px;}
#paletky h2                {font-size:25px; font-weight:normal; height:39px; padding:8px 10px; margin:0;}

#paletky #kalendar         {background: #FFF1CD url(menu-ruzove-stredni.gif) no-repeat center 55px;}
#paletky #kalendar h2      {color: #6B2825; background: #FFF1CD url(menu-ruzove-horni.gif) no-repeat left top; }
#paletky #kalendar .paletka-paticka  {background: #FFF1CD url(menu-ruzove-spodni.gif) no-repeat left bottom; padding:5px 0 0 0; margin:0;}
#paletky #kalendar p       {padding: 10px 10px; margin:0; width:240px;}
#paletky #kalendar p.l     {background: transparent url(kalendar-pruhlednost.png) repeat left top;}
#paletky #kalendar .tlacitko { height:25px;}
#paletky #kalendar .tlacitko a {padding:3px 49px 4px 12px;background: #FFF1CD url(tlacitko_akce.png) no-repeat center top;}

#paletky #aktualne         {background: #FFFDA1 url(menu-zlute-stredni.gif) no-repeat center 55px;}
#paletky #aktualne h2      {color: #5F4E11; background:#FFFDA1 url(menu-zlute-horni.gif) no-repeat left top; }
#paletky #aktualne .paletka-paticka  {background: #FFFDA1 url(menu-zlute-spodni.gif) no-repeat left bottom;}
#paletky #aktualne h3 a   {color: #A90706; font-weight: normal; font-size:18px; margin:0;}
#paletky #aktualne h3    {padding:0px 10px; margin:10px 0 5px;}
#paletky #aktualne h3 a:hover {color:#400000;}
#paletky #aktualne p       {padding:0 10px 5px; margin:0;}
#paletky #aktualne img    {width:230px;}

#paletky #kontakt          {background: #E7E7E7 url(menu-sede-stredni.gif) no-repeat center 55px;}
#paletky #kontakt h2       {color: #313131; background: #E7E7E7 url(menu-sede-horni.gif) no-repeat left top; }
#paletky #kontakt .paletka-paticka  {background: #E7E7E7 url(menu-sede-spodni.gif) no-repeat left bottom;}
#paletky #kontakt p        {padding:20px 10px 5px; margin:0;}

#paletky p a {color:#A90706;}
#paletky p a:hover {color:#400000}



#aktuality_list p {margin:10px 0 0;}
#aktuality_list h3 {margin:30px 0 0;}


#paging {margin:20px 0 30px;}



/**************** Paticka ****************/
.clear        {clear:both; height:40px;} /* clear:both v pomocnem bloku kvuli metode paticky vzdy dole */
#foot         {width:900px; text-align:right; padding-bottom:25px; margin-bottom:-25px; font-size:110%;
               background:transparent url(spodni-zaobleni.gif) no-repeat scroll center bottom;}
#foot a       {color:black; margin-right:30px;}
#foot a:hover {text-decoration:none;}

/* paticka vzdy dole */
html, body {height:100%;}
#main      {min-height:97%; height:97%; position:relative; margin-bottom:25px;}
body>#main {height:auto;}
#foot      {overflow:hidden; position:absolute; bottom:0; right:0; z-index:90;}