#caly_blok {    
        font-size:22px; /* 22px - wartość, na podstawie której będzie obliczana wartość jednostki "em" dla właściwości CSS potomków tego elementu #caly_blok */        
        margin: 0 auto;
        min-width:920px;
        max-width:990px;             
      }

 /*  gora poczatek  */     

 #gora {
        height:28px;  
                     
      }
     
      #gora:after {
        content:'';
        display:block;
        clear:both;
      }

     #dz1 {
  float:left;
  width:5%;
  height:28px; 
  margin:0px;
  padding:0px;
  
}

#dz2 {
  float:right;
  width:10%;
  height:28px; 
  margin:0px;
  padding:0px;
  
}


 /*  gora koniec  */    



















      #dol {
          border:1px solid black;        
      }



/*  naglowek poczatek  */ 


   #naglowek {
        height:142px;        
        
        padding:3px;
        border-bottom:1px solid lightgray; 
      }
     
      #naglowek:after {
        content:'';
        display:block;
        clear:both;
      }

     #logo1 {
height:142px; 
  float:left;
  width:60%;
  margin:0px;
  padding:0px;
text-align:left;
  
}

 

#logo2 {
height:102px; 
  float:right;
  width:35%;
  margin:0px;
  padding:20px;
text-align:right;
  
}
     
   








/*  naglowek koniec  */
     
/*  menu poczatek  */  

     #menu {
        
        text-align:center;
        font-size:1em; /* 22px x 0.5em = 11px */
        line-height:2em;
        border-bottom:2px solid black;
      }

      

#srodekg{ 
            width:90%;            
            margin-left: auto ;   /* wyśrodkowanie */
            margin-right: auto ;  /* wyśrodkowanie */
                  
      }

#srodekg:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }




ol.mg {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:0.5em;    /* ma byc 11px */
  font-family:"Arial","sans-serif";
  font-weight:bold;
  height:2em;
  line-height:2em;
  
  text-align:center;
}


ol.mg > li {

  float:left;  
  width:12%;
}


ol.mg a {
  display:block;
  color:#669;
  text-decoration:none;
  padding:0 1px;
}


ol.mg > li > a:hover {
  color:#000;
}


/*  menu koniec  */
 





/*  nowosci poczatek  */



#nowosci {
       margin: 20px;
        text-align:center;        
       padding:10px; 
      }



  #ojciec {
        margin-left: auto ;  /* wyśrodkowanie */
        margin-right: auto ;  /* wyśrodkowanie */
                               
        text-align:center;
        padding:20px;
        width:80%;
        margin 15px;
        border:1px solid lightgray;   
        background-color:white;
        box-shadow:6px 6px 6px lightgray;
      }



      #syn {
       font-size:20px;
       font-style:italic;
       color:navy;
  text-shadow:1px 1px 0 #FFF;

  /*
  text-shadow:1px 1px 0 #FFF,1px 2px 0 #AAA,1px 2px 3px #AAA;

    Pierwszy cień jest biały, dzięki czwartej wartości #FFF, nie jest on rozmyty dzięki trzeciej wartości 0, jest on przesunięty o 2 piksele w dół dzięki drugiej wartości 2px
    Drugi cień jest szary, dzięki czwartej wartości #AAA, nie jest on rozmyty dzięki trzeciej wartości 0, jest on przesunięty o 3 piksele w dół dzięki drugiej wartości 3px, tym samym jest on odsunięty o jeden piksel dalej niż pierwszy cień
    Trzeci cień ma taki sam kolor jak drugi cień, dzięki czwartej wartości #AAA, jest on rozmyty dzięki trzeciej wartości 4px, znajduje się on w tym samym miejscu co drugi cień, dzięki wartością 0 3px
  */ 
        z-index:3;
       
margin-bottom:15px;
      }
   


/*  nowosci koniec  */



/*  okno poczatek  */

#okno {
         height:635px;        
        margin-top: 10px;
         padding:1px;
         font-size:15px;
         line-height:18px;
         font-weight:bold;
         font-family:"Georgia","serif";
       }


      #rodzic1 {
        height:310px;  
        border-top:1px solid lightgray;
        font-size:1.0em;
        
      }

      #rodzic1:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }

      #dziecko1 {
            float:left;
            width:49%;
            text-align:center;            
            margin:0px;
            padding:1px;            
        }

       #dziecko2 {
            float:right;
            width:49%;
            text-align:center;
            margin:0px;
            padding:1px;            
         }

    
      #dziecko1 p {        
        margin:2px;
        padding:1px;
      }

      
      #dziecko2 p {        
        margin:2px 0;
        padding:1px;
      }


      #rodzic2 {
        height:320px;  
        border-top:1px solid lightgray;
        font-size:1.0em;        
      }

      #rodzic2:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }

      #dziecko3 {
            float:left;
            width:49%;
            text-align:center;
            
            margin:0px;
            padding:1px;
        }

       #dziecko4 {
            float:right;
            width:49%;
            text-align:center;
            
            margin:0px;
            padding:1px;            
         }



      #dziecko3 p {
        
        margin:2px;
        padding:1px;
      }


      #dziecko4 p {
        
        margin:2px 0;
        padding:1px;
      }

a:hover img {
    opacity: 0.85;
}


/*  foto doł - początek  */

#chory {
       text-align:center;
       
       
       color:#4D4D4D;
       padding:10px 30px 10px 30px;
 

     }


#fotod {
         margin: 0 auto;          
         width:90%;         
         padding:20px 0px 20px 0px;
         
         border-top:1px solid lightgray;
        
       }

#fotoa {

         margin: 0 auto;         
         
         width:820px;
         font-size:15px;
         line-height:18px;
         font-weight:bold;
         font-family:"Georgia","serif";              
         text-align:left; 
         padding:10px;
         
       }





.obramow  {
    border: 1px solid #E5E5E5;
    height: auto;
    padding: 1px;
}

.autor {
    color: #888;
    font-size: 10px;
    font-family:"Arial","sans-serif";
    font-weight:normal;
    padding: 0px;    
    margin: 0px;
    text-align: left;
}

/*  foto doł - koniec  */














/*  okno koniec  */










/* PODSTRONA */

#pra {
       text-align:center;
       
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
       padding:10px 10px 10px 10px;
 

     }



#zapr22 {
font-size:8.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
color:#4D4D4D;


}

#zapr {
font-size:12.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
color:#4D4D4D;

padding:10px 30px 30px 30px
}


#mec {
font-size:12.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
color:#4D4D4D;
text-align:center;
padding:10px 30px 30px 30px
}







h2.t1 {
margin:30px;
text-align:center;
font-size:12.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
color:black;
}





a.ukr:link { 
  color:#4D4D4D;
  text-decoration:none;
  
}


a.ukr:hover {
  text-decoration:underline;
  
}

#asia {
        
        height:550px;
        text-align:center;
      }


#dyr {
       
       text-align:center; 
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
padding:20px;
     }




#about {
      
       
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
       padding:10px 30px 30px 30px
       
     }



#onas {
       
       height:5300px;
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
       padding:10px 30px 30px 30px
       
     }

#prasa {
       
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
       padding:10px 30px 30px 30px

     }


#onas1 {
       padding:0px 0px 30px 0px;
       border-bottom:1px solid lightgray;

     }

#about1 {
       
       padding:0px 0px 30px 0px;
       
     }


img.f1 {
      margin: 20px; 
       padding 5;
       }

a.ona:link { 
  color:#4D4D4D;
  text-decoration:none;
  
}

a.ona:visited { 
  color:#4D4D4D;
  text-decoration:none;
  
}

a.ona:hover {
  color:#000;
  text-decoration:underline;
  
}







#block {

        position:relative;
        width:700px;
        height:80px;
        line-height:1.2em;
        margin:40px auto;
        border:1px solid #DDD;
        font-size:12.0pt;
        font-family:"Georgia","serif";
        font-weight:normal;
        font-style:italic;
        color:#4D4D4D;
       
        overflow:hidden;
      }

      #block > p {
        position:absolute;
        margin:0;
        white-space:nowrap;
        animation:przesun 35s linear infinite;
        -webkit-animation:przesun 25s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
      }

      #block > p:hover {
        animation-play-state:paused;
        -webkit-animation-play-state:paused;
      }
	  
      /* ------------ANIMACJA-PRZESUN------------ */
      @keyframes przesun
      {
        0% { transform:translateY(0); }
        100% { transform:translateY(-100%); }
      }

      @-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
      {
        0% { -webkit-transform:translateY(0);  }
        100% { -webkit-transform:translateY(-100%);  }
      }




/*  TOP5 początek  */


#top5 {
       text-align:center;
       
       font-size:10.0pt;
       font-family:"Georgia","serif";
       font-weight:normal;
       font-style:normal;
       color:#4D4D4D;
       padding:10px 30px 0px 30px;
 

     }


      #wiersztop5 {
        margin: 0 auto;   
        width:90%;
        padding:0px 0px 0px 0px;
        border-top:1px solid lightgray;
 
      
      
        
      }

      #wiersztop5:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }


      #lewetop5 {
            float:left;
            width:7%;
            text-align:center;            
            margin:0px;
            padding:0px;

                   
        }

       #prawetop5 {
            float:left;
            width:92%;
            text-align:left;
            margin:0px;
            padding:0px;
                       
         }

       


a.t5:link { 
  color:#000;
  text-decoration:none;
  
}

a.t5:visited { 
  color:#000;
  text-decoration:none;
  
}

a.t5:hover {
  color:#000;
  text-decoration:underline;
  
}

h2.to5 {
font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
color:black;
}

h2.to5red {
font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
color:red;
}

h2.to5green {
font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
color:green;
}




/*  TOP5 koniec  */



/*  LINKI poczatek  */


 #wierszlinki {
        margin: 0 auto;   
        width:90%;
        padding:15px 10px 5px 0px;
        border-top:1px solid lightgray;
 
      
      
        
      }

      #wierszlinki:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }



#lewelink {
            float:left;
            width:138px;
            text-align:center;            
            margin:0px 0px 0px 10px;
            padding:0px;

 
                   
        }

       #prawelink {
            float:left;
            width:73%;
            text-align:left;
            margin:0px;
            padding:0px 0px 0px 8px;
  
             
         }   
 
a.t5:link { 
  color:#000;
  text-decoration:none;
  
}

a.t5:visited { 
  color:#000;
  text-decoration:none;
  
}

a.t5:hover {
  color:#000;
  text-decoration:underline;
  
}


h2.linki22 {
font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
padding:0px;
margin:0px;
color:black;
}

h2.linki2 {
font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
padding:0px;
margin:0px;
color:black;
}

h5.linki {
font-size:8.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:normal;
padding:2px 0px 2px 0px;
margin:0px;
color:silver;
}

p.linki {
        margin:0;
        padding:5px 0px 0px 0px;
      }

.ramka {
       border:1px solid lightgray; 
      }


a.konc:link { 
  color:blue;
  text-decoration:none;
  
}

a.konc:visited { 
  color:blue;
  text-decoration:none;
  
}

a.konc:hover {
   color:blue;
  text-decoration:underline;
  
}









/*  LINKI koniec  */


/* historia poczatek */

/*  menu historia poczatek  */  

     #menuh {
        
        text-align:center;
        font-size:12pt; /* 22px x 0.5em = 11px */
        line-height:24pt;
        padding:20px;
   
      }

      

#srodekh{ 
            width:90%;            
            margin-left: auto ;   /* wyśrodkowanie */
            margin-right: auto ;  /* wyśrodkowanie */
               
      }

#srodekh:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }




ol.mh {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:10.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
color:#4D4D4D;

  
  text-align:center;
}


ol.mh > li {

  float:left;  
  width:9%;
}


ol.mh a {
  display:block;
  color:#669;
  text-decoration:none;
  padding:0 1px;
}


ol.mh > li > a:hover {
  color:#000;
}


/*  menu historia koniec  */
 




 #wierszh {
        margin: 0 auto;   
        width:90%;
        padding:15px 10px 20px 0px;
        border-top:1px solid lightgray;
 
      
      
        
      }

      #wierszh:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }



#leweh {
            float:left;
            width:250px;
            text-align:left;            
            margin:0px 0px 0px 0px;
            padding:0px;


                   
        }

       #praweh {
            float:left;
            width:62%;
            text-align:left;
            margin:0px;
            padding:0px 0px 0px 8px;

             
         }   
 


/* historia koniec */



/* poczatek audio */

#hymn {
text-align:center;
font-size:12.0pt;
font-family:"Georgia","serif";
font-weight:normal;
font-style:italic;
color:#4D4D4D;

padding:10px 30px 0px 30px
}




h2.t1au {
margin:30px;
text-align:right;
font-size:12.0pt;
font-family:"Georgia","serif";
font-weight:bold;
font-style:normal;
color:black;
}


#wierszau {
        margin: 0 auto;   
        width:90%;
        
        padding:5px 5px 5px 5px;
        border-top:1px solid lightgray;
 
      
      
        
      }

      #wierszau:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }



#leweau {
            float:left;
            width:62%;
            
            text-align:right;            
            margin:0px 0px 0px 0px;
            padding:0px;


                   
        }

       #praweau {
            float:left;
            width:36%;
            font-size:12px;
            text-align:left;
            margin:20px 0px 0px 0px;
            padding:0px 0px 0px 0px;

             
         }   
 
/* audio koniec */








 /*  nawig poczatek  */


       #nawig {
        
        clear:both; 
        height:25px;      
        text-align:center;
        font-size:12px;
        line-height:24px;
        
        text-align:center;
        font-family:"Georgia","serif"; 
      }

     
      







ol.na {
  list-style-type:none;
  padding:0;
  margin:0;
  
  font-size:12px;    /* ma byc 12px */
  font-family:"Georgia","serif"; 
  height:24px;
  line-height:24px;  
  text-align:center;
}


ol.na > li {
  float:left;  
  width:100px;
  
}


ol.na a {
  display:block;
  color:black;
 
  text-decoration:none;
  padding:0 1px;
}


ol.na > li > a:hover {
  
  color:red;
  text-decoration:none;
}



/*  nawig koniec  */























/* koniec PODSTRONA */


.autor_d {
    color: #888;
    font-size: 10px;
    font-family:"Arial","sans-serif";
    font-weight:normal;
    padding: 0px;    
    margin: 0px;
    text-align: center;
}






 /*  stopka poczatek  */


       #stopka {
        
        clear:both; 
        height:48px;      
        text-align:center;
        font-size:12px;
        line-height:24px;
        border-top:2px solid black;
        text-align:center;
        font-family:"Arial","sans-serif";
      }

      #stopka:after {
        content:'';
        display:block;
        clear:both;
      }
      

#lewed{ 
            width:70%;            
            float:left;
            margin:0px;
            padding:0px;

            
      }

#lewed:after {
        content:'';
        display:block;
        clear:both; /* zeruje float */ 
      }



#design {
  width:20%;
  float:right;
  color:#669;
  font-size:10px;  
  margin:0px;
  padding:0px;
  height:24px;
  
 
  
}



ol.md {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:12px;    /* ma byc 12px */
  font-family:"Arial","sans-serif";
  height:24px;
  line-height:24px;  
  text-align:center;
}


ol.md > li {
  float:left;  
  width:100px;
  
}


ol.md a {
  display:block;
  color:#669;
  text-decoration:none;
  padding:0 1px;
}


ol.md > li > a:hover {
  color:#000;
  text-decoration:underline;
}



/*  stopka koniec  */









    





 p {
        margin:0 0 15px 0;
        padding:5px;
      }