#zaj {height:1150px;}
#zaj ul {display: block;
        list-style-type:none;
        margin-left: 50px;
        padding:0;
        /*border:1px solid #CCC;*/
        width:720px;
        box-shadow:0 6px 6px -6px #666;
}
#zaj ul li {height:265px;float: left;
			-webkit-box-shadow: 4px 4px 5px 0px #666;
			-moz-box-shadow:    4px 4px 5px 0px #666;
			box-shadow:         4px 4px 5px 0px #666;
			width:300px;
			margin: 0px 30px 15px 0px;font-size:12px;
			border:1px solid #CCC;
        position:relative;
        background-color:#EEE;
        /*background-image:radial-gradient(ellipse at top, #FFF 0%, #abc 100%);*/
  background: -webkit-linear-gradient(#ccc, #fff, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ccc, #fff, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ccc, #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ccc, #fff, #ccc); /* Standard syntax */
}
#zaj ul li:first-child {
        /*border-top:none;*/
}
#zaj ul li:hover {
        background:#c6e2ff;
}
#zaj ul li a {
        display:block;
        text-decoration:none;
        padding:5px 5px 0;
        text-align:center;
}
#zaj ul li a:hover {padding:5px 5px 0;color:#ff0000;
        background:#c6e2ff;

  background: -webkit-radial-gradient(circle, #c6e2ff, #fff, #c6e2ff); /* For Safari 5.1 to 6.0 */
  background: -o-radial-gradient(circle, #ffffb0, #fff, #c6e2ff); /* For Opera 11.1 to 12.0 */
  background: -moz-radial-gradient(circle, #c6e2ff, #fff, #c6e2ff); /* For Firefox 3.6 to 15 */
  background: radial-gradient(circle, #c6e2ff, #fff, #c6e2ff); /* Standard syntax */
}
#zaj ul li:hover a span {/*
        animation:mignij 2s linear;
        -webkit-animation:mignij 2s linear;*/
}
#zaj ul li a div.ztytul
{display:table-cell;vertical-align:middle;color:#004000;font-size: 16px;  height: 68px;width:300px;font-weight:bold;margin-left:-5px;text-align: center;
}
#zaj ul li a div.ztytul:hover{color:#ff0000;}
#zaj .data{padding-left:10px;float:left;}
#zaj .gdzie{color: #800080;font:14px normal;text-align:left;float:right;margin-left:10px; line-hight:150%;}
      #zaj ul li:before {
        content:'';
}
#zaj ul li:after {
        content:'';
}
#zaj ul li a div{width:300px;height:160px; margin-left: -5px;}
#zaj ul li:hover:after {
        content:attr(data-tekscik);
        width:270px;
        padding:10px;font-size:12px;
        line-height:18px;font-weight:normal;
        border:1px solid #CCC;
        position:absolute;
        /*bottom:25px;*/top:265px;z-index:1000;
        left:4px;
        background-image:radial-gradient(ellipse at center, #FFF 0%, #EEE 100%);
				background:url('https://zspnietazkowo.pl/grafika/kratka-.gif');
        font-family:Tahoma, sans-serif;color:#000080;text-align:justify;
        text-shadow:0px 0px 0px #ffffff;
        box-shadow:0 6px 6px -6px #666;
        transform-origin:50% 100%;
        -webkit-transform-origin:50% 100%;
        animation:tekscik 1s;
        -webkit-animation:tekscik 1s;
}
@keyframes tekscik
      {
        0% { transform:scale(0) rotate(0); opacity:0; }
        100% { transform:scale(1) rotate(360deg); opacity:1; }
}
@-webkit-keyframes tekscik
      {
        0% { -webkit-transform:scale(0) rotate(0); opacity:0; }
        100% { -webkit-transform:scale(1) rotate(360deg); opacity:1; }
}
.zooom {max-height:170px;max-width:280px;}
.podpis {padding-right:10px;}
.zoom .tooltip {top:-120px;}