html, body {
background-color: #a6d9e1;
height:100%;
margin: 0;
padding: 0;
}

.header{
background: url(images/header.jpg) no-repeat center top;
height: 280px;
width: 100%;
}


a{
color: #000000;
text-decoration: none;
}

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

img{
border: 0;
outline: 0;
}

div.news img{
padding: 0 10 0 10;
}


/* gora box powitanie, mis, kalendarz */

#glowna_boxgora{
height: 140px;
width: 1000px;
margin: auto;
}

.glowna_g_3boxplac{
width: 1000px;
margin: 0px 0px 0px 0px;
position: absolute;
z-index: 2;
}

.glowna_g_mis{
width: 160px;
height: 100px;
font-size: 12px;
font-weight: bold;
padding: 4px 0px 0px 0px;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
margin:0px 20px 0px 20px;
float: left;
}


.glowna_g_menu{
width: 560px;
height: 110px;
font-weight: bold;
padding: 4px 0px 0px -4px;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
margin:0px 0px 0px 0px;
background-color: #ffffff;
border: thin solid #39a09d;
border-width: 4px 4px 4px 4px;
float: left;
border-radius:6px 18px 6px 18px;
}

	/* menu gora */

.menu{
text-align: center;
font-size: 12px;
color: #000000;
font-weight: bold;
margin: 18 0 0 0;
float: none;

}


/* ------------------------CZʌĆ-GÓRNA-MENU------------------------ */

      /* wyglšd głównego elementu - ol */
      ol {
        list-style-type:none;
        padding:0;
        margin:0;
        font-size:12px;
        height:2em;
        line-height:2em;
        text-align:center;
      }

      /* wyglšd wszystkich elementów - a - znajdujšcych się w elemencie - ol */
      ol a {
        display:block;
        text-decoration:none;
        color:#000;
        padding:0 0px;
      }

      /* wyglšd elementów - li - wszystkich dzieci elementu - ol */
      ol > li {
        float:left;
        width: 138px;
        margin-left:0px;
        height:2em;
      }

      /* wyglšd elementu - li - pierwszego dziecka elementu - ol */
      ol > li:first-child {
        margin-left:0;
      }

      /* wyglšd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover {
      }

      /* wyglšd elementu - a - dziecka elementu - li - będšcego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > a {
        color:#09C;
      }

      /* wyglšd elementu - ul - dziecka elementu - li - będšcego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > ul {
        display:block;
      }

      /* ------------------------CZʌĆ-ROZWIJANA-MENU------------------------ */

      /* wyglšd głównych rozwijanych elementów - ul */
      ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
				font-size: 11px;
				background-color: #ffffff;
				border: thin solid #39a09d;


      }

      /* wyglšd elementu - li - w częœci rozwijanej */
      ol > li > ul > li {
        position:relative;
				background-color: #ffffff;
      }

      /* wyglšd elementu - a - w częœci rozwijanej */
      ol > li > ul > li > a {

      }

      /* wyglšd elementu - li - w częœci rozwijanej, po najechaniu kursorem myszki na dany element - li */
      ol > li > ul > li:hover {
        background-color:#42b3dc;

      }

      /* wyglšd elementu - a - w częœci rozwijanej, po najechaniu kursorem myszki na element - li */
      ol > li > ul > li:hover > a {
				color: #ffffff;

      }
			
			



.glowna_g_kal{
width: 170px;
height: 206px;
/* height: 190px; */
margin:0px 40px 0px 0px;
padding: 4px 0px 0px 8px;
background-color: #ffffff;
border: thin solid #39a09d;
border-width: 4px 4px 4px 4px;
float: right;
font-size: 2px;
/*font-family: Tahoma, verdana, sans-serif; */
}



/* dol box 3 ramki */

#glowna_dolbox{
height: 220px;
width: 1000px;
margin: auto;
}

.glowna_l_3boxplac{
width: 1000px;
margin: 20px 0px 0px 30px;
}

.glowna_l_3box{
width: 206px;
height: 153px;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 0px 8px;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
margin:0px 64px 0px 36px;
background-color: #ffffff;
border: thin solid #39a09d;
border-width: 4px 4px 4px 4px;
float: left;
border-radius:6px 18px 6px 18px;
}




/* obramowanie i calosc do wyswietlania textu na stronie - caly srodek */

.tlotresc_g{
width: 1000px;
vertical-align: top;
background: url(images/tresc_gora.png);
margin: auto;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.tlotresc{
width: 1000px;
vertical-align: top;
background: url(images/tresc_srodek.png) repeat;
margin: auto;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.tlotresc_dol{
width: 1000px;
vertical-align: top;
background: url(images/tresc_dol.png);
margin: auto;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}


.tresc{
padding: 40 30 10 30;
vertical-align: top;
font-family: Tahoma, verdana, sans-serif;
font-size: 14px;
}

div.tresc img{
padding: 0 10 0 10;
}


.menu_rightg{
vertical-align: text-top;
height: 200px;
}

.div_rightg{
background: url(images/menu_righttlo.jpg);
text-align: center;
width: 150px;
height: 30px;
color: #ffffff;
padding: 10 0 0 0;
}


.menu_rightd{
vertical-align: bottom;
height: 200px;
}

.div_rightd{
background: url(images/menu_righttlo.jpg);
text-align: center;
width: 150px;
height: 30px;
color: #ffffff;
padding: 10 0 0 0;
}



.foother{
background: url(images/foother.jpg) no-repeat center top;
height: 600px;
width: 100%;
z-index: 1;
}


.stopka{
text-align: center;
color: #000000;
font-weight: bold;
margin: 200 60 0 0;
}




.tdzolty{
background: #d7dd39;
color: #000000;
padding-left: 9px;
}

.tdzielony{
background: #085902;
color: #ffffff;
padding-left: 9px;
}

.tdniebieski{
background: #3c66c3;
color: #000000;
padding-left: 9px;
}


/* grupy*/
.grupy_img{
width: 200px;
height: 200px;
border: thin solid #39a09d;
border-width: 4px 4px 4px 4px;

}

/*slider 3 box*/
ul.slider
{
float: none;
width:190;
list-style-type:none;
padding: 0;
}

	 /* galeria */


	
div#galeria2
	{
	background-repeat: no-repeat;
	 width: 180px;
	 height: 135px;
	 color: #000000;
   margin: 0 5 5 0;
	}

	 table#galeria2 td {
font-size: 10px;
color: #ffffff;
text-align: left;
}	

div#galeria
	{
	background-repeat: no-repeat;
	 width: 100px;
	 height: 59px;
	 color: #ff0000;
	 margin: -70 0 0 28;
	 padding: 0 0 10 0;
	}

table#galeria td {
border: 1px;
font-size: 10px;
color: #000000;
text-align: center;
border: thin solid #39a09d;
border-width: 1px 1px 1px 1px;
}

div#galeria_plik
	{
	background-repeat: no-repeat;
	 width: 100px;
	 height: 59px;
	 color: #ff0000;
	 margin: -80 0 0 16;
	 padding: 0 0 10 0;
	}

table#galeria_plik td {
border: 1px;
font-size: 10px;
color: #000000;
text-align: center;
/*border: thin solid #39a09d;
border-width: 1px 1px 1px 1px; */
}



 /* DIV WYSKAKUJACY NA SRODKU -  KOMUNIKAT !!!!!!!           ------------------ */
#tresc
	{width: 400px;
	}	
	#info{
	background-color: rgba(0, 0, 0, .68); 
	margin: 0 auto;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 z-index: 101;
	}
	
#kom1a
	{
	/*background: url('./images/szablon/komunikat.png');
	background-repeat: no-repeat; */
	background-color: #a6d9e1;
	 width: 850px;
	 min-height: 200px;
	 padding: 40px 0px 0px 0px;
	 color: #000000;
	 position: fixed;
	 left: 18%;
	 right: 26%;
	 top: 15%;
	 border: thin solid #39a09d;
   border-width: 4px 4px 4px 4px;
   border-radius:6px 18px 6px 18px;
	 	 z-index: 101;
	}
	
#kom1
	{
	/*background: url('./images/szablon/komunikat.png');
	background-repeat: no-repeat; */
	background-color: #a6d9e1;
	 width: 600px;
	 min-height: 200px;
	 padding: 40px 0px 0px 0px;
	 color: #000000;
	 position: fixed;
	 left: 26%;
	 right: 26%;
	 top: 15%;
	 border: thin solid #39a09d;
   border-width: 4px 4px 4px 4px;
   border-radius:6px 18px 6px 18px;
	 	 z-index: 101;
	}
	
	
#kom4
	{padding: 10px 10px 10px 10px;
	 font-size: 14px;
	 text-align: justify;
	 font-family: Tahoma, verdana, sans-serif;
	 color: #000000;
	 }
	 
	 
	 
	 /* **************************** GALERIA *****************************/
	 
#galeria_tresc
	{width: 200px;
	}	
#galeria_info{
 	background-color: rgba(0, 0, 0, .68);
	margin: 0 auto;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	}
	
#galeria_kom1
	{
	/*background: url('./images/szablon/panel_podklad_galeria.png');
	background-repeat: no-repeat;*/
	 	background-color: #a6d9e1;
	 width: 980px;
	 height: 620px;
	 min-height: 100px;
	 padding: 0px 0px 0px 0px;
	 color: #000000;
   position: fixed;
	 left: 12%;
	 right: 12%;
	 top: 2%;
	 border: thin solid #39a09d;
   border-width: 4px 4px 4px 4px;
   border-radius:6px 18px 6px 18px;
	 	 	 z-index: 102;
	}
	
	
#galeria_kom2
	{padding: 10px 10px 10px 10px;
	 font-size: 12px;
	 text-align: justify;
	 color: #ffffff;
	 }
	 
#galeria_ramka{
background: url('./images/ramka_gala.png');
background-repeat: no-repeat;
}

/* TABELE W PA */

table#panel {
margin:0;
border-collapse:collapse;
border: 1px dashed silver;
}

table#panel td{
border: 1px dotted silver;
color: #000000;
font-size: 14px;
vertical-align: text-top;
}

.r1 {
 background: #39A09D;
}
.r2 {
 background: #94C1C8;
}
.r3 {
 background: #A6D9E1;
}

	 /* GALERIA - PANEL */
	 
table#galeriaa {
margin:0;
border: 1px dashed silver;

}

table#galeriaa td{
border: 1px dotted silver;
color: #000000;
font-size: 12px;
}


	 td.r2a {
 background: #94C1C8;
 padding: 1 0 1 0;
}
td.r3a {
 background: #A6D9E1;
padding: 1 0 1 0;
}

input.formadmin {
 background: transparent;
 border: 0px;
 padding: 0px 0px 0px 10px;
 color: #ffffff;
}


textarea.formadmin{
 background: transparent;
 color: #ffffff;
 border: none;
}
	
	/*
	
/* STOPKA */
div.news_dol{

padding: 374 0 0 0;
vertical-align:text-top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
text-align:right;
 color: #39A09D;
}

div.news_dol a {
color: 000000;
text-decoration: none;

}
div.news_dol a:hover{
color: 42b3dc;
text-decoration: none;
}	

	 /* **************************** PA EDIT BOX *****************************/
	 
#box_tresc
	{width: 200px;
	}	
#box_info{
 	background-color: rgba(0, 0, 0, .68);
	margin: 0 auto;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	}
	
#box_kom1
	{
	/*background: url('./images/szablon/panel_podklad_galeria.png');
	background-repeat: no-repeat;*/
	 	background-color: #a6d9e1;
	 width: 980px;
	 height: 580px;
	 min-height: 100px;
	 padding: 0px 0px 0px 0px;
	 color: #000000;
   position: fixed;
	 left: 12%;
	 right: 12%;
	 top: 2%;
	 border: thin solid #39a09d;
   border-width: 4px 4px 4px 4px;
   border-radius:6px 18px 6px 18px;
	 	 	 z-index: 102;
	}
	
	
#box_kom2
	{padding: 10px 10px 10px 10px;
	 font-size: 12px;
	 text-align: justify;
	 color: #ffffff;
	 }
	 
#box_ramka{
background: url('./images/ramka_gala.png');
background-repeat: no-repeat;
}


	 /* **************************** DYPLOM BOX *****************************/
#tresc
	{width: 400px;
	}	
	#dyplom_info{
	background-color: rgba(0, 0, 0, .68); 
	margin: 0 auto;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 z-index: 101;
	}
	
#dyplom_kom1
	{
	/*background: url('./images/szablon/komunikat.png');
	background-repeat: no-repeat; */
	background-color: #a6d9e1;
	 width: 560px;
	 height: 580px;
	 min-height: 100px;
	 padding: 5px 0px 0px 0px;
	 color: #000000;
	 position: fixed;
	 left: 26%;
	 right: 26%;
	 	 top: 4%;
	 border: thin solid #39a09d;
   border-width: 4px 4px 4px 4px;
   border-radius:6px 18px 6px 18px;
	 	 z-index: 101;
	}
	
	
#dyplom_kom4
	{padding: 10px 10px 10px 10px;
	 font-size: 14px;
	 text-align: justify;
	 font-family: Tahoma, verdana, sans-serif;
	 color: #000000;
	 }
}


table.kalendarium td{
    font-size: 2px;
}