#caly_blok {
	     background-color:#336;  /*lightblue;*/
         font-size:12px;
		 min-width:600px;
         max-width:1600px;
		 
		 
		 
		 margin:5px; /*margines wokół strony*/
         border:1px solid blue;
         
   
      }
/*LOGO*/
      #logo {
        background-color:#336;
        text-align:center;
		color: white;
		min-height:140px;
		
		
		/*font-family: 'Berkshire Swash', sans-serif;*/
      }
	  p.textlogo {
		  font-size:30px;
		  white-space: nowrap; 
          width: 0px; 
          text-shadow: 1px 2px white;
	      margin-left: 200px;
          color: white;
	     
	  }
	  img.logo-mk{
		  height:120px;
		  float:left;
		  margin:10px; 
		  margin-left: 20px;        
          top: 0;
	  }
	   img.logo-godlo{
		  height:120px;
		  float:right;
		  margin:10px; 
		  margin-right: 20px;        
          top: 0;
	  }
/*KONIEC - LOGO*/

      #lewy {
        float:left;
        background-color:#EEE;
        min-height:600px;
        width:70%;
		
		margin-top:5px;
		
      }

      #prawy {
        float:left;
        background-color:#EEE;
        min-height:600px;
		
        width:30%;
		overflow:scroll;
        overflow:visible;		
		margin-top:5px;
		
      }
	  
	   #p_sr {
		margin:auto;
		float:center;
        background-color:#EEE;
        min-height:600px;
        width:95%;
		margin-top:5px;
      }
	  
	    
       /* css do pliku galeria*/
	   img.galeria {
		   display: inline;
		     margin-top:auto;
		    float: left;
			vertical-align: middle;
			}
		   
		p.galeria {
			font-size:18px;
			display: inline;
			margin-top:auto;
		    float: left;
			vertical-align: middle;
			}  
        /*koniec css do pliku galeria*/
		
      #stopka {
        clear:both;
        background-color:#336;
        text-align:center;
		color: white;
		font-size:10px;

      }
	  
	  p.p_bold {
	    text-align:center;
        margin:auto;
        padding:15px;
		font-size:18px;
		white-space:nowrap;
}

      p {
        margin:0;
        padding:0px;
      }
	  
	 	  
	   /* ------------------------ POZIOME MENU CSS ------------------------ */
      /* wygląd elementu - ol */
      #menu {
	    min-width:600px;
        max-width:1800px;
        margin:0 auto;
        padding:0;
        list-style-type:none;
        background-color:#FDF;
      }

      /* naprawa wysokości elementu - ol */
      #menu:after {
        content:'';
        display:block;
        clear:both;
      }

      /* wygląd elementów - li */
      #menu > li {
        float:left;
      }

      /* pierwszy element - li - elementu o identyfikatorze menu */
      #menu > li:first-child {
        background-color:red;
        width:25%;
      }

      /* drugi element - li - elementu o identyfikatorze menu */
      #menu > li:first-child + li {
        background-color:green;
        width:25%;
      }

      /* trzeci element - li - elementu o identyfikatorze menu */
      #menu > li:first-child + li + li {
        background-color:blue;
        width:25%;
      }
	  
	    /* czwarty element - li - elementu o identyfikatorze menu */
      #menu > li:first-child + li + li + li {
        background-color:blue;
        width:25%;
	  }
      /* wygląd elementów - a */
      #menu > li > a {
        display:block;
        padding:15px;
        text-decoration:none;
        text-align:center;
        color:#000;
        background-color:#DDD;
        box-shadow:0 0 0 1px #FFF inset;
        background-image:linear-gradient(#FFF 10%, #EEE 30%, #DDD 70%, #FFF 100%);
      }

      /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
      #menu > li:hover > a {
        color:#00F;
        background-color:#FFF;
        background-image:none;
      }

      /* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
      /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
      #menu > li {
        position:relative;
      }

      /* wygląd elementów - ul */
      #menu > li > ul {
        width:100%;
        display:none;
        position:absolute;
        z-index:1;
        margin:0;
        padding:0;
        list-style-type:none;
        background-color:#FFF;
      }

      /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
      #menu > li:hover > ul {
        display:block;
      }

      /* wygląd elementów - li */
      #menu > li > ul > li {
        box-shadow:0 -4px 4px -4px #AAA;
      }

      /* wygląd pierwszego dziecka elementu typu - li */
      #menu > li > ul > li:first-child {
        box-shadow:none;
      }

      /* wygląd ostatniego dziecka elementu typu - li */
      #menu > li > ul > li:last-child {
        box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;
      }

      /* wygląd elementów - a */
      #menu > li > ul > li > a {
        display:block;
        text-decoration:none;
        padding:15px;
        color:#000;
      }

      /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
      #menu > li > ul > li:hover > a {
        color:#00F; 
        background-color:#F0F0F0;
        background-image:linear-gradient(#FFF, #EEE, #FFF);
      }
	  /*KONIEC MENU*/
	  
	  /*Tekst strony hymn - formatowanie*/
	  
	  p.text_hymn {
		  font-size:16px;
		  white-space: pre;
		  margin-top: 0px;
	      margin-left: 50px;
          color: black;}
		  /*KONIEC - Tekst strony hymn - formatowanie*/