body{                            /* TEXT   O B E C N Ý  */
 font-family: verdana; font-size: 12px; font-weight: normal;}
 a:active{color: #059;}
 a:visited{color: #059;}
 a:link{color: #059}
 a:hover{color: #059;}        
                                 /*  background-color: black; neposlouchá to pak jinčí změněnou barvu pozadí*/


/* B A R V Y pozadí ***  */


/* P O Z I C E  všeho možného.....  ***********************   */
.poziceprouzek {position: absolute; top: 0px; z-index:0;}                        /* PROUŽEK S HORNÍM OBRÁZKEM - TIŠŤÁK*/                
.pozicetlachore{position:absolute; z-index:1; top: 101px; margin-left: 200px;}   /*HORNÍ TLAČÍTKA*/
.pozicetlacbok {position:absolute; top:260px; margin-left: 5px;}                /* tlačítka vlevo NA BOKU */
.ramecek{position:absolute; top:140px; margin-left: 172;}                         /*POZICE IFRAMU - PRO VŠECHNO, CO JE V NĚM : Ttarget="ramecek" */
.skola {position:absolute; top:5px; z-index: 1; margin-left:200px; }        /* pozice nápisu škola     */


/* N A P I S     S K O L A   *************  */
.skola {font-family: comic sans ms; 
        font-size:15px; 
        letter-spacing: 2px;       
        color:#fc0;        
        font-weight: bold;
        filter: shadow(color=#069, direction=100);}   





/* T L A Č Í T K A  OBECNĚ ************************************************** */

/*T L A Č Í T K A    H O R N Í      */

.tlacitka{   
   font-family: comic sans ms;   
   font-size: 11px;
   white-space: nowrap;  
   font-weight: bold;
   color: #059; 
   padding: 6px 4px 15px 4px ;}  
 a.tlacitka{text-decoration: none; height:1.4em; }
   a.tlacitka:visited{color: #069;}      /* NAVŠTÍVENÁ T L A Č Í T K A   */                                   
      a.tlacitka:hover{background-color: #f90;           /* PŘES KTERÉ SE JEDE MYŠÍ T L A Č Í T K A   */
                       padding:4px 4px 10px 4px;
                       margin:-3px 0px 0px -3px;
                       color: white;                  
                       border: inset 4px; }              /* dolíkový rámeček vpáčený
                                                       marginy- -3 proto, aby neskákal text 
                                                       při najetí myší doprava   */
    
       a.tlacitka:link{color: #059;}         /* odkazy nahoře a fotkové jsou bílé */


 
 /* T L A Č Í T K A  2    -- NALEVO NA BOKU   */
.tlacitka2{
       padding: 2px 12px 2px 6px;        
       font-family: Comic Sans MS; 
       font-size: 11px;  
       white-space: nowrap; /* at se neláme řádek..*/
       font-weight: normal;
       font-style: italic;                  
       margin: 10px 0px 10px 3px;
       color: #059;   /* tm modrá */
       line-height: 1.8; }                 /*aby to v galerii neskákalo-když jsou moc nacpané u sebe*/ 
.tlacitka2 a{text-decoration: none;
             font-weight: bold;
             font-style: normal; }            /* nejsou podtržená  */                                                   
 .tlacitka2 a:link{color:#059;}               /*NENAVŠTÍVENÁ */                                             
  .tlacitka2 a:visited {color:#069; }                                 
   .tlacitka2 a:hover{ background-color: #f90;       /* PŘES KTERÉ SE JEDE MYŠÍ    */                                                   
                   margin-left:-10px; 
                   padding:2px 12px 2px 6px ; 
                   border: inset 3px; 
                   color: white;}        
      
                                
                                          
                                          


/*  **************       S T Y L Y   T A B U L E K, O D S T A V C Ů     **********************  */
/*PRUH1POC--------první nadpisový pruh - počáteční  - posunutý nahoru
  H1 - -----------první nadpisový pruh - které nemá posun nahoru*/

.pruh1poc, h1 {width: 844px;
                            font-family: comic sans ms;
                            letter-spacing:1.05;
                            font-weight: bold;
                            font-size:14px; 
                            margin: 0px 0px 0px -10px;
                            color: white ;   /*   663  ffc*/                            
                            background-color: #f90;                                    
                            }

h1         {padding: 2px 8px 2px 50px; }           /* další pruhy - né první....*/               
.pruh1poc  {padding: 10px 8px 2px 50px; margin-top: -17px; height:20px;}    /* jsou širší a nahoru kvůli Mozzille*/


/*   H 2 --------druhý nadpisový pruh s čarami  */
h2{ background-color:  #079;
    width: 844;
    font-size: 12px;
    color:#ff9; 
    margin: 4px 0px 6px -10px;        /* tmavý khaki #4f4f33;*/
    padding: 2px 8px 2px 40px;/*horní pravý dolní levý*/
    border-bottom: solid 1px #fc0;                          /* tečkovaný dotted 2px #f90; */
    border-top: solid 2px #ff9;
    font-family: comic sans ms;
    line-height:1.8;}

/* O D S T A V C E  H3----MALÉ PÍSMO JAK V TAB1
                    H4----velké písmo DO HISTORIE */  
h3{ font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    line-height:1.5;
    text-indent: 20px;
    margin:6px 30px 6px 30px;}
 
h4{ backround-color: white;
    font-size: 12px; /*font-style: italic;*/ 
    font-weight: normal;
    text-indent: 20px;  /* odsazení prvního řádku*/
    line-height: 1.4;   /* řádkování  */
    margin-left: 30px; margin-right: 30px;}

/*ZMENŠENÍ DO BUNĚK TABULKY*/
.tab1{ font-family: verdana; font-size: 11px; line-height: 1.4;}


/* *****************  XX     ***********************  */

/*x  = tlačítko zpet*/
/*xx = odkaz někam  */
.x, .xx{font-family: comic sans ms;
   color: #059;
   border: outset 5px;
   background-color: #ccc;    
   padding: 1px;
   text-align: center;   
   font-weight: bold;
   text-decoration: none;}
.x{font-size:13px; position: absolute; top:0px; left: 0px; z-index:1;  }
.xx{font-size:13px; z-index:1; padding-top:3; padding-bottom: 3;}     
.x a, .xx a{text-decoration: none;}                      /* nejsou podtržená  */                              
.x a:hover, .xx a:hover{ margin:0px -1px 0px -1px ; padding: 1px; background-color: white; color: black;}
.x a:link, .x a:visited, .xx a:link, .xx a:visited{color:#660066}




/* ****************************************************************   */


/*    V Ý R O B N Í    P O Z N Á M K Y    */
/*<div style="background-image: URL('obrazky/strom803.jpg'); backgroung-repeat:no-repeat-x">  */
             /*     TO JE JEDNOU OPAKOVANÉ POZADÍ - ALE  blbne to při menším okně! */

/* &nbsp  - pevná mezera    &#8594 šipka doleva */