/* opis w p  */

.opis-absolwent {
    color:darkslategrey;
    font-size: 15px;
    text-align: center;
    position: relative;
    top: 159px;
    
}

.opis-absolwent:hover {
    color:darkcyan;
}

.opis-dyrektor {
    color:darkslategrey;
    font-size: 15px;
    text-align: center;
    position: relative;
    top: 293px;

}

.opis-dyrektor:hover {
    color:darkcyan;
}


.opis-nauczyciel {
    color:darkslategrey;
    font-size: 15px;
    text-align: center;
    position: relative;
    top: 213px;

}

.opis-nauczyciel:hover {
    color:darkcyan;
}

/* Wzór zdjęcia przyciski */


.zdj-przyciski-absolwent { 
    display:block;
    width:100px;
    height:174px;
    background: url('../zdj-front/str-front/absolwenci-prawa/a5-celina-grodecka.jpg') top left no-repeat;
}

.zdj-przyciski-absolwent:hover {
    display:block;
    width:100px;
    height:174px;
    background: url('../zdj-front/str-front/absolwenci-prawa/a5-celina-grodecka.jpg') bottom left no-repeat;
    text-decoration: none; /* dotyczy p */
   
}


/* Tu zaczynam zdj przyciski */
/* ogolne dla absolwent */
.zdj-min-a {
    display:block;
    height: 156px;

}

.zdj-min-a:hover {
    display:block;
    height: 156px;
    text-decoration: none; /* dotyczy p */

}

/* ogolne dla dyrektor */
.zdj-min-d {
    display:block;
    height: 290px;

}

.zdj-min-d:hover {
    display:block;
    height: 290px;
    text-decoration: none; /* dotyczy p */

}

/* ogolne dla nauczyciel */

.zdj-min-n {
    display:block;
    height: 210px;

}

.zdj-min-n:hover {
    display:block;
    height: 210px;
    text-decoration: none; /* dotyczy p */

}


/* lista */

.al1 {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al1-koch-hubert-min.jpg') top left no-repeat;

}

.al1:hover {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al1-koch-hubert-min.jpg') bottom left no-repeat;

}

.al2 {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al2-marczyk-roman-min.jpg') top left no-repeat;

}

.al2:hover {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al2-marczyk-roman-min.jpg') bottom left no-repeat;

}

.al3 {
    width: 109px;
    background: url('../zdj-front/absolwenci-lewa/al3-adamczyk-piotr-min.jpg') top left no-repeat;

}

.al3:hover {
    width: 109px;
    background: url('../zdj-front/absolwenci-lewa/al3-adamczyk-piotr-min.jpg') bottom left no-repeat;

}

.al4 {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al4-naumowicz-andrzej-min.jpg') top left no-repeat;

}

.al4:hover {
    width: 110px;
    background: url('../zdj-front/absolwenci-lewa/al4-naumowicz-andrzej-min.jpg') bottom left no-repeat;

}
.al5 {
    width: 113px;
    background: url('../zdj-front/absolwenci-lewa/al5-dudek-piotr-min.jpg') top left no-repeat;

}

.al5:hover {
    width: 113px;
    background: url('../zdj-front/absolwenci-lewa/al5-dudek-piotr-min.jpg') bottom left no-repeat;

}
.al6 {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al6-piotrowski-adam-min.jpg') top left no-repeat;

}

.al6:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al6-piotrowski-adam-min.jpg') bottom left no-repeat;

}
.al7 {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al7-grzegoszczyk-jedrzej-min.jpg') top left no-repeat;

}

.al7:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al7-grzegoszczyk-jedrzej-min.jpg') bottom left no-repeat;

}
.al8 {
    width: 111px;
    background: url('../zdj-front/absolwenci-lewa/al8-wegrzyk-krystyna-min.jpg') top left no-repeat;

}

.al8:hover {
    width: 111px;
    background: url('../zdj-front/absolwenci-lewa/al8-wegrzyk-krystyna-min.jpg') bottom left no-repeat;

}
.al9 {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al9-kremer-grzegorz-min.jpg') top left no-repeat;

}

.al9:hover {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al9-kremer-grzegorz-min.jpg') bottom left no-repeat;

}
.al10 {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al10-radwanski-henryk-min.jpg') top left no-repeat;

}

.al10:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al10-radwanski-henryk-min.jpg') bottom left no-repeat;

}
.al11 {
    width: 123px;
    background: url('../zdj-front/absolwenci-lewa/al11-talaga-janina-min.jpg') top left no-repeat;

}

.al11:hover {
    width: 123px;
    background: url('../zdj-front/absolwenci-lewa/al11-talaga-janina-min.jpg') bottom left no-repeat;

}
.al12 {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al12-kupczak-andrzej-min.jpg') top left no-repeat;

}

.al12:hover {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al12-kupczak-andrzej-min.jpg') bottom left no-repeat;

}

.al13 {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al13-lawrynowicz-jaroslaw-min.jpg') top left no-repeat;

}

.al13:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al13-lawrynowicz-jaroslaw-min.jpg') bottom left no-repeat;

}

.al14 {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al14-zamecka-teresa-min.jpg') top left no-repeat;

}

.al14:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-lewa/al14-zamecka-teresa-min.jpg') bottom left no-repeat;

}

.al15 {
    width: 118px;
    background: url('../zdj-front/absolwenci-lewa/al15-tomiczek-henryk-min.jpg') top left no-repeat;

}

.al15:hover {
    width: 118px;
    background: url('../zdj-front/absolwenci-lewa/al15-tomiczek-henryk-min.jpg') bottom left no-repeat;

}

.al16 {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al16-garcarzyk-daniel-min.jpg') top left no-repeat;

}

.al16:hover {
    width: 114px;
    background: url('../zdj-front/absolwenci-lewa/al16-garcarzyk-daniel-min.jpg') bottom left no-repeat;

}

.al17 {
    width: 113px;
    background: url('../zdj-front/absolwenci-lewa/al17-wandzioch-piotr-min.jpg') top left no-repeat;

}

.al17:hover {
    width: 113px;
    background: url('../zdj-front/absolwenci-lewa/al17-wandzioch-piotr-min.jpg') bottom left no-repeat;

}

.al18 {
    width: 111px;
    background: url('../zdj-front/absolwenci-lewa/al18-kurzak-roman-min.jpg') top left no-repeat;

}

.al18:hover {
    width: 111px;
    background: url('../zdj-front/absolwenci-lewa/al18-kurzak-roman-min.jpg') bottom left no-repeat;

}

.ap1 {
    width: 116px;
    background: url('../zdj-front/absolwenci-prawa/ap1-dunkel-zygfryd-min.jpg') top left no-repeat;

}

.ap1:hover {
    width: 116px;
    background: url('../zdj-front/absolwenci-prawa/ap1-dunkel-zygfryd-min.jpg') bottom left no-repeat;

}

.ap2 {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap2-kuklinski-adam-min.jpg') top left no-repeat;

}

.ap2:hover {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap2-kuklinski-adam-min.jpg') bottom left no-repeat;

}

.ap3 {
    width: 110px;
    background: url('../zdj-front/absolwenci-prawa/ap3-noske-leonard-min.jpg') top left no-repeat;

}

.ap3:hover {
    width: 110px;
    background: url('../zdj-front/absolwenci-prawa/ap3-noske-leonard-min.jpg') bottom left no-repeat;

}

.ap4 {
    width: 120px;
    background: url('../zdj-front/absolwenci-prawa/ap4-cieszko-tadeusz-min.jpg') top left no-repeat;

}

.ap4:hover {
    width: 120px;
    background: url('../zdj-front/absolwenci-prawa/ap4-cieszko-tadeusz-min.jpg') bottom left no-repeat;

}

.ap5 {
    width: 117px;
    background: url('../zdj-front/absolwenci-prawa/ap5-grodecka-celina-min.jpg') top left no-repeat;

}

.ap5:hover {
    width: 117px;
    background: url('../zdj-front/absolwenci-prawa/ap5-grodecka-celina-min.jpg') bottom left no-repeat;

}

.ap6 {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap6-szostak-krystian-min.jpg') top left no-repeat;

}

.ap6:hover {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap6-szostak-krystian-min.jpg') bottom left no-repeat;

}

.ap7 {
    width: 115px;
    background: url('../zdj-front/absolwenci-prawa/ap7-kozmicki-zbigniew-min.jpg') top left no-repeat;

}

.ap7:hover {
    width: 115px;
    background: url('../zdj-front/absolwenci-prawa/ap7-kozmicki-zbigniew-min.jpg') bottom left no-repeat;

}

.ap8 {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap8-noculak-halina-min.jpg') top left no-repeat;

}

.ap8:hover {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap8-noculak-halina-min.jpg') bottom left no-repeat;

}

.ap9 {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap9-mazur-andrzej-min.jpg') top left no-repeat;

}

.ap9:hover {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap9-mazur-andrzej-min.jpg') bottom left no-repeat;

}

.ap10 {
    width: 109px;
    background: url('../zdj-front/absolwenci-prawa/ap10-kielkowski-krystian-min.jpg') top left no-repeat;

}

.ap10:hover {
    width: 109px;
    background: url('../zdj-front/absolwenci-prawa/ap10-kielkowski-krystian-min.jpg') bottom left no-repeat;

}

.ap11 {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap11-duda-halina-min.jpg') top left no-repeat;

}

.ap11:hover {
    width: 111px;
    background: url('../zdj-front/absolwenci-prawa/ap11-duda-halina-min.jpg') bottom left no-repeat;

}

.ap12 {
    width: 108px;
    background: url('../zdj-front/absolwenci-prawa/ap12-swierczynski-bogdan-min.jpg') top left no-repeat;

}

.ap12:hover {
    width: 108px;
    background: url('../zdj-front/absolwenci-prawa/ap12-swierczynski-bogdan-min.jpg') bottom left no-repeat;

}

.ap13 {
    width: 112px;
    background: url('../zdj-front/absolwenci-prawa/ap13-szostak-michal-min.jpg') top left no-repeat;

}

.ap13:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-prawa/ap13-szostak-michal-min.jpg') bottom left no-repeat;

}

.ap14 {
    width: 106px;
    background: url('../zdj-front/absolwenci-prawa/ap14-ucher-bronislaw-min.jpg') top left no-repeat;

}

.ap14:hover {
    width: 106px;
    background: url('../zdj-front/absolwenci-prawa/ap14-ucher-bronislaw-min.jpg') bottom left no-repeat;

}

.ap15 {
    width: 116px;
    background: url('../zdj-front/absolwenci-prawa/ap15-sojka-roman-min.jpg') top left no-repeat;

}

.ap15:hover {
    width: 116px;
    background: url('../zdj-front/absolwenci-prawa/ap15-sojka-roman-min.jpg') bottom left no-repeat;

}

.ap16 {
    width: 112px;
    background: url('../zdj-front/absolwenci-prawa/ap16-dudek-andrzej-min.jpg') top left no-repeat;

}

.ap16:hover {
    width: 112px;
    background: url('../zdj-front/absolwenci-prawa/ap16-dudek-andrzej-min.jpg') bottom left no-repeat;

}

.ap17 {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap17-marczykiewicz-wlodzimierz-min.jpg') top left no-repeat;

}

.ap17:hover {
    width: 118px;
    background: url('../zdj-front/absolwenci-prawa/ap17-marczykiewicz-wlodzimierz-min.jpg') bottom left no-repeat;

}

.ap18 {
    width: 110px;
    background: url('../zdj-front/absolwenci-prawa/ap18-cialon-bronislaw-min.jpg') top left no-repeat;

}

.ap18:hover {
    width: 110px;
    background: url('../zdj-front/absolwenci-prawa/ap18-cialon-bronislaw-min.jpg') bottom left no-repeat;

}

/* dyrektorzy */

.d1 {
    width: 170px;
    background: url('../zdj-front/dyrektorzy/d1-jozef-jurek-min.jpg') top left no-repeat;

}

.d1:hover {
    width: 170px;
    background: url('../zdj-front/dyrektorzy/d1-jozef-jurek-min.jpg') bottom left no-repeat;

}

.d2 {
    width: 175px;
    background: url('../zdj-front/dyrektorzy/d2-ignacy-pajak-min.jpg') top left no-repeat;

}

.d2:hover {
    width: 175px;
    background: url('../zdj-front/dyrektorzy/d2-ignacy-pajak-min.jpg') bottom left no-repeat;

}

/* nauczyciele */

.n1 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n1-berger-j-min.jpg') top left no-repeat;

}

.n1:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n1-berger-j-min.jpg') bottom left no-repeat;

}

.n2 {
    width: 149px;
    background: url('../zdj-front/nauczyciele/n2-kempa-j-min.jpg') top left no-repeat;

}

.n2:hover {
    width: 149px;
    background: url('../zdj-front/nauczyciele/n2-kempa-j-min.jpg') bottom left no-repeat;

}

.n3 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n3-kowalczyk-a-min.jpg') top left no-repeat;

}

.n3:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n3-kowalczyk-a-min.jpg') bottom left no-repeat;

}

.n4 {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n4-berger-s-min.jpg') top left no-repeat;

}

.n4:hover {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n4-berger-s-min.jpg') bottom left no-repeat;

}

.n5 {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n5-lewkiewicz-h-min.jpg') top left no-repeat;

}

.n5:hover {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n5-lewkiewicz-h-min.jpg') bottom left no-repeat;

}

.n6 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n6-chmiel-m-min.jpg') top left no-repeat;

}

.n6:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n6-chmiel-m-min.jpg') bottom left no-repeat;

}

.n7 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n7-meinicke-d-min.jpg') top left no-repeat;

}

.n7:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n7-meinicke-d-min.jpg') bottom left no-repeat;

}

.n8 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n8-grochowski-r-min.jpg') top left no-repeat;

}

.n8:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n8-grochowski-r-min.jpg') bottom left no-repeat;

}

.n9 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n9-kopec-m-min.jpg') top left no-repeat;

}

.n9:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n9-kopec-m-min.jpg') bottom left no-repeat;

}

.n10 {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n10-kowalczyk-w-min.jpg') top left no-repeat;

}

.n10:hover {
    width: 152px;
    background: url('../zdj-front/nauczyciele/n10-kowalczyk-w-min.jpg') bottom left no-repeat;

}

.n11 {
    width: 151px;
    background: url('../zdj-front/nauczyciele/n11-dziubek-cz-min.jpg') top left no-repeat;

}

.n11:hover {
    width: 151px;
    background: url('../zdj-front/nauczyciele/n11-dziubek-cz-min.jpg') bottom left no-repeat;

}

.n12 {
    width: 151px;
    background: url('../zdj-front/nauczyciele/n12-opielka-j-min.jpg') top left no-repeat;

}

.n12:hover {
    width: 151px;
    background: url('../zdj-front/nauczyciele/n12-opielka-j-min.jpg') bottom left no-repeat;

}

.n13 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n13-kocjan-z-min.jpg') top left no-repeat;

}

.n13:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n13-kocjan-z-min.jpg') bottom left no-repeat;

}

.n14 {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n14-mankowski-r-min.jpg') top left no-repeat;

}

.n14:hover {
    width: 150px;
    background: url('../zdj-front/nauczyciele/n14-mankowski-r-min.jpg') bottom left no-repeat;

}

.n15 {
    width: 144px;
    background: url('../zdj-front/nauczyciele/n15-mastalinski-marian-min.jpg') top left no-repeat;

}

.n15:hover {
    width: 144px;
    background: url('../zdj-front/nauczyciele/n15-mastalinski-marian-min.jpg') bottom left no-repeat;

}





/* komentarz */