/* - ploneCustom.css - */
@media all {
/* http://194.149.144.34/en.archived.feit.ukim.edu.mk/portal_css/ploneCustom.css?original=1 */
body {
font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
background-color: #F1F1F1;
color: Black;
margin: 0;
padding: 0;
}
.rowN {
width: 700px;
margin: 0px;
}
ul.itemsN {
width: 100%;
display: table;
}
ul.itemsN li {
float: left;
width: 22%;
text-align: center;
margin-right: 3%;
display: block;
}
ul.itemsN li figure {
position: relative;
overflow: hidden;
background: #f0f5ff;
text-align: center;
border-style:solid;
border-width:5px;
border-color: #eff3f8 #d8e2ee #c0d0e5 #f4f4f4;
width: 100%;
}
ul.itemsN li figure img {
width: 100px;
height: 100px;
margin-top:30px;
transition: transform 0.3s ease-out, opacity 0.3s;
}
ul.itemsN li a {
display: block;
width: 100%;
height: 100%;
}
ul.itemsN li a:hover .description {
transform: translate(0, 0);
}
ul.itemsN li a:hover .title {
transform: translate(0, -40px);
}
ul.itemsN li a:hover img {
opacity: 0.3;
transform: translate(0, -30px);
}
ul.itemsN li:last-of-type {
margin-right: 0px;
}
.button-n {
display: inline-block;
width:100%;
position: relative;
margin: 0.2em 0 0.2em 0;
padding: 0.6em;
background: #f7f7f7;
border: none;
text-decoration: none;
font-weight: 700;
color: white;
}
.hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #b1cbe6;
color: white;
}

}