.blok_kwadrat{
	width:992px;
	height:536px;
	position:relative;
	margin-left: -32px;
	margin-top: -48px;
    margin-bottom: -32px;
}

.aktualnosci{
	width:456px;
	height:264px;
	position: absolute;
	left:0;
	top:0;
}
.aktualnosci:before{
    background: url(../grafika/glowna_aktualnosci.jpg);
}

.aktualnosci:after{
	background: url(../grafika/glowna_btn_aktualnosci.png);
    width: 233px;
    height: 56px;
}

.kontakt{
	width:256px;
	height:264px;
	position: absolute;
	top:0;
	left:464px;
}
.kontakt:before{
    background: url(../grafika/glowna_kontakt.jpg);
}

.kontakt:after{
	background: url(../grafika/glowna_btn_kontakt.png);
    width: 178px;
    height: 54px;
}

.promocje{
	width:264px;
	height:536px;
	position: absolute;
	top:0;
	right:0;
}
.promocje:before{
    background: url(../grafika/glowna_promocje.jpg);
}

.promocje:after{
	background: url(../grafika/glowna_btn_promocje.png);
    width: 192px;
    height: 54px;
}

.serwis{
	width:256px;
	height:264px;
	position: absolute;
	bottom:0;
	left:0;
}

.serwis:before{
    background: url(../grafika/glowna_serwis.jpg);
}

.serwis:after{
	background: url(../grafika/glowna_btn_serwis.png);
    width: 170px;
    height: 60px;
}

.rowery{
	width:456px;
	height:264px;
	position: absolute;
	bottom: 0;
	left:264px;
}

.rowery:before{
    background: url(../grafika/glowna_rowery.jpg);
}

.rowery:after{
	background: url(../grafika/glowna_btn_rowery.png);
    width: 171px;
    height: 54px;
}

.aktualnosci:before, .kontakt:before, .promocje:before, .serwis:before, .rowery:before{
	content: "";
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-size: 100%;
    transition:0.3s;
}

.aktualnosci:after, .kontakt:after, .promocje:after, .serwis:after, .rowery:after{
	content: "";
    bottom:0;
    left:0;
    position: absolute;
}

.aktualnosci:hover::before, .kontakt:hover::before, .promocje:hover::before,
.serwis:hover::before, .rowery:hover::before{
	background-size: 105%;
	transition:0.3s;
}