* { margin: 0px; padding: 0px; }

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

a:hover { text-decoration: none; color: #808080; }

body {   
  color: black; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif;    
  /*background: white url("../images/body_pozadi.jpg") repeat-x;*/       
  background-color: #F9F9F7;
  text-align: center; margin-left: auto; margin-right: auto;
} 

h1 { font-size: 18px; padding-bottom: 14px; }
h1.fck { font-size: large; color: #66CC00; text-align: center; padding-top: 0px; padding-bottom: 14px; }


h2 { font-size: 16px; padding-top: 4px; padding-bottom: 14px; }
h2.stred { font-size: 18px; padding-top: 4px; padding-bottom: 14px; text-align: center; }
h2.vstupenka { padding-bottom: 0px; text-align: center; }
h2.kapela { text-align: center; font-size: 18px; font-weight: bold; }
h2.diskuze_podstranky { font-size: 18px; font-weight: bold; }
h2.album_kapela { font-size: 12px; padding-top: 0; }
h2.tucne { font-weight: bold; text-align: center; color: black; font-size: large; }
                       
img { border: 0; }

table { margin-left: auto; margin-right: auto; }

#hlavicka_cela { width: 100%; min-width: 1002px; margin: 0 auto 0 auto; background-color: #6DB249; color: black; }

#hlavicka_logo {
  background: url("../images/hlavicka_logo.jpg") no-repeat; width: 1002px; height: 111px; 
  font-size: 0px; margin-left: auto; margin-right: auto;
}

/*
#hlavicka_novinky {
  background: url("../images/hlavicka_novinky.jpg") no-repeat; width: 948px; height: 213px; 
  font-size: 0px; margin-left: auto; margin-right: auto;
}
*/

#hlavicka_pruh {
  width: 100%; min-width: 1002px; height: 11px; background: transparent url("../images/hlavicka_pruh.gif") right top repeat-x;
}

#horizontalni_menu {
  width: 1002px; padding-top: 12px; margin-left: auto; margin-right: auto;
}

#hlavni { 
  
  display: block; width: 1002px; margin-left: auto; margin-right: auto; 
  margin-top: 2px;
}

.upoutavky {
  width: 1002px; background-color: white; margin-left: auto; margin-right: auto;
}

#levy_sloupec { 
  float: left; text-align: left; color: black; width: 200px; overflow: hidden;  
}

#stred {                                            
  float: left; text-align: left; color: black; width: 584px; margin-left: 9px; 
  margin-right: 9px;  padding: 0px 0px 0px 0px; overflow: hidden;                                                            
}

#stred_ind { 
  float: left; text-align: left; color: black; width: 584px; margin-left: 9px; 
  margin-right: 9px;  padding: 0px 0px 0px 0px; overflow: hidden;
}

#stred_levy { width: 50%; float: left; }

#stred_pravy { width: 50%; float: left; }

#pravy_sloupec {
  float: left; color: black; width: 200px; overflow: hidden; text-align: left; 
}

#paticka {
  width: 1002px; margin-left: auto; margin-right: auto; color: black; margin-bottom: 6px; 
  margin-top: 6px; padding: 4px;
}

#paticka a:hover {
  text-decoration: none; color: white;
}

#podpaticka_siroka { width: 1002px; margin-left: auto; margin-right: auto; }
#podpaticka {  
  width: 584px; margin-left: auto; margin-right: auto; margin-bottom: 12px; padding: 0px 0px 0px 0px;   
}

.clear { clear: both; }

.nadpis_menu {
  width: 100%; font-size: 14px; font-weight: bold; text-align: center; padding-bottom: 2px;
  padding-top: 2px; background-color: #66B04D; color: white;
}

.telo_menu {
  padding-top: 8px; padding-bottom: 8px; text-align: center;
}

ul { margin-left: 13px; padding-left: 12px; text-align: left; }

ul a { text-decoration: none; color: black; }

ul a:hover { text-decoration: none; color: #808080; }

li { color: black; padding-top: 2px; }

#logo_logo { /* obsahuje logo vlevo nahore */
  margin-top: 5px; float: left; width: 240px; height: 100px; font-size: 12px; 
}

#logo_banner { /* obsahuje banner */
  margin-left: 10px; margin-top: 5px; float: left; width: 532px; height: 100px; 
  font-size: 12px; text-align: center; }
  
#logo_login { /* obaluje formular pro prihlaseni */
  margin-left: 10px; margin-top: 5px; float: left; width: 194px; 
  height: 100px; font-size: 12px; }
  
#logo_login a:hover { color: white; }
.login_text_input { width: 160px; }

#novinky_levy { /* v pruhu s mikrovonem, levy sloupec s textem */
  padding-left: 18px; margin-top: 18px; float: left; width: 204px; height: 180px;  
  font-size: 12px; text-align: center; overflow: hidden; }

#novinky_stred { /* v pruhu s mikrovonem, stredni sloupec s textem */
  margin-left: 29px; margin-top: 18px; float: left; width: 194px; height: 180px; 
  font-size: 12px; text-align: center; overflow: hidden; }

#novinky_pravy { /* v pruhu s mikrovonem, pravy sloupec s textem */
  margin-left: 30px; margin-top: 18px; float: left; width: 234px;height: 180px; 
  font-size: 12px; text-align: center; overflow: hidden; }

.white { color: white; }

.vlevo { text-align: left; }
.vpravo { text-align: right; }
.na_stred { text-align: center; }  

p.prispevek { /* prispevek diskuse, komentar */
  text-align: left; margin-left: auto; font-size: 12px; margin-right: auto; 
  background-color: #B9FF97; margin-top: 4px; margin-bottom: 4px; padding: 2px; 
} 

p.chyba { /* chybove hlaseni */
  text-align: center; margin-left: auto; margin-right: auto; color: red; font-weight: bold;
  margin-top: 2px; padding: 2px; /*background-color: #66B04D;*/
}

p.potvrzeni { /* uspesne hlaseni */
  text-align: left; color: #4D883F; margin-left: auto; margin-right: auto; font-weight: bold;
  margin-top: 2px; padding: 8px; /*background-color: #66B04D;*/
}

.tlacitko { /* tlacitka u formulare */
  background-color: white; color: black; padding-left: 8px; padding-right: 8px;
}

.anti { /* textove policko jako antispam */ 
  font-family: Tahoma, Verdana, Arial, sans-serif; width: 26px; border: 1px #bbb solid; 
}

.smajlici { text-align: center; } /* zobrazeni smajliku */

.smajlici img { cursor: pointer; }

.abeceda { /* abeceda na strance mp3.php nahore*/
  font-size: 14px; color: coral; font-weight: bold;
}

.pismeno { /* velka pismena v tabulce na strance mp3.php */
  font-size: 22px; color: coral; 
}


.nahled_akce { float: left; width: 114px; padding-left: 4px; padding-right: 4px; padding-top: 16px; }
/*.nahled_akce img { border: 1px solid red; }*/
.text_akce { float: left; width: 400px; padding-top: 12px; text-align: justify; overflow: hidden; }

.text_akce p { float: left; width: 400px; padding-left: 0px; margin-left: 0px; padding-bottom: 0px;
               margin-bottom: 0px; padding-top: 0px; margin-top: 0px; padding-top: 0px; 
               text-align: justify; }
               
.sloupek_tv_staty { float: left; width: 25%; }               

/* tlacitka v kulturnich akcich */
.mybutton { float:left; margin:5px 5px 0 0; padding: 3px 10px !important; border:1px solid #000 !important;
            color:#000 !important; font-size:10px !important; text-decoration:none !important;
            background-color: #B0E0FF !important; }
.mybutton:hover { background-color:#ECF4FF !important; }

/* sirka prvku formulare u kalendare kulturnich akci */
.combo_den { width: 40px; } 
.combo_rok { width: 60px; }
.combo_dlouhe { width: 213px; }
.text_box { width: 210px; }

/* oznameni ve formulari pro vlozeni nove akce*/
.nevyplnit_konec { font-size: 10px; text-align: center; } 

/* pokud je u kapely vic nez 10 akci - nastupuje box s posuvniky */
.akce_kapely { width: 100%; height: 870px; overflow: auto; }

/* pokud je u kapely / (autora mluv. slova) vic nez 50 akladeb - nastupuje box s posuvniky */
.video_mp3 { width: 100%; height: 1000px; overflow: auto; }

/* pokud je u kapely / (autora mluv. slova) vic nez 50 radku popisu - nastupuje box s posuvniky */
.popis { width: 100%; height: 1000px; overflow: auto; }

/* pouziva se u odkazu u akci */
.odkazy a { text-decoration: underline; }
.odkazy a:hover { text-decoration: none; }

.povinne { background-color: #FFB0B0; } /* barvy prvku a formulare u akci */
.povinne_text { color: red; }

/* odsazeni kolem fotky clanku pri vypisu clanku */
.img_clanky { border-right: 4px transparent solid; border-bottom: 2px transparent solid; }  

.clanek_foto { float: left; width: 128px; padding-left: 4px; /*background-color: red;*/ }
p.clanek_text { float: right; width: 410px; padding-right: 4px; /*text-align: justify; background-color: green;*/ }

.razeni_menu { text-align: center; padding: 0 0 24px 0; }

.sloupek_typy_akci_prvni { width: 180px; }
.sloupek_typy_akci { width: 180px; float: left; }

.koupit_vstupenku { color: red; font-size: 18px; text-align: center; font-weight: bold; }
.koupit_vstupenku_dalsi { color: red; font-size: 14px; font-weight: bold; }

.cervena { color: red; }

.album { padding: 8px 0 8px 0; }
.album_obal { float: left; width: 100px; margin-right: 6px; }
.album_nazev { float: left; padding-right: 4px; }

.menu_vrsek { display: block; width: 206px; height: 8px; background: white url("../images/menu_vrsek.jpg") no-repeat; }
.menu_telo { width: 178px; background-color: #FFFFFF; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; padding: 4px 10px 4px 10px; }
.menu_spodek { display: block; width: 206px; height: 8px; margin-bottom: 10px; background: white url("../images/menu_spodek.jpg") no-repeat; }

.stred_vrsek { display: block; width: 584px; height: 8px; background: white url("../images/stred_vrsek.jpg") no-repeat; }
.stred_telo { width: 558px; background-color: #FFFFFF; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; padding: 4px 12px 4px 12px; }
.stred_spodek { display: block; width: 584px; height: 8px; margin-bottom: 10px; background: white url("../images/stred_spodek.jpg") no-repeat; }

.stred_vrsek_barva { display: block; width: 584px; height: 8px; background: white url("../images/stred_vrsek_trans.png") no-repeat; }
.stred_telo_barva { width: 558px; background-color: #FFFFFF; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; padding: 4px 12px 4px 12px; }
.stred_spodek_barva { display: block; width: 584px; height: 8px; margin-bottom: 10px; background: white url("../images/stred_spodek_trans.png") no-repeat; }