/*************************
 *        hlavni casti
 *************************/   

body    { margin : 0px;  padding : 0px; background-image: url('obrazky/pozadiokno.jpg'); background-position: right top; direction: rtl; } 
#stranka,#stranka-guestbook { direction: ltr; }
#stranka-guestbook { height: 460px; padding: 20px; overflow-y: auto; }

#nadpis { margin: 20px 0px 15px 20px; height: 30px; }
#submenu    { padding: 5px 5px 0px 5px; height: 20px; background-image: url('obrazky/hornipruh.png'); margin: 0px 20px 0px 20px; }
#bottommenu { padding: 5px 5px 0px 5px; height: 20px; background-image: url('obrazky/dolnipruh.png'); margin: 0px 20px 15px 20px; }
#submenu A, #novinky H1.nadpis A, #clanek H1.nadpis A, #videa H1.nadpis A, #galerie-archiv H1.nadpis, #galerie H1.nadpis, #bottommenu A
{ text-decoration: none; color: rgb(234,182,74); font-weight: bolder; padding-right: 4px; text-transform: uppercase; }
#submenu A:hover, #novinky H1.nadpis A:hover, #clanek H1.nadpis A:hover, #videa H1.nadpis A:hover, #bottommenu A:hover 
{ color: white; }
    
/*************************
 *        html elementy
 *************************/ 

P,LI,TD,SPAN,DIV DIV.galerie-sipky,A { font-family: Geneva, Helvetica, Verdana; font-size: 10pt; color: black; text-align: justify; }  

H1,H2,H3 { margin: 0px; margin-bottom: 2px; font-family: Georgia, Times New CE, Times CE; font-weight: bold;  }
#submenu { font-family: Geneva, Helvetica, Verdana; font-weight: bolder; text-decoration: none; color: black; text-transform: uppercase; } 
H1, #submenu { font-size: 12px; }
H2 { font-size: 10px; }
H3 { font-size: 8px; }

TD { padding: 2px; }
#koncerty TD { font-size: 8pt; }
    
/*************************
 *        moduly
 *************************/ 
 
#book, #book-add { padding: 10px 20px 10px 20px;  overflow-y: auto; height: 345px; margin-right: 20px; }
#book-add { display: none; }
  
#clanek DIV.telo, #koncerty DIV.telo { padding: 5px 20px 5px 20px;  overflow-y: auto; height: 355px; margin-right: 20px; }  
#koncerty TABLE { width: 100%; }
#clanek TABLE TD P { display: inline; }
#novinky { height: 390px; }
#novinky DIV.telo{ padding: 5px 20px 5px 20px; height: 95px; }  

#book { padding-left: 20px; }
#book form { margin: 0px 0px 20px 0px; }

#videa DIV.telo{ padding: 0px 20px 5px 20px; height: 340px; text-align: center; padding-top: 20px; }  

#videa H1.nadpis, #novinky H1.nadpis, #clanek H1.nadpis, #galerie-archiv H1.nadpis, #galerie H1.nadpis
{ padding: 5px 5px 0px 5px; height: 20px; background-image: url('obrazky/hornipruh.png'); margin: 0px 20px 0px 20px; }

#videa H1.nadpis A, #novinky H1.nadpis A, #clanek H1.nadpis A, #galerie-archiv H1.nadpis A, #galerie H1.nadpis A 
{ color: rgb(252,180,53); }

/*************************
 *        galerie -  archiv
 *************************/ 

#galerie-archiv DIV.polozka { float: left; }
#galerie-archiv IMG { border: none; }
#galerie-archiv DIV.obsah { margin: 30px 0px 0px 25px; padding-bottom: 0px; height: 335px; }
#galerie-archiv DIV.text0, #galerie-archiv DIV.text1, #galerie-archiv DIV.text2, #galerie-archiv DIV.text3 
                          { text-transform: uppercase; width: 150px; background-color: black; color: black; 
                            text-align: center; height: 85px; padding-top: 65px; text-decoration: none;  }
                            
#galerie-archiv DIV.text0 { background-color: rgb(14,176,74); }
#galerie-archiv DIV.text1 { background-color: rgb(206,15,15); }
#galerie-archiv DIV.text2 { background-color: rgb(83,135,149); }
#galerie-archiv DIV.text3 { background-color: rgb(253,191,47) }

#galerie-archiv DIV.obrazek { float: left; height: 150px; width: 150px; display: none; }

/*************************
 *        galerie
 *************************/ 

DIV.galerie-sipka, DIV.galerie-fotka, DIV.galerie-archiv-sipka { float: left; width: 150px; height: 150px; }
DIV.galerie-sipka, DIV.galerie-archiv-sipka { background-color: black; color: white; text-align: center; height: 85px; padding-top: 65px; }
#galerie DIV.obsah { margin: 30px 0px 0px 25px; padding-bottom: 0px; height: 335px; }
#galerie DIV.obsah A:hover IMG { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }