/* przeslona podpisy do loga na kazdej stronie */

.title_b{
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 0;
    background: #151515;
    width: 220px;
	font-size:16px;
	text-shadow:1px 1px black;
}
 
.title_b img {
    display: block;
    transition: all .6s ease-in-out;
    width: 220px;
}
 
.title_b:before, .title_b:after {
    content: '';
    position: absolute;
    text-align: left;
    transition: all .6s ease-in-out;
    width: 220px;
}
 
.title_b:before {
    height: 170px;
}
 
.title_b:after {
    background: #bdbdbd;
    color: #fff;
    content: attr(data-title_b);
	line-height: 170px;
	text-align: center;
    padding: 0 0 60px 0;
    text-overflow: ellipsis;
    white-space: pre;
}
 
.title_b.fade-in_b:after {
    opacity: 0;
    top: 0;
}
 
.title_b.fade-in_b.bottom_b:after {
    top: auto;
    bottom: 0;
	width: 220px;
}
 
.title_b.fade-in_b:hover:after {
    opacity: 0.5;
}

/* przeslona dla duzego zdj 450x350px przemyslowego */

.title450p{
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 0;
    background: #151515;
    width: 450px;
	font-size:16px;
	text-shadow:1px 1px black;
}
 
.title450p img {
    display: block;
    transition: all .6s ease-in-out;
    width: 450px;
}
 
.title450p:before, .title450p:after {
    content: '';
    position: absolute;
    text-align: left;
    transition: all .6s ease-in-out;
    width: 450px;
}
 
.title450p:before {
    height: 350px;
}
 
.title450p:after {
    background: #8f0097;
    color: #fff;
    content: attr(data-title450p);
	line-height: 350px;
	text-align: center;
    padding: 0 0 120px 0;
    text-overflow: ellipsis;
    white-space: pre;
}
 
.title450p.fade-in450p:after {
    opacity: 0;
    top: 0;
}
 
.title450p.fade-in450p.bottom450p:after {
    top: auto;
    bottom: 0;
	width: 450px;
}
 
.title450p.fade-in450p:hover:after {
    opacity: 0.5;
}

/* przeslona dla duzego zdj 450x350px uslugoweho */

.title450u{
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 0;
    background: #151515;
    width: 450px;
	font-size:16px;
	text-shadow:1px 1px black;
}
 
.title450u img {
    display: block;
    transition: all .6s ease-in-out;
    width: 450px;
}
 
.title450u:before, .title450u:after {
    content: '';
    position: absolute;
    text-align: left;
    transition: all .6s ease-in-out;
    width: 450px;
}
 
.title450u:before {
    height: 350px;
}
 
.title450u:after {
    background: #c2004f;
    color: #fff;
    content: attr(data-title450u);
	line-height: 350px;
	text-align: center;
    padding: 0 0 120px 0;
    text-overflow: ellipsis;
    white-space: pre;
}
 
.title450u.fade-in450u:after {
    opacity: 0;
    top: 0;
}
 
.title450u.fade-in450u.bottom450u:after {
    top: auto;
    bottom: 0;
	width: 450px;
}
 
.title450u.fade-in450u:hover:after {
    opacity: 0.5;
}

/* przeslona podpisy do grup projektów */

.title_rp{
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 0;
    background: #151515;
    width: 220px;
	font-size:16px;
	text-shadow:1px 1px black;
}
 
.title_rp img {
    display: block;
    transition: all .6s ease-in-out;
    width: 220px;
}
 
.title_rp:before, .title_rp:after {
    content: '';
    position: absolute;
    text-align: left;
    transition: all .6s ease-in-out;
    width: 220px;
}
 
.title_rp:before {
    height: 50px;
}
 
.title_rp:after {
    background: #bdbdbd;
    color: #fff;
    content: attr(data-title_rp);
	line-height: 50px;
	text-align: center;
    padding: 0 0 60px 0;
    text-overflow: ellipsis;
    white-space: pre;
}
 
.title_rp.fade-in_rp:after {
    opacity: 0;
    top: 0;
}
 
.title_rp.fade-in_rp.bottom_rp:after {
    top: auto;
    bottom: 0;
	width: 220px;
}
 
.title_rp.fade-in_rp:hover:after {
    opacity: 0.5;
}