/*body {
	background-image: -moz-linear-gradient(65deg,#ffffcc,#FFFFE0);
	background-image: -o-linear-gradient(65deg,#ffffcc,#FFFFE0);
	background-image: -webkit-linear-gradient(65deg,#ffffcc,#FFFFE0);
	color: #000;
	margin: 15px;
	padding: 0;
		height: auto;
	}
	*/
	
body {
	color: #000;
	margin: 15px;
	padding: 0;
	height: auto;
	/*background-color: #3CB371;*/
	/*background-color: rgb(60,179,113);*/
	

	background-color: #F9FBB4;
	/*background-image: url("../grafika/ban_zima16.png");
	background-repeat: repeat;*/

}



/*@import url(http://fonts.googleapis.com/css?family=ArchitectsDaughter);*/
@import url(http://fonts.googleapis.com/css?family=Oleo+Script|Architects+Daughter); 
#top {
	width: 1100px;
	height: auto;
	overflow: hidden;
	z-index: 0;
	background-color: #E0FFFF;
	position: relative;
	border-radius: 0px 80px 0px 0px;
	-o-border-radius: 80px 80px 0px 0px;
	-webkit-border-radius: 80px 80px 0px 0px;
	margin: auto;
	box-shadow: 5px 5px 5px #888;
}


#topw {
	width: 1100px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
	z-index: 4;
	border-radius: 110px 0px 0px 0px;
	box-shadow: inset 2px 2px 15px #0000FF;
	-webkit-box-shadow: inset 2px 2px 15px #0000FF;
  	background-image:-webkit-gradient(linear,left top,right top,color-stop(0.92,#FF9933),color-stop(0.66,#FFFF99), color-stop(0.83,#FF9933));
  	background-image:-o-gradient(linear,left top,right top,color-stop(0.92,#FF9933),color-stop(0.66,#FFFF99), color-stop(0.83,#FF9933));
  	background-image:-moz-gradient(linear,left top,right top,color-stop(0.92,#FF9933),color-stop(0.66,#FFFF99), color-stop(0.83,#FF9933));
	  background-image: -moz-linear-gradient(55deg,#FF9933,#FFFF99,#FF9933);
  	background-image:-webkit-linear-gradient(55deg,#FF9933,#FFFF99,#FF9933);
  	background-image:-o-linear-gradient(55deg,#FF9933,#FFFF99,#FF9933);
  
}
a {
  color: #003399;
}
a:hover {
	color: orange;
	}
.cat-children h3{
  display: none;
}
.separator{
  color: blue;
}
#time{
  float: left;
  margin-top:15px;
  position: absolute;
  margin-left: 20px;

}

    .cyfra {
      text-anchor:middle;
      baseline-shift:-33%;
      font-size:17px;
      font-family: verdana;
      fill:blue;
      float: left;
    }
#naglowek {

	border-radius: 0px 80px 0 0;
	-moz-border-radius: 80px 80px 0 0;
	-o-border-radius: 80px 80px 0 0;
	-webkit-border-radius: 80px 80px 0 0;
	position: relative;
  	-moz-box-shadow: inset 50px 15px 50px #FF8C00;
  	-webkit-box-shadow: inset 50px 15px 50px #FF8C00;
  	-webkit-box-shadow: inset 1px 1px 10px blue;
	background-color: white;
	width: 1100px;
	height:220px;
	z-index: 0;
}
span.patron {
  border-radius: 0px 110px 0px 0px;
  -moz-outline-style: groove;
  -moz-outline-radius: 15px;
  -webkit-outline-style: groove;
  -webkit-outline-radius: 15px;
  background:rgba(250,240,230,0.6);
  margin-top: 125px;
  margin-left: -18px;
  float: left;
  z-index: 4;
  position: absolute;
}
.pat1{
  font-family: verdana;
  font-size: 10pt;
  margin: 0 auto;
  text-align: justify;
  width: 610px;
}
.pat1:first-letter {
  font-size: 50pt;
  font-family: Architects Daughter;
  float: left;
  margin-left: 15px;
  margin-right: 1px;
}
.pat2{
  font-family: verdana;
  font-size: 10pt;
  margin: 0 auto;
  text-align: justify;
  width: 610px;
}
.pat2:first-letter{
  font-size: 50pt;
  font-family: Architects Daughter;
  float: left;
  margin-left: 15px;
  margin-right: 2px;
}
.pat3{
  font-family: verdana;
  font-size: 10pt;
  width: 610px;
  text-align: justify;
  margin: 0 auto;
}
.pat3:first-letter{
  font-size: 50pt;
  font-family: Architects Daughter;
  float: left;
  margin-left: 15px;
  margin-right: 2px;
}
.pat4{
  font-family: verdana;
  font-size: 10pt;
  margin: 0 auto;
  text-align: justify;
  width: 610px;
  margin-bottom: 20px;
}
.pat4:first-letter{
  font-size: 50pt;
  font-family: Architects Daughter;
  float: left;
  margin-left: 15px;
  margin-right: 1px;
}
.slideshow{
  width: 555px;
  height: 220px;
  float: left;
  z-index: 0;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 0px 0px 0 0;
  -o-border-radius: 15px 0px 0 0;
  -webkit-border-radius: 15px 0px 0 0;
 }
 
.slideshow-cytat{
  width: 290px;
  height: 75px;
  position: absolute;
  margin-left: -50px;
  margin-top: 0px;
  overflow: hidden;
  box-shadow: 0px 20px 10px -10px #808080;
  
}
.tlo-cytat{
  width: 290px;
  height: 75px;
  z-index: 1;
  position: relative;
  float: left;
  margin-left: 395px;
  margin-top: 30px;
}

#nagl{
  	/*width: 280px;
	height:210px;*/
	/*background-image: url("../grafika/szk3.png");*/
	/*float: left;
	margin-left: 264px;
	margin-top: 0px;*/
	/*opacity: 0.7;*/
	/*z-index: 2;
	position: absolute;*/
	/*opacity: 0.5;*/
	/*background-color: transparent;*/
	/*-moz-box-shadow: inset 4px 10px 10px 10px #FF8C00;*/
	/*-moz-box-shadow: inset 5px 5px 5px 5px 10px #FF8C00;
	-webkit-box-shadow: inset 5px 5px 5px 5px 10px #FF8C00;
  	border-radius: 10px 10px 10px 10px;
	margin-top: 5px;*/
	
}

#nagl2{
  width: 634px;
  height: 270px;
  float: left;
  margin-left: 466px;
  margin-top: 0px;
  background-image: url("../grafika/baner_nowy13.jpg");
  z-index: 2;
  position: absolute;
  border-radius: 30px 80px 0px 100px;
  -o-border-radius: 90px 80px 0px 90px;
  -webkit-border-radius: 90px 80px 0px 90px;
  /*background:rgba(100%,100%,100%,0.9 );*/
  /*-moz-box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);
  -webkit-box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);*/
  /*box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);*/
  box-shadow: -3px -3px 10px #C0C0C0;
}
/*.proba10{
  width: 120px;
  height: 120px;
  background-color: red;
  border-radius: 90px 90px 90px 90px;
  box-shadow: 10px 5px 10px 0 #FF8C00;
}*/


#nagl3{
  width: 555px;
  height: 280px;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  position: absolute;
  background:rgba(250,240,230,0.6);
  border-radius: 0px 70px 70px 0;
  -o-border-radius: 80px 70px 70px 0;
  -webkit-border-radius: 80px 70px 70px 0;
  /*opacity: 0.5;*/
  /*background-image: url("../grafika/ban_gim6.png");*/
  z-index: 1;
  /*position: absolute;*/
  /*background-color: none;*/
  /*-moz-box-shadow: inset 15px 15px 30px white;*/
  /*-moz-box-shadow: inset 15px 15px 15px 15px #FF8C00;*/
  /*-moz-box-shadow: inset 30px 30px 40px 20px #FF8C00;*/
  /*-moz-box-shadow: 10px 30px 0px 0px #FF8C00;*/
  /*border-radius: 80px 0px 0 0;*/
  /*box-shadow: 10px 10px 5px #FF8C00;*/
}
#tlo{
  width: 555px;
  height: 310px;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  z-index: 1;
  -moz-box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);
  -webkit-box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);
  -o-box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);
  box-shadow: inset 0px 0px 5px 15px rgba(250,240,230,0.9);
  position:absolute;
  border-radius: 0px 0px 0px 0;
  -o-border-radius: 0px 0px 0px 0;
  -webkit-border-radius: 0px 0px 0px 0;
}

#info {
  width: 814px;
  height: 65px;
  background-color: #FAF0E6;
  border-radius: 0px 0px 170px 170px;
  margin-top: 0px;
  margin-left: 200px;
  float: left;
  font-family: book antiqua;
  font-size: 17pt;
  -moz-box-shadow: inset 1px 1px 10px #FF8C00;
  -webkit-box-shadow: inset 1px 1px 10px #FF8C00;
  box-shadow: inset 1px 1px 15px #0000FF;
  -o-box-shadow: inset 1px 1px 10px #FF8C00;
    line-height:30%;
    /*text-shadow: 3px 3px 3px #306EFF;*/
	text-shadow: 3px 3px 3px #244877;
    -webkit-text-shadow: 3px 3px 3px #306EFF;
    /*color:#FF8C00;*/
	color: #18449F;
    text-align: center;
  z-index: 4;
  position: relative;
  /*background-image: url("../grafika/napis_szkola1.png");*/
  }
#table{
  width: 966px;
  margin-top: -24px;
  margin-left: 0px;
  z-index: 0;
  float: left;
  position: relative;
}

.gim
{
  margin-left: 271px;
  float: left;
  position: absolute;
  margin-top: -11px;
  box-shadow: 0px 20px 10px -10px #808080;
  z-index: 2;
}

.sp{
  margin-left: 680px;
  float: left;
  position: absolute;
  margin-top: -30px;
  box-shadow: 0px 20px 10px -10px #808080;
  z-index: 2;
}
.start1{
 width: 450px;
 height: 270px;
 border-radius: 120px 0px 0px 120px;
 background-image: url("../grafika/szk.png");
 background-repeat: no-repeat;
 position: relative;
 margin-top: 140px;
 float: right;
 margin-right: 7px;
 box-shadow: 0px 20px 10px -10px #808080;
}
.start2{
  width: 450px;
  height: 250px;
  border-radius: 0px 120px 120px 0px;
  background-color: #ffff66;
  position: absolute;
  margin-top: 130px;
  float: left;
  -moz-box-shadow: inset 1px 1px 10px #00008B;
  -webkit-box-shadow: inset 1px 1px 10px #00008B;
  box-shadow: inset 1px 1px 15px #0000FF;
  margin-left: 0px;
  margin: 0 auto;
  z-index: 2;
}
.start2a{
  width: 450px;
 height: 250px;
 border-radius: 0px 120px 120px 0px;
 background-color: transparent;
 position: relative;
 margin-top: 140px;
 float: left;
 box-shadow: 0px 20px 10px -10px #808080;
 margin-left: 1px;
 color: transparent;
 padding: 0px;
}
.dane{
  float: left;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 12pt;
  font-family: verdana;
  line-height: 80%;
  position: absolute;
  z-index: 3;
  color: black;
}
.motto{
  font-size: 12pt;
  font-family: verdana;
  background-color: #ffff66;
  width: 470px;
  height: 130px;
  border-radius: 0px 120px 120px 0px;
  position: absolute;
  float: left;
  margin-top: 80px;
  -moz-box-shadow: inset 1px 1px 10px #00008B;
  -webkit-box-shadow: inset 1px 1px 10px #00008B;
  box-shadow: inset 1px 1px 15px #0000FF;
  /*box-shadow: 0px 20px 10px -10px #808080;*/
  margin-left: 2px;
  margin: 0 auto;
}
.motto1{
 font-size: 12pt;
 font-family: verdana;
 background-color: transparent;
 width: 470px;
 height: 130px;
 border-radius: 0px 120px 120px 0px;
 position: relative;
 float: left;
 margin-top: 60px;
 box-shadow: 0px 20px 10px -10px #808080;
 margin-left: 0px;
 color: #000;
}
.moduletable-zegar{
  margin-left: 0px !important;
  width: 90px !important;
  height: 90px !important;
  margin-top: 0px !important;
  /*box-shadow: 0 0 5px 5px #888;*/
}
.tablel{
  width: 130px !important;
  height: 130px !important;
  /*background-color: #ffff66;*/
  background-color: transparent;
  border-radius: 90px 90px 90px 90px;
  /*box-shadow: 0 0 5px 5px #888;*/
  /*box-shadow: 10px 5px 10px 0px #808080;*/
  /*float:left;*/
  position: absolute !important;
  margin-top: -10px !important;
  /*padding-top: -5px;*/
  margin-left: 950px !important;
  }

 .moduletable-sciezka{
   position: static;
   margin-top: -5px;
   font-size: 7pt;
   font-family: verdana;
   width: 955px;
   margin-left: 40px;
   margin-right: 0px;
   text-align: left;
   /*overflow: hidden;*/
   /*float:left;*/
   padding-left: 10px;
   padding-right: 0px;
   background-color: transparent;
   max-height: 40px;
   /*background:rgba(250,240,230,0.6);*/
   /*background-color: red;*/
   /*background-color: #FDD017;*/
   border-radius: 90px 90px 0px 0px;
   line-height: 170%;
   z-index: 2;
 }
.avPlayerContainer{
  box-shadow: 0px 20px 10px -10px #808080;
}

#menu {
	width: 180px;
	height: auto;
	/*overflow: hidden;*/
	/*background-color: transparent;*/
	margin-top: 10px;
	float: left;
	z-index: 4;
	/*background:rgba(250,240,230,0.4);*/
	/*background-color: yellow;*/
	position: relative; 
	/*box-shadow: inset 1px 1px 10px #306EFF;*/
	border-radius: 30px 30px 0px 0px;
	
}

#menu1 {
	width: 180px;
	height: 370px;
	float: left;
	margin-top: 30px;
	margin-left: 0px;
	padding: 0;
	z-index: 1;
	background-image: url("../grafika/m-szkola2.png");
	position: relative;
	border-radius: 50px 50px 0px 0px;
	

  }
.moduletable1{
  margin-top: 85px;
  position: relative;
  line-height: 16px;

}
     li.item-465 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-465:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  
 li.item-466 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-466:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-467 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-467:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-468 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-468:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-469 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-469:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-470 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-470:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-471 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-471:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-472 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-472:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-473 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-473:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-474 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-474:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-475 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-475:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-518 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-518:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-519 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-519:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
   li.item-520 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-520:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  li.item-539 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-539:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  li.item-557 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-557:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  li.item-570 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-570:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  li.item-571 {
      margin-left: -35px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-571:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: -25px;
    padding-left: 0px;
    position: relative;
  }
   li.item-572 {
      margin-left: -35px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-572:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: -25px;
    padding-left: 0px;
    position: relative;
  }
   li.item-580 {
      margin-left: -35px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
    }
    li.item-580:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: -25px;
    padding-left: 0px;
    position: relative;
  }
  
  li.item-540:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  li.item-542:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
  }
  
  
  
#menu2 {
	width: 180px;
	height: 250px;
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	padding-bottom: 0px;
	z-index: 1;
	/*background-color: #FAF0E6;*/
	background-image: url("../grafika/menu2.png");
	position: relative; 
	
  }
.moduletable2{
  margin-top: 75px;
  position: relative;
  line-height: 16px;
}
/*ul.menu2{
  padding-bottom: 0px;
}*/
 li.item-521 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-521:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-527 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-527:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-528 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-528:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-529 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-529:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  
   li.item-581 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-581:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  
     li.item-582 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-582:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  
  li.item-530 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-530:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-531 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-531:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-532 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-532:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-569 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-569:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  
#menu3 {
	width: 180px;
	height: 170px;
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	padding: 0;
	z-index: 1;
	/*background-color: #FAF0E6;*/
	background-image: url("../grafika/m-rodzice.png");
	position: relative; 
	
  }
  .moduletable3{
  margin-top: 80px;
  position: relative;
  line-height: 18px;
}
li.item-533 {
      margin-left: -5px;
      padding-left:7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-533:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-534 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-534:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-535 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-535:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-536 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-536:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-537 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-537:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-545 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-545:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-541 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      text-decoration:underline;
      list-style-type: none;
    }

#menu4 {
	width: 180px;
	height: 200px;
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	padding: 0;
	z-index: 1;
	background-image: url("../grafika/m-sport.png");
	position: relative; 
  }
.moduletable4{
  margin-top: 80px;
  position: relative;
  line-height: 16px;

}
li.item-540 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-540:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-541 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      color: #0000CC;
      list-style-type: none;
    }
    span.separator{
      color: #003399;
    }
    
     li.item-543 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: none;
      list-style-type:disc;
      color: #003399;
    }
     li.item-544 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: none;
      list-style-type:disc;
      color: #003399;
    }
  li.item-542 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-542:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }


 .moduletable-linki{
  margin-top: 95px;
  position: relative;
  line-height: 16px;

}
#menu5 {
	width: 180px;
	height: 320px;
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	padding: 0;
	z-index: 1;
	background-image: url("../grafika/menu-linki.png");
	position: relative; 
  }
  li.item-558 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-558:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
li.item-559 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-559:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
li.item-560 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-560:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
li.item-561 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-561:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-562 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-562:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-563 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-563:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-564 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-564:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-565 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-565:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-566 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-566:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-567 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-567:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-583 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-583:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  li.item-584 {
      margin-left: -5px;
      padding-left: 7px;
      font-family: verdana;
      font-size: 10pt;
      position: relative;
      list-style-image: url("../grafika/l1.gif");
      list-style-type: none;
    }
    li.item-584:hover {
    color: orange; 
    font-size: 10pt;
    list-style-image: url("../grafika/l2.gif");
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
    list-style-type: none;
  }
  #strona-info{
    width: 170px;
	height: 135px;
	float: left;
	margin-top: 10px;
	margin-left: 7px;
	padding-top: 0;
	z-index: 1;
	font-size: 8pt;
	font-family: verdana;
	text-align: center;
	line-height: 150%;
	position: relative; 
  }
  #zastepstwa{
    width: 170px;
	height: 200px;
	float: left;
	margin-left: 1px;
	padding-top: 0;
	z-index: 1;
	font-size: 8pt;
	font-family: verdana;
	text-align: center;
	line-height: 150%;
	background-image: url("../grafika/inf-str.png");
	position: relative; 
	border-radius: 0px 15px 15px 15px;
	box-shadow: 0px 20px 10px -10px #808080;
  }
  
#tresc {
	width: 736px;
	min-height: 1770px;
	overflow: hidden;
	background-image: -moz-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	background-image: -o-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	background-image: -webkit-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	background-image: linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	margin-left: 2px;
  	margin-right: 0px;
  	margin-top: 0px;
  	padding-top: 0px;
  	position: relative;
  	padding-left: 0px;
  	padding-right: 0px;
	z-index: 3;
	border-radius: 50px 50px 0px 0px;
	-moz-box-shadow: inset 1px 1px 10px #00008B;
  	-webkit-box-shadow: inset 1px 1px 10px #00008B;
  	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana;
  	font-size: 12px;
 	
 }
	#trescw{
   width: 736px;
  float: left;
  background-color: transparent;
  position: relative;
  margin-top: 30px;
  height: auto;
  min-height: 1400px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  padding-left: 0px;
   padding-right: 0px;
   padding-left: 0px;
   z-index: 5;
 }
 .h1{
   color: red;
 }
  	.nav-gal2{
  	  
  	  margin: 0 auto;
  	  width: 200px;
  	  /*background-color: blue;*/
  	  text-align: center;
  	  }
	  .nav-gal3{
  	  
  	  margin: 0 auto;
  	  width: 250px;
  	  /*background-color: blue;*/
  	  text-align: center;
  	  }
  	  				/*nawigacja na podstronach*/
.pierwsz span{
  margin-left: 5px;
  display: inline;
}
.nast span{
  margin-left: 20px;
  display: inline;
  }
.poprz span{
  margin-left: 5px;
  display: inline;
  text-align: center;
  /*text-align:center;*/
  /*float:right;*/
}
.nast-pdw span{
  margin-left: 30px;
  display: inline;
  word-spacing: 10px;
  /*float: left;
  text-align: left;*/
  }
.poprz-pdw span{
  margin-left: 30px;
  /*display: inline;*/
  /*float: left;
  text-align: left;*/
  word-spacing: 20px;
  /*float:right;*/
}
					/*dolna nawigacja*/
.nav-gal1-pdw{
  	  float:left;
  	  display: inline;
  	  margin: 0 auto;
  	   width: 150px;
  	   text-align: left;
  	   border-radius: 3px;
  	   margin-left: 130px;
  	    margin-bottom: 15px;
  	}
.nav-gal2-pdw{
  	  float:right;
  	  display: inline;
  	  margin-right: 190px;
  	  margin: 0 auto;
  	   width: 260px;
  	   text-align: left;
  	   border-radius: 3px;
  	   position: relative;
  	  }
  	  .nav-gal2-pdw2{
  	  float:right;
  	  display: inline;
  	  margin-right: 190px;
  	  margin: 0 auto;
  	   width: 230px;
  	   text-align: left;
  	   border-radius: 3px;
  	   position: relative;
  	  }
.nav-gal3-pdw{
  	  float:left;
  	  display: inline;
  	  /*margin-left: 200px;*/
  	  margin: 0 auto;
  	   width: 200px;
  	   text-align: left;
  	   border-radius: 3px;
  	  }
.nav-gal4-pdw{
  	  float:right;
  	  display: inline;
  	  /*margin-left: 200px;*/
  	  margin: 0 auto;
  	   width: 200px;
  	   text-align: right;
  	   border-radius: 3px;
  	  }
  	  				/*dolna nawigacja*/
.nav-gal5-pdw{
  	  float:left;
  	  display: inline;
  	  margin: 0 auto;
  	   width: 80px;
  	   text-align: left;
  	   border-radius: 3px;
  	   margin-left: 200px;
	}
	.nav-gal7-pdw{
  	  float:left;
  	  display: inline;
  	  margin: 0 auto;
  	   width: 150px;
  	   text-align: left;
  	   border-radius: 3px;
  	   margin-left: 150px;
  	  
	}
.nav-gal6-pdw{
  	  float:right;
  	  display: inline;
  	  margin-left: 20px;
  	  margin: 0 auto;
  	   width: 80px;
  	   text-align: right;
  	   border-radius: 3px;
  	   margin-right: 200px;
  	  }
.nav-gal3{
  	  /*float:left;*/
  	  /*display:block;*/
  	  /*margin-left: 200px;*/
  	  margin: 0 auto;
  	   width: 300px;
  	   /*background-color: blue;*/
  	   text-align:center;
  	   border-radius: 3px;
  	  }
.pdwiosny{
       width: 580px;
       /*background-color: red;*/
       /*position:relative;*/
       text-align:center;
       float:left;
       margin-top: 40px;
       font-size: 11pt;
       font-family: verdana;
     }
.pdwgalsp{
       width: 200px;
       margin-left: 90px;
       margin-top: 20px;
       background-color: transparent;
       float: left;
       text-align: center;
       /*position:relative;*/
     }
.pdwgalgim{
       width: 170px;
       margin-left: 30px;
       margin-top: 20px;
       margin-bottom: 50px;
       /*background-color: red;*/
       float: left;
       text-align: center;
     }

.items-more {display: none}
.counter{
  display:none;

}
				/*Ustawienia całości paginacji w pagination*/
.pagination{
  
  /*float: left;*/
  /*margin-left: 185px;*/
  /*text-decoration: underline;*/
  font-family: verdana;
  font-size: 10pt;
  margin-top: 0px;
  width: 735px;
  /*margin: auto;*/
  }
.pag {
width: 735px;
text-align: center;
}
  .pagination a{
  font-size: 10pt;
  /*display:inline;*/
  margin:0 auto;
  padding:0;
  float:left;
  margin-left: 15px;
  text-decoration: underline;
}
.pagination p{
  font-size: 10pt;
  /*display:inline;*/
  margin:0 auto;
  padding:0;
  float:left;
  margin-left: 15px;
  text-decoration: underline;
}
.pagination-start span{
  list-style-type: none;
  margin:0;
  padding:0;
  float:left;
  /*list-style-position: inside;*/
  margin-left: 5px;
  text-decoration: underline;
}
.pagination-start {
  list-style-type: none;
  margin:0;
  padding:0;
  float:left;
  width: 65px;
  padding-left: 120px;
  text-decoration: underline;
}
.pagination-start p{
  list-style-type: none;
  margin:0;
  padding:0;
  float:left;
  /*list-style-position: inside;*/
  margin-left: 5px;
  text-decoration: underline;
}
/*.pagenavigation_credits {width:100%; text-align:center; font-size:90%; text-decoration:none;}*/
.pagination-prev span {

margin:0;
padding:0;
display:inline;
float: left;
margin-left: 5px;
text-decoration: underline;
}
.pagination-prev {

/*display:inline;*/
float: left;
margin-left: 5px;
width: 80px;
}

.pagination-prev p {
margin:0;
padding:0;
display:inline;
float: left;
margin-left: 5px;
text-decoration: underline;
}
.pagination-next span {
float: left;
margin-left: 5px;
}
.pagination-next {
float: left;
width: 75px;
margin-left: 5px;
}
.pagination-next p {
float: left;
margin-left: 5px;
}
.pagination-end span {
float: left;
margin-left: 5px;
}
.pagination-end {
float: left;
padding-right: 120px;
width: 70px;
}
.pagination-end p {
float: left;
margin-left: 5px;
}
span.pagenav{
  /*width: 5px;
  float:left;
  margin-left: 15px;*/
  float:left;
  width: 5px;
  margin-left: 15px;
}
p.pagenav{
  display:inline;
  float:left;
  margin-left: 10px;
}
.pagenav{
  float:left;
  width: 5px;
  margin-left: 15px;
  }
  
a.pagenav{
  margin-left: 15px;
   font-family: verdana;
}
.phocagallery{
  width: 600px;
  margin: 0 auto;
  margin-left: 50px;
  /*float: left;*/
}

.pagenav ul{
  display: inline;
width: 730px;
   float:left;
}
ul.pagenav-prev li{
 margin-left: 15px;
  float:left;
  position:relative;
 }

ul.pagenav-next li{
  margin-right: 5px;
  float: right;
}

#film1{
  border-radius: 10px 10px 10px 10px; 
border-style:solid;
border-color: red transparent transparent;
background-color:orange;
}

.tytuly{
  font-family: Architects Daughter;
  font-size: 18pt;
  font-weight:bold;
  text-align: center; 
  width: 556px;
  background: transparent;
  position: relative;
  margin-left: 120px;
}
.doc{
  margin-left: 0px;
  margin-top: 60px;
  background: transparent;
  font-size: 10pt;
  font-family: verdana;
  position: relative;
  padding-left: 80px; 
  
}
.doc1{
  margin-left: 0px;
  margin-top: 60px;
  background: transparent;
  font-size: 10pt;
  font-family: verdana;
  position: relative;
  text-align: justify;
  margin: auto;
  width: 600px;
  
}

.cat-items{
  margin-top: 100px;
  margin: 0 auto;
  /*margin-left: 150px;*/
  font-family: verdana;
  font-size: 11pt;
}

table.category{
  border: 5px solid black;
  border-color: transparent;
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 10px 10px 10px 10px;
  /*-moz-box-shadow: 10px 5px 10px 0px blue;*/
  margin: 0 auto;
}
tr.cat-list-row0{
  border: 3px solid black;
  background-color: transparent;
  width: auto;
  height: 30px;
  -moz-box-shadow: 5px 5px 10px 0px silver;
  border-radius: 10px 10px 10px 10px;
  
}
td.list-title{
  margin-left: 85px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

tr.cat-list-row1{
  border: 3px solid black;
  background-color: transparent;
  width: auto;
  height: 30px;
  -moz-box-shadow: 5px 5px 10px 0px silver;
  border-radius: 10px 10px 10px 10px;
  margin-top: 30px;
  
}
.cat-items-absolwenci{
  margin-top: 100px;
  margin-left: 130px;
  font-family: verdana;
  font-size: 10pt;
}

table.category-absolwenci{
  border: 1px solid black;
  border-color: transparent;
  width: 300px;
  height: 50px;
  background-color: transparent;
  border-radius: 10px 10px 10px 10px;
  /*-moz-box-shadow: 10px 5px 10px 0px blue;*/
}
tr.cat-list-row0-absolwenci{
  border: 1px solid black;
  background-color: red;
  width: 100px;
  height: auto;
  /*-moz-box-shadow: 5px 5px 10px 0px #3333FF;*/
  border-radius: 10px 10px 10px 10px;
}
td.list-title-absolwenci{
  margin-left: 25px;
  text-align: center;
}

tr.cat-list-row1-absolwenci{
  border: 3px solid black;
  background-color: green;
  width: 100px;
  height: 40px;
  border-radius: 10px 10px 10px 10px;
  margin-top: 30px;
  -moz-box-shadow: 5px 5px 10px 0px #3333FF;
  padding-left: 40px;
}

li.first{
  margin-top: 50px;
  margin-left: 100px;
}
li.last{
  margin-top: 10px;
  margin-left: 100px;
}

h1{
  display: none;
}

.items-leading{
  z-index: 6;
  margin-top: 20px;

}


.leading-0{
 background-image: url("../grafika/frame.png");
 width: 566px;
  height: 240px;
  margin: 0 auto;
  position:relative;
  margin-bottom: 30px;
  background-color:transparent;
 
}
.item.column-1{
  background-image: url("../grafika/frame.png");
  z-index: 6;
  height: 240px;
  width: 566px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
.item.column-2{
  background-image: url("../grafika/frame.png");
  z-index: 6;
  height: 240px;
  width: 566px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
.jaselka1{
  float: left;
  width: 300px;
  margin-top: 20px;
  margin-left: 50px;
  text-align:justify;  
}
.jaselka2{
  width: 610px;
  margin: 0 auto;
  text-align: justify;
}
.nadanie-imienia{
  width: 530px;
  margin: 0 auto;
  text-align: justify;
}
.jaselka-fot{
  width: 150px;
  float: left;
  margin-top: 70px;
  margin-left: 23px;
  height: 110px;
  background-image: url("../grafika/jaselka.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.den-2011-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2012_fot.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.hiszpania-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/hiszpania.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.patron-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/nadanie_imienia.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-papieski-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_papieski.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-papieski2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-papieski-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.clown-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/klaun.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pokaz-mozliwosci-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ninja.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pierwszy-dzien-wiosny-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pd_wiosny.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.tab-wyniki-pdwiosny{
  width: 550px;
  height: auto;
  margin-left: 25px;
  border-radius: 10px;
  float: left;
  position: relative;
  margin-bottom: 10px;
}
.konkurs-pozarniczy-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_pozarniczy_gmina.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.aniol-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_aniol.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/podsumowanie_semestr.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-regionalny-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/cudze_chwalicie.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien_patrona-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_patrona.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-pozarniczy-powiat-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_pozarniczy_powiat.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ewakuacja-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ewakuacja.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ewakuacja2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ewakuacja_2012.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ogrodzenie-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/odbior_ogrodzenia.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.sprawdzian-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/sprawdzian.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-kartka-fot{
  width: 110px;
  float: left;
  margin-top: 55px;
  margin-left: 45px;
  height: 150px;
  background-image: url("../grafika/kartka-bozonarodzeniowa.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-pisanka-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pisanka.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-przyjaciel-przyrody-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel-przyrody.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-poezja-twardowski-fot{
  width: 110px;
  float: left;
  margin-top: 55px;
  margin-left: 55px;
  height: 150px;
  background-image: url("../grafika/recytatorski.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-ksiazki-fot{
  width: 150px;
  float: left;
  margin-top: 55px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-ksiazki.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.egzamin-gim2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/egzamin-gim-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.akademia-3maj-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/akademia-3maj.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.drabinka-2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/drabinka-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festival-comenius-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/comenius-festival.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wawrzyn-fot{
  width: 150px;
  float: left;
  margin-top: 50px;
  margin-left: 25px;
  height: 182px;
  background-image: url("../grafika/medal_miroslaw_iwanczyk.png");
  border-radius: 10px 10px 10px 10px;
  /*box-shadow: 0px 20px 10px -10px #808080;*/
}
.dzien-matki-ojca-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_matki_ojca.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-sportu-2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-sportu-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-sportu-2012-gim-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-sportu-gim-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-wiedzy-prewencyjnej-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/turniej-wiedzy-prewencyjnej.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-projektu-edukacyjnego-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/podsumowanie-projektow-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festyn-2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/festyn-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zakonczenie-2011-12-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakonczenie-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

		/* ROK SZKOLNY 2012/2013*/


.rozpoczecie_2012_2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rozpoczecie_2012_13.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny_2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny_2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-krasiczyn-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka-krasiczyn-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.spektakle-edukacyjno-profilaktyczne-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pat.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festiwal-filmoteka-2012{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filmoteka-warszawa-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/11-listopad-2012.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zapasy-pokaz-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zapasy-fot.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.jaselka0-3-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka0-3.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.jaselka2012-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka-2012.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.dzien-babci2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/d-babci.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.straz-snieg2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/straz-snieg.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.najlepsi-polrocze2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/najlepsi-polrocze2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.pozarniczy2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pozarniczy2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ruch-drogowy2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/brd-2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-patrona2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-patrona-2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-wiosny2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pierwszy-dzien-wiosny2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/halowy-2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

 .moj-aniol-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/aniol_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.konkurs-recytatorski{
  float: left;
  width: 300px;
  margin-top: 20px;
  margin-left: 70px;
  text-align:justify;  
}
p.readmore{
  font-family: verdana;
  font-size: 11px;
  text-align: center;
  width: 85px;
  height: 17px;
  border-radius: 5px 5px 5px 5px;
  margin-left: 400px;
  margin-top: 195px;
  position:absolute;
  box-shadow: 1px 1px 10px #808080;
}


.ue1{
  width: 516px;
}
.as{
  /*margin-left: 210px;*/
  margin: 0 auto;
  position: relative;
  height: auto;
  width: 200px;
  margin-bottom: 40px; 
  background:rgba(250,240,230,0.6);
  border-radius: 15px; 
  padding: 15px;
  padding-left: 35px;
  padding-right: 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.szkola-doc{
  width: 550px;
  height: 729px;
  margin: 0 auto;
  position: relative;
  border: 2px solid blue;
  box-shadow: 0px 20px 10px -10px #808080;
}
.szkola-podr{
  width: 550px;
  height: auto;
  margin: 0 auto;
  position: relative;
  margin-top: 25px; 
}
.szkola-podr1{
  width: auto;
  height: auto;
  margin-left: 100px;
  position: absolute;
  margin-top: 250px; 
}
						/*Kadra*/
.dyrekcja{
  width: 540px;
  margin: 0 auto;
  /*position: relative;*/
  height: auto;
  background-color: transparent;
  margin-top: 60px;
  margin-bottom: 0px;
  overflow: hidden;
  padding-bottom: 20px;
  /*float: left;*/
}
.dyrekcja-fot{
  width: 300px;
  height: 217px;
  float: left;
  background-image: url("../grafika/dyrektor.jpg");
  box-shadow: 0px 20px 10px -10px #808080;
  border-radius: 20px;
  margin-left: 0px;
}
.dyrekcja-info{
  width: 239px;
  height: 200px;
  float: left;
  background-color: transparent;
  margin-left: 160px;
}
.tab-ped{
  background: transparent;
  font-size: 9pt;
  font-family: verdana;
  margin-left: 60px;
  overflow: hidden;
  position: relative;
  height: auto;
  margin: 0 auto;
  width: 605px;
  margin-bottom: 10px;
  line-height: 20px;

}
.tab-adm{
  background: transparent;
  font-size: 10pt;
  font-family: verdana;
  margin: 0 auto;
  position: relative;
  line-height: 20px;
  width: 550px;
  margin-bottom: 30px;
}
.tab-obs{
  background: transparent;
  font-size: 10pt;
  font-family: verdana;
  margin: 0 auto;
  position: relative;
  line-height: 20px;
  width: 500px;
}
.kadra-n{
  
	font-size: 11pt; 
	margin: 0 auto;
	font-weight: bold; 
	text-align: center; 
	margin-bottom: 10px; 
	margin-top: 20px; 
	width: 590px;
	/*position: relative;*/
	float: left;
	height: auto;
}

.sam-klas-1-3{
  width: 520px;
  margin-left: 100px;
  border-radius: 10px;
  height: 50px;
  margin-top: 30px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  /*padding-left: 10px;*/
  line-height: 20px;
  text-align: center;
}
.sam-klas-1-3-2014-15{
  width: 525px;
  margin-left: 100px;
  border-radius: 10px;
  height: 30px;
  margin-top: 20px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  /*padding-left: 10px;*/
  line-height: 20px;
  text-align: center;
}
.sam-klas{
  width: 520px;
  margin-left: 100px;
  border-radius: 10px;
  height: 40px;
  margin-top: 5px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  /*padding-left: 10px;*/
  text-align: center;
  line-height: 160%;
}
.sam-klas-2014-15{
  width: 470px;
  margin-left: 130px;
  border-radius: 10px;
  height: 40px;
  margin-top: 20px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  /*padding-left: 10px;*/
  text-align: center;
  line-height: 160%;
}
.sam-klas6{
  width: 520px;
  margin-left: 110px;
  border-radius: 10px;
  height: 40px;
  margin-top: 5px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  /*padding-left: 10px;*/
  text-align: center;
  line-height: 160%;
  margin-bottom: 30px;
}
.sam-klas-gim{
  width: 315px;
  margin-left: 0px;
  border-radius: 10px;
  height: 70px;
  margin-top: 45px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  padding-left: 60px;
  /*padding: 0px;*/
  text-align: left;
  line-height: 170%;
  margin-bottom: 30px;
}
.sam-klas-gim-2014-15{
  width: 315px;
  margin-left: 0px;
  border-radius: 10px;
  height: 70px;
  margin-top: 25px;
  box-shadow: 0px 20px 10px -10px #808080;
  background:rgba(250,240,230,0.6);
  padding-left: 60px;
  /*padding: 0px;*/
  text-align: left;
  line-height: 170%;
  margin-bottom: 30px;
}
					/*Biblioteka*/
.bbl-reg{
  width: 560px;
  height: auto;
  border-radius: 15px;
  /*background:rgba(446,145,177,0.2);*/
  /*margin: 0 auto;*/
  position: relative;
  padding-top: 10px;
  margin-bottom: 50px;
  margin-top: 50px;
  margin-left: 70px;
}
.bbl-reg1{
  width: 590px;
  background:transparent;
  text-align: justify;
  margin-top: 90px;
  position: relative;
  margin: 0 auto;
  line-height: 20px;
}
.bbl-sp{
  width: 200px;
  height: 170px;
  margin-left: 150px;
  /*background:rgba(446,145,177,0.2);*/
  background-color: #FFF68F;
  border-radius: 15px;
  float: left;
  position: relative;
  margin-bottom: 35px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
  /*padding-left: 15px;*/
}
.bbl-g{
  width: 200px;
  height: 170px;
  margin-left: 370px;
  /*background:rgba(446,145,177,0.2);*/
  background: rgb(255, 236, 139);
  border-radius: 15px;
  /*float: left;*/
  position: relative;
  margin-bottom: 35px;
  padding-top: 1px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: rgb(0, 0, 139);
border-style: solid;
border-width: 2px;
}
.bbl-zest{
  width: 400px;
  height: 23px;
  margin: 0 auto;
  /*background:rgba(446,145,177,0.2);*/
  background:rgb(255, 255, 102);
  border-radius: 15px;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  line-height: 160%;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bbl-najsp{
  width: 400px;
  height: 23px;
  margin: 0 auto;
  background-color: #FFF68F;
  border-radius: 15px;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  line-height: 160%;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bbl-najg{
  width: 400px;
  height: 23px;
  margin: 0 auto;
  background: rgb(255, 236, 139);
  border-radius: 15px;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  line-height: 160%;
  margin-top: 35px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bbl2{
  width: 182px;
  height: 140px;
  float: left;
  background-color: #FFF68F;
  border-radius: 15px;
  margin-left: 85px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
}
.bbl3{
  width: 160px;
  height: 140px;
  background-color: #FFF68F;
  border-radius: 15px;
  margin-left: 10px;
  float: left;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
}
.bbl4{
  width: 190px;
  height: 140px;
  background-color: #FFF68F;
  border-radius: 15px;
  margin-left: 455px;
  padding-top: 1px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
}
.bbl5{
  width: 180px;
  height: 130px;
  float: left;
  background-color: #FFF68F;
  border-radius: 15px;
  margin-left: 175px;
  margin-top: 20px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
}
.bbl6{
  width: 190px;
  height: 130px;
  background-color: #FFF68F;
  border-radius: 15px;
  margin-left: 370px;
  padding-top: 1px;
  margin-top: 20px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: blue;
border-style: solid;
border-width: 2px;
}
.bbl1g{
  width: 170px;
  height: 170px;
  float: left;
  background: rgb(255, 236, 139);
  border-radius: 15px;
  margin-left: 85px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: rgb(0, 0, 139);
border-style: solid;
border-width: 2px;
}
.bbl2g{
  width: 185px;
  height: 170px;
  background: rgb(255, 236, 139);
  border-radius: 15px;
  margin-left: 10px;
  float: left;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: rgb(0, 0, 139);
border-style: solid;
border-width: 2px;
}
.bbl3g{
  width: 180px;
  height: 170px;
  background: rgb(255, 236, 139);
  border-radius: 15px;
  margin-left: 470px;
  padding-top: 1px;
  box-shadow: 0px 20px 10px -10px #808080;
  border-color: rgb(0, 0, 139);
border-style: solid;
border-width: 2px;
}
ul.bbl{
 margin: 0px;
 margin-left: -8px;
 line-height: 150%;
}
  .lektury{
  width: 480px;
  margin-left: 40px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align: left;
  margin-top: 50px;
  line-height: 160%;
}
.zderzak{
  width: 600px;
  margin-left: 40px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align: justify;
  margin-top: 50px;
  line-height: 160%;
}
				/*Samorząd Uczniowski*/
.suskrzaty{
  width: 528px;
  height: 363px;
  background-image: url("../grafika/su-skl-skrz1.png");
  margin: 0 auto;
  border-radius: 35px 35px 35px 0px;
  margin-top: 40px;
}
.suskrz-fot{
  background: transparent;
  width: 150px;
  height: 100px;
  float:left;
  margin-left: 80px;
  margin-top: 140px;
}
.suskrzskl{
  width: 200px;
  height: 180px;
  margin-left: 50px;
  border-radius: 15px;
  float:left;
  margin-top: 120px;
  line-height: 100%;
  text-align: center;
}
.susp{
  width: 528px;
  height: 363px;
  background-image: url("../grafika/su-skl-sp1.png");
  margin: 0 auto;
  border-radius: 35px 35px 35px 0px;
  margin-top: 30px;
  position:relative;
}
.susp-fot{
  background: transparent;
  width: 150px;
  height: 100px;
  float:left;
  margin-left: 80px;
  margin-top: 140px;
 }

.suspskl{
  width: 200px;
  height: 180px;
  margin-left: 40px;
  border-radius: 15px;
  float:left;
  margin-top: 110px;
  line-height: 100%;
  text-align: center;
}
.sugim{
  width: 528px;
  height: 363px;
  background-image: url("../grafika/su-skl3a.png");
  margin: 0 auto;
  border-radius: 35px 35px 35px 0px;
  margin-top: 40px;
  position:relative;
}
.sugim-fot{
  background: transparent;
  width: 150px;
  height: 100px;
  float:left;
  margin-left: 80px;
  margin-top: 140px;
}
.sugimskl{
  width: 200px;
  height: 180px;
  margin-left: 40px;
  border-radius: 15px;
  float:left;
  margin-top: 105px;
  line-height: 100%;
  text-align: center;
}
.konkursy{
  width: 294px;
  height: 112px;
  margin: 0 auto;
  background-image: url("../grafika/nowy7a.png");
  margin-top: 30px;
}
.drabinka{
  width: 570px;
  margin: 0 auto;
  text-align: justify;
}
.ty{
  width: 360px;
  height: 120px;
  margin: 0 auto;
  float: left;
  margin-left: 40px;
  margin-top: 50px; 
}
.nag-su{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  position: relative;
}
.item-page{
  margin-top: 15px;
}

.nag-akt{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-akt.png");
  margin: 0 auto;
  color: transparent;
  margin-top: 10px;
  position: relative;
  margin-bottom: 65px;
}

.nag-dok{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-dok.png");
  margin: 0 auto;
  position: relative;
}
.nag-kadra{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-kadra.png");
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
}
.nag-ped{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-ped.png");
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
}
.nag-log{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-log.png");
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
}
.nag-hist{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
}
.nag-bbl{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-bbl.png");
  margin: 0 auto;
  margin-top: 20px;
  position: relative;

}
.nag-proj{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  position: relative;
}
.nag-arch{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  margin-top: 35px;
  position: relative;
}
.nag-kont{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-kont.png");
  margin: 0 auto;
  position: relative;
}
.nag-hymn{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-hymn.png");
  margin: 0 auto;
  position: relative;
}
.nag-patr{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/nag-patron.png");
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.nag-konk{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  position: relative;
}
.nag-stomat{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-stom.png");
  margin: 0 auto;
  position: relative;
}
.nag-arch{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-arch.png");
  margin: 0 auto;
  position: relative;
}

.nag-klasy{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-klasy.png");
  margin: 0 auto;
  position: relative;
}
.nag-plan{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-nag.png");
  margin: 0 auto;
  position: relative;
}
.nag-mat{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-mat.png");
  margin: 0 auto;
  position: relative;
}
.nag-koral{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-koral.png");
  margin: 0 auto;
  position: relative;
}
.nag-zderzak{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-gaz.png");
  margin: 0 auto;
  position: relative;
}
.nag-rr{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-rr.png");
  margin: 0 auto;
  position: relative;
  color: transparent;
  margin-bottom: 50px;
}
.r-rodzicow{
  width: 450px;
  height: 150px;
  background-color: #ffff66;
  border-radius: 35px;
  margin: 0 auto;
  padding: 10px;
  border-style: solid; 
  border-width: 2px;
  border-color: #00008B;
  box-shadow: 0px 20px 10px -10px #808080;
  margin-top: 25px;
}
.nag-roddz{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-rroddz.png");
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
}
.nag-inf-r{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-inf-r.png");
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
}

.nag-film{
  width: 332px;
  height: 120px;
  background-image: url("../grafika/su-film.png");
  margin: 0 auto;
  position: relative;
}
.nag-pck{
  width: 332px;
  height: 120px;
  background-image: url("../grafika/su-pck.png");
  margin: 0 auto;
  position: relative;
}
.nag-owoce{
  width: 332px;
  height: 120px;
  background-image: url("../grafika/owoce.png");
  margin: 0 auto;
  position: relative;
}
.nag-abs{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-abs.png");
  margin: 0 auto;
  margin-top: 15px;
  color: transparent;
  margin-bottom: 50px;
  z-index: 0;
  position: relative;

}
.nag-rekordy{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-rekordy.png");
  margin: 0 auto;
  position: relative;
 }
.nag-uks{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-uks.png");
  margin: 0 auto;
  position: relative;
}
.nag-form-kont{
  width: 450px;
  height: 65px;
  background-image: url("../grafika/formularz4b.png");
  margin: 0 auto;
  position: relative;
  margin-top: 80px;
  margin-bottom: 250px;
  z-index: 99;
}
/*.nag-form-kont1{
  width: 450px;
  height: 66px;
  background-image: url("../grafika/formularz2f.png");
  margin: 0 auto;
  position: relative;
  margin-top: 80px;
  margin-bottom: 250px;
  z-index: 99;
}*/
.nag-sport{
  width: 332px;
  height: 119px;
  background-image: url("../grafika/su-sport.png");
  margin: 0 auto;
  color: transparent;
  margin-top: 15px;
  position: relative;
}
						/*Rodzice*/
.rr1{
  width: 220px;
  height: 125px;
  float: left;
  background-color: #ffff66;
  border-radius: 15px;
  margin-left: 25px;
  margin-top: 20px;
  line-height: 170%;
  box-shadow: 0px 20px 10px -10px #808080;
  margin-bottom: 20px;
   border-style: solid; 
  border-width: 2px;
  border-color: #00008B;
}
.rr2{
  width: 220px;
  height: 125px;
  float: left;
  background-color: #ffff66;
  border-radius: 15px;
  margin-left: 55px;
  margin-top: 20px;
  line-height: 170%;
  box-shadow: 0px 20px 10px -10px #808080;
  margin-bottom: 20px;
   border-style: solid; 
  border-width: 2px;
  border-color: #00008B;
}
.rr-cal1{
  width: 550px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}
					
.rr-cal2{
  width: 550px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  margin-top: 50px;
}
.nag-poczet{
  width: 332px;
  height: 211px;
  background-image: url("../grafika/poczet.png");
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
  color: transparent;
}
.skl-poczet{
  width: 450px;
  height: 130px;
  background-color: #ffff66;
  border-radius: 35px;
  margin: 0 auto;
  padding: 10px;
  border-style: solid; 
  border-width: 2px;
  border-color: #00008B;
  margin-top: 50px;
  margin-bottom: 30px;
  box-shadow: 0px 20px 10px -10px #808080;
  -moz-box-shadow: 0px 20px 10px -10px #808080;
  -o-box-shadow: 0px 20px 10px -10px #808080;
  -webkit-box-shadow: 0px 20px 10px -10px #808080;
}

.ogloszenia{
  width: 500px;
  height: 340px;
  margin-left: 41px;
  margin-top: 120px;
  background-image: url("../grafika/ogloszenia1.png");
  position: relative;
}
.tablica1{
  width: 230px;
  height: 160px;
  background-image: url("../grafika/tablica3.png");
  float: left;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 10pt;
  padding-left: 0px;
}
.tablica2{
  width: 230px;
  height: 160px;
  background-image: url("../grafika/tablica3.png");
  float: left;
  margin-top: 10px;
  margin-left: 5px;
  font-size: 10pt;
}
.tablica3{
  width: 230px;
  height: 160px;
  background-image: url("../grafika/tablica3.png");
  float: left;
  margin-top: 0px;
  margin-left: 15px;
  font-size: 10pt;
}
.ogloszenia-text{
  width: 500px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align:justify;
  margin-top: 50px;
}
.category-list-informacje{

}	
							/*UKS*/
.tab-wyniki-uks{
  width: 550px;
  height: auto;
  margin-left: 20px;
  border-radius: 10px;
  float: left;
  position: relative;
  margin-bottom: 10px;

}
.tab-ost-kolej-uks{
  width: 600px;
  height: auto;
  margin-left: 20px;
  border-radius: 10px;
  float: left;
  position: relative;
  margin-bottom: 25px;
  
}
.naj-strz-uks{
  width: 560px;
  height: auto;
  margin-left: 20px;
  border-radius: 15px;
  float: left;
  position: relative;
  margin-top: 0px;
  margin-bottom: 15px;
}
.naj-bramk-uks{
  width: 550px;
  height: auto;
  margin-left: 20px;
  border-radius: 15px;
  float: left;
  position: relative;
  margin-bottom: 15px;
  margin-top: 0px;
}
.naj-zawod-uks{
  width: 550px;
  height: auto;
  margin-left: 20px;
  border-radius: 15px;
  float: left;
  position: relative;
  margin-bottom: 15px;
}
.dzialalnosc-uks{
  width: 610px;
  margin: 0 auto;
  text-align: justify;
  line-height: 150%;
  margin-top: 30px;
}
.dodane{
  width: 500px;
  margin: 0 auto;
  text-align: justify;
  /*line-height: 150%;*/
  margin-top: 30px;
}
.dzialalnosc-uks-galeria{
  width: 580px;
  margin: 0 auto;
}
.rekordy{
  width: 450px;
  margin-left: 100px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align:justify;
  margin-top: 50px;
  line-height: 160%;
}
.uks-kontakt{
  width: 320px;
  height: 110px;
  
  margin-left: 160px;
  font-size: 10pt;
  font-family: verdana;
}
.siatkowka-powiat-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/siatkowka1.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.siatkowka-gmina-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/siatkowka2.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
						/*Projekty*/
.projekty{
  width: 600px;
  font-size: 10pt;
  margin: 0 auto;
  text-align: justify;
}
.projekty-lista{
  width: 500px;
  font-size: 11pt;
  margin-top: 70px;
  margin-left: 120px;
 }
 .gb-pl{
   width: 530px;
   height: 12px;
   margin-top: 30px;
   margin-bottom: 30px;
   text-align: left;
   margin-left: 350px;
 }
					 /*Stomatolog, Koral, Film*/
 .stomatolog{
  width: 600px;
  margin-left: 40px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align:justify;
  margin-top: 50px;
  line-height: 160%;
}
.koral{
  width: 600px;
  margin-left: 40px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align:justify;
  margin-top: 50px;
  line-height: 160%;
}
.film{
  width: 600px;
  margin: 0 auto;
  font-size: 10pt;
  font-family: verdana;
  text-align:justify;
  margin-top: 50px;
  /*line-height: 160%;*/
}	
#informacje {
	width: 184px;
	height: auto;
	margin-top: 30px;
	float: right;
	z-index: 0;
	position: relative; right: 0px;
	border-radius: 50px 50px 0px 0px;
}

/*
#menu6 {
	width: 172px;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-left: 4px;
	padding-bottom: 10px;
	padding-top: 10px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 30px; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B;
  }
  */
  /*#logo {
	width: 172px;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-left: 4px;
	padding-bottom: 10px;
	padding-top: 10px;
	z-index: 1;
	background-color: transparent;
	/*border-radius: 30px; */
	/*position: relative; */ 
	/*box-shadow: inset 1px 1px 15px #0000FF; */
	/*border-style: solid; 
	border-width: 0px;
	border-color: #00008B;
  } */
.moduletable-zespol ul{
  font-family: verdana;
  font-size: 11px;
  list-style-type: none;
  margin-left: 10px;
  padding: 0px;
  line-height: 150%;
}
.userdata{
  border: none;
  position: relative;
  margin-top: 5px;
  font-family: verdana;
  font-size: 11px;
  width: 165px;
  margin-left: 10px;
}

#modlgn-username{
  border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*margin-left: 10px;*/
}
#modlgn-passwd{
  border-radius: 5px;
  display: block;
}
#modlgn-remember{
  border-radius: 5px;
}
.button input{
  margin-left: 10px;
}
.login-greeting{
  font-family: verdana;
  margin-top: 20px;
  text-align: center;
  font-size: 10pt;
  color: blue;
  
}
.logout-button{
  margin-left: 50px;
  border-radius: 20px;
  width: 150px;
  height: 50px;
  margin-top: 20px;
  }


#menu7 {
	width: 172px;
	height: 100px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 15px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 0px 0px 30px 30px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B;
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	text-align: center;
	font-family: verdana;
	font-size: 10pt;
  }
.moduletable-goscimy{
  font-family: verdana;
  font-size: 9pt;
  margin-left: 3px;
  margin-top: 5px;
  text-align: center;
  width: 162px;
  line-height: 160%;
}

#menu8 {
	width: 172px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 25px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 30px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana !important;
	font-size: 12pt;
	
  }

.imieniny1{
  font-size: 9pt;
  font-family: verdana;
  margin-top: 60px;
  position: relative;
  width: 165px;
  margin: 0 auto;
}
.moduletable{
  margin-top: 10px;
  position: relative;
  line-height: 16px;
  }

#menu9 {
	width: 172px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 30px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	  }
#PogodaNetWidget {
    border: none !important;
    margin: 0 auto !important;
    height: auto;
    clear: both;
}
.PogodaNetWidget_Title{
  display: none !important;
}
.pogoda{
  width: 170px;
  height: auto;
  margin: 0 auto;
  margin-top: 25px;
  font-size: 10pt;
  font-family: verdana;
  text-align: center;
  clear: both;
}

#menu10 {
	width: 172px;
	height: 150px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 20px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 30px 30px 0px 0px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana;
	font-size: 10pt;
	text-align: center;
	
  }
  .moduletable-odwiedziny{
    
}
.mvc_main-odwiedziny{
  	width: 100%;
	text-align: center;
}
.mvc_people-odwiedziny{
  clear: both;
  text-align: center;
	font-size: 9pt;
	font-family:verdana;
	margin:  2px;
	padding: 2px;
}
table.mvc_peopleTable-odwiedziny{
  clear: both;
	text-align: center;
	margin-left:auto;
  	margin-right:auto;
  	border: none;
  	margin-top: 10px;
}
table.mvc_peopleTable-odwiedziny tr  {
  text-align: center;
  border: none;
  height: 30px;
}
table.mvc_peopleTable-odwiedziny td  {
  text-align: left;
  border: none;
  border-bottom: 1px rgb(215,215,215) dashed;
}
table.mvc_peopleTable-odwiedziny td + td {
  text-align: right;
  border: none;
  border-bottom: 1px rgb(215,215,215) dashed;
  font-weight: bold;
}
table.mvc_peopleTable-odwiedziny td + td + td {
  text-align: right;
  border: none;
  
  border-bottom: 1px rgb(215,215,215) dashed;
}
					/*wakacje*/
#menu11 {
	width: 172px;
	height: 50px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	padding-bottom: 15px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 25px 25px 25px 25px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana !important;
	font-size: 12pt;
}
					/*aktualizacja*/
#menu13 {
	width: 172px;
	height: 50px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 15px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 25px 25px 25px 25px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana !important;
	font-size: 12pt;
}
.aktualizacja{
  
  font-family: verdana;
  font-size: 9pt;
  width: 160px;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}
#menu12 {
	width: 172px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	z-index: 1;
	background-color: #ffff66;
	border-radius: 25px 25px 25px 25px; 
	border-style: solid; 
	border-width: 0px;
	border-color: #00008B; 
	position: relative; 
	box-shadow: inset 1px 1px 15px #0000FF;
	font-family: verdana !important;
	font-size: 9pt;
	text-align: center;
}
.wakacje{
  
  font-family: verdana;
  font-size: 9pt;
  width: 160px;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
}

#stopka {
	clear: both;
	width: 1100px;
	height: 38px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px 0px 30px 30px;
	background-color: #ffff99;
	text-align: center;
	line-height: 220%;
	color: #00008B;
	font-family: verdana;
	font-size: 8pt;
	line-height: 15px;
	-moz-box-shadow: inset 1px 1px 10px #00008B;
  	-webkit-box-shadow: inset 1px 1px 10px #00008B;
  	box-shadow: inset 1px 1px 15px #0000FF;
  	padding-top: 5px;
  	box-shadow: 5px 5px 5px #888;
  	z-index: 0;
  	background-image: -moz-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	background-image: -o-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
	background-image: -webkit-linear-gradient(65deg,#FFFF66,#FFFFFF,#FFFF99);
}
.sztandar1{
  width: 300px;
  height: 120px;
  margin-top: 1150px;
  margin-left: 10px;
  color: transparent;
  position: absolute;
  background-image: url("../grafika/sztand4.png");
  box-shadow: 0px 20px 10px -10px #808080;
  border-radius: 0px 0px 0px 80px;
}
.sztandar2{
  width: 300px;
  height: 120px;
  margin-top: 1150px;
  margin-left: 280px;
  color: transparent;
  position: absolute;
  background-image: url("../grafika/sztand5.png");
  box-shadow: 0px 20px 10px -10px #808080;
  border-radius: 0px 0px 80px 0px;
}
.zyczenia1{
  width: 270px;
  height: 291px;
  margin-top: 1150px;
  margin-left: 10px;
  color: transparent;
  position: absolute;
  
}
.zyczenia2{
  width: 300px;
  margin-top: 1150px;
  margin-left: 280px;
  color: green;
  position: absolute;
  text-align: justify;
  
}
.reset{
  width: 500px;
  height: auto;
  font-size: 10pt;
  font-family: verdana;
  margin: 0 auto;
  position: relative;
  padding-top: 60px;
}
.remind{
  width: 500px;
  height: auto;
  font-size: 10pt;
  font-family: verdana;
  margin: 0 auto;
  position: relative;
  padding-top: 60px;
}
.registration{
  width: 500px;
  height: auto;
  font-size: 10pt;
  font-family: verdana;
  margin: 0 auto;
  position: relative;
  padding-top: 100px;
  border: none !important;
}

.fieldset{
  border: none !important;
}

.wielkanoc {
width: 450px;
height: 282px;
background-image: url("../grafika/kartka_wielkan.png"); 
margin-left: 76px;
margin-top: 1100px;
color: transparent;
position: absolute;
}

.konkurs {
width: 450px;
height: 282px;
margin-left: 76px;
margin-top: 1100px;
color: blue;
position: absolute;
}
.egzamin-gim2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/egzamin-2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.cocacola2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/cocacola-2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.akademia-3maj2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/3maj-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-przyjaciel-przyrody2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel-przyrody1-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.grecja-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/grecja_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.drabinka-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/drabinka-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.komunia-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/komunia-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-krupe2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/turniej_krupe_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warszawa-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warszawa-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-konkursow-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/laureaci-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-sportu-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-sportu-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-matki-ojca-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien-mamy-taty-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-sportu-gim-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_gimn_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-projektu-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/podsumowanie_projektu_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festiwal-zolkiewka-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/festiwal_zolkiewka_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-roztocze-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/roztocze.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.projekt-technika-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/projekt_technika_zaj.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festyn-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/festyn_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.laureaci-gmina-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/laureaci_gmina_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zakonczenie-roku-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakonczenie_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dozynki-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dozynki_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dozynki-powiatowe-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dozynki_powiatowe2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.rozpoczecie-2013_14-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rozpoczecie_2013-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wybory-su-gim-2013_14-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wybory_su_2013_14.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzialamy-su-gim-2013_14-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/su_2013_14_sklad.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.sprzatanie-swiata-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/sprzatanie_swiata_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.plac-zabaw-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/plac_zabaw.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ewakuacja2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ewakuacja_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den-2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.policja-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/spotkanie_policja_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-papieski-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_papieski_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-sandomierz-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_sandomierz_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-plastyczny-nagroda-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_plastyczny_nagroda.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
#owoce-warzywa{
  width: 175px;
  float: left;
  margin-left: 4px;
  position: relative;
  height: 125px;
 }
.dzien-dobrych-zyczen-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/happening_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zebranie-rodzice-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zebranie_rodzice.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otwarcie-placu-zabaw-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otwarcie_placu_zabaw.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.animacja-filmowa-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/animacja_filmowa_warsztaty_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jubileusz-uks-nozna-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/turniej_10_lecie.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.lekcja-muzealna-klasa6-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/lekcja_muzealna_klasa6.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.jubileusz-uks-siatka-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/10_lecie_siatkowka.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.swieta_bn {
width: 500px;
height: 335px;
background-image: url("../grafika/zyczenia_png_2013.png"); 
margin-left: 55px;
margin-top: 1100px;
color: transparent;
position: absolute;
box-shadow: 0px 20px 10px -10px #808080;
border-radius: 31px 31px 31px 31px;
}
.jubileusz-uks-klas-1-3-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zawody-1-3-sp.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ferie-zimowe {
background-image: url("../grafika/ferie_zimowe_2013_14_info.jpg");
 width: 550px;
 height: 778px;
 border-radius: 10px 10px 10px 10px;
 color: transparent;
 margin: auto;
 box-shadow: 0px 20px 10px -10px #808080;
 }
 .ferie-zimowe-info {
background-image: url("../grafika/ferie_zimowe_2013_14.jpg");
 width: 550px;
 height: 597px;
 border-radius: 10px 10px 10px 10px;
 color: transparent;
 margin: auto;
 box-shadow: 0px 20px 10px -10px #808080;
 }
 .info-word {
 width: 50px;
 height: 48px;
 background-image: url("../grafika/ikona_word.png");
 }
 .info-pdf {
 width: 50px;
 height: 50px;
 background-image: url("../grafika/ikona_pdf.png");
 margin-left: 20px;
 }
 .jaselka-2013-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2013.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
 .osm-spotkanie-1-3-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/osm-spotkanie-1-3.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.przyjaciel-przyrody-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel_przyrody_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.futsal-polska-rumunia-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/futsal_polska_rumunia.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-brd-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/brd_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.drabinka-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/drabinka_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-mamy-taty-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_mamy_taty_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warszawa-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/targi_ksiazki_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.sprawdzian-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/klasa6_2014_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.sladami-historii-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/sladami_historii_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filmowa-gra-miejska-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filmowa_gra_miejska_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gminny-dzien-sportu-sp-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_2014_sp.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gminny-dzien-sportu-sp-2014-akt-sport-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_2014_sp_akt_sport.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.farma-iluzji-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/farma_iluzji_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.projkt-edukacyjny-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/projekt_edukacyjny_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-lublin-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_lublin_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zachowaj-trzezwy-umysl-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zachowaj_trzezwy_umysl_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zakonczenie-roku-sp-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakonczenie_2013_14.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zakonczenie-roku-gim-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakonczenie_2013_14_gim.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zjazd-absolwentow-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zjazd_absolwentow_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.krecmy-film-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_krecmy_film_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bal-gimnazjalny-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/bal_gimnazjalny_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.szlakiem-stylow-architektonicznych-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/szlakiem_stylow_architektonicznych_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.rozpoczecie-roku-2014-15-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rozpoczecie_roku_2014_15.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-lublin-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/lublin_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dozynki-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dozynki_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jubileusz-150-lecia-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jubileusz_150_lecia_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_fot_2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.medal-30-lecia-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/medal-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jaselka-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2014_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wigilia-dziady_2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dziady-2014-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gardzienice_2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/gardzienice-2014-fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.form-kombi{
width: 450px;
height: 80px;
text-align: center;
margin: 0 auto;
border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: 1px 9px 10px 4px #888;
 -o-box-shadow: 1px 9px 10px 4px #888;
 -webkit-box-shadow: 1px 9px 10px 4px #888;
margin-top: 30px;
background: -moz-linear-gradient(top, #F2D4A6 3%, #D28814 33%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#F2D4A6), color-stop(33%,#D28814)); 
background: -webkit-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
background: -o-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
}
.form-kombi-arch{
width: 300px;
height: 50px;
text-align: center;
margin: 0 auto;
border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: 1px 9px 10px 4px #888;
 -o-box-shadow: 1px 9px 10px 4px #888;
 -webkit-box-shadow: 1px 9px 10px 4px #888;
margin-top: 20px;
background: -moz-linear-gradient(top, #F2D4A6 3%, #D28814 33%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#F2D4A6), color-stop(33%,#D28814)); 
background: -webkit-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
background: -o-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
}
.form-kombi-projekty{
width: 300px;
height: 50px;
text-align: center;
margin: 0 auto;
border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: 1px 9px 10px 4px #888;
 -o-box-shadow: 1px 9px 10px 4px #888;
 -webkit-box-shadow: 1px 9px 10px 4px #888;
margin-top: 150px;
background: -moz-linear-gradient(top, #F2D4A6 3%, #D28814 33%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#F2D4A6), color-stop(33%,#D28814)); 
background: -webkit-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
background: -o-linear-gradient(top, #F2D4A6 3%,#D28814 33%); 
}
p.nagl-zajawka{
text-align: center;
 font-family: verdana;
 font-size: 11pt;
 margin-bottom: 15px;
 font-weight: bold;
}
p.nag-artyk {
font-family: verdana;
 font-size: 16pt;
 font-weight: normal;
 text-shadow: 5px 3px 2px #65656E;
 text-align: center;
 margin-top: 120px;
 margin-bottom: 30px;
}
p.nag-projekty {
font-family: verdana;
 font-size: 16pt;
 font-weight: normal;
 text-shadow: 5px 3px 2px #65656E;
 text-align: center;
 margin-top: 80px;
 margin-bottom: 30px;
}
p.akt-powrot {
text-align: center;
font-size: 10pt;
font-family: verdana
}
.form-txt{
width: 320px;
height: 400px;
float: left;
background-image: url("/images/kontakt/cz_lin32a.png");
background-repeat: no-repeat;
background-position: right;
/*background-image: url("../images/cz_8b.png");
background-repeat: repeat-x;
background-image: url("../images/cz_8c.png");*/

/*background: red;*/
}
.form-adr{
width: 300px; 
text-align: center; 
padding-bottom: 10px; 
height: 390px; 
float: left;
/*background-image: url("../images/cz_8b.png");
background-repeat: repeat-x;*/
}
.z0{
width: 100%; 
margin: auto; 
margin-top: 0px; 
overflow: hidden; 
background-color: transparent; 
color: transparent;
/*background-image: url("/images/kontakt/cz_ggg.png");*/
background-repeat: repeat-x;
z-index: 1;
}
.z-1{
width: 100%; 
margin: auto; 
margin-top: 0px; 
overflow: hidden; 
background-color: transparent;  
color: transparent;
/*background-image: url("/images/kontakt/cz_ddd.png");*/
background-repeat: repeat-x;
background-position: bottom;
z-index: 0;
}
.z-2{
width: 100%; 
margin: auto; 
margin-top: 0px; 
overflow: hidden; 
background-color: transparent;  
color: transparent;
/*background-image: url("/images/kontakt/cz_lll.png");*/
background-repeat: repeat-y;
background-position: left;
z-index: 0;
}
.z-3{
width: 85%; 
margin: auto; 
margin-top: 0px; 
overflow: hidden; 
background-color: transparent; 
border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
color: transparent;
/*background-image: url("/images/kontakt/cz_ppp.png");*/
background-repeat: repeat-y;
background-position: right;
z-index: 0;
box-shadow: 1px 1px 30px #F0650E inset;
}
.form-hist {
margin: auto;
margin-top: 130px;
width: 80%;
/*background-color: #B0E0E6;*/
background-image: url("/images/cz_5a.png");
background-repeat: repeat-x;
padding: 20px;
height: 350px;
box-shadow: 5px 5px 5px #888;
-o-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
border-radius: 35px 35px 35px 35px;
-o-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
}
.con-nag{
  top: 90px;
  bottom: 45px;
  position: relative;
  font-family: verdana;
  font-size: 18pt;
  text-align: center;
  text-shadow: 3px 2px 2px #8B4500;
  color: white;
  width: auto;
}
p.con-nag{
  top: 90px;
  bottom: 45px;
  font-family: verdana;
  font-size: 18pt;
  text-align: center;
  text-shadow: 3px 2px 2px #8B4500;
  color: white;
  
}
.input-form-hist{
  width: 80%;
  margin-bottom: 5px;
  border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  height: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
.area-form-hist{
  width: 295px;
  height: 360px;
  border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
  font-style: italic;
  float: right;
  margin-right: 5px;
}
/*.dziekuje{
font-family: verdana;
 font-size: 12pt;
 margin-top: 70px;
 text-align: center;
 text-shadow: 3px 2px 2px #48433B;
 color: #151313;
 font-weight: bold;
 height: auto;
 width: 200px;
 }*/
 p.dziekuje{
font-family: verdana;
 font-size: 12pt;
 margin-top: 70px;
 text-align: center;
 text-shadow: 3px 2px 2px #48433B;
 color: #151313;
 font-weight: bold;
 }
 /*p.dziekuje2{
font-family: verdana;
 font-size: 12pt;
 margin-top: 70px;
 text-align: center;
 text-shadow: 3px 2px 2px #48433B;
 color: #151313;
 font-weight: bold;
 }*/
 p.dziekuje1{
font-family: verdana;
 font-size: 12pt;
 margin-top: 20px;
 text-align: center;
 text-shadow: 3px 2px 2px #48433B;
 color: #151313;
 font-weight: bold;
 }
 /*p.dziekuje1a{
font-family: verdana;
 font-size: 12pt;
 margin-top: 20px;
 text-align: center;
 text-shadow: 3px 2px 2px #48433B;
 color: #151313;
 font-weight: bold;
 }*/
 dl.menu000{
	position: absolute;
	width: 436px;
	height: auto;
	left: 150px;
	top: 0px;
	margin: 0 auto;
	margin: 0 auto;
	border-radius: 0px 0px 30px 30px;
	background: none repeat scroll 70% 80% rgba(248, 248, 240, 0.8);
	text-align: center;
	font-size: 10pt;
	z-index: 99;
	box-shadow: 1px 1px 10px #00F inset;
}
.jubil1 {
    position: absolute;
    width: 150px;
    text-align: center;
    margin-left: 50px;
    margin-top: -40px;
    text-shadow: 3px 3px 3px #C0A070;
    color: transparent;
    font-size: 34pt;
    height: auto;
}

.jubil2 {
    position: absolute;
    width: 150px;
    text-align: center;
    margin-left: 520px;
    margin-top: -40px;
    font-size: 34pt;
    text-shadow: 3px 3px 3px #C0A070;
    color: transparent;
}
.comenius-lomma-2014-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/comenius-lomma-2014.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-babci-dziadka-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_babci_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.choinka-sp-gim-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/choinka_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-siatkowka-dziewczeta-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/siatkowka_dziewczeta_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-1-semestru-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/podsumowanie_1_semestr_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.przyjaciel-przyrody-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel_przyrody_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-konkursow-lublin-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkursy_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.matematyczna-drabinka-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/drabinka_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.nagroda-edward-kyc-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/nagroda_e_kyc.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filmowa-gra-miejska-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filmowa_gra_miejska_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-warszawa-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warszawa_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.stypendysci-gmina-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/stypendysci_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gminny-dzien-sportu-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gminny-dzien-sportu-sp-2015-akt-sport-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_sp_2015_sport.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festyn-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/festyn_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festiwal-zolkiewka-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zolkiewka_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pierwsza-komunia-swieta-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pierwsza_komunia_sw_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-angielski-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_angielski_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.radio-lublin-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/radio_lublin.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.koral-izbica-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/koral_izbica_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jarmark-krupe-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jarmark_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.laureaci-konkursow-w-gminie-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/laureaci_wojt_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.ewakuacja-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ewakuacja_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.polska-izrael-u21-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/polska_izrael_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2015_fot.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny_fot1.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.tablica-wnorowski{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/tablica_wnorowski.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.polska-islandia-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/polska_islandia.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jaselka-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.kiermasz-ozdob-swiatecznych-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/kiermasz_ozdob_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.mikolajki-2015-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/mikolajki_2015.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.malochwiejskie-koledowanie-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/koledowanie_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.osm-spotkanie-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/osm_1_3_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-babci-dziadka-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_babci_dziadka_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.choinka-1-3-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/choinka_1_3_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wzorowi-2015-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wzorowi_2015_16.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.noc-filmowa-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/noc_filmowa.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pracownia-filmoteki-szkolnej-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pracownia_filmoteki_szkolnej.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.gora-grosza-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/gora_grosza_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.walentynki-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/walentynki_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-pozarniczy-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pozarniczy_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-kobiet-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_kobiet_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-literacki-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_literacki_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warsztaty-filmowe-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_filmowe_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pierwszy-dzien-wiosny-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pierwszy_dzien_wiosny_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.moj-aniol-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs-moj-aniol-2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-patrona-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_patrona_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.premiera-filmu-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/premiera_filmu_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.przyjaciel-przyrody-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel_przyrody_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.drabinka-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/drabinka_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.3maj-akademia-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/3maj_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-matki-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_mamy_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.kurs-komputerowy-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/kurs_komputerowy_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.noc-muzeow-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/noc_muzeow_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filmowe-warsztaty-historyczne-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_historyczne_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.targi-ksiazki-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/targi_ksiazki_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-sportu-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_sportu_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filharmonia-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filharmonia1_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.festiwal-zolkiewka-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/festiwal_zolkiewka_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bal-gimnazjalny-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/bal_gimnazjalny_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.magiczne-ogrody-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/magiczne_ogrody_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.wycieczka-wola-okrzejska-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wola_okrzejska_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.rozpoczecie-roku-2016-17-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rozpoczecie_roku_2016_17.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.projekt-edukacyjny-hania-czuba-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/projekt_edukacyjny_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-angielski-2016-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_angielski_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.muzeum-bombki-choinkowej-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/muzeum_bombki_choinkowej.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-zwierzyniec-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_zwierzyniec_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filmowa-gra-miejska-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filmowa_gra_miejska_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.otrzesiny-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/otrzesiny_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-angielski-klasa4-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_angielski_klasa4_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.filharmonia-lubelska-pazdziernik-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filharmonia_10_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wybory-su-gimn-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wybory_su_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.leczna-lech-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/leczna_lech.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.cyrk-luna-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/cyrk_luna_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-papieski-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_papieski_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.spektakl-samotni-w-tlumie-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/samotni_w_tlumie.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
/*#dziennik-elektroniczny{
  width: 170px;
  height: 76px;
  float: left;
  margin-left: 5px;
  position: relative;
  background-image: url("../grafika/logo_dziennika.jpg");
  border-radius: 25px; 
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;*/
  }
#dziennik-elektroniczny:hover {
   width: 170px;
  height: 76px;
  float: left;
  margin-left: 10px;
  position: relative;
  list-style-image: url("../grafika/logo_dziennika2.jpg");
  border-radius: 25px;
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;
  }
  .dziennik-elektroniczny{
  width: 170px;
  height: 76px;
  float: left;
  margin-left: 10px;
  position: relative;
  /*background-image: url("../grafika/logo_dziennika.jpg");*/
  border-radius: 25px; 
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;
  }
.dziennik-elektroniczny:hover {
   width: 170px;
  height: 76px;
  float: left;
  margin-left: 10px;
  position: relative;
  /*background-image: url("../grafika/logo_dziennika2.jpg");*/
  border-radius: 25px;
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;
  }
  
  .hover {
   width: 170px;
  height: 76px;
  float: left;
  margin-left: 10px;
  position: relative;
  /*background-image: url("../grafika/logo_dziennika2.jpg");*/
  border-radius: 25px;
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;
  }
.niepodleglosc-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_2016_17.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warsztaty-filmowe-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_filmowe_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.czytanie-quo-vadis-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/quo_vadis_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.maraton-filmowy-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/maraton_wajda.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.inscenizacja-dziadow-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dziady_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.kartki-swiateczne-po-niemiecku-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/kartki_po_niemiecku_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.odeszdl-krzysio-marucha-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/krzysio_marucha_2.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zaproszenie-na-choinke-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/choinka_2017.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jaselka-2016{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2016.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.choinka-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/choinka_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.podsumowanie-1-semestru-2016-17{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wzorowi_polrocze_2016_17.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warsztaty-filmowe-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.powiatowy-konkurs-czytelniczy-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/powiatowy_konkurs_czytelniczy_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-kobiet-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_kobiet_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-chelm-1g-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_chelm_1g_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.warsztaty-gil-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_gil_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pierwszy-dzien-wiosny-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pierwszy_dzien_wiosny_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jestem-przyjacielem-przyrody-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel_przyrody_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-matematyczny-zerowka-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_matematyczny_zerowka_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-krakow-lagiewniki-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_krakow_lagiewniki_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pielgrzymka-chelm-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pielgrzymka_chelm_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.konkurs-angielski-martyna-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_angielski_martyna.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zakonczenie-roku-2016-17{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakonczenie_roku_2016_17.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-patgrona-2016-17{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/j_slowacki2.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.projekt-edukacyjny-2016-17{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/projekt_edukacyjny2.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-zakopane-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zakopane_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.rozpoczecie-roku-2018-19-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rozpoczecie_roku_18_19.png");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.niepodleglosc-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.heureka-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/heureka_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.euroweek-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/euroweek_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.fluency-mc-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/fluency_mc_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zbiorka-slodyczy-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zbiorka_slodyczy.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.jaselka-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wyjazdy-kdk-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/tecza.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zamojska-manufaktura-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zamosc_manufaktura2.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2017{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.zbiorka-slodyczy-2017-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zbiorka_slodyczy_2017.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.przyjaciel-przyrody-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/przyjaciel_przyrody_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.matematyczna-drabinka-2018-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/matematyczna_drabinka_2018.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.koncert-koled-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/koncert_koled_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.den-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/den_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.inscenizacja_zemsty-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/inscenizacja_zemsty_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.narodowe-czytanie-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/narodowe_czytanie_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.probna-ewakuacja-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/ewakuacja_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.rajd-rowerowy-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/rajd_rowerowy_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.sprzatanie-swiata-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/sprzatanie_swiata_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.turniej-pilkarski-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/turniej_pilkarski_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.wybory-su-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wybory_su_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-przemysl-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_przemysl_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.zebranie-rodzicow-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zebranie_rodzicow_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.gminne-obchody-den-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/gminne_obchody_den_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-papieski-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_papieski_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.dzien-chlopaka-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/dzien_chlopaka_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.bieg-po-zdrowie-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/bieg_po_zdrowie_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wizyta-na-grobach-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wizyta_na_grobach_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.wycieczka-pawlow-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wycieczka_pawlow_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.kamienie-na-szaniec-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/kamienie_na_szaniec.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
.pasowanie-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pasowanie_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.inauguracja_roku-2019-20-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/inauguracja_roku_2019_20.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.warsztaty-dziennikarskie-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_filmowe_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.wizyta-na-cmentarzach-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/wizyta_cmentarze_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.filmoteka-warszawa-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/filmoteka_warszawa_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.zemsta-klasy-4-8-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zemsta_07_11_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.pomnik-lany-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/pomnik_lany_niepodleglosc.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.szkola-do-hymnu-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/szkola_do_hymnu_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.akademia-niepodleglosc-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/niepodleglosc_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.zywa-lekcja-historii-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/zywa_lekcja_historii_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.malochwiejak-malochwiej-maly-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/malochwiejak_wdk_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.warsztaty-profilaktyczne-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/warsztaty_profilaktyczne_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.andrzejki-0-3-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/andrzejki_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.mikolajki-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/mikolaj_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.konkurs-plastyczny-nowele-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/konkurs_plastyczny_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}

.jaselka-2019-fot{
  width: 150px;
  float: left;
  margin-top: 75px;
  margin-left: 25px;
  height: 110px;
  background-image: url("../grafika/jaselka_2019.jpg");
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 20px 10px -10px #808080;
}
/*
#rodo {
  width: 174px;
  height: 80px;
  float: left;
  margin-left: 5px;
  position: relative;
  list-style-image: url("../grafika/rodo_logo.jpg");
  border-radius: 25px;
  box-shadow: inset 1px 1px 15px #0000FF;
  bottom: 10px;
  margin-top: 15px;
  }
  */